@telegraph/combobox 0.0.89 → 0.0.91

package/dist/esm/index.mjs

@@ -4,21 +4,21 @@ import * as Zs from "@radix-ui/react-portal";
 import { useControllableState as Js } from "@radix-ui/react-use-controllable-state";
 import * as er from "@radix-ui/react-visually-hidden";
 import { Button as ae } from "@telegraph/button";
-import { useComposedRefs as An } from "@telegraph/compose-refs";
+import { useComposedRefs as Cn } from "@telegraph/compose-refs";
 import { RefToTgphRef as tr } from "@telegraph/helpers";
 import { Icon as Mn } from "@telegraph/icon";
 import { Input as nr } from "@telegraph/input";
 import { Stack as ie, Box as Pn } from "@telegraph/layout";
 import { Menu as Be } from "@telegraph/menu";
 import { Text as gt } from "@telegraph/typography";
-import { ChevronDown as sr, X as yt, Search as Rn, Plus as rr } from "lucide-react";
-import b, { createContext as ce, useRef as ye, useLayoutEffect as ir, useEffect as bt, useState as or, useContext as B, useMemo as Le, useCallback as ar, useInsertionEffect as cr, forwardRef as ur, Fragment as Fn, createElement as lr } from "react";
+import { X as yt, ChevronDown as sr, Plus as rr, Search as Rn } from "lucide-react";
+import b, { createContext as ce, useRef as ge, useLayoutEffect as ir, useEffect as bt, useState as or, useContext as B, useMemo as Le, useCallback as ar, useInsertionEffect as cr, forwardRef as ur, Fragment as Fn, createElement as lr } from "react";
 import { Tag as vt } from "@telegraph/tag";
 import { Tooltip as fr } from "@telegraph/tooltip";
 import { TooltipIfTruncated as Dn } from "@telegraph/truncate";
 const dr = ce({});
 function hr(e) {
-  const t = ye(null);
+  const t = ge(null);
   return t.current === null && (t.current = e()), t.current;
 }
 const Tt = typeof window < "u", pr = Tt ? ir : bt, On = /* @__PURE__ */ ce(null);
@@ -29,13 +29,13 @@ function gr(e, t) {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
 }
-const J = (e, t, n) => n > t ? t : n < e ? e : n;
-let ue = () => {
-}, U = () => {
+const Z = (e, t, n) => n > t ? t : n < e ? e : n;
+let xe = () => {
+}, J = () => {
 };
-process.env.NODE_ENV !== "production" && (ue = (e, t) => {
+process.env.NODE_ENV !== "production" && (xe = (e, t) => {
   !e && typeof console < "u" && console.warn(t);
-}, U = (e, t) => {
+}, J = (e, t) => {
   if (!e)
     throw new Error(t);
 });
@@ -49,7 +49,7 @@ function wt(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const le = /* @__NO_SIDE_EFFECTS__ */ (e) => e, br = (e, t) => (n) => t(e(n)), Ne = (...e) => e.reduce(br), kn = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
+const ue = /* @__NO_SIDE_EFFECTS__ */ (e) => e, br = (e, t) => (n) => t(e(n)), Ne = (...e) => e.reduce(br), kn = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
   const s = t - e;
   return s === 0 ? 1 : (n - e) / s;
 };
@@ -96,12 +96,12 @@ function wr(e, t, n, s, r) {
 }
 function Se(e, t, n, s) {
   if (e === t && n === s)
-    return le;
+    return ue;
   const r = (i) => wr(i, 0, 1, e, n);
   return (i) => i === 0 || i === 1 ? i : Kn(r(i), t, s);
 }
-const $n = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, jn = (e) => (t) => 1 - e(1 - t), Wn = /* @__PURE__ */ Se(0.33, 1.53, 0.69, 0.99), xt = /* @__PURE__ */ jn(Wn), _n = /* @__PURE__ */ $n(xt), Hn = (e) => (e *= 2) < 1 ? 0.5 * xt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), St = (e) => 1 - Math.sin(Math.acos(e)), xr = jn(St), Gn = $n(St), Sr = /* @__PURE__ */ Se(0.42, 0, 1, 1), Vr = /* @__PURE__ */ Se(0, 0, 0.58, 1), Un = /* @__PURE__ */ Se(0.42, 0, 0.58, 1), Cr = (e) => Array.isArray(e) && typeof e[0] != "number", zn = (e) => Array.isArray(e) && typeof e[0] == "number", qt = {
-  linear: le,
+const $n = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, jn = (e) => (t) => 1 - e(1 - t), Wn = /* @__PURE__ */ Se(0.33, 1.53, 0.69, 0.99), xt = /* @__PURE__ */ jn(Wn), _n = /* @__PURE__ */ $n(xt), Hn = (e) => (e *= 2) < 1 ? 0.5 * xt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), St = (e) => 1 - Math.sin(Math.acos(e)), xr = jn(St), Gn = $n(St), Sr = /* @__PURE__ */ Se(0.42, 0, 1, 1), Vr = /* @__PURE__ */ Se(0, 0, 0.58, 1), Un = /* @__PURE__ */ Se(0.42, 0, 0.58, 1), Ar = (e) => Array.isArray(e) && typeof e[0] != "number", zn = (e) => Array.isArray(e) && typeof e[0] == "number", qt = {
+  linear: ue,
   easeIn: Sr,
   easeInOut: Un,
   easeOut: Vr,
@@ -112,15 +112,15 @@ const $n = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, jn
   backInOut: _n,
   backOut: Wn,
   anticipate: Hn
-}, Ar = (e) => typeof e == "string", Xt = (e) => {
+}, Cr = (e) => typeof e == "string", Xt = (e) => {
   if (zn(e)) {
-    U(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
+    J(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [t, n, s, r] = e;
     return Se(t, n, s, r);
-  } else if (Ar(e))
-    return U(qt[e] !== void 0, `Invalid easing type '${e}'`), qt[e];
+  } else if (Cr(e))
+    return J(qt[e] !== void 0, `Invalid easing type '${e}'`), qt[e];
   return e;
-}, Ce = [
+}, Ae = [
   "setup",
   // Compute
   "read",
@@ -183,21 +183,21 @@ function Yn(e, t) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, i = () => n = !0, o = Ce.reduce((v, A) => (v[A] = Mr(i), v), {}), { setup: a, read: u, resolveKeyframes: l, preUpdate: c, update: d, preRender: f, render: h, postRender: m } = o, g = () => {
+  }, i = () => n = !0, o = Ae.reduce((v, C) => (v[C] = Mr(i), v), {}), { setup: a, read: u, resolveKeyframes: l, preUpdate: c, update: d, preRender: f, render: h, postRender: m } = o, g = () => {
     const v = j.useManualTiming ? r.timestamp : performance.now();
     n = !1, j.useManualTiming || (r.delta = s ? 1e3 / 60 : Math.max(Math.min(v - r.timestamp, Pr), 1)), r.timestamp = v, r.isProcessing = !0, a.process(r), u.process(r), l.process(r), c.process(r), d.process(r), f.process(r), h.process(r), m.process(r), r.isProcessing = !1, n && t && (s = !1, e(g));
   }, y = () => {
     n = !0, s = !0, r.isProcessing || e(g);
   };
-  return { schedule: Ce.reduce((v, A) => {
-    const S = o[A];
-    return v[A] = (C, M = !1, V = !1) => (n || y(), S.schedule(C, M, V)), v;
+  return { schedule: Ae.reduce((v, C) => {
+    const S = o[C];
+    return v[C] = (A, M = !1, V = !1) => (n || y(), S.schedule(A, M, V)), v;
   }, {}), cancel: (v) => {
-    for (let A = 0; A < Ce.length; A++)
-      o[Ce[A]].cancel(v);
+    for (let C = 0; C < Ae.length; C++)
+      o[Ae[C]].cancel(v);
   }, state: r, steps: o };
 }
-const { schedule: L, cancel: Qe, state: Fe, steps: $c } = /* @__PURE__ */ Yn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : le, !0);
+const { schedule: L, cancel: Ze, state: Fe } = /* @__PURE__ */ Yn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ue, !0);
 let Me;
 function Rr() {
   Me = void 0;
@@ -207,37 +207,37 @@ const k = {
   set: (e) => {
     Me = e, queueMicrotask(Rr);
   }
-}, qn = (e) => (t) => typeof t == "string" && t.startsWith(e), Xn = /* @__PURE__ */ qn("--"), Fr = /* @__PURE__ */ qn("var(--"), Vt = (e) => Fr(e) ? Dr.test(e.split("/*")[0].trim()) : !1, Dr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, fe = {
+}, qn = (e) => (t) => typeof t == "string" && t.startsWith(e), Xn = /* @__PURE__ */ qn("--"), Fr = /* @__PURE__ */ qn("var(--"), Vt = (e) => Fr(e) ? Dr.test(e.split("/*")[0].trim()) : !1, Dr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, le = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
-}, ve = {
-  ...fe,
-  transform: (e) => J(0, 1, e)
-}, Ae = {
-  ...fe,
+}, be = {
+  ...le,
+  transform: (e) => Z(0, 1, e)
+}, Ce = {
+  ...le,
   default: 1
-}, be = (e) => Math.round(e * 1e5) / 1e5, Ct = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+}, ye = (e) => Math.round(e * 1e5) / 1e5, At = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function Or(e) {
   return e == null;
 }
-const Er = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, At = (e, t) => (n) => !!(typeof n == "string" && Er.test(n) && n.startsWith(e) || t && !Or(n) && Object.prototype.hasOwnProperty.call(n, t)), Qn = (e, t, n) => (s) => {
+const Er = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Ct = (e, t) => (n) => !!(typeof n == "string" && Er.test(n) && n.startsWith(e) || t && !Or(n) && Object.prototype.hasOwnProperty.call(n, t)), Qn = (e, t, n) => (s) => {
   if (typeof s != "string")
     return s;
-  const [r, i, o, a] = s.match(Ct);
+  const [r, i, o, a] = s.match(At);
   return {
     [e]: parseFloat(r),
     [t]: parseFloat(i),
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Ir = (e) => J(0, 255, e), Ge = {
-  ...fe,
+}, Ir = (e) => Z(0, 255, e), Ge = {
+  ...le,
   transform: (e) => Math.round(Ir(e))
-}, q = {
-  test: /* @__PURE__ */ At("rgb", "red"),
+}, Y = {
+  test: /* @__PURE__ */ Ct("rgb", "red"),
   parse: /* @__PURE__ */ Qn("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Ge.transform(e) + ", " + Ge.transform(t) + ", " + Ge.transform(n) + ", " + be(ve.transform(s)) + ")"
+  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Ge.transform(e) + ", " + Ge.transform(t) + ", " + Ge.transform(n) + ", " + ye(be.transform(s)) + ")"
 };
 function kr(e) {
   let t = "", n = "", s = "", r = "";
@@ -248,10 +248,10 @@ function kr(e) {
     alpha: r ? parseInt(r, 16) / 255 : 1
   };
 }
-const Ze = {
-  test: /* @__PURE__ */ At("#"),
+const Je = {
+  test: /* @__PURE__ */ Ct("#"),
   parse: kr,
-  transform: q.transform
+  transform: Y.transform
 }, Ve = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
@@ -261,13 +261,13 @@ const Ze = {
   parse: (e) => re.parse(e) / 100,
   transform: (e) => re.transform(e * 100)
 }, ne = {
-  test: /* @__PURE__ */ At("hsl", "hue"),
+  test: /* @__PURE__ */ Ct("hsl", "hue"),
   parse: /* @__PURE__ */ Qn("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + re.transform(be(t)) + ", " + re.transform(be(n)) + ", " + be(ve.transform(s)) + ")"
+  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + re.transform(ye(t)) + ", " + re.transform(ye(n)) + ", " + ye(be.transform(s)) + ")"
 }, R = {
-  test: (e) => q.test(e) || Ze.test(e) || ne.test(e),
-  parse: (e) => q.test(e) ? q.parse(e) : ne.test(e) ? ne.parse(e) : Ze.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? q.transform(e) : ne.transform(e),
+  test: (e) => Y.test(e) || Je.test(e) || ne.test(e),
+  parse: (e) => Y.test(e) ? Y.parse(e) : ne.test(e) ? ne.parse(e) : Je.parse(e),
+  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? Y.transform(e) : ne.transform(e),
   getAnimatableNone: (e) => {
     const t = R.parse(e);
     return t.alpha = 0, R.transform(t);
@@ -275,10 +275,10 @@ const Ze = {
 }, Nr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function Kr(e) {
   var t, n;
-  return isNaN(e) && typeof e == "string" && (((t = e.match(Ct)) == null ? void 0 : t.length) || 0) + (((n = e.match(Nr)) == null ? void 0 : n.length) || 0) > 0;
+  return isNaN(e) && typeof e == "string" && (((t = e.match(At)) == null ? void 0 : t.length) || 0) + (((n = e.match(Nr)) == null ? void 0 : n.length) || 0) > 0;
 }
 const Zn = "number", Jn = "color", $r = "var", jr = "var(", Zt = "${}", Wr = /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 Te(e) {
+function ve(e) {
   const t = e.toString(), n = [], s = {
     color: [],
     number: [],
@@ -289,16 +289,16 @@ function Te(e) {
   return { values: n, split: a, indexes: s, types: r };
 }
 function es(e) {
-  return Te(e).values;
+  return ve(e).values;
 }
 function ts(e) {
-  const { split: t, types: n } = Te(e), s = t.length;
+  const { split: t, types: n } = ve(e), s = t.length;
   return (r) => {
     let i = "";
     for (let o = 0; o < s; o++)
       if (i += t[o], r[o] !== void 0) {
         const a = n[o];
-        a === Zn ? i += be(r[o]) : a === Jn ? i += R.transform(r[o]) : i += r[o];
+        a === Zn ? i += ye(r[o]) : a === Jn ? i += R.transform(r[o]) : i += r[o];
       }
     return i;
   };
@@ -308,7 +308,7 @@ function Hr(e) {
   const t = es(e);
   return ts(e)(t.map(_r));
 }
-const de = {
+const fe = {
   test: Kr,
   parse: es,
   createTransformer: ts,
@@ -339,10 +339,10 @@ function De(e, t) {
 const Ke = (e, t, n) => e + (t - e) * n, ze = (e, t, n) => {
   const s = e * e, r = n * (t * t - s) + s;
   return r < 0 ? 0 : Math.sqrt(r);
-}, Ur = [Ze, q, ne], zr = (e) => Ur.find((t) => t.test(e));
+}, Ur = [Je, Y, ne], zr = (e) => Ur.find((t) => t.test(e));
 function Jt(e) {
   const t = zr(e);
-  if (ue(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
+  if (xe(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
     return !1;
   let n = t.parse(e);
   return t === ne && (n = Gr(n)), n;
@@ -352,10 +352,10 @@ const en = (e, t) => {
   if (!n || !s)
     return De(e, t);
   const r = { ...n };
-  return (i) => (r.red = ze(n.red, s.red, i), r.green = ze(n.green, s.green, i), r.blue = ze(n.blue, s.blue, i), r.alpha = Ke(n.alpha, s.alpha, i), q.transform(r));
-}, Je = /* @__PURE__ */ new Set(["none", "hidden"]);
+  return (i) => (r.red = ze(n.red, s.red, i), r.green = ze(n.green, s.green, i), r.blue = ze(n.blue, s.blue, i), r.alpha = Ke(n.alpha, s.alpha, i), Y.transform(r));
+}, et = /* @__PURE__ */ new Set(["none", "hidden"]);
 function Yr(e, t) {
-  return Je.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
+  return et.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
 function qr(e, t) {
   return (n) => Ke(e, t, n);
@@ -390,8 +390,8 @@ function Qr(e, t) {
   return n;
 }
 const Zr = (e, t) => {
-  const n = de.createTransformer(t), s = Te(e), r = Te(t);
-  return s.indexes.var.length === r.indexes.var.length && s.indexes.color.length === r.indexes.color.length && s.indexes.number.length >= r.indexes.number.length ? Je.has(e) && !r.values.length || Je.has(t) && !s.values.length ? Yr(e, t) : Ne(ns(Qr(s, r), r.values), n) : (ue(!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.`), De(e, t));
+  const n = fe.createTransformer(t), s = ve(e), r = ve(t);
+  return s.indexes.var.length === r.indexes.var.length && s.indexes.color.length === r.indexes.color.length && s.indexes.number.length >= r.indexes.number.length ? et.has(e) && !r.values.length || et.has(t) && !s.values.length ? Yr(e, t) : Ne(ns(Qr(s, r), r.values), n) : (xe(!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.`), De(e, t));
 };
 function ss(e, t, n) {
   return typeof e == "number" && typeof t == "number" && typeof n == "number" ? Ke(e, t, n) : Mt(e)(e, t);
@@ -400,7 +400,7 @@ const Jr = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
     start: (n = !0) => L.update(t, n),
-    stop: () => Qe(t),
+    stop: () => Ze(t),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
@@ -463,20 +463,20 @@ const P = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, tn = 1e-3;
+}, Ye = 1e-3;
 function ni({ duration: e = P.duration, bounce: t = P.bounce, velocity: n = P.velocity, mass: s = P.mass }) {
   let r, i;
-  ue(e <= /* @__PURE__ */ N(P.maxDuration), "Spring duration must be 10 seconds or less");
+  xe(e <= /* @__PURE__ */ N(P.maxDuration), "Spring duration must be 10 seconds or less");
   let o = 1 - t;
-  o = J(P.minDamping, P.maxDamping, o), e = J(P.minDuration, P.maxDuration, /* @__PURE__ */ $(e)), o < 1 ? (r = (l) => {
-    const c = l * o, d = c * e, f = c - n, h = et(l, o), m = Math.exp(-d);
-    return tn - f / h * m;
+  o = Z(P.minDamping, P.maxDamping, o), e = Z(P.minDuration, P.maxDuration, /* @__PURE__ */ $(e)), o < 1 ? (r = (l) => {
+    const c = l * o, d = c * e, f = c - n, h = tt(l, o), m = Math.exp(-d);
+    return Ye - f / h * m;
   }, i = (l) => {
-    const d = l * o * e, f = d * n + n, h = Math.pow(o, 2) * Math.pow(l, 2) * e, m = Math.exp(-d), g = et(Math.pow(l, 2), o);
-    return (-r(l) + tn > 0 ? -1 : 1) * ((f - h) * m) / g;
+    const d = l * o * e, f = d * n + n, h = Math.pow(o, 2) * Math.pow(l, 2) * e, m = Math.exp(-d), g = tt(Math.pow(l, 2), o);
+    return (-r(l) + Ye > 0 ? -1 : 1) * ((f - h) * m) / g;
   }) : (r = (l) => {
     const c = Math.exp(-l * e), d = (l - n) * e + 1;
-    return -1e-3 + c * d;
+    return -Ye + c * d;
   }, i = (l) => {
     const c = Math.exp(-l * e), d = (n - l) * (e * e);
     return c * d;
@@ -504,11 +504,11 @@ function ri(e, t, n) {
     s = s - e(s) / t(s);
   return s;
 }
-function et(e, t) {
+function tt(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
 const ii = ["duration", "bounce"], oi = ["stiffness", "damping", "mass"];
-function nn(e, t) {
+function tn(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
 function ai(e) {
@@ -520,9 +520,9 @@ function ai(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!nn(e, oi) && nn(e, ii))
+  if (!tn(e, oi) && tn(e, ii))
     if (e.visualDuration) {
-      const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), r = s * s, i = 2 * J(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(r);
+      const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), r = s * s, i = 2 * Z(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(r);
       t = {
         ...t,
         mass: P.mass,
@@ -553,48 +553,48 @@ function Ee(e = P.visualDuration, t = P.bounce) {
   s || (s = x ? P.restSpeed.granular : P.restSpeed.default), r || (r = x ? P.restDelta.granular : P.restDelta.default);
   let v;
   if (g < 1) {
-    const S = et(p, g);
-    v = (C) => {
-      const M = Math.exp(-g * p * C);
-      return o - M * ((m + g * p * y) / S * Math.sin(S * C) + y * Math.cos(S * C));
+    const S = tt(p, g);
+    v = (A) => {
+      const M = Math.exp(-g * p * A);
+      return o - M * ((m + g * p * y) / S * Math.sin(S * A) + y * Math.cos(S * A));
     };
   } else if (g === 1)
     v = (S) => o - Math.exp(-p * S) * (y + (m + p * y) * S);
   else {
     const S = p * Math.sqrt(g * g - 1);
-    v = (C) => {
-      const M = Math.exp(-g * p * C), V = Math.min(S * C, 300);
+    v = (A) => {
+      const M = Math.exp(-g * p * A), V = Math.min(S * A, 300);
       return o - M * ((m + g * p * y) * Math.sinh(V) + S * y * Math.cosh(V)) / S;
     };
   }
-  const A = {
+  const C = {
     calculatedDuration: h && d || null,
     next: (S) => {
-      const C = v(S);
+      const A = v(S);
       if (h)
         a.done = S >= d;
       else {
         let M = S === 0 ? m : 0;
-        g < 1 && (M = S === 0 ? /* @__PURE__ */ N(m) : is(v, S, C));
-        const V = Math.abs(M) <= s, F = Math.abs(o - C) <= r;
+        g < 1 && (M = S === 0 ? /* @__PURE__ */ N(m) : is(v, S, A));
+        const V = Math.abs(M) <= s, F = Math.abs(o - A) <= r;
         a.done = V && F;
       }
-      return a.value = a.done ? o : C, a;
+      return a.value = a.done ? o : A, a;
     },
     toString: () => {
-      const S = Math.min(Pt(A), Oe), C = rs((M) => A.next(S * M).value, S, 30);
-      return S + "ms " + C;
+      const S = Math.min(Pt(C), Oe), A = rs((M) => C.next(S * M).value, S, 30);
+      return S + "ms " + A;
     },
     toTransition: () => {
     }
   };
-  return A;
+  return C;
 }
 Ee.applyToOptions = (e) => {
   const t = ei(e, 100, Ee);
   return e.ease = t.ease, e.duration = /* @__PURE__ */ N(t.duration), e.type = "keyframes", e;
 };
-function tt({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: r = 10, bounceStiffness: i = 500, modifyTarget: o, min: a, max: u, restDelta: l = 0.5, restSpeed: c }) {
+function nt({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: r = 10, bounceStiffness: i = 500, modifyTarget: o, min: a, max: u, restDelta: l = 0.5, restSpeed: c }) {
   const d = e[0], f = {
     done: !1,
     value: d
@@ -602,13 +602,13 @@ function tt({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
   let g = n * t;
   const y = d + g, p = o === void 0 ? y : o(y);
   p !== y && (g = p - d);
-  const x = (V) => -g * Math.exp(-V / s), v = (V) => p + x(V), A = (V) => {
+  const x = (V) => -g * Math.exp(-V / s), v = (V) => p + x(V), C = (V) => {
     const F = x(V), I = v(V);
     f.done = Math.abs(F) <= l, f.value = f.done ? p : I;
   };
-  let S, C;
+  let S, A;
   const M = (V) => {
-    h(f.value) && (S = V, C = Ee({
+    h(f.value) && (S = V, A = Ee({
       keyframes: [f.value, m(f.value)],
       velocity: is(v, V, f.value),
       // TODO: This should be passing * 1000
@@ -622,7 +622,7 @@ function tt({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
     calculatedDuration: null,
     next: (V) => {
       let F = !1;
-      return !C && S === void 0 && (F = !0, A(V), M(V)), S !== void 0 && V >= S ? C.next(V - S) : (!F && A(V), f);
+      return !A && S === void 0 && (F = !0, C(V), M(V)), S !== void 0 && V >= S ? A.next(V - S) : (!F && C(V), f);
     }
   };
 }
@@ -631,7 +631,7 @@ function ci(e, t, n) {
   for (let o = 0; o < i; o++) {
     let a = r(e[o], e[o + 1]);
     if (t) {
-      const u = Array.isArray(t) ? t[o] || le : t;
+      const u = Array.isArray(t) ? t[o] || ue : t;
       a = Ne(u, a);
     }
     s.push(a);
@@ -640,7 +640,7 @@ function ci(e, t, n) {
 }
 function ui(e, t, { clamp: n = !0, ease: s, mixer: r } = {}) {
   const i = e.length;
-  if (U(i === t.length, "Both input and output ranges must be the same length"), i === 1)
+  if (J(i === t.length, "Both input and output ranges must be the same length"), i === 1)
     return () => t[0];
   if (i === 2 && t[0] === t[1])
     return () => t[1];
@@ -656,7 +656,7 @@ function ui(e, t, { clamp: n = !0, ease: s, mixer: r } = {}) {
     const f = /* @__PURE__ */ kn(e[d], e[d + 1], c);
     return a[d](f);
   };
-  return n ? (c) => l(J(e[0], e[i - 1], c)) : l;
+  return n ? (c) => l(Z(e[0], e[i - 1], c)) : l;
 }
 function li(e, t) {
   const n = e[e.length - 1];
@@ -676,7 +676,7 @@ function hi(e, t) {
   return e.map(() => t || Un).splice(0, e.length - 1);
 }
 function se({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const r = Cr(s) ? s.map(Xt) : Xt(s), i = {
+  const r = Ar(s) ? s.map(Xt) : Xt(s), i = {
     done: !1,
     value: t[0]
   }, o = di(
@@ -698,8 +698,8 @@ function Rt(e, { repeat: t, repeatType: n = "loop" }, s, r = 1) {
   return !a || s === void 0 ? i[a] : s;
 }
 const mi = {
-  decay: tt,
-  inertia: tt,
+  decay: nt,
+  inertia: nt,
   tween: se,
   keyframes: se,
   spring: Ee
@@ -746,7 +746,7 @@ class Dt extends Ft {
     const { type: n = se, repeat: s = 0, repeatDelay: r = 0, repeatType: i, velocity: o = 0 } = t;
     let { keyframes: a } = t;
     const u = n || se;
-    process.env.NODE_ENV !== "production" && u !== se && U(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), u !== se && typeof a[0] != "number" && (this.mixKeyframes = Ne(gi, ss(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && u !== se && J(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), u !== se && typeof a[0] != "number" && (this.mixKeyframes = Ne(gi, ss(a[0], a[1])), a = [0, 100]);
     const l = u({ ...t, keyframes: a });
     i === "mirror" && (this.mirroredGenerator = u({
       ...t,
@@ -768,18 +768,18 @@ class Dt extends Ft {
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - r / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
     const p = this.currentTime - l * (this.playbackSpeed >= 0 ? 1 : -1), x = this.playbackSpeed >= 0 ? p < 0 : p > r;
     this.currentTime = Math.max(p, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = r);
-    let v = this.currentTime, A = s;
+    let v = this.currentTime, C = s;
     if (d) {
       const V = Math.min(this.currentTime, r) / a;
       let F = Math.floor(V), I = V % 1;
-      !I && V >= 1 && (I = 1), I === 1 && F--, F = Math.min(F, d + 1), !!(F % 2) && (f === "reverse" ? (I = 1 - I, h && (I -= h / a)) : f === "mirror" && (A = o)), v = J(0, 1, I) * a;
+      !I && V >= 1 && (I = 1), I === 1 && F--, F = Math.min(F, d + 1), !!(F % 2) && (f === "reverse" ? (I = 1 - I, h && (I -= h / a)) : f === "mirror" && (C = o)), v = Z(0, 1, I) * a;
     }
-    const S = x ? { done: !1, value: c[0] } : A.next(v);
+    const S = x ? { done: !1, value: c[0] } : C.next(v);
     i && (S.value = i(S.value));
-    let { done: C } = S;
-    !x && u !== null && (C = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
-    const M = this.holdTime === null && (this.state === "finished" || this.state === "running" && C);
-    return M && m !== tt && (S.value = Rt(c, this.options, y, this.speed)), g && g(S.value), M && this.finish(), S;
+    let { done: A } = S;
+    !x && u !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
+    const M = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
+    return M && m !== nt && (S.value = Rt(c, this.options, y, this.speed)), g && g(S.value), M && this.finish(), S;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -848,9 +848,9 @@ function yi(e) {
   for (let t = 1; t < e.length; t++)
     e[t] ?? (e[t] = e[t - 1]);
 }
-const X = (e) => e * 180 / Math.PI, nt = (e) => {
-  const t = X(Math.atan2(e[1], e[0]));
-  return st(t);
+const q = (e) => e * 180 / Math.PI, st = (e) => {
+  const t = q(Math.atan2(e[1], e[0]));
+  return rt(t);
 }, bi = {
   x: 4,
   y: 5,
@@ -859,35 +859,35 @@ const X = (e) => e * 180 / Math.PI, nt = (e) => {
   scaleX: 0,
   scaleY: 3,
   scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
-  rotate: nt,
-  rotateZ: nt,
-  skewX: (e) => X(Math.atan(e[1])),
-  skewY: (e) => X(Math.atan(e[2])),
+  rotate: st,
+  rotateZ: st,
+  skewX: (e) => q(Math.atan(e[1])),
+  skewY: (e) => q(Math.atan(e[2])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
-}, st = (e) => (e = e % 360, e < 0 && (e += 360), e), sn = nt, rn = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), on = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), vi = {
+}, rt = (e) => (e = e % 360, e < 0 && (e += 360), e), nn = st, sn = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), rn = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), vi = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: rn,
-  scaleY: on,
-  scale: (e) => (rn(e) + on(e)) / 2,
-  rotateX: (e) => st(X(Math.atan2(e[6], e[5]))),
-  rotateY: (e) => st(X(Math.atan2(-e[2], e[0]))),
-  rotateZ: sn,
-  rotate: sn,
-  skewX: (e) => X(Math.atan(e[4])),
-  skewY: (e) => X(Math.atan(e[1])),
+  scaleX: sn,
+  scaleY: rn,
+  scale: (e) => (sn(e) + rn(e)) / 2,
+  rotateX: (e) => rt(q(Math.atan2(e[6], e[5]))),
+  rotateY: (e) => rt(q(Math.atan2(-e[2], e[0]))),
+  rotateZ: nn,
+  rotate: nn,
+  skewX: (e) => q(Math.atan(e[4])),
+  skewY: (e) => q(Math.atan(e[1])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
 };
-function rt(e) {
+function it(e) {
   return e.includes("scale") ? 1 : 0;
 }
-function it(e, t) {
+function ot(e, t) {
   if (!e || e === "none")
-    return rt(t);
+    return it(t);
   const n = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, r;
   if (n)
@@ -897,18 +897,18 @@ function it(e, t) {
     s = bi, r = a;
   }
   if (!r)
-    return rt(t);
+    return it(t);
   const i = s[t], o = r[1].split(",").map(wi);
   return typeof i == "function" ? i(o) : o[i];
 }
 const Ti = (e, t) => {
   const { transform: n = "none" } = getComputedStyle(e);
-  return it(n, t);
+  return ot(n, t);
 };
 function wi(e) {
   return parseFloat(e.trim());
 }
-const he = [
+const de = [
   "transformPerspective",
   "x",
   "y",
@@ -926,7 +926,7 @@ const he = [
   "skew",
   "skewX",
   "skewY"
-], pe = new Set(he), an = (e) => e === fe || e === T, xi = /* @__PURE__ */ new Set(["x", "y", "z"]), Si = he.filter((e) => !xi.has(e));
+], he = new Set(de), on = (e) => e === le || e === T, xi = /* @__PURE__ */ new Set(["x", "y", "z"]), Si = de.filter((e) => !xi.has(e));
 function Vi(e) {
   const t = [];
   return Si.forEach((n) => {
@@ -934,7 +934,7 @@ function Vi(e) {
     s !== void 0 && (t.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), t;
 }
-const Q = {
+const X = {
   // 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),
@@ -943,16 +943,16 @@ const Q = {
   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 }) => it(t, "x"),
-  y: (e, { transform: t }) => it(t, "y")
+  x: (e, { transform: t }) => ot(t, "x"),
+  y: (e, { transform: t }) => ot(t, "y")
 };
-Q.translateX = Q.x;
-Q.translateY = Q.y;
-const Z = /* @__PURE__ */ new Set();
-let ot = !1, at = !1, ct = !1;
+X.translateX = X.x;
+X.translateY = X.y;
+const Q = /* @__PURE__ */ new Set();
+let at = !1, ct = !1, ut = !1;
 function as() {
-  if (at) {
-    const e = Array.from(Z).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
+  if (ct) {
+    const e = Array.from(Q).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     t.forEach((s) => {
       const r = Vi(s);
       r.length && (n.set(s, r), s.render());
@@ -967,22 +967,22 @@ function as() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  at = !1, ot = !1, Z.forEach((e) => e.complete(ct)), Z.clear();
+  ct = !1, at = !1, Q.forEach((e) => e.complete(ut)), Q.clear();
 }
 function cs() {
-  Z.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (at = !0);
+  Q.forEach((e) => {
+    e.readKeyframes(), e.needsMeasurement && (ct = !0);
   });
 }
-function Ci() {
-  ct = !0, cs(), as(), ct = !1;
+function Ai() {
+  ut = !0, cs(), as(), ut = !1;
 }
 class Ot {
   constructor(t, n, s, r, i, o = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = s, this.motionValue = r, this.element = i, this.isAsync = o;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (Z.add(this), ot || (ot = !0, L.read(cs), L.resolveKeyframes(as))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (Q.add(this), at || (at = !0, L.read(cs), L.resolveKeyframes(as))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: s, motionValue: r } = this;
@@ -1007,18 +1007,18 @@ class Ot {
   measureEndState() {
   }
   complete(t = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), Z.delete(this);
+    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), Q.delete(this);
   }
   cancel() {
-    this.state === "scheduled" && (Z.delete(this), this.state = "pending");
+    this.state === "scheduled" && (Q.delete(this), this.state = "pending");
   }
   resume() {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const Ai = (e) => e.startsWith("--");
+const Ci = (e) => e.startsWith("--");
 function Mi(e, t, n) {
-  Ai(t) ? e.style.setProperty(t, n) : e.style[t] = n;
+  Ci(t) ? e.style.setProperty(t, n) : e.style[t] = n;
 }
 const Pi = /* @__PURE__ */ wt(() => window.ScrollTimeline !== void 0), Ri = {};
 function Fi(e, t) {
@@ -1032,20 +1032,20 @@ const us = /* @__PURE__ */ Fi(() => {
     return !1;
   }
   return !0;
-}, "linearEasing"), ge = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, cn = {
+}, "linearEasing"), me = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, an = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ ge([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ ge([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ ge([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ ge([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ me([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ me([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ me([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ me([0.33, 1.53, 0.69, 0.99])
 };
 function ls(e, t) {
   if (e)
-    return typeof e == "function" ? us() ? rs(e, t) : "ease-out" : zn(e) ? ge(e) : Array.isArray(e) ? e.map((n) => ls(n, t) || cn.easeOut) : cn[e];
+    return typeof e == "function" ? us() ? rs(e, t) : "ease-out" : zn(e) ? me(e) : Array.isArray(e) ? e.map((n) => ls(n, t) || an.easeOut) : an[e];
 }
 function Di(e, t, n, { delay: s = 0, duration: r = 300, repeat: i = 0, repeatType: o = "loop", ease: a = "easeOut", times: u } = {}, l = void 0) {
   const c = {
@@ -1075,7 +1075,7 @@ class Ei extends Ft {
     if (super(), this.finishedTime = null, this.isStopped = !1, !t)
       return;
     const { element: n, name: s, keyframes: r, pseudoElement: i, allowFlatten: o = !1, finalKeyframe: a, onComplete: u } = t;
-    this.isPseudoElement = !!i, this.allowFlatten = o, this.options = t, U(typeof t.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
+    this.isPseudoElement = !!i, this.allowFlatten = o, this.options = t, J(typeof t.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
     const l = Oi(t);
     this.animation = Di(n, s, r, l, i), l.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !i) {
@@ -1159,7 +1159,7 @@ class Ei extends Ft {
    */
   attachTimeline({ timeline: t, observe: n }) {
     var s;
-    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && Pi() ? (this.animation.timeline = t, le) : n(this);
+    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && Pi() ? (this.animation.timeline = t, ue) : n(this);
   }
 }
 const ds = {
@@ -1173,7 +1173,7 @@ function Ii(e) {
 function ki(e) {
   typeof e.ease == "string" && Ii(e.ease) && (e.ease = ds[e.ease]);
 }
-const un = 10;
+const cn = 10;
 class Bi extends Ei {
   constructor(t) {
     ki(t), os(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
@@ -1198,11 +1198,11 @@ class Bi extends Ei {
       ...o,
       autoplay: !1
     }), u = /* @__PURE__ */ N(this.finishedTime ?? this.time);
-    n.setWithVelocity(a.sample(u - un).value, a.sample(u).value, un), a.stop();
+    n.setWithVelocity(a.sample(u - cn).value, a.sample(u).value, cn), a.stop();
   }
 }
-const ln = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
-(de.test(e) || e === "0") && // And it contains numbers and/or colors
+const un = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
+(fe.test(e) || e === "0") && // And it contains numbers and/or colors
 !e.startsWith("url("));
 function Li(e) {
   const t = e[0];
@@ -1218,8 +1218,8 @@ function Ni(e, t, n, s) {
     return !1;
   if (t === "display" || t === "visibility")
     return !0;
-  const i = e[e.length - 1], o = ln(r, t), a = ln(i, t);
-  return ue(o === a, `You are trying to animate ${t} from "${r}" to "${i}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${i} via the \`style\` property.`), !o || !a ? !1 : Li(e) || (n === "spring" || fs(n)) && s;
+  const i = e[e.length - 1], o = un(r, t), a = un(i, t);
+  return xe(o === a, `You are trying to animate ${t} from "${r}" to "${i}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${i} via the \`style\` property.`), !o || !a ? !1 : Li(e) || (n === "spring" || fs(n)) && s;
 }
 function hs(e) {
   return yr(e) && "offsetHeight" in e;
@@ -1279,7 +1279,7 @@ class _i extends Ft {
       ...f,
       element: f.motionValue.owner.current
     }) : new Dt(f);
-    h.finished.then(() => this.notifyFinished()).catch(le), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
+    h.finished.then(() => this.notifyFinished()).catch(ue), 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;
@@ -1290,7 +1290,7 @@ class _i extends Ft {
   }
   get animation() {
     var t;
-    return this._animation || ((t = this.keyframeResolver) == null || t.resume(), Ci()), this._animation;
+    return this._animation || ((t = this.keyframeResolver) == null || t.resume(), Ai()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -1343,7 +1343,7 @@ function Gi(e) {
 }
 const Ui = 4;
 function ps(e, t, n = 1) {
-  U(n <= Ui, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
+  J(n <= Ui, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
   const [s, r] = Gi(e);
   if (!s)
     return;
@@ -1364,11 +1364,11 @@ const gs = /* @__PURE__ */ new Set([
   "left",
   "right",
   "bottom",
-  ...he
+  ...de
 ]), zi = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, ys = (e) => (t) => t.test(e), bs = [fe, T, re, W, Lr, Br, zi], fn = (e) => bs.find(ys(e));
+}, ys = (e) => (t) => t.test(e), bs = [le, T, re, W, Lr, Br, zi], ln = (e) => bs.find(ys(e));
 function Yi(e) {
   return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || In(e) : !0;
 }
@@ -1377,31 +1377,31 @@ function Xi(e) {
   const [t, n] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
     return e;
-  const [s] = n.match(Ct) || [];
+  const [s] = n.match(At) || [];
   if (!s)
     return e;
   const r = n.replace(s, "");
   let i = qi.has(t) ? 1 : 0;
   return s !== n && (i *= 100), t + "(" + i + r + ")";
 }
-const Qi = /\b([a-z-]*)\(.*?\)/gu, ut = {
-  ...de,
+const Qi = /\b([a-z-]*)\(.*?\)/gu, lt = {
+  ...fe,
   getAnimatableNone: (e) => {
     const t = e.match(Qi);
     return t ? t.map(Xi).join(" ") : e;
   }
-}, dn = {
-  ...fe,
+}, fn = {
+  ...le,
   transform: Math.round
 }, Zi = {
   rotate: W,
   rotateX: W,
   rotateY: W,
   rotateZ: W,
-  scale: Ae,
-  scaleX: Ae,
-  scaleY: Ae,
-  scaleZ: Ae,
+  scale: Ce,
+  scaleX: Ce,
+  scaleY: Ce,
+  scaleZ: Ce,
   skew: W,
   skewX: W,
   skewY: W,
@@ -1414,7 +1414,7 @@ const Qi = /\b([a-z-]*)\(.*?\)/gu, ut = {
   z: T,
   perspective: T,
   transformPerspective: T,
-  opacity: ve,
+  opacity: be,
   originX: Qt,
   originY: Qt,
   originZ: T
@@ -1455,11 +1455,11 @@ const Qi = /\b([a-z-]*)\(.*?\)/gu, ut = {
   backgroundPositionX: T,
   backgroundPositionY: T,
   ...Zi,
-  zIndex: dn,
+  zIndex: fn,
   // SVG
-  fillOpacity: ve,
-  strokeOpacity: ve,
-  numOctaves: dn
+  fillOpacity: be,
+  strokeOpacity: be,
+  numOctaves: fn
 }, Ji = {
   ...Et,
   // Color props
@@ -1474,19 +1474,19 @@ const Qi = /\b([a-z-]*)\(.*?\)/gu, ut = {
   borderRightColor: R,
   borderBottomColor: R,
   borderLeftColor: R,
-  filter: ut,
-  WebkitFilter: ut
+  filter: lt,
+  WebkitFilter: lt
 }, vs = (e) => Ji[e];
 function Ts(e, t) {
   let n = vs(e);
-  return n !== ut && (n = de), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
+  return n !== lt && (n = fe), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
 }
 const eo = /* @__PURE__ */ new Set(["auto", "none", "0"]);
 function to(e, t, n) {
   let s = 0, r;
   for (; s < e.length && !r; ) {
     const i = e[s];
-    typeof i == "string" && !eo.has(i) && Te(i).values.length && (r = e[s]), s++;
+    typeof i == "string" && !eo.has(i) && ve(i).values.length && (r = e[s]), s++;
   }
   if (r && n)
     for (const i of t)
@@ -1510,14 +1510,14 @@ class no extends Ot {
     }
     if (this.resolveNoneKeyframes(), !gs.has(s) || t.length !== 2)
       return;
-    const [r, i] = t, o = fn(r), a = fn(i);
+    const [r, i] = t, o = ln(r), a = ln(i);
     if (o !== a)
-      if (an(o) && an(a))
+      if (on(o) && on(a))
         for (let u = 0; u < t.length; u++) {
           const l = t[u];
           typeof l == "string" && (t[u] = parseFloat(l));
         }
-      else Q[s] && (this.needsMeasurement = !0);
+      else X[s] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, s = [];
@@ -1529,7 +1529,7 @@ class no extends Ot {
     const { element: t, unresolvedKeyframes: n, name: s } = this;
     if (!t || !t.current)
       return;
-    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = Q[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
+    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = X[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
     const r = n[n.length - 1];
     r !== void 0 && t.getValue(s, r).jump(r, !1);
   }
@@ -1541,7 +1541,7 @@ class no extends Ot {
     const r = t.getValue(n);
     r && r.jump(this.measuredOrigin, !1);
     const i = s.length - 1, o = s[i];
-    s[i] = Q[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(([u, l]) => {
+    s[i] = X[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(([u, l]) => {
       t.getValue(u).set(l);
     }), this.resolveNoneKeyframes();
   }
@@ -1550,12 +1550,13 @@ function so(e, t, n) {
   if (e instanceof EventTarget)
     return [e];
   if (typeof e == "string") {
-    const r = document.querySelectorAll(e);
+    let s = document;
+    const r = (n == null ? void 0 : n[e]) ?? s.querySelectorAll(e);
     return r ? Array.from(r) : [];
   }
   return Array.from(e);
 }
-const ws = (e, t) => t && typeof e == "number" ? t.transform(e) : e, hn = 30, ro = (e) => !isNaN(parseFloat(e));
+const ws = (e, t) => t && typeof e == "number" ? t.transform(e) : e, dn = 30, ro = (e) => !isNaN(parseFloat(e));
 class io {
   /**
    * @param init - The initiating value
@@ -1704,9 +1705,9 @@ class io {
    */
   getVelocity() {
     const t = k.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > hn)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > dn)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, hn);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, dn);
     return Ln(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
@@ -1762,8 +1763,7 @@ class io {
 function Ie(e, t) {
   return new io(e, t);
 }
-const { schedule: oo, cancel: jc } = /* @__PURE__ */ Yn(queueMicrotask, !1), ao = {
-  x: !1,
+const { schedule: oo } = /* @__PURE__ */ Yn(queueMicrotask, !1), ao = {
   y: !1
 };
 function co() {
@@ -1777,18 +1777,18 @@ function xs(e, t) {
   };
   return [n, r, () => s.abort()];
 }
-function pn(e) {
+function hn(e) {
   return !(e.pointerType === "touch" || co());
 }
 function uo(e, t, n = {}) {
   const [s, r, i] = xs(e, n), o = (a) => {
-    if (!pn(a))
+    if (!hn(a))
       return;
     const { target: u } = a, l = t(u, a);
     if (typeof l != "function" || !u)
       return;
     const c = (d) => {
-      pn(d) && (l(d), u.removeEventListener("pointerleave", c));
+      hn(d) && (l(d), u.removeEventListener("pointerleave", c));
     };
     u.addEventListener("pointerleave", c, r);
   };
@@ -1807,40 +1807,40 @@ function ho(e) {
   return fo.has(e.tagName) || e.tabIndex !== -1;
 }
 const Pe = /* @__PURE__ */ new WeakSet();
-function mn(e) {
+function pn(e) {
   return (t) => {
     t.key === "Enter" && e(t);
   };
 }
-function Ye(e, t) {
+function qe(e, t) {
   e.dispatchEvent(new PointerEvent("pointer" + t, { isPrimary: !0, bubbles: !0 }));
 }
 const po = (e, t) => {
   const n = e.currentTarget;
   if (!n)
     return;
-  const s = mn(() => {
+  const s = pn(() => {
     if (Pe.has(n))
       return;
-    Ye(n, "down");
-    const r = mn(() => {
-      Ye(n, "up");
-    }), i = () => Ye(n, "cancel");
+    qe(n, "down");
+    const r = pn(() => {
+      qe(n, "up");
+    }), i = () => qe(n, "cancel");
     n.addEventListener("keyup", r, t), n.addEventListener("blur", i, t);
   });
   n.addEventListener("keydown", s, t), n.addEventListener("blur", () => n.removeEventListener("keydown", s), t);
 };
-function gn(e) {
+function mn(e) {
   return lo(e) && !0;
 }
 function mo(e, t, n = {}) {
   const [s, r, i] = xs(e, n), o = (a) => {
     const u = a.currentTarget;
-    if (!gn(a))
+    if (!mn(a))
       return;
     Pe.add(u);
     const l = t(u, a), c = (h, m) => {
-      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), Pe.has(u) && Pe.delete(u), gn(h) && typeof l == "function" && l(h, { success: m });
+      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), Pe.has(u) && Pe.delete(u), mn(h) && typeof l == "function" && l(h, { success: m });
     }, d = (h) => {
       c(h, u === window || u === document || n.useGlobalTarget || Ss(u, h.target));
     }, f = (h) => {
@@ -1852,11 +1852,11 @@ function mo(e, t, n = {}) {
     (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, r), hs(a) && (a.addEventListener("focus", (l) => po(l, r)), !ho(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), i;
 }
-const E = (e) => !!(e && e.getVelocity), go = [...bs, R, de], yo = (e) => go.find(ys(e)), Vs = ce({
+const E = (e) => !!(e && e.getVelocity), go = [...bs, R, fe], yo = (e) => go.find(ys(e)), Vs = ce({
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
-}), It = ce({ strict: !1 }), yn = {
+}), It = ce({ strict: !1 }), gn = {
   animation: [
     "animate",
     "variants",
@@ -1876,11 +1876,11 @@ const E = (e) => !!(e && e.getVelocity), go = [...bs, R, de], yo = (e) => go.fin
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 }, oe = {};
-for (const e in yn)
+for (const e in gn)
   oe[e] = {
-    isEnabled: (t) => yn[e].some((n) => !!t[n])
+    isEnabled: (t) => gn[e].some((n) => !!t[n])
   };
-function lt(e) {
+function yn(e) {
   for (const t in e)
     oe[t] = {
       ...oe[t],
@@ -1888,18 +1888,18 @@ function lt(e) {
     };
 }
 function bo({ children: e, features: t, strict: n = !1 }) {
-  const [, s] = or(!qe(t)), r = ye(void 0);
-  if (!qe(t)) {
+  const [, s] = or(!Xe(t)), r = ge(void 0);
+  if (!Xe(t)) {
     const { renderer: i, ...o } = t;
-    r.current = i, lt(o);
+    r.current = i, yn(o);
   }
   return bt(() => {
-    qe(t) && t().then(({ renderer: i, ...o }) => {
-      lt(o), r.current = i, s(!0);
+    Xe(t) && t().then(({ renderer: i, ...o }) => {
+      yn(o), r.current = i, s(!0);
     });
   }, []), w(It.Provider, { value: { renderer: r.current, strict: n }, children: e });
 }
-function qe(e) {
+function Xe(e) {
   return typeof e == "function";
 }
 const vo = /* @__PURE__ */ new Set([
@@ -1937,9 +1937,9 @@ const vo = /* @__PURE__ */ new Set([
 function ke(e) {
   return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || vo.has(e);
 }
-let Cs = (e) => !ke(e);
+let As = (e) => !ke(e);
 function To(e) {
-  typeof e == "function" && (Cs = (t) => t.startsWith("on") ? !ke(t) : e(t));
+  typeof e == "function" && (As = (t) => t.startsWith("on") ? !ke(t) : e(t));
 }
 try {
   To(require("@emotion/is-prop-valid").default);
@@ -1948,7 +1948,7 @@ try {
 function wo(e, t, n) {
   const s = {};
   for (const r in e)
-    r === "values" && typeof e.values == "object" || (Cs(r) || n === !0 && ke(r) || !t && !ke(r) || // If trying to use native HTML drag events, forward drag listeners
+    r === "values" && typeof e.values == "object" || (As(r) || n === !0 && ke(r) || !t && !ke(r) || // If trying to use native HTML drag events, forward drag listeners
     e.draggable && r.startsWith("onDrag")) && (s[r] = e[r]);
   return s;
 }
@@ -1956,7 +1956,7 @@ const $e = /* @__PURE__ */ ce({});
 function je(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
 }
-function we(e) {
+function Te(e) {
   return typeof e == "string" || Array.isArray(e);
 }
 const kt = [
@@ -1969,17 +1969,17 @@ const kt = [
   "exit"
 ], Bt = ["initial", ...kt];
 function We(e) {
-  return je(e.animate) || Bt.some((t) => we(e[t]));
+  return je(e.animate) || Bt.some((t) => Te(e[t]));
 }
-function As(e) {
+function Cs(e) {
   return !!(We(e) || e.variants);
 }
 function xo(e, t) {
   if (We(e)) {
     const { initial: n, animate: s } = e;
     return {
-      initial: n === !1 || we(n) ? n : void 0,
-      animate: we(s) ? s : void 0
+      initial: n === !1 || Te(n) ? n : void 0,
+      animate: Te(s) ? s : void 0
     };
   }
   return e.inherit !== !1 ? t : {};
@@ -1995,7 +1995,7 @@ const Vo = Symbol.for("motionComponentSymbol");
 function Ms(e) {
   return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
-function Co(e, t, n) {
+function Ao(e, t, n) {
   return ar(
     (s) => {
       s && e.onMount && e.onMount(s), t && (s ? t.mount(s) : t.unmount()), n && (typeof n == "function" ? n(s) : Ms(n) && (n.current = s));
@@ -2008,10 +2008,10 @@ function Co(e, t, n) {
     [t]
   );
 }
-const Lt = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Ao = "framerAppearId", Ps = "data-" + Lt(Ao), Mo = ce({});
+const Lt = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Co = "framerAppearId", Ps = "data-" + Lt(Co), Mo = ce({});
 function Po(e, t, n, s, r) {
   var g, y;
-  const { visualElement: i } = B($e), o = B(It), a = B(On), u = B(Vs).reducedMotion, l = ye(null);
+  const { visualElement: i } = B($e), o = B(It), a = B(On), u = B(Vs).reducedMotion, l = ge(null);
   s = s || o.renderer, !l.current && s && (l.current = s(e, {
     visualState: t,
     parent: i,
@@ -2022,11 +2022,11 @@ function Po(e, t, n, s, r) {
   }));
   const c = l.current, d = B(Mo);
   c && !c.projection && r && (c.type === "html" || c.type === "svg") && Ro(l.current, n, r, d);
-  const f = ye(!1);
+  const f = ge(!1);
   cr(() => {
     c && f.current && c.update(n, a);
   });
-  const h = n[Ps], m = ye(!!h && !((g = window.MotionHandoffIsComplete) != null && g.call(window, h)) && ((y = window.MotionHasOptimisedAnimation) == null ? void 0 : y.call(window, h)));
+  const h = n[Ps], m = ge(!!h && !((g = window.MotionHandoffIsComplete) != null && g.call(window, h)) && ((y = window.MotionHasOptimisedAnimation) == null ? void 0 : y.call(window, h)));
   return pr(() => {
     c && (f.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), oo.render(c.render), m.current && c.animationState && c.animationState.animateChanges());
   }), bt(() => {
@@ -2062,7 +2062,6 @@ function Rs(e) {
     return e.options.allowProjection !== !1 ? e.projection : Rs(e.parent);
 }
 function Fo({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVisualState: s, Component: r }) {
-  e && lt(e);
   function i(a, u) {
     let l;
     const c = {
@@ -2075,7 +2074,7 @@ function Fo({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVis
       const m = Eo(c);
       l = m.MeasureLayout, f.visualElement = Po(r, h, c, t, m.ProjectionNode);
     }
-    return G($e.Provider, { value: f, children: [l && f.visualElement ? w(l, { visualElement: f.visualElement, ...c }) : null, n(r, a, Co(h, f.visualElement, u), h, d, f.visualElement)] });
+    return G($e.Provider, { value: f, children: [l && f.visualElement ? w(l, { visualElement: f.visualElement, ...c }) : null, n(r, a, Ao(h, f.visualElement, u), h, d, f.visualElement)] });
   }
   i.displayName = `motion.${typeof r == "string" ? r : `create(${r.displayName ?? r.name ?? ""})`}`;
   const o = ur(i);
@@ -2086,11 +2085,7 @@ function Do({ layoutId: e }) {
   return t && e !== void 0 ? t + "-" + e : e;
 }
 function Oo(e, t) {
-  const n = B(It).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 ? ue(!1, s) : U(!1, s);
-  }
+  B(It).strict, process.env.NODE_ENV;
 }
 function Eo(e) {
   const { drag: t, layout: n } = oe;
@@ -2104,18 +2099,18 @@ function Eo(e) {
 }
 const Io = {};
 function Fs(e, { layout: t, layoutId: n }) {
-  return pe.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!Io[e] || e === "opacity");
+  return he.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!Io[e] || e === "opacity");
 }
 const ko = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Bo = he.length;
+}, Bo = de.length;
 function Lo(e, t, n) {
   let s = "", r = !0;
   for (let i = 0; i < Bo; i++) {
-    const o = he[i], a = e[o];
+    const o = de[i], a = e[o];
     if (a === void 0)
       continue;
     let u = !0;
@@ -2136,7 +2131,7 @@ function Nt(e, t, n) {
   let o = !1, a = !1;
   for (const u in t) {
     const l = t[u];
-    if (pe.has(u)) {
+    if (he.has(u)) {
       o = !0;
       continue;
     } else if (Xn(u)) {
@@ -2317,7 +2312,7 @@ function qo(e, t, n, s) {
   for (const f in i)
     r[f] = zo(i[f]);
   let { initial: o, animate: a } = e;
-  const u = We(e), l = As(e);
+  const u = We(e), l = Cs(e);
   t && l && !u && e.inherit !== !1 && (o === void 0 && (o = t.initial), a === void 0 && (a = t.animate));
   let c = n ? n.initial === !1 : !1;
   c = c || o === !1;
@@ -2331,8 +2326,8 @@ function qo(e, t, n, s) {
         for (const x in p) {
           let v = p[x];
           if (Array.isArray(v)) {
-            const A = c ? v.length - 1 : 0;
-            v = v[A];
+            const C = c ? v.length - 1 : 0;
+            v = v[C];
           }
           v !== null && (r[x] = v);
         }
@@ -2360,7 +2355,7 @@ function Bs(e, t, n) {
   const s = Wt(e, t, n);
   for (const r in e)
     if (E(e[r]) || E(t[r])) {
-      const i = he.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
+      const i = de.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
       s[i] = e[r];
     }
   return s;
@@ -2384,7 +2379,7 @@ function Zo(e, t) {
   };
 }
 const Ls = /* @__PURE__ */ Zo();
-function xe(e, t, n) {
+function we(e, t, n) {
   const s = e.getProps();
   return jt(s, t, n !== void 0 ? n : s.custom, e);
 }
@@ -2396,7 +2391,7 @@ function ea(e) {
   return ft(e) ? e[e.length - 1] || 0 : e;
 }
 function ta(e, t) {
-  const n = xe(e, t);
+  const n = we(e, t);
   let { transitionEnd: s = {}, transition: r = {}, ...i } = n || {};
   i = { ...i, ...s };
   for (const o in i) {
@@ -2441,7 +2436,7 @@ const aa = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, fa = (e, { keyframes: t }) => t.length > 2 ? ua : pe.has(e) ? e.startsWith("scale") ? ca(t[1]) : aa : la;
+}, fa = (e, { keyframes: t }) => t.length > 2 ? ua : he.has(e) ? e.startsWith("scale") ? ca(t[1]) : aa : la;
 function da({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: r, repeat: i, repeatType: o, repeatDelay: a, from: u, elapsed: l, ...c }) {
   return !!Object.keys(c).length;
 }
@@ -2516,7 +2511,7 @@ function Ns(e, t, { delay: n = 0, transitionOverride: s, type: r } = {}) {
 }
 function dt(e, t, n = {}) {
   var u;
-  const s = xe(e, t, n.type === "exit" ? (u = e.presenceContext) == null ? void 0 : u.custom : void 0);
+  const s = we(e, t, n.type === "exit" ? (u = e.presenceContext) == null ? void 0 : u.custom : void 0);
   let { transition: r = e.getDefaultTransition() || {} } = s || {};
   n.transitionOverride && (r = n.transitionOverride);
   const i = s ? () => Promise.all(Ns(e, s, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (l = 0) => {
@@ -2553,7 +2548,7 @@ function ya(e, t, n = {}) {
   } else if (typeof t == "string")
     s = dt(e, t, n);
   else {
-    const r = typeof t == "function" ? xe(e, t, n.custom) : t;
+    const r = typeof t == "function" ? we(e, t, n.custom) : t;
     s = Promise.all(Ns(e, r, n));
   }
   return s.then(() => {
@@ -2582,7 +2577,7 @@ function $s(e) {
   const t = {};
   for (let n = 0; n < ba; n++) {
     const s = Bt[n], r = e.props[s];
-    (we(r) || r === !1) && (t[s] = r);
+    (Te(r) || r === !1) && (t[s] = r);
   }
   return t;
 }
@@ -2594,7 +2589,7 @@ function xa(e) {
   let t = wa(e), n = Tn(), s = !0;
   const r = (u) => (l, c) => {
     var f;
-    const d = xe(e, c, u === "exit" ? (f = e.presenceContext) == null ? void 0 : f.custom : void 0);
+    const d = we(e, c, u === "exit" ? (f = e.presenceContext) == null ? void 0 : f.custom : void 0);
     if (d) {
       const { transition: h, transitionEnd: m, ...g } = d;
       l = { ...l, ...g, ...m };
@@ -2608,18 +2603,18 @@ function xa(e) {
     const { props: l } = e, c = $s(e.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
     let h = {}, m = 1 / 0;
     for (let y = 0; y < Ta; y++) {
-      const p = va[y], x = n[p], v = l[p] !== void 0 ? l[p] : c[p], A = we(v), S = p === u ? x.isActive : null;
+      const p = va[y], x = n[p], v = l[p] !== void 0 ? l[p] : c[p], C = Te(v), S = p === u ? x.isActive : null;
       S === !1 && (m = y);
-      let C = v === c[p] && v !== l[p] && A;
-      if (C && s && e.manuallyAnimateOnMount && (C = !1), x.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
+      let A = v === c[p] && v !== l[p] && C;
+      if (A && s && e.manuallyAnimateOnMount && (A = !1), x.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
       !x.isActive && S === null || // If we didn't and don't have any defined prop for this animation type
       !v && !x.prevProp || // Or if the prop doesn't define an animation
       je(v) || typeof v == "boolean")
         continue;
       const M = Sa(x.prevProp, v);
       let V = M || // If we're making this variant active, we want to always make it active
-      p === u && x.isActive && !C && A || // If we removed a higher-priority variant (i is in reverse order)
-      y > m && A, F = !1;
+      p === u && x.isActive && !A && C || // If we removed a higher-priority variant (i is in reverse order)
+      y > m && C, F = !1;
       const I = Array.isArray(v) ? v : [v];
       let te = I.reduce(r(p), {});
       S === !1 && (te = {});
@@ -2638,7 +2633,7 @@ function xa(e) {
         let He = !1;
         ft(K) && ft(_e) ? He = !Ks(K, _e) : He = K !== _e, He ? K != null ? Ut(O) : f.add(O) : K !== void 0 && f.has(O) ? Ut(O) : x.protectedKeys[O] = !0;
       }
-      x.prevProp = v, x.prevResolvedValues = te, x.isActive && (h = { ...h, ...te }), s && e.blockInitialAnimation && (V = !1), V && (!(C && M) || F) && d.push(...I.map((O) => ({
+      x.prevProp = v, x.prevResolvedValues = te, x.isActive && (h = { ...h, ...te }), s && e.blockInitialAnimation && (V = !1), V && (!(A && M) || F) && d.push(...I.map((O) => ({
         animation: O,
         options: { type: p }
       })));
@@ -2646,7 +2641,7 @@ function xa(e) {
     if (f.size) {
       const y = {};
       if (typeof l.initial != "boolean") {
-        const p = xe(e, Array.isArray(l.initial) ? l.initial[0] : l.initial);
+        const p = we(e, Array.isArray(l.initial) ? l.initial[0] : l.initial);
         p && p.transition && (y.transition = p.transition);
       }
       f.forEach((p) => {
@@ -2683,7 +2678,7 @@ function xa(e) {
 function Sa(e, t) {
   return typeof t == "string" ? t !== e : Array.isArray(t) ? !Ks(t, e) : !1;
 }
-function Y(e = !1) {
+function z(e = !1) {
   return {
     isActive: e,
     protectedKeys: {},
@@ -2693,23 +2688,23 @@ function Y(e = !1) {
 }
 function Tn() {
   return {
-    animate: Y(!0),
-    whileInView: Y(),
-    whileHover: Y(),
-    whileTap: Y(),
-    whileDrag: Y(),
-    whileFocus: Y(),
-    exit: Y()
+    animate: z(!0),
+    whileInView: z(),
+    whileHover: z(),
+    whileTap: z(),
+    whileDrag: z(),
+    whileFocus: z(),
+    exit: z()
   };
 }
-class me {
+class pe {
   constructor(t) {
     this.isMounted = !1, this.node = t;
   }
   update() {
   }
 }
-class Va extends me {
+class Va extends pe {
   /**
    * 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,
@@ -2737,10 +2732,10 @@ class Va extends me {
     this.node.animationState.reset(), (t = this.unmountControls) == null || t.call(this);
   }
 }
-let Ca = 0;
-class Aa extends me {
+let Aa = 0;
+class Ca extends pe {
   constructor() {
-    super(...arguments), this.id = Ca++;
+    super(...arguments), this.id = Aa++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -2765,7 +2760,7 @@ const Ma = {
     Feature: Va
   },
   exit: {
-    Feature: Aa
+    Feature: Ca
   }
 };
 function wn(e, t, n, s = { passive: !0 }) {
@@ -2809,7 +2804,7 @@ function Sn(e, t, n) {
   const r = "onHover" + n, i = s[r];
   i && L.postRender(() => i(t, js(t)));
 }
-class Da extends me {
+class Da extends pe {
   mount() {
     const { current: t } = this.node;
     t && (this.unmount = uo(t, (n, s) => (Sn(this.node, s, "Start"), (r) => Sn(this.node, r, "End"))));
@@ -2817,7 +2812,7 @@ class Da extends me {
   unmount() {
   }
 }
-class Oa extends me {
+class Oa extends pe {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -2847,7 +2842,7 @@ function Vn(e, t, n) {
   const r = "onTap" + (n === "End" ? "" : n), i = s[r];
   i && L.postRender(() => i(t, js(t)));
 }
-class Ea extends me {
+class Ea extends pe {
   mount() {
     const { current: t } = this.node;
     t && (this.unmount = mo(t, (n, s) => (Vn(this.node, s, "Start"), (r, { success: i }) => Vn(this.node, r, i ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
@@ -2855,7 +2850,7 @@ class Ea extends me {
   unmount() {
   }
 }
-const ht = /* @__PURE__ */ new WeakMap(), Xe = /* @__PURE__ */ new WeakMap(), Ia = (e) => {
+const ht = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), Ia = (e) => {
   const t = ht.get(e.target);
   t && t(e);
 }, ka = (e) => {
@@ -2863,8 +2858,8 @@ const ht = /* @__PURE__ */ new WeakMap(), Xe = /* @__PURE__ */ new WeakMap(), Ia
 };
 function Ba({ root: e, ...t }) {
   const n = e || document;
-  Xe.has(n) || Xe.set(n, {});
-  const s = Xe.get(n), r = JSON.stringify(t);
+  Qe.has(n) || Qe.set(n, {});
+  const s = Qe.get(n), r = JSON.stringify(t);
   return s[r] || (s[r] = new IntersectionObserver(ka, { root: e, ...t })), s[r];
 }
 function La(e, t, n) {
@@ -2877,7 +2872,7 @@ const Na = {
   some: 0,
   all: 1
 };
-class Ka extends me {
+class Ka extends pe {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -2955,7 +2950,7 @@ function Ha(e, t, n) {
     t[s] === void 0 && e.removeValue(s);
   return t;
 }
-const Cn = [
+const An = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2983,7 +2978,7 @@ class Ga {
       this.renderScheduledAt < f && (this.renderScheduledAt = f, L.render(this.render, !1, !0));
     };
     const { latestValues: u, renderState: l } = o;
-    this.latestValues = u, this.baseTarget = { ...u }, this.initialValues = n.initial ? { ...u } : {}, this.renderState = l, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = r, this.options = a, this.blockInitialAnimation = !!i, this.isControllingVariants = We(n), this.isVariantNode = As(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
+    this.latestValues = u, this.baseTarget = { ...u }, this.initialValues = n.initial ? { ...u } : {}, this.renderState = l, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = r, this.options = a, this.blockInitialAnimation = !!i, this.isControllingVariants = We(n), this.isVariantNode = Cs(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
     const { willChange: c, ...d } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const f in d) {
       const h = d[f];
@@ -2994,7 +2989,7 @@ class Ga {
     this.current = t, _a.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)), _s.current || Wa(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : pt.current, process.env.NODE_ENV !== "production" && Nn(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(), Qe(this.notifyUpdate), Qe(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
+    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);
     for (const t in this.events)
       this.events[t].clear();
     for (const t in this.features) {
@@ -3005,7 +3000,7 @@ class Ga {
   }
   bindToMotionValue(t, n) {
     this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)();
-    const s = pe.has(t);
+    const s = he.has(t);
     s && this.onBindTransform && this.onBindTransform();
     const r = n.on("change", (a) => {
       this.latestValues[t] = a, this.props.onUpdate && L.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
@@ -3054,8 +3049,8 @@ class Ga {
    */
   update(t, n) {
     (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let s = 0; s < Cn.length; s++) {
-      const r = Cn[s];
+    for (let s = 0; s < An.length; s++) {
+      const r = An[s];
       this.propEventSubscriptions[r] && (this.propEventSubscriptions[r](), delete this.propEventSubscriptions[r]);
       const i = "on" + r, o = t[i];
       o && (this.propEventSubscriptions[r] = this.on(r, o));
@@ -3125,7 +3120,7 @@ class Ga {
    */
   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" && (En(s) || In(s)) ? s = parseFloat(s) : !yo(s) && de.test(n) && (s = Ts(t, n)), this.setBaseTarget(t, E(s) ? s.get() : s)), E(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && (En(s) || In(s)) ? s = parseFloat(s) : !yo(s) && fe.test(n) && (s = Ts(t, n)), this.setBaseTarget(t, E(s) ? s.get() : s)), E(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -3197,8 +3192,8 @@ class za extends Hs {
   }
   readValueFromInstance(t, n) {
     var s;
-    if (pe.has(n))
-      return (s = this.projection) != null && s.isProjecting ? rt(n) : Ti(t, n);
+    if (he.has(n))
+      return (s = this.projection) != null && s.isProjecting ? it(n) : Ti(t, n);
     {
       const r = Ua(t), i = (Xn(n) ? r.getPropertyValue(n) : r[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
@@ -3252,7 +3247,7 @@ class qa extends Hs {
     return t[n];
   }
   readValueFromInstance(t, n) {
-    if (pe.has(n)) {
+    if (he.has(n)) {
       const s = vs(n);
       return s && s.default || 0;
     }
@@ -3282,7 +3277,7 @@ const Xa = (e, t) => $t(e) ? new qa(t) : new za(t, {
   1: "6",
   2: "8",
   3: "10"
-}, z = (e) => Array.isArray(e), ee = (e) => typeof e == "object" && !Array.isArray(e) || typeof e == "string" || !e, Ja = (e) => {
+}, U = (e) => Array.isArray(e), ee = (e) => typeof e == "object" && !Array.isArray(e) || typeof e == "string" || !e, Ja = (e) => {
   const t = (r, i = []) => (b.Children.toArray(r).forEach((a) => {
     b.isValidElement(a) && (a.props.value ? i.push(a) : a.props.children && t(a.props.children, i));
   }), i);
@@ -3341,7 +3336,7 @@ const Xa = (e, t) => $t(e) ? new qa(t) : new za(t, {
 }) => {
   const n = b.useContext(D), s = () => {
     var i, o;
-    if (z(n.value)) {
+    if (U(n.value)) {
       const a = n.onValueChange;
       a == null || a([]);
     }
@@ -3355,7 +3350,7 @@ const Xa = (e, t) => $t(e) ? new qa(t) : new za(t, {
     var i;
     if (ee(n.value))
       return n.clearable && n.value;
-    if (z(n.value))
+    if (U(n.value))
       return n.clearable && ((i = n.value) == null ? void 0 : i.length) > 0;
   }, [n.clearable, n.value]) ? /* @__PURE__ */ w(fr, { label: "Clear field", ...e, children: /* @__PURE__ */ w(
     ae,
@@ -3426,7 +3421,7 @@ const Xa = (e, t) => $t(e) ? new qa(t) : new za(t, {
   ) });
 }, oc = ({ children: e }) => {
   const t = b.useContext(D);
-  if (!z(t.value)) return null;
+  if (!U(t.value)) return null;
   const n = t.layout || "truncate", r = (t.value.length - 2).toString().split("");
   return /* @__PURE__ */ G(
     ie,
@@ -3593,7 +3588,7 @@ const Xa = (e, t) => $t(e) ? new qa(t) : new za(t, {
   children: h,
   ...m
 }) => {
-  const g = b.useId(), y = b.useId(), p = b.useRef(null), x = b.useRef(null), v = b.useRef(null), A = b.useMemo(() => Ja(h), [h]), [S, C] = b.useState(""), [M = !1, V] = Js({
+  const g = b.useId(), y = b.useId(), p = b.useRef(null), x = b.useRef(null), v = b.useRef(null), C = b.useMemo(() => Ja(h), [h]), [S, A] = b.useState(""), [M = !1, V] = Js({
     prop: i,
     defaultProp: a ?? !1,
     onChange: o
@@ -3601,7 +3596,7 @@ const Xa = (e, t) => $t(e) ? new qa(t) : new za(t, {
     V((I) => !I);
   }, [V]);
   return b.useEffect(() => {
-    M || C("");
+    M || A("");
   }, [M]), /* @__PURE__ */ w(
     D.Provider,
     {
@@ -3621,13 +3616,13 @@ const Xa = (e, t) => $t(e) ? new qa(t) : new za(t, {
         clearable: n,
         disabled: s,
         searchQuery: S,
-        setSearchQuery: C,
+        setSearchQuery: A,
         triggerRef: p,
         searchRef: x,
         contentRef: v,
         errored: c,
         layout: f,
-        options: A,
+        options: C,
         legacyBehavior: r
       },
       children: /* @__PURE__ */ w(
@@ -3644,7 +3639,7 @@ const Xa = (e, t) => $t(e) ? new qa(t) : new za(t, {
   );
 }, pc = () => {
   const e = b.useContext(D);
-  if (e.value && z(e.value)) {
+  if (e.value && U(e.value)) {
     const t = e.layout || "truncate";
     return e.value.length === 0 ? /* @__PURE__ */ w(_.TriggerPlaceholder, {}) : /* @__PURE__ */ w(bo, { features: Qa, children: /* @__PURE__ */ w(_.TriggerTagsContainer, { children: e.value.map((n, s) => {
       const r = H(n, e.legacyBehavior);
@@ -3667,12 +3662,12 @@ const Xa = (e, t) => $t(e) ? new qa(t) : new za(t, {
           s.options,
           s.legacyBehavior
         );
-      if (z(s.value))
+      if (U(s.value))
         return s.value.map(
           (o) => mt(o, s.options, s.legacyBehavior)
         );
     }
-  }, [s.value, s.options, s.legacyBehavior]), i = b.useCallback(() => r ? ee(r) ? (r == null ? void 0 : r.label) || (r == null ? void 0 : r.value) || s.placeholder : z(r) && r.map((o) => (o == null ? void 0 : o.label) || (o == null ? void 0 : o.value)).join(", ") || s.placeholder : s.placeholder, [r, s.placeholder]);
+  }, [s.value, s.options, s.legacyBehavior]), i = b.useCallback(() => r ? ee(r) ? (r == null ? void 0 : r.label) || (r == null ? void 0 : r.value) || s.placeholder : U(r) && r.map((o) => (o == null ? void 0 : o.label) || (o == null ? void 0 : o.value)).join(", ") || s.placeholder : s.placeholder, [r, s.placeholder]);
   return /* @__PURE__ */ w(
     Be.Trigger,
     {
@@ -3738,7 +3733,7 @@ const Xa = (e, t) => $t(e) ? new qa(t) : new za(t, {
   tgphRef: n,
   ...s
 }) => {
-  const r = b.useContext(D), i = b.useRef(!1), o = An(n, r.contentRef), a = b.useRef(null), [u, l] = b.useState(0), [c, d] = b.useState(!1), f = b.useCallback(
+  const r = b.useContext(D), i = b.useRef(!1), o = Cn(n, r.contentRef), a = b.useRef(null), [u, l] = b.useState(0), [c, d] = b.useState(!1), f = b.useCallback(
     (h) => {
       const m = h == null ? void 0 : h.getBoundingClientRect();
       m && l(m.height), c || d(!0);
@@ -3835,7 +3830,7 @@ const Xa = (e, t) => $t(e) ? new qa(t) : new za(t, {
     children: t || r,
     value: e,
     searchQuery: o.searchQuery
-  }), d = z(l) ? l.some(
+  }), d = U(l) ? l.some(
     (h) => H(h, o.legacyBehavior) === e
   ) : H(l, o.legacyBehavior) === e, f = (h) => {
     var g, y;
@@ -3847,9 +3842,9 @@ const Xa = (e, t) => $t(e) ? new qa(t) : new za(t, {
       if (ee(l)) {
         const p = o.onValueChange;
         o.legacyBehavior === !0 ? p == null || p({ value: e, label: t }) : p == null || p(e);
-      } else if (z(l)) {
+      } else if (U(l)) {
         const p = o.onValueChange, x = o.value, v = d ? x.filter(
-          (A) => H(A, o.legacyBehavior) !== e
+          (C) => H(C, o.legacyBehavior) !== e
         ) : [
           ...x,
           // TODO: Remove this once { value, label } option is deprecated
@@ -3889,7 +3884,7 @@ const Xa = (e, t) => $t(e) ? new qa(t) : new za(t, {
   ...i
 }) => {
   var d;
-  const o = b.useId(), a = b.useContext(D), u = An(n, a.searchRef), l = s ?? a.searchQuery, c = r ?? a.setSearchQuery;
+  const o = b.useId(), a = b.useContext(D), u = Cn(n, a.searchRef), l = s ?? a.searchQuery, c = r ?? a.setSearchQuery;
   return b.useEffect(() => {
     var m;
     const f = (g) => {
@@ -3988,7 +3983,7 @@ const Xa = (e, t) => $t(e) ? new qa(t) : new za(t, {
         selected: s,
         onSelect: () => {
           var u;
-          if (n && o.value && o.searchQuery) {
+          if (n && o.searchQuery) {
             const l = r === !0 ? { value: o.searchQuery } : o.searchQuery;
             n(l), (u = o.setSearchQuery) == null || u.call(o, "");
           }