@telegraph/combobox 0.1.26 → 0.1.27

package/dist/esm/index.mjs

@@ -1,29 +1,29 @@
-import { jsx as T, jsxs as G, Fragment as Ze } from "react/jsx-runtime";
-import { DismissableLayer as rr } from "@radix-ui/react-dismissable-layer";
-import * as ir from "@radix-ui/react-portal";
-import { useControllableState as or } from "@radix-ui/react-use-controllable-state";
+import { jsx as T, jsxs as U, Fragment as tt } from "react/jsx-runtime";
+import { DismissableLayer as ir } from "@radix-ui/react-dismissable-layer";
+import * as or from "@radix-ui/react-portal";
+import { useControllableState as en } from "@radix-ui/react-use-controllable-state";
 import * as ar from "@radix-ui/react-visually-hidden";
 import { Button as le } from "@telegraph/button";
-import { useComposedRefs as Rn } from "@telegraph/compose-refs";
-import { Icon as Dn } from "@telegraph/icon";
+import { useComposedRefs as St } from "@telegraph/compose-refs";
+import { Icon as In } from "@telegraph/icon";
 import { Input as cr } from "@telegraph/input";
-import { Stack as ae, Box as On } from "@telegraph/layout";
-import { Menu as Ne } from "@telegraph/menu";
-import { Text as Tt } from "@telegraph/typography";
-import { X as wt, ChevronsUpDown as lr, Plus as ur, Search as In } from "lucide-react";
-import b, { createContext as ue, useRef as ve, useLayoutEffect as fr, useEffect as xt, useState as dr, useContext as L, useMemo as Ke, Fragment as En, createElement as hr, useCallback as pr, useInsertionEffect as mr, forwardRef as gr } from "react";
+import { Stack as ae, Box as En } from "@telegraph/layout";
+import { Menu as $e } from "@telegraph/menu";
+import { Text as Vt } from "@telegraph/typography";
+import { X as Ct, ChevronsUpDown as lr, Plus as ur, Search as kn } from "lucide-react";
+import y, { createContext as ue, useRef as ve, useLayoutEffect as fr, useEffect as At, useState as dr, useContext as L, useMemo as je, Fragment as Bn, createElement as hr, useCallback as pr, useInsertionEffect as mr, forwardRef as gr } from "react";
 import { RefToTgphRef as yr } from "@telegraph/helpers";
-import { Tag as St } from "@telegraph/tag";
+import { Tag as Mt } from "@telegraph/tag";
 import { Tooltip as br } from "@telegraph/tooltip";
-import { TooltipIfTruncated as kn } from "@telegraph/truncate";
+import { TooltipIfTruncated as Ln } from "@telegraph/truncate";
 const vr = {
   0: "5",
   1: "6",
   2: "8",
   3: "10"
-}, $ = (e) => Array.isArray(e), Z = (e) => typeof e == "object" && !Array.isArray(e) || typeof e == "string" || !e, Tr = (e) => {
-  const t = (r, i = []) => (b.Children.toArray(r).forEach((a) => {
-    if (b.isValidElement(a)) {
+}, K = (e) => Array.isArray(e), z = (e) => typeof e == "object" && !Array.isArray(e) || typeof e == "string" || !e, Tr = (e) => {
+  const t = (r, i = []) => (y.Children.toArray(r).forEach((a) => {
+    if (y.isValidElement(a)) {
       const c = a.props;
       c.value ? i.push(a) : c.children && t(
         c.children,
@@ -39,13 +39,13 @@ const vr = {
       label: ((o = i.props) == null ? void 0 : o.label) || i.props.children || i.props.value
     };
   });
-}, H = (e, t) => {
+}, $ = (e, t) => {
   if (e)
     return t === !0 ? e == null ? void 0 : e.value : e;
-}, Je = (e, t, n) => {
+}, nt = (e, t, n) => {
   if (!e || !t || t.length === 0) return;
   const s = t.find(
-    (r) => r.value === H(e, n)
+    (r) => r.value === $(e, n)
   );
   if (s)
     return s;
@@ -54,17 +54,17 @@ const vr = {
   value: t,
   searchQuery: n
 }) => {
-  const s = Bn(e);
+  const s = Nn(e);
   return (t == null ? void 0 : t.toLowerCase().includes(n.toLowerCase())) || s.some(
     (r) => r.toLowerCase().includes(n.toLowerCase())
   );
-}, Bn = (e) => {
-  const t = b.Children.toArray(e), n = [];
+}, Nn = (e) => {
+  const t = y.Children.toArray(e), n = [];
   return t.forEach((s) => {
-    if (typeof s == "string" && n.push(s), b.isValidElement(s)) {
+    if (typeof s == "string" && n.push(s), y.isValidElement(s)) {
       const r = s.props;
       r.children && n.push(
-        ...Bn(r.children)
+        ...Nn(r.children)
       );
     }
   }), n;
@@ -73,7 +73,7 @@ function Sr(e) {
   const t = ve(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const Vt = typeof window < "u", Vr = Vt ? fr : xt, Ln = /* @__PURE__ */ ue(null);
+const Pt = typeof window < "u", Vr = Pt ? fr : At, Kn = /* @__PURE__ */ ue(null);
 function Cr(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
@@ -81,34 +81,34 @@ function Ar(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;
-function et(e, t) {
+const ee = (e, t, n) => n > t ? t : n < e ? e : n;
+function st(e, t) {
   return t ? `${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}` : e;
 }
 let Ce = () => {
-}, ee = () => {
+}, te = () => {
 };
 process.env.NODE_ENV !== "production" && (Ce = (e, t, n) => {
-  !e && typeof console < "u" && console.warn(et(t, n));
-}, ee = (e, t, n) => {
+  !e && typeof console < "u" && console.warn(st(t, n));
+}, te = (e, t, n) => {
   if (!e)
-    throw new Error(et(t, n));
+    throw new Error(st(t, n));
 });
-const W = {}, Nn = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
+const _ = {}, $n = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
 function Mr(e) {
   return typeof e == "object" && e !== null;
 }
-const Kn = (e) => /^0[^.\s]+$/u.test(e);
+const jn = (e) => /^0[^.\s]+$/u.test(e);
 // @__NO_SIDE_EFFECTS__
-function Ct(e) {
+function Rt(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const fe = /* @__NO_SIDE_EFFECTS__ */ (e) => e, Pr = (e, t) => (n) => t(e(n)), $e = (...e) => e.reduce(Pr), $n = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
+const fe = /* @__NO_SIDE_EFFECTS__ */ (e) => e, Pr = (e, t) => (n) => t(e(n)), We = (...e) => e.reduce(Pr), Wn = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
   const s = t - e;
   return s === 0 ? 1 : (n - e) / s;
 };
-class jn {
+class _n {
   constructor() {
     this.subscriptions = [];
   }
@@ -133,49 +133,49 @@ class jn {
     this.subscriptions.length = 0;
   }
 }
-const K = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, j = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
-function Wn(e, t) {
+const j = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, W = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
+function Hn(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
-const Zt = /* @__PURE__ */ new Set();
-function _n(e, t, n) {
-  e || Zt.has(t) || (console.warn(et(t, n)), Zt.add(t));
+const tn = /* @__PURE__ */ new Set();
+function Gn(e, t, n) {
+  e || tn.has(t) || (console.warn(st(t, n)), tn.add(t));
 }
-const Hn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Fr = 1e-7, Rr = 12;
+const Un = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Rr = 1e-7, Fr = 12;
 function Dr(e, t, n, s, r) {
   let i, o, a = 0;
   do
-    o = t + (n - t) / 2, i = Hn(o, s, r) - e, i > 0 ? n = o : t = o;
-  while (Math.abs(i) > Fr && ++a < Rr);
+    o = t + (n - t) / 2, i = Un(o, s, r) - e, i > 0 ? n = o : t = o;
+  while (Math.abs(i) > Rr && ++a < Fr);
   return o;
 }
 function Ae(e, t, n, s) {
   if (e === t && n === s)
     return fe;
   const r = (i) => Dr(i, 0, 1, e, n);
-  return (i) => i === 0 || i === 1 ? i : Hn(r(i), t, s);
+  return (i) => i === 0 || i === 1 ? i : Un(r(i), t, s);
 }
-const Gn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Un = (e) => (t) => 1 - e(1 - t), zn = /* @__PURE__ */ Ae(0.33, 1.53, 0.69, 0.99), At = /* @__PURE__ */ Un(zn), Yn = /* @__PURE__ */ Gn(At), Xn = (e) => (e *= 2) < 1 ? 0.5 * At(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Mt = (e) => 1 - Math.sin(Math.acos(e)), Or = Un(Mt), qn = Gn(Mt), Ir = /* @__PURE__ */ Ae(0.42, 0, 1, 1), Er = /* @__PURE__ */ Ae(0, 0, 0.58, 1), Qn = /* @__PURE__ */ Ae(0.42, 0, 0.58, 1), kr = (e) => Array.isArray(e) && typeof e[0] != "number", Zn = (e) => Array.isArray(e) && typeof e[0] == "number", Jt = {
+const zn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Yn = (e) => (t) => 1 - e(1 - t), Xn = /* @__PURE__ */ Ae(0.33, 1.53, 0.69, 0.99), Ft = /* @__PURE__ */ Yn(Xn), qn = /* @__PURE__ */ zn(Ft), Qn = (e) => (e *= 2) < 1 ? 0.5 * Ft(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Dt = (e) => 1 - Math.sin(Math.acos(e)), Or = Yn(Dt), Zn = zn(Dt), Ir = /* @__PURE__ */ Ae(0.42, 0, 1, 1), Er = /* @__PURE__ */ Ae(0, 0, 0.58, 1), Jn = /* @__PURE__ */ Ae(0.42, 0, 0.58, 1), kr = (e) => Array.isArray(e) && typeof e[0] != "number", es = (e) => Array.isArray(e) && typeof e[0] == "number", nn = {
   linear: fe,
   easeIn: Ir,
-  easeInOut: Qn,
+  easeInOut: Jn,
   easeOut: Er,
-  circIn: Mt,
-  circInOut: qn,
+  circIn: Dt,
+  circInOut: Zn,
   circOut: Or,
-  backIn: At,
-  backInOut: Yn,
-  backOut: zn,
-  anticipate: Xn
-}, Br = (e) => typeof e == "string", en = (e) => {
-  if (Zn(e)) {
-    ee(e.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
+  backIn: Ft,
+  backInOut: qn,
+  backOut: Xn,
+  anticipate: Qn
+}, Br = (e) => typeof e == "string", sn = (e) => {
+  if (es(e)) {
+    te(e.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [t, n, s, r] = e;
     return Ae(t, n, s, r);
   } else if (Br(e))
-    return ee(Jt[e] !== void 0, `Invalid easing type '${e}'`, "invalid-easing-type"), Jt[e];
+    return te(nn[e] !== void 0, `Invalid easing type '${e}'`, "invalid-easing-type"), nn[e];
   return e;
-}, Pe = [
+}, Fe = [
   "setup",
   // Compute
   "read",
@@ -232,67 +232,67 @@ function Lr(e, t) {
   return u;
 }
 const Nr = 40;
-function Jn(e, t) {
+function ts(e, t) {
   let n = !1, s = !0;
   const r = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, i = () => n = !0, o = Pe.reduce((v, A) => (v[A] = Lr(i), v), {}), { setup: a, read: c, resolveKeyframes: u, preUpdate: l, update: d, preRender: f, render: h, postRender: m } = o, g = () => {
-    const v = W.useManualTiming ? r.timestamp : performance.now();
-    n = !1, W.useManualTiming || (r.delta = s ? 1e3 / 60 : Math.max(Math.min(v - r.timestamp, Nr), 1)), r.timestamp = v, r.isProcessing = !0, a.process(r), c.process(r), u.process(r), l.process(r), d.process(r), f.process(r), h.process(r), m.process(r), r.isProcessing = !1, n && t && (s = !1, e(g));
-  }, y = () => {
+  }, i = () => n = !0, o = Fe.reduce((v, C) => (v[C] = Lr(i), v), {}), { setup: a, read: c, resolveKeyframes: u, preUpdate: l, update: d, preRender: f, render: h, postRender: m } = o, g = () => {
+    const v = _.useManualTiming ? r.timestamp : performance.now();
+    n = !1, _.useManualTiming || (r.delta = s ? 1e3 / 60 : Math.max(Math.min(v - r.timestamp, Nr), 1)), r.timestamp = v, r.isProcessing = !0, a.process(r), c.process(r), u.process(r), l.process(r), d.process(r), f.process(r), h.process(r), m.process(r), r.isProcessing = !1, n && t && (s = !1, e(g));
+  }, b = () => {
     n = !0, s = !0, r.isProcessing || e(g);
   };
-  return { schedule: Pe.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: Fe.reduce((v, C) => {
+    const S = o[C];
+    return v[C] = (A, P = !1, V = !1) => (n || b(), S.schedule(A, P, V)), v;
   }, {}), cancel: (v) => {
-    for (let A = 0; A < Pe.length; A++)
-      o[Pe[A]].cancel(v);
+    for (let C = 0; C < Fe.length; C++)
+      o[Fe[C]].cancel(v);
   }, state: r, steps: o };
 }
-const { schedule: N, cancel: tt, state: Oe } = /* @__PURE__ */ Jn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : fe, !0);
-let Re;
+const { schedule: N, cancel: rt, state: Ee } = /* @__PURE__ */ ts(typeof requestAnimationFrame < "u" ? requestAnimationFrame : fe, !0);
+let Oe;
 function Kr() {
-  Re = void 0;
+  Oe = void 0;
 }
 const B = {
-  now: () => (Re === void 0 && B.set(Oe.isProcessing || W.useManualTiming ? Oe.timestamp : performance.now()), Re),
+  now: () => (Oe === void 0 && B.set(Ee.isProcessing || _.useManualTiming ? Ee.timestamp : performance.now()), Oe),
   set: (e) => {
-    Re = e, queueMicrotask(Kr);
+    Oe = e, queueMicrotask(Kr);
   }
-}, es = (e) => (t) => typeof t == "string" && t.startsWith(e), ts = /* @__PURE__ */ es("--"), $r = /* @__PURE__ */ es("var(--"), Pt = (e) => $r(e) ? jr.test(e.split("/*")[0].trim()) : !1, jr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, de = {
+}, ns = (e) => (t) => typeof t == "string" && t.startsWith(e), ss = /* @__PURE__ */ ns("--"), $r = /* @__PURE__ */ ns("var(--"), Ot = (e) => $r(e) ? jr.test(e.split("/*")[0].trim()) : !1, jr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, de = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
 }, xe = {
   ...de,
-  transform: (e) => J(0, 1, e)
-}, Fe = {
+  transform: (e) => ee(0, 1, e)
+}, De = {
   ...de,
   default: 1
-}, Te = (e) => Math.round(e * 1e5) / 1e5, Ft = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+}, Te = (e) => Math.round(e * 1e5) / 1e5, It = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function Wr(e) {
   return e == null;
 }
-const _r = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Rt = (e, t) => (n) => !!(typeof n == "string" && _r.test(n) && n.startsWith(e) || t && !Wr(n) && Object.prototype.hasOwnProperty.call(n, t)), ns = (e, t, n) => (s) => {
+const _r = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Et = (e, t) => (n) => !!(typeof n == "string" && _r.test(n) && n.startsWith(e) || t && !Wr(n) && Object.prototype.hasOwnProperty.call(n, t)), rs = (e, t, n) => (s) => {
   if (typeof s != "string")
     return s;
-  const [r, i, o, a] = s.match(Ft);
+  const [r, i, o, a] = s.match(It);
   return {
     [e]: parseFloat(r),
     [t]: parseFloat(i),
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Hr = (e) => J(0, 255, e), Ge = {
+}, Hr = (e) => ee(0, 255, e), Ye = {
   ...de,
   transform: (e) => Math.round(Hr(e))
-}, Y = {
-  test: /* @__PURE__ */ Rt("rgb", "red"),
-  parse: /* @__PURE__ */ ns("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Ge.transform(e) + ", " + Ge.transform(t) + ", " + Ge.transform(n) + ", " + Te(xe.transform(s)) + ")"
+}, q = {
+  test: /* @__PURE__ */ Et("rgb", "red"),
+  parse: /* @__PURE__ */ rs("red", "green", "blue"),
+  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Ye.transform(e) + ", " + Ye.transform(t) + ", " + Ye.transform(n) + ", " + Te(xe.transform(s)) + ")"
 };
 function Gr(e) {
   let t = "", n = "", s = "", r = "";
@@ -303,36 +303,36 @@ function Gr(e) {
     alpha: r ? parseInt(r, 16) / 255 : 1
   };
 }
-const nt = {
-  test: /* @__PURE__ */ Rt("#"),
+const it = {
+  test: /* @__PURE__ */ Et("#"),
   parse: Gr,
-  transform: Y.transform
+  transform: q.transform
 }, Me = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), _ = /* @__PURE__ */ Me("deg"), ie = /* @__PURE__ */ Me("%"), w = /* @__PURE__ */ Me("px"), Ur = /* @__PURE__ */ Me("vh"), zr = /* @__PURE__ */ Me("vw"), tn = {
+}), G = /* @__PURE__ */ Me("deg"), ie = /* @__PURE__ */ Me("%"), w = /* @__PURE__ */ Me("px"), Ur = /* @__PURE__ */ Me("vh"), zr = /* @__PURE__ */ Me("vw"), rn = {
   ...ie,
   parse: (e) => ie.parse(e) / 100,
   transform: (e) => ie.transform(e * 100)
 }, se = {
-  test: /* @__PURE__ */ Rt("hsl", "hue"),
-  parse: /* @__PURE__ */ ns("hue", "saturation", "lightness"),
+  test: /* @__PURE__ */ Et("hsl", "hue"),
+  parse: /* @__PURE__ */ rs("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + ie.transform(Te(t)) + ", " + ie.transform(Te(n)) + ", " + Te(xe.transform(s)) + ")"
-}, F = {
-  test: (e) => Y.test(e) || nt.test(e) || se.test(e),
-  parse: (e) => Y.test(e) ? Y.parse(e) : se.test(e) ? se.parse(e) : nt.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? Y.transform(e) : se.transform(e),
+}, R = {
+  test: (e) => q.test(e) || it.test(e) || se.test(e),
+  parse: (e) => q.test(e) ? q.parse(e) : se.test(e) ? se.parse(e) : it.parse(e),
+  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? q.transform(e) : se.transform(e),
   getAnimatableNone: (e) => {
-    const t = F.parse(e);
-    return t.alpha = 0, F.transform(t);
+    const t = R.parse(e);
+    return t.alpha = 0, R.transform(t);
   }
 }, Yr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function Xr(e) {
   var t, n;
-  return isNaN(e) && typeof e == "string" && (((t = e.match(Ft)) == null ? void 0 : t.length) || 0) + (((n = e.match(Yr)) == null ? void 0 : n.length) || 0) > 0;
+  return isNaN(e) && typeof e == "string" && (((t = e.match(It)) == null ? void 0 : t.length) || 0) + (((n = e.match(Yr)) == null ? void 0 : n.length) || 0) > 0;
 }
-const ss = "number", rs = "color", qr = "var", Qr = "var(", nn = "${}", Zr = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+const is = "number", os = "color", qr = "var", Qr = "var(", on = "${}", Zr = /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 Se(e) {
   const t = e.toString(), n = [], s = {
     color: [],
@@ -340,36 +340,36 @@ function Se(e) {
     var: []
   }, r = [];
   let i = 0;
-  const a = t.replace(Zr, (c) => (F.test(c) ? (s.color.push(i), r.push(rs), n.push(F.parse(c))) : c.startsWith(Qr) ? (s.var.push(i), r.push(qr), n.push(c)) : (s.number.push(i), r.push(ss), n.push(parseFloat(c))), ++i, nn)).split(nn);
+  const a = t.replace(Zr, (c) => (R.test(c) ? (s.color.push(i), r.push(os), n.push(R.parse(c))) : c.startsWith(Qr) ? (s.var.push(i), r.push(qr), n.push(c)) : (s.number.push(i), r.push(is), n.push(parseFloat(c))), ++i, on)).split(on);
   return { values: n, split: a, indexes: s, types: r };
 }
-function is(e) {
+function as(e) {
   return Se(e).values;
 }
-function os(e) {
+function cs(e) {
   const { split: t, types: n } = Se(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 === ss ? i += Te(r[o]) : a === rs ? i += F.transform(r[o]) : i += r[o];
+        a === is ? i += Te(r[o]) : a === os ? i += R.transform(r[o]) : i += r[o];
       }
     return i;
   };
 }
-const Jr = (e) => typeof e == "number" ? 0 : F.test(e) ? F.getAnimatableNone(e) : e;
+const Jr = (e) => typeof e == "number" ? 0 : R.test(e) ? R.getAnimatableNone(e) : e;
 function ei(e) {
-  const t = is(e);
-  return os(e)(t.map(Jr));
+  const t = as(e);
+  return cs(e)(t.map(Jr));
 }
 const he = {
   test: Xr,
-  parse: is,
-  createTransformer: os,
+  parse: as,
+  createTransformer: cs,
   getAnimatableNone: ei
 };
-function Ue(e, t, n) {
+function Xe(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
 function ti({ hue: e, saturation: t, lightness: n, alpha: s }) {
@@ -379,7 +379,7 @@ function ti({ hue: e, saturation: t, lightness: n, alpha: s }) {
     r = i = o = n;
   else {
     const a = n < 0.5 ? n * (1 + t) : n + t - n * t, c = 2 * n - a;
-    r = Ue(c, a, e + 1 / 3), i = Ue(c, a, e), o = Ue(c, a, e - 1 / 3);
+    r = Xe(c, a, e + 1 / 3), i = Xe(c, a, e), o = Xe(c, a, e - 1 / 3);
   }
   return {
     red: Math.round(r * 255),
@@ -388,38 +388,38 @@ function ti({ hue: e, saturation: t, lightness: n, alpha: s }) {
     alpha: s
   };
 }
-function Ie(e, t) {
+function ke(e, t) {
   return (n) => n > 0 ? t : e;
 }
-const je = (e, t, n) => e + (t - e) * n, ze = (e, t, n) => {
+const _e = (e, t, n) => e + (t - e) * n, qe = (e, t, n) => {
   const s = e * e, r = n * (t * t - s) + s;
   return r < 0 ? 0 : Math.sqrt(r);
-}, ni = [nt, Y, se], si = (e) => ni.find((t) => t.test(e));
-function sn(e) {
+}, ni = [it, q, se], si = (e) => ni.find((t) => t.test(e));
+function an(e) {
   const t = si(e);
   if (Ce(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !t)
     return !1;
   let n = t.parse(e);
   return t === se && (n = ti(n)), n;
 }
-const rn = (e, t) => {
-  const n = sn(e), s = sn(t);
+const cn = (e, t) => {
+  const n = an(e), s = an(t);
   if (!n || !s)
-    return Ie(e, t);
+    return ke(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 = je(n.alpha, s.alpha, i), Y.transform(r));
-}, st = /* @__PURE__ */ new Set(["none", "hidden"]);
+  return (i) => (r.red = qe(n.red, s.red, i), r.green = qe(n.green, s.green, i), r.blue = qe(n.blue, s.blue, i), r.alpha = _e(n.alpha, s.alpha, i), q.transform(r));
+}, ot = /* @__PURE__ */ new Set(["none", "hidden"]);
 function ri(e, t) {
-  return st.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
+  return ot.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
 function ii(e, t) {
-  return (n) => je(e, t, n);
+  return (n) => _e(e, t, n);
 }
-function Dt(e) {
-  return typeof e == "number" ? ii : typeof e == "string" ? Pt(e) ? Ie : F.test(e) ? rn : ci : Array.isArray(e) ? as : typeof e == "object" ? F.test(e) ? rn : oi : Ie;
+function kt(e) {
+  return typeof e == "number" ? ii : typeof e == "string" ? Ot(e) ? ke : R.test(e) ? cn : ci : Array.isArray(e) ? ls : typeof e == "object" ? R.test(e) ? cn : oi : ke;
 }
-function as(e, t) {
-  const n = [...e], s = n.length, r = e.map((i, o) => Dt(i)(i, t[o]));
+function ls(e, t) {
+  const n = [...e], s = n.length, r = e.map((i, o) => kt(i)(i, t[o]));
   return (i) => {
     for (let o = 0; o < s; o++)
       n[o] = r[o](i);
@@ -429,7 +429,7 @@ function as(e, t) {
 function oi(e, t) {
   const n = { ...e, ...t }, s = {};
   for (const r in n)
-    e[r] !== void 0 && t[r] !== void 0 && (s[r] = Dt(e[r])(e[r], t[r]));
+    e[r] !== void 0 && t[r] !== void 0 && (s[r] = kt(e[r])(e[r], t[r]));
   return (r) => {
     for (const i in s)
       n[i] = s[i](r);
@@ -446,51 +446,51 @@ function ai(e, t) {
 }
 const ci = (e, t) => {
   const n = he.createTransformer(t), s = Se(e), r = Se(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 ? st.has(e) && !r.values.length || st.has(t) && !s.values.length ? ri(e, t) : $e(as(ai(s, r), r.values), n) : (Ce(!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.`, "complex-values-different"), Ie(e, 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 ? ot.has(e) && !r.values.length || ot.has(t) && !s.values.length ? ri(e, t) : We(ls(ai(s, r), r.values), n) : (Ce(!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.`, "complex-values-different"), ke(e, t));
 };
-function cs(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? je(e, t, n) : Dt(e)(e, t);
+function us(e, t, n) {
+  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? _e(e, t, n) : kt(e)(e, t);
 }
 const li = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
     start: (n = !0) => N.update(t, n),
-    stop: () => tt(t),
+    stop: () => rt(t),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => Oe.isProcessing ? Oe.timestamp : B.now()
+    now: () => Ee.isProcessing ? Ee.timestamp : B.now()
   };
-}, ls = (e, t, n = 10) => {
+}, fs = (e, t, n = 10) => {
   let s = "";
   const r = Math.max(Math.round(t / n), 2);
   for (let i = 0; i < r; i++)
     s += Math.round(e(i / (r - 1)) * 1e4) / 1e4 + ", ";
   return `linear(${s.substring(0, s.length - 2)})`;
-}, Ee = 2e4;
-function Ot(e) {
+}, Be = 2e4;
+function Bt(e) {
   let t = 0;
   const n = 50;
   let s = e.next(t);
-  for (; !s.done && t < Ee; )
+  for (; !s.done && t < Be; )
     t += n, s = e.next(t);
-  return t >= Ee ? 1 / 0 : t;
+  return t >= Be ? 1 / 0 : t;
 }
 function ui(e, t = 100, n) {
-  const s = n({ ...e, keyframes: [0, t] }), r = Math.min(Ot(s), Ee);
+  const s = n({ ...e, keyframes: [0, t] }), r = Math.min(Bt(s), Be);
   return {
     type: "keyframes",
     ease: (i) => s.next(r * i).value / t,
-    duration: /* @__PURE__ */ j(r)
+    duration: /* @__PURE__ */ W(r)
   };
 }
 const fi = 5;
-function us(e, t, n) {
+function ds(e, t, n) {
   const s = Math.max(t - fi, 0);
-  return Wn(n - e(s), t - s);
+  return Hn(n - e(s), t - s);
 }
-const P = {
+const M = {
   // Default spring physics
   stiffness: 100,
   damping: 10,
@@ -518,29 +518,29 @@ const P = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, Ye = 1e-3;
-function di({ duration: e = P.duration, bounce: t = P.bounce, velocity: n = P.velocity, mass: s = P.mass }) {
+}, Qe = 1e-3;
+function di({ duration: e = M.duration, bounce: t = M.bounce, velocity: n = M.velocity, mass: s = M.mass }) {
   let r, i;
-  Ce(e <= /* @__PURE__ */ K(P.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  Ce(e <= /* @__PURE__ */ j(M.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let o = 1 - t;
-  o = J(P.minDamping, P.maxDamping, o), e = J(P.minDuration, P.maxDuration, /* @__PURE__ */ j(e)), o < 1 ? (r = (u) => {
-    const l = u * o, d = l * e, f = l - n, h = rt(u, o), m = Math.exp(-d);
-    return Ye - f / h * m;
+  o = ee(M.minDamping, M.maxDamping, o), e = ee(M.minDuration, M.maxDuration, /* @__PURE__ */ W(e)), o < 1 ? (r = (u) => {
+    const l = u * o, d = l * e, f = l - n, h = at(u, o), m = Math.exp(-d);
+    return Qe - f / h * m;
   }, i = (u) => {
-    const d = u * o * e, f = d * n + n, h = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-d), g = rt(Math.pow(u, 2), o);
-    return (-r(u) + Ye > 0 ? -1 : 1) * ((f - h) * m) / g;
+    const d = u * o * e, f = d * n + n, h = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-d), g = at(Math.pow(u, 2), o);
+    return (-r(u) + Qe > 0 ? -1 : 1) * ((f - h) * m) / g;
   }) : (r = (u) => {
     const l = Math.exp(-u * e), d = (u - n) * e + 1;
-    return -Ye + l * d;
+    return -Qe + l * d;
   }, i = (u) => {
     const l = Math.exp(-u * e), d = (n - u) * (e * e);
     return l * d;
   });
   const a = 5 / e, c = pi(r, i, a);
-  if (e = /* @__PURE__ */ K(e), isNaN(c))
+  if (e = /* @__PURE__ */ j(e), isNaN(c))
     return {
-      stiffness: P.stiffness,
-      damping: P.damping,
+      stiffness: M.stiffness,
+      damping: M.damping,
       duration: e
     };
   {
@@ -559,28 +559,28 @@ function pi(e, t, n) {
     s = s - e(s) / t(s);
   return s;
 }
-function rt(e, t) {
+function at(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
 const mi = ["duration", "bounce"], gi = ["stiffness", "damping", "mass"];
-function on(e, t) {
+function ln(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
 function yi(e) {
   let t = {
-    velocity: P.velocity,
-    stiffness: P.stiffness,
-    damping: P.damping,
-    mass: P.mass,
+    velocity: M.velocity,
+    stiffness: M.stiffness,
+    damping: M.damping,
+    mass: M.mass,
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!on(e, gi) && on(e, mi))
+  if (!ln(e, gi) && ln(e, mi))
     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 * ee(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(r);
       t = {
         ...t,
-        mass: P.mass,
+        mass: M.mass,
         stiffness: r,
         damping: i
       };
@@ -589,12 +589,12 @@ function yi(e) {
       t = {
         ...t,
         ...n,
-        mass: P.mass
+        mass: M.mass
       }, t.isResolvedFromDuration = !0;
     }
   return t;
 }
-function ke(e = P.visualDuration, t = P.bounce) {
+function Le(e = M.visualDuration, t = M.bounce) {
   const n = typeof e != "object" ? {
     visualDuration: e,
     keyframes: [0, 1],
@@ -603,69 +603,69 @@ function ke(e = P.visualDuration, t = P.bounce) {
   let { restSpeed: s, restDelta: r } = n;
   const i = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: i }, { stiffness: c, damping: u, mass: l, duration: d, velocity: f, isResolvedFromDuration: h } = yi({
     ...n,
-    velocity: -/* @__PURE__ */ j(n.velocity || 0)
-  }), m = f || 0, g = u / (2 * Math.sqrt(c * l)), y = o - i, p = /* @__PURE__ */ j(Math.sqrt(c / l)), x = Math.abs(y) < 5;
-  s || (s = x ? P.restSpeed.granular : P.restSpeed.default), r || (r = x ? P.restDelta.granular : P.restDelta.default);
+    velocity: -/* @__PURE__ */ W(n.velocity || 0)
+  }), m = f || 0, g = u / (2 * Math.sqrt(c * l)), b = o - i, p = /* @__PURE__ */ W(Math.sqrt(c / l)), x = Math.abs(b) < 5;
+  s || (s = x ? M.restSpeed.granular : M.restSpeed.default), r || (r = x ? M.restDelta.granular : M.restDelta.default);
   let v;
   if (g < 1) {
-    const S = rt(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 = at(p, g);
+    v = (A) => {
+      const P = Math.exp(-g * p * A);
+      return o - P * ((m + g * p * b) / S * Math.sin(S * A) + b * Math.cos(S * A));
     };
   } else if (g === 1)
-    v = (S) => o - Math.exp(-p * S) * (y + (m + p * y) * S);
+    v = (S) => o - Math.exp(-p * S) * (b + (m + p * b) * 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);
-      return o - M * ((m + g * p * y) * Math.sinh(V) + S * y * Math.cosh(V)) / S;
+    v = (A) => {
+      const P = Math.exp(-g * p * A), V = Math.min(S * A, 300);
+      return o - P * ((m + g * p * b) * Math.sinh(V) + S * b * 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__ */ K(m) : us(v, S, C));
-        const V = Math.abs(M) <= s, D = Math.abs(o - C) <= r;
-        a.done = V && D;
+        let P = S === 0 ? m : 0;
+        g < 1 && (P = S === 0 ? /* @__PURE__ */ j(m) : ds(v, S, A));
+        const V = Math.abs(P) <= 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(Ot(A), Ee), C = ls((M) => A.next(S * M).value, S, 30);
-      return S + "ms " + C;
+      const S = Math.min(Bt(C), Be), A = fs((P) => C.next(S * P).value, S, 30);
+      return S + "ms " + A;
     },
     toTransition: () => {
     }
   };
-  return A;
+  return C;
 }
-ke.applyToOptions = (e) => {
-  const t = ui(e, 100, ke);
-  return e.ease = t.ease, e.duration = /* @__PURE__ */ K(t.duration), e.type = "keyframes", e;
+Le.applyToOptions = (e) => {
+  const t = ui(e, 100, Le);
+  return e.ease = t.ease, e.duration = /* @__PURE__ */ j(t.duration), e.type = "keyframes", e;
 };
-function it({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: r = 10, bounceStiffness: i = 500, modifyTarget: o, min: a, max: c, restDelta: u = 0.5, restSpeed: l }) {
+function ct({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: r = 10, bounceStiffness: i = 500, modifyTarget: o, min: a, max: c, restDelta: u = 0.5, restSpeed: l }) {
   const d = e[0], f = {
     done: !1,
     value: d
   }, h = (V) => a !== void 0 && V < a || c !== void 0 && V > c, m = (V) => a === void 0 ? c : c === void 0 || Math.abs(a - V) < Math.abs(c - V) ? a : c;
   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 D = x(V), E = v(V);
-    f.done = Math.abs(D) <= u, f.value = f.done ? p : E;
+  const b = d + g, p = o === void 0 ? b : o(b);
+  p !== b && (g = p - d);
+  const x = (V) => -g * Math.exp(-V / s), v = (V) => p + x(V), C = (V) => {
+    const F = x(V), D = v(V);
+    f.done = Math.abs(F) <= u, f.value = f.done ? p : D;
   };
-  let S, C;
-  const M = (V) => {
-    h(f.value) && (S = V, C = ke({
+  let S, A;
+  const P = (V) => {
+    h(f.value) && (S = V, A = Le({
       keyframes: [f.value, m(f.value)],
-      velocity: us(v, V, f.value),
+      velocity: ds(v, V, f.value),
       // TODO: This should be passing * 1000
       damping: r,
       stiffness: i,
@@ -673,21 +673,21 @@ function it({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
       restSpeed: l
     }));
   };
-  return M(0), {
+  return P(0), {
     calculatedDuration: null,
     next: (V) => {
-      let D = !1;
-      return !C && S === void 0 && (D = !0, A(V), M(V)), S !== void 0 && V >= S ? C.next(V - S) : (!D && A(V), f);
+      let F = !1;
+      return !A && S === void 0 && (F = !0, C(V), P(V)), S !== void 0 && V >= S ? A.next(V - S) : (!F && C(V), f);
     }
   };
 }
 function bi(e, t, n) {
-  const s = [], r = n || W.mix || cs, i = e.length - 1;
+  const s = [], r = n || _.mix || us, i = e.length - 1;
   for (let o = 0; o < i; o++) {
     let a = r(e[o], e[o + 1]);
     if (t) {
       const c = Array.isArray(t) ? t[o] || fe : t;
-      a = $e(c, a);
+      a = We(c, a);
     }
     s.push(a);
   }
@@ -695,7 +695,7 @@ function bi(e, t, n) {
 }
 function vi(e, t, { clamp: n = !0, ease: s, mixer: r } = {}) {
   const i = e.length;
-  if (ee(i === t.length, "Both input and output ranges must be the same length", "range-length"), i === 1)
+  if (te(i === t.length, "Both input and output ranges must be the same length", "range-length"), i === 1)
     return () => t[0];
   if (i === 2 && t[0] === t[1])
     return () => t[1];
@@ -708,16 +708,16 @@ function vi(e, t, { clamp: n = !0, ease: s, mixer: r } = {}) {
     if (c > 1)
       for (; d < e.length - 2 && !(l < e[d + 1]); d++)
         ;
-    const f = /* @__PURE__ */ $n(e[d], e[d + 1], l);
+    const f = /* @__PURE__ */ Wn(e[d], e[d + 1], l);
     return a[d](f);
   };
-  return n ? (l) => u(J(e[0], e[i - 1], l)) : u;
+  return n ? (l) => u(ee(e[0], e[i - 1], l)) : u;
 }
 function Ti(e, t) {
   const n = e[e.length - 1];
   for (let s = 1; s <= t; s++) {
-    const r = /* @__PURE__ */ $n(0, t, s);
-    e.push(je(n, 1, r));
+    const r = /* @__PURE__ */ Wn(0, t, s);
+    e.push(_e(n, 1, r));
   }
 }
 function wi(e) {
@@ -728,10 +728,10 @@ function xi(e, t) {
   return e.map((n) => n * t);
 }
 function Si(e, t) {
-  return e.map(() => t || Qn).splice(0, e.length - 1);
+  return e.map(() => t || Jn).splice(0, e.length - 1);
 }
 function re({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const r = kr(s) ? s.map(en) : en(s), i = {
+  const r = kr(s) ? s.map(sn) : sn(s), i = {
     done: !1,
     value: t[0]
   }, o = xi(
@@ -748,21 +748,21 @@ function re({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }
   };
 }
 const Vi = (e) => e !== null;
-function It(e, { repeat: t, repeatType: n = "loop" }, s, r = 1) {
+function Lt(e, { repeat: t, repeatType: n = "loop" }, s, r = 1) {
   const i = e.filter(Vi), a = r < 0 || t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
   return !a || s === void 0 ? i[a] : s;
 }
 const Ci = {
-  decay: it,
-  inertia: it,
+  decay: ct,
+  inertia: ct,
   tween: re,
   keyframes: re,
-  spring: ke
+  spring: Le
 };
-function fs(e) {
+function hs(e) {
   typeof e.type == "string" && (e.type = Ci[e.type]);
 }
-class Et {
+class Nt {
   constructor() {
     this.updateFinished();
   }
@@ -787,7 +787,7 @@ class Et {
   }
 }
 const Ai = (e) => e / 100;
-class kt extends Et {
+class Kt extends Nt {
   constructor(t) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       var s, r;
@@ -797,17 +797,17 @@ class kt extends Et {
   }
   initAnimation() {
     const { options: t } = this;
-    fs(t);
+    hs(t);
     const { type: n = re, repeat: s = 0, repeatDelay: r = 0, repeatType: i, velocity: o = 0 } = t;
     let { keyframes: a } = t;
     const c = n || re;
-    process.env.NODE_ENV !== "production" && c !== re && ee(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), c !== re && typeof a[0] != "number" && (this.mixKeyframes = $e(Ai, cs(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && c !== re && te(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), c !== re && typeof a[0] != "number" && (this.mixKeyframes = We(Ai, us(a[0], a[1])), a = [0, 100]);
     const u = c({ ...t, keyframes: a });
     i === "mirror" && (this.mirroredGenerator = c({
       ...t,
       keyframes: [...a].reverse(),
       velocity: -o
-    })), u.calculatedDuration === null && (u.calculatedDuration = Ot(u));
+    })), u.calculatedDuration === null && (u.calculatedDuration = Bt(u));
     const { calculatedDuration: l } = u;
     this.calculatedDuration = l, this.resolvedDuration = l + r, this.totalDuration = this.resolvedDuration * (s + 1) - r, this.generator = u;
   }
@@ -819,22 +819,22 @@ class kt extends Et {
     const { generator: s, totalDuration: r, mixKeyframes: i, mirroredGenerator: o, resolvedDuration: a, calculatedDuration: c } = this;
     if (this.startTime === null)
       return s.next(0);
-    const { delay: u = 0, keyframes: l, repeat: d, repeatType: f, repeatDelay: h, type: m, onUpdate: g, finalKeyframe: y } = this.options;
+    const { delay: u = 0, keyframes: l, repeat: d, repeatType: f, repeatDelay: h, type: m, onUpdate: g, finalKeyframe: b } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - r / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
     const p = this.currentTime - u * (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 D = Math.floor(V), E = V % 1;
-      !E && V >= 1 && (E = 1), E === 1 && D--, D = Math.min(D, d + 1), !!(D % 2) && (f === "reverse" ? (E = 1 - E, h && (E -= h / a)) : f === "mirror" && (A = o)), v = J(0, 1, E) * a;
+      let F = Math.floor(V), D = V % 1;
+      !D && V >= 1 && (D = 1), D === 1 && F--, F = Math.min(F, d + 1), !!(F % 2) && (f === "reverse" ? (D = 1 - D, h && (D -= h / a)) : f === "mirror" && (C = o)), v = ee(0, 1, D) * a;
     }
-    const S = x ? { done: !1, value: l[0] } : A.next(v);
+    const S = x ? { done: !1, value: l[0] } : C.next(v);
     i && (S.value = i(S.value));
-    let { done: C } = S;
-    !x && c !== 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 !== it && (S.value = It(l, this.options, y, this.speed)), g && g(S.value), M && this.finish(), S;
+    let { done: A } = S;
+    !x && c !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
+    const P = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
+    return P && m !== ct && (S.value = Lt(l, this.options, b, this.speed)), g && g(S.value), P && this.finish(), S;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -845,14 +845,14 @@ class kt extends Et {
     return this.finished.then(t, n);
   }
   get duration() {
-    return /* @__PURE__ */ j(this.calculatedDuration);
+    return /* @__PURE__ */ W(this.calculatedDuration);
   }
   get time() {
-    return /* @__PURE__ */ j(this.currentTime);
+    return /* @__PURE__ */ W(this.currentTime);
   }
   set time(t) {
     var n;
-    t = /* @__PURE__ */ K(t), this.currentTime = t, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.playbackSpeed), (n = this.driver) == null || n.start(!1);
+    t = /* @__PURE__ */ j(t), this.currentTime = t, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.playbackSpeed), (n = this.driver) == null || n.start(!1);
   }
   get speed() {
     return this.playbackSpeed;
@@ -860,7 +860,7 @@ class kt extends Et {
   set speed(t) {
     this.updateTime(B.now());
     const n = this.playbackSpeed !== t;
-    this.playbackSpeed = t, n && (this.time = /* @__PURE__ */ j(this.currentTime));
+    this.playbackSpeed = t, n && (this.time = /* @__PURE__ */ W(this.currentTime));
   }
   play() {
     var r, i;
@@ -903,9 +903,9 @@ function Mi(e) {
   for (let t = 1; t < e.length; t++)
     e[t] ?? (e[t] = e[t - 1]);
 }
-const X = (e) => e * 180 / Math.PI, ot = (e) => {
-  const t = X(Math.atan2(e[1], e[0]));
-  return at(t);
+const Q = (e) => e * 180 / Math.PI, lt = (e) => {
+  const t = Q(Math.atan2(e[1], e[0]));
+  return ut(t);
 }, Pi = {
   x: 4,
   y: 5,
@@ -914,51 +914,51 @@ const X = (e) => e * 180 / Math.PI, ot = (e) => {
   scaleX: 0,
   scaleY: 3,
   scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
-  rotate: ot,
-  rotateZ: ot,
-  skewX: (e) => X(Math.atan(e[1])),
-  skewY: (e) => X(Math.atan(e[2])),
+  rotate: lt,
+  rotateZ: lt,
+  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
-}, at = (e) => (e = e % 360, e < 0 && (e += 360), e), an = ot, cn = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), ln = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), Fi = {
+}, ut = (e) => (e = e % 360, e < 0 && (e += 360), e), un = lt, fn = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), dn = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), Ri = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: cn,
-  scaleY: ln,
-  scale: (e) => (cn(e) + ln(e)) / 2,
-  rotateX: (e) => at(X(Math.atan2(e[6], e[5]))),
-  rotateY: (e) => at(X(Math.atan2(-e[2], e[0]))),
-  rotateZ: an,
-  rotate: an,
-  skewX: (e) => X(Math.atan(e[4])),
-  skewY: (e) => X(Math.atan(e[1])),
+  scaleX: fn,
+  scaleY: dn,
+  scale: (e) => (fn(e) + dn(e)) / 2,
+  rotateX: (e) => ut(Q(Math.atan2(e[6], e[5]))),
+  rotateY: (e) => ut(Q(Math.atan2(-e[2], e[0]))),
+  rotateZ: un,
+  rotate: un,
+  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 ct(e) {
+function ft(e) {
   return e.includes("scale") ? 1 : 0;
 }
-function lt(e, t) {
+function dt(e, t) {
   if (!e || e === "none")
-    return ct(t);
+    return ft(t);
   const n = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, r;
   if (n)
-    s = Fi, r = n;
+    s = Ri, r = n;
   else {
     const a = e.match(/^matrix\(([-\d.e\s,]+)\)$/u);
     s = Pi, r = a;
   }
   if (!r)
-    return ct(t);
+    return ft(t);
   const i = s[t], o = r[1].split(",").map(Di);
   return typeof i == "function" ? i(o) : o[i];
 }
-const Ri = (e, t) => {
+const Fi = (e, t) => {
   const { transform: n = "none" } = getComputedStyle(e);
-  return lt(n, t);
+  return dt(n, t);
 };
 function Di(e) {
   return parseFloat(e.trim());
@@ -981,7 +981,7 @@ const pe = [
   "skew",
   "skewX",
   "skewY"
-], me = new Set(pe), un = (e) => e === de || e === w, Oi = /* @__PURE__ */ new Set(["x", "y", "z"]), Ii = pe.filter((e) => !Oi.has(e));
+], me = new Set(pe), hn = (e) => e === de || e === w, Oi = /* @__PURE__ */ new Set(["x", "y", "z"]), Ii = pe.filter((e) => !Oi.has(e));
 function Ei(e) {
   const t = [];
   return Ii.forEach((n) => {
@@ -989,7 +989,7 @@ function Ei(e) {
     s !== void 0 && (t.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), t;
 }
-const q = {
+const Z = {
   // Dimensions
   width: ({ x: e }, { paddingLeft: t = "0", paddingRight: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
   height: ({ y: e }, { paddingTop: t = "0", paddingBottom: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
@@ -998,16 +998,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 }) => lt(t, "x"),
-  y: (e, { transform: t }) => lt(t, "y")
+  x: (e, { transform: t }) => dt(t, "x"),
+  y: (e, { transform: t }) => dt(t, "y")
 };
-q.translateX = q.x;
-q.translateY = q.y;
-const Q = /* @__PURE__ */ new Set();
-let ut = !1, ft = !1, dt = !1;
-function ds() {
-  if (ft) {
-    const e = Array.from(Q).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
+Z.translateX = Z.x;
+Z.translateY = Z.y;
+const J = /* @__PURE__ */ new Set();
+let ht = !1, pt = !1, mt = !1;
+function ps() {
+  if (pt) {
+    const e = Array.from(J).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     t.forEach((s) => {
       const r = Ei(s);
       r.length && (n.set(s, r), s.render());
@@ -1022,22 +1022,22 @@ function ds() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  ft = !1, ut = !1, Q.forEach((e) => e.complete(dt)), Q.clear();
+  pt = !1, ht = !1, J.forEach((e) => e.complete(mt)), J.clear();
 }
-function hs() {
-  Q.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (ft = !0);
+function ms() {
+  J.forEach((e) => {
+    e.readKeyframes(), e.needsMeasurement && (pt = !0);
   });
 }
 function ki() {
-  dt = !0, hs(), ds(), dt = !1;
+  mt = !0, ms(), ps(), mt = !1;
 }
-class Bt {
+class $t {
   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 ? (Q.add(this), ut || (ut = !0, N.read(hs), N.resolveKeyframes(ds))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (J.add(this), ht || (ht = !0, N.read(ms), N.resolveKeyframes(ps))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: s, motionValue: r } = this;
@@ -1062,10 +1062,10 @@ class Bt {
   measureEndState() {
   }
   complete(t = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), Q.delete(this);
+    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), J.delete(this);
   }
   cancel() {
-    this.state === "scheduled" && (Q.delete(this), this.state = "pending");
+    this.state === "scheduled" && (J.delete(this), this.state = "pending");
   }
   resume() {
     this.state === "pending" && this.scheduleResolve();
@@ -1075,19 +1075,19 @@ const Bi = (e) => e.startsWith("--");
 function Li(e, t, n) {
   Bi(t) ? e.style.setProperty(t, n) : e.style[t] = n;
 }
-const Ni = /* @__PURE__ */ Ct(() => window.ScrollTimeline !== void 0), Ki = {};
+const Ni = /* @__PURE__ */ Rt(() => window.ScrollTimeline !== void 0), Ki = {};
 function $i(e, t) {
-  const n = /* @__PURE__ */ Ct(e);
+  const n = /* @__PURE__ */ Rt(e);
   return () => Ki[t] ?? n();
 }
-const ps = /* @__PURE__ */ $i(() => {
+const gs = /* @__PURE__ */ $i(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
     return !1;
   }
   return !0;
-}, "linearEasing"), ye = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, fn = {
+}, "linearEasing"), ye = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, pn = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -1098,16 +1098,16 @@ const ps = /* @__PURE__ */ $i(() => {
   backIn: /* @__PURE__ */ ye([0.31, 0.01, 0.66, -0.59]),
   backOut: /* @__PURE__ */ ye([0.33, 1.53, 0.69, 0.99])
 };
-function ms(e, t) {
+function ys(e, t) {
   if (e)
-    return typeof e == "function" ? ps() ? ls(e, t) : "ease-out" : Zn(e) ? ye(e) : Array.isArray(e) ? e.map((n) => ms(n, t) || fn.easeOut) : fn[e];
+    return typeof e == "function" ? gs() ? fs(e, t) : "ease-out" : es(e) ? ye(e) : Array.isArray(e) ? e.map((n) => ys(n, t) || pn.easeOut) : pn[e];
 }
 function ji(e, t, n, { delay: s = 0, duration: r = 300, repeat: i = 0, repeatType: o = "loop", ease: a = "easeOut", times: c } = {}, u = void 0) {
   const l = {
     [t]: n
   };
   c && (l.offset = c);
-  const d = ms(a, r);
+  const d = ys(a, r);
   Array.isArray(d) && (l.easing = d);
   const f = {
     delay: s,
@@ -1119,22 +1119,22 @@ function ji(e, t, n, { delay: s = 0, duration: r = 300, repeat: i = 0, repeatTyp
   };
   return u && (f.pseudoElement = u), e.animate(l, f);
 }
-function gs(e) {
+function bs(e) {
   return typeof e == "function" && "applyToOptions" in e;
 }
 function Wi({ type: e, ...t }) {
-  return gs(e) && ps() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
+  return bs(e) && gs() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
 }
-class _i extends Et {
+class _i extends Nt {
   constructor(t) {
     if (super(), this.finishedTime = null, this.isStopped = !1, !t)
       return;
     const { element: n, name: s, keyframes: r, pseudoElement: i, allowFlatten: o = !1, finalKeyframe: a, onComplete: c } = t;
-    this.isPseudoElement = !!i, this.allowFlatten = o, this.options = t, ee(typeof t.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
+    this.isPseudoElement = !!i, this.allowFlatten = o, this.options = t, te(typeof t.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
     const u = Wi(t);
     this.animation = ji(n, s, r, u, i), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !i) {
-        const l = It(r, this.options, a, this.speed);
+        const l = Lt(r, this.options, a, this.speed);
         this.updateMotionValue ? this.updateMotionValue(l) : Li(n, s, l), this.animation.cancel();
       }
       c == null || c(), this.notifyFinished();
@@ -1182,13 +1182,13 @@ class _i extends Et {
   get duration() {
     var n, s;
     const t = ((s = (n = this.animation.effect) == null ? void 0 : n.getComputedTiming) == null ? void 0 : s.call(n).duration) || 0;
-    return /* @__PURE__ */ j(Number(t));
+    return /* @__PURE__ */ W(Number(t));
   }
   get time() {
-    return /* @__PURE__ */ j(Number(this.animation.currentTime) || 0);
+    return /* @__PURE__ */ W(Number(this.animation.currentTime) || 0);
   }
   set time(t) {
-    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ K(t);
+    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ j(t);
   }
   /**
    * The playback speed of the animation.
@@ -1217,21 +1217,21 @@ class _i extends Et {
     return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && Ni() ? (this.animation.timeline = t, fe) : n(this);
   }
 }
-const ys = {
-  anticipate: Xn,
-  backInOut: Yn,
-  circInOut: qn
+const vs = {
+  anticipate: Qn,
+  backInOut: qn,
+  circInOut: Zn
 };
 function Hi(e) {
-  return e in ys;
+  return e in vs;
 }
 function Gi(e) {
-  typeof e.ease == "string" && Hi(e.ease) && (e.ease = ys[e.ease]);
+  typeof e.ease == "string" && Hi(e.ease) && (e.ease = vs[e.ease]);
 }
-const dn = 10;
+const mn = 10;
 class Ui extends _i {
   constructor(t) {
-    Gi(t), fs(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
+    Gi(t), hs(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1249,14 +1249,14 @@ class Ui extends _i {
       n.set(t);
       return;
     }
-    const a = new kt({
+    const a = new Kt({
       ...o,
       autoplay: !1
-    }), c = /* @__PURE__ */ K(this.finishedTime ?? this.time);
-    n.setWithVelocity(a.sample(c - dn).value, a.sample(c).value, dn), a.stop();
+    }), c = /* @__PURE__ */ j(this.finishedTime ?? this.time);
+    n.setWithVelocity(a.sample(c - mn).value, a.sample(c).value, mn), a.stop();
   }
 }
-const hn = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
+const gn = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
 (he.test(e) || e === "0") && // And it contains numbers and/or colors
 !e.startsWith("url("));
 function zi(e) {
@@ -1273,10 +1273,10 @@ function Yi(e, t, n, s) {
     return !1;
   if (t === "display" || t === "visibility")
     return !0;
-  const i = e[e.length - 1], o = hn(r, t), a = hn(i, t);
-  return Ce(o === a, `You are trying to animate ${t} from "${r}" to "${i}". "${o ? i : r}" is not an animatable value.`, "value-not-animatable"), !o || !a ? !1 : zi(e) || (n === "spring" || gs(n)) && s;
+  const i = e[e.length - 1], o = gn(r, t), a = gn(i, t);
+  return Ce(o === a, `You are trying to animate ${t} from "${r}" to "${i}". "${o ? i : r}" is not an animatable value.`, "value-not-animatable"), !o || !a ? !1 : zi(e) || (n === "spring" || bs(n)) && s;
 }
-function ht(e) {
+function gt(e) {
   e.duration = 0, e.type;
 }
 const Xi = /* @__PURE__ */ new Set([
@@ -1286,7 +1286,7 @@ const Xi = /* @__PURE__ */ new Set([
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), qi = /* @__PURE__ */ Ct(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+]), qi = /* @__PURE__ */ Rt(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
 function Qi(e) {
   var l;
   const { motionValue: t, name: n, repeatDelay: s, repeatType: r, damping: i, type: o } = e;
@@ -1300,12 +1300,12 @@ function Qi(e) {
   !c && !s && r !== "mirror" && i !== 0 && o !== "inertia";
 }
 const Zi = 40;
-class Ji extends Et {
+class Ji extends Nt {
   constructor({ autoplay: t = !0, delay: n = 0, type: s = "keyframes", repeat: r = 0, repeatDelay: i = 0, repeatType: o = "loop", keyframes: a, name: c, motionValue: u, element: l, ...d }) {
     var m;
     super(), this.stop = () => {
-      var g, y;
-      this._animation && (this._animation.stop(), (g = this.stopTimeline) == null || g.call(this)), (y = this.keyframeResolver) == null || y.cancel();
+      var g, b;
+      this._animation && (this._animation.stop(), (g = this.stopTimeline) == null || g.call(this)), (b = this.keyframeResolver) == null || b.cancel();
     }, this.createdAt = B.now();
     const f = {
       autoplay: t,
@@ -1318,13 +1318,13 @@ class Ji extends Et {
       motionValue: u,
       element: l,
       ...d
-    }, h = (l == null ? void 0 : l.KeyframeResolver) || Bt;
-    this.keyframeResolver = new h(a, (g, y, p) => this.onKeyframesResolved(g, y, f, !p), c, u, l), (m = this.keyframeResolver) == null || m.scheduleResolve();
+    }, h = (l == null ? void 0 : l.KeyframeResolver) || $t;
+    this.keyframeResolver = new h(a, (g, b, p) => this.onKeyframesResolved(g, b, f, !p), c, u, l), (m = this.keyframeResolver) == null || m.scheduleResolve();
   }
   onKeyframesResolved(t, n, s, r) {
     this.keyframeResolver = void 0;
     const { name: i, type: o, velocity: a, delay: c, isHandoff: u, onUpdate: l } = s;
-    this.resolvedAt = B.now(), Yi(t, i, o, a) || ((W.instantAnimations || !c) && (l == null || l(It(t, s, n))), t[0] = t[t.length - 1], ht(s), s.repeat = 0);
+    this.resolvedAt = B.now(), Yi(t, i, o, a) || ((_.instantAnimations || !c) && (l == null || l(Lt(t, s, n))), t[0] = t[t.length - 1], gt(s), s.repeat = 0);
     const f = {
       startTime: r ? this.resolvedAt ? this.resolvedAt - this.createdAt > Zi ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
@@ -1333,7 +1333,7 @@ class Ji extends Et {
     }, h = !u && Qi(f) ? new Ui({
       ...f,
       element: f.motionValue.owner.current
-    }) : new kt(f);
+    }) : new Kt(f);
     h.finished.then(() => this.notifyFinished()).catch(fe), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
   }
   get finished() {
@@ -1397,22 +1397,22 @@ function to(e) {
   return [`--${n ?? s}`, r];
 }
 const no = 4;
-function bs(e, t, n = 1) {
-  ee(n <= no, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+function Ts(e, t, n = 1) {
+  te(n <= no, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
   const [s, r] = to(e);
   if (!s)
     return;
   const i = window.getComputedStyle(t).getPropertyValue(s);
   if (i) {
     const o = i.trim();
-    return Nn(o) ? parseFloat(o) : o;
+    return $n(o) ? parseFloat(o) : o;
   }
-  return Pt(r) ? bs(r, t, n + 1) : r;
+  return Ot(r) ? Ts(r, t, n + 1) : r;
 }
-function vs(e, t) {
+function ws(e, t) {
   return (e == null ? void 0 : e[t]) ?? (e == null ? void 0 : e.default) ?? e;
 }
-const Ts = /* @__PURE__ */ new Set([
+const xs = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -1423,43 +1423,43 @@ const Ts = /* @__PURE__ */ new Set([
 ]), so = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, ws = (e) => (t) => t.test(e), xs = [de, w, ie, _, zr, Ur, so], pn = (e) => xs.find(ws(e));
+}, Ss = (e) => (t) => t.test(e), Vs = [de, w, ie, G, zr, Ur, so], yn = (e) => Vs.find(Ss(e));
 function ro(e) {
-  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Kn(e) : !0;
+  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || jn(e) : !0;
 }
 const io = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
 function oo(e) {
   const [t, n] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
     return e;
-  const [s] = n.match(Ft) || [];
+  const [s] = n.match(It) || [];
   if (!s)
     return e;
   const r = n.replace(s, "");
   let i = io.has(t) ? 1 : 0;
   return s !== n && (i *= 100), t + "(" + i + r + ")";
 }
-const ao = /\b([a-z-]*)\(.*?\)/gu, pt = {
+const ao = /\b([a-z-]*)\(.*?\)/gu, yt = {
   ...he,
   getAnimatableNone: (e) => {
     const t = e.match(ao);
     return t ? t.map(oo).join(" ") : e;
   }
-}, mn = {
+}, bn = {
   ...de,
   transform: Math.round
 }, co = {
-  rotate: _,
-  rotateX: _,
-  rotateY: _,
-  rotateZ: _,
-  scale: Fe,
-  scaleX: Fe,
-  scaleY: Fe,
-  scaleZ: Fe,
-  skew: _,
-  skewX: _,
-  skewY: _,
+  rotate: G,
+  rotateX: G,
+  rotateY: G,
+  rotateZ: G,
+  scale: De,
+  scaleX: De,
+  scaleY: De,
+  scaleZ: De,
+  skew: G,
+  skewX: G,
+  skewY: G,
   distance: w,
   translateX: w,
   translateY: w,
@@ -1470,10 +1470,10 @@ const ao = /\b([a-z-]*)\(.*?\)/gu, pt = {
   perspective: w,
   transformPerspective: w,
   opacity: xe,
-  originX: tn,
-  originY: tn,
+  originX: rn,
+  originY: rn,
   originZ: w
-}, Lt = {
+}, jt = {
   // Border props
   borderWidth: w,
   borderTopWidth: w,
@@ -1510,31 +1510,31 @@ const ao = /\b([a-z-]*)\(.*?\)/gu, pt = {
   backgroundPositionX: w,
   backgroundPositionY: w,
   ...co,
-  zIndex: mn,
+  zIndex: bn,
   // SVG
   fillOpacity: xe,
   strokeOpacity: xe,
-  numOctaves: mn
+  numOctaves: bn
 }, lo = {
-  ...Lt,
+  ...jt,
   // Color props
-  color: F,
-  backgroundColor: F,
-  outlineColor: F,
-  fill: F,
-  stroke: F,
+  color: R,
+  backgroundColor: R,
+  outlineColor: R,
+  fill: R,
+  stroke: R,
   // Border props
-  borderColor: F,
-  borderTopColor: F,
-  borderRightColor: F,
-  borderBottomColor: F,
-  borderLeftColor: F,
-  filter: pt,
-  WebkitFilter: pt
-}, Ss = (e) => lo[e];
-function Vs(e, t) {
-  let n = Ss(e);
-  return n !== pt && (n = he), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
+  borderColor: R,
+  borderTopColor: R,
+  borderRightColor: R,
+  borderBottomColor: R,
+  borderLeftColor: R,
+  filter: yt,
+  WebkitFilter: yt
+}, Cs = (e) => lo[e];
+function As(e, t) {
+  let n = Cs(e);
+  return n !== yt && (n = he), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
 }
 const uo = /* @__PURE__ */ new Set(["auto", "none", "0"]);
 function fo(e, t, n) {
@@ -1545,9 +1545,9 @@ function fo(e, t, n) {
   }
   if (r && n)
     for (const i of t)
-      e[i] = Vs(n, r);
+      e[i] = As(n, r);
 }
-class ho extends Bt {
+class ho extends $t {
   constructor(t, n, s, r, i) {
     super(t, n, s, r, i, !0);
   }
@@ -1558,21 +1558,21 @@ class ho extends Bt {
     super.readKeyframes();
     for (let c = 0; c < t.length; c++) {
       let u = t[c];
-      if (typeof u == "string" && (u = u.trim(), Pt(u))) {
-        const l = bs(u, n.current);
+      if (typeof u == "string" && (u = u.trim(), Ot(u))) {
+        const l = Ts(u, n.current);
         l !== void 0 && (t[c] = l), c === t.length - 1 && (this.finalKeyframe = u);
       }
     }
-    if (this.resolveNoneKeyframes(), !Ts.has(s) || t.length !== 2)
+    if (this.resolveNoneKeyframes(), !xs.has(s) || t.length !== 2)
       return;
-    const [r, i] = t, o = pn(r), a = pn(i);
+    const [r, i] = t, o = yn(r), a = yn(i);
     if (o !== a)
-      if (un(o) && un(a))
+      if (hn(o) && hn(a))
         for (let c = 0; c < t.length; c++) {
           const u = t[c];
           typeof u == "string" && (t[c] = parseFloat(u));
         }
-      else q[s] && (this.needsMeasurement = !0);
+      else Z[s] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, s = [];
@@ -1584,7 +1584,7 @@ class ho extends Bt {
     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 = Z[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);
   }
@@ -1596,7 +1596,7 @@ class ho extends Bt {
     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(([c, u]) => {
+    s[i] = Z[n](t.measureViewportBox(), window.getComputedStyle(t.current)), o !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = o), (a = this.removedTransforms) != null && a.length && this.removedTransforms.forEach(([c, u]) => {
       t.getValue(c).set(u);
     }), this.resolveNoneKeyframes();
   }
@@ -1611,11 +1611,11 @@ function po(e, t, n) {
   }
   return Array.from(e);
 }
-const Cs = (e, t) => t && typeof e == "number" ? t.transform(e) : e;
+const Ms = (e, t) => t && typeof e == "number" ? t.transform(e) : e;
 function mo(e) {
   return Mr(e) && "offsetHeight" in e;
 }
-const gn = 30, go = (e) => !isNaN(parseFloat(e));
+const vn = 30, go = (e) => !isNaN(parseFloat(e));
 class yo {
   /**
    * @param init - The initiating value
@@ -1679,10 +1679,10 @@ class yo {
    * @deprecated
    */
   onChange(t) {
-    return process.env.NODE_ENV !== "production" && _n(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
+    return process.env.NODE_ENV !== "production" && Gn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
   }
   on(t, n) {
-    this.events[t] || (this.events[t] = new jn());
+    this.events[t] || (this.events[t] = new _n());
     const s = this.events[t].add(n);
     return t === "change" ? () => {
       s(), N.read(() => {
@@ -1763,10 +1763,10 @@ class yo {
    */
   getVelocity() {
     const t = B.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > gn)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > vn)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, gn);
-    return Wn(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, vn);
+    return Hn(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -1818,16 +1818,16 @@ class yo {
     (t = this.dependents) == null || t.clear(), (n = this.events.destroy) == null || n.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
   }
 }
-function Be(e, t) {
+function Ne(e, t) {
   return new yo(e, t);
 }
-const { schedule: bo } = /* @__PURE__ */ Jn(queueMicrotask, !1), vo = {
+const { schedule: bo } = /* @__PURE__ */ ts(queueMicrotask, !1), vo = {
   y: !1
 };
 function To() {
   return vo.y;
 }
-function As(e, t) {
+function Ps(e, t) {
   const n = po(e), s = new AbortController(), r = {
     passive: !0,
     ...t,
@@ -1835,18 +1835,18 @@ function As(e, t) {
   };
   return [n, r, () => s.abort()];
 }
-function yn(e) {
+function Tn(e) {
   return !(e.pointerType === "touch" || To());
 }
 function wo(e, t, n = {}) {
-  const [s, r, i] = As(e, n), o = (a) => {
-    if (!yn(a))
+  const [s, r, i] = Ps(e, n), o = (a) => {
+    if (!Tn(a))
       return;
     const { target: c } = a, u = t(c, a);
     if (typeof u != "function" || !c)
       return;
     const l = (d) => {
-      yn(d) && (u(d), c.removeEventListener("pointerleave", l));
+      Tn(d) && (u(d), c.removeEventListener("pointerleave", l));
     };
     c.addEventListener("pointerleave", l, r);
   };
@@ -1854,7 +1854,7 @@ function wo(e, t, n = {}) {
     a.addEventListener("pointerenter", o, r);
   }), i;
 }
-const Ms = (e, t) => t ? e === t ? !0 : Ms(e, t.parentElement) : !1, xo = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, So = /* @__PURE__ */ new Set([
+const Rs = (e, t) => t ? e === t ? !0 : Rs(e, t.parentElement) : !1, xo = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, So = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
@@ -1864,43 +1864,43 @@ const Ms = (e, t) => t ? e === t ? !0 : Ms(e, t.parentElement) : !1, xo = (e) =>
 function Vo(e) {
   return So.has(e.tagName) || e.tabIndex !== -1;
 }
-const De = /* @__PURE__ */ new WeakSet();
-function bn(e) {
+const Ie = /* @__PURE__ */ new WeakSet();
+function wn(e) {
   return (t) => {
     t.key === "Enter" && e(t);
   };
 }
-function Xe(e, t) {
+function Ze(e, t) {
   e.dispatchEvent(new PointerEvent("pointer" + t, { isPrimary: !0, bubbles: !0 }));
 }
 const Co = (e, t) => {
   const n = e.currentTarget;
   if (!n)
     return;
-  const s = bn(() => {
-    if (De.has(n))
+  const s = wn(() => {
+    if (Ie.has(n))
       return;
-    Xe(n, "down");
-    const r = bn(() => {
-      Xe(n, "up");
-    }), i = () => Xe(n, "cancel");
+    Ze(n, "down");
+    const r = wn(() => {
+      Ze(n, "up");
+    }), i = () => Ze(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 vn(e) {
+function xn(e) {
   return xo(e) && !0;
 }
 function Ao(e, t, n = {}) {
-  const [s, r, i] = As(e, n), o = (a) => {
+  const [s, r, i] = Ps(e, n), o = (a) => {
     const c = a.currentTarget;
-    if (!vn(a))
+    if (!xn(a))
       return;
-    De.add(c);
+    Ie.add(c);
     const u = t(c, a), l = (h, m) => {
-      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), De.has(c) && De.delete(c), vn(h) && typeof u == "function" && u(h, { success: m });
+      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), Ie.has(c) && Ie.delete(c), xn(h) && typeof u == "function" && u(h, { success: m });
     }, d = (h) => {
-      l(h, c === window || c === document || n.useGlobalTarget || Ms(c, h.target));
+      l(h, c === window || c === document || n.useGlobalTarget || Rs(c, h.target));
     }, f = (h) => {
       l(h, !1);
     };
@@ -1910,11 +1910,11 @@ function Ao(e, t, n = {}) {
     (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, r), mo(a) && (a.addEventListener("focus", (u) => Co(u, r)), !Vo(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), i;
 }
-const I = (e) => !!(e && e.getVelocity), Mo = [...xs, F, he], Po = (e) => Mo.find(ws(e)), Ps = ue({
+const E = (e) => !!(e && e.getVelocity), Mo = [...Vs, R, he], Po = (e) => Mo.find(Ss(e)), Fs = ue({
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
-}), Nt = ue({ strict: !1 }), Tn = {
+}), Wt = ue({ strict: !1 }), Sn = {
   animation: [
     "animate",
     "variants",
@@ -1934,33 +1934,33 @@ const I = (e) => !!(e && e.getVelocity), Mo = [...xs, F, he], Po = (e) => Mo.fin
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 }, ce = {};
-for (const e in Tn)
+for (const e in Sn)
   ce[e] = {
-    isEnabled: (t) => Tn[e].some((n) => !!t[n])
+    isEnabled: (t) => Sn[e].some((n) => !!t[n])
   };
-function wn(e) {
+function Vn(e) {
   for (const t in e)
     ce[t] = {
       ...ce[t],
       ...e[t]
     };
 }
-function Fo({ children: e, features: t, strict: n = !1 }) {
-  const [, s] = dr(!qe(t)), r = ve(void 0);
-  if (!qe(t)) {
+function Ro({ children: e, features: t, strict: n = !1 }) {
+  const [, s] = dr(!Je(t)), r = ve(void 0);
+  if (!Je(t)) {
     const { renderer: i, ...o } = t;
-    r.current = i, wn(o);
+    r.current = i, Vn(o);
   }
-  return xt(() => {
-    qe(t) && t().then(({ renderer: i, ...o }) => {
-      wn(o), r.current = i, s(!0);
+  return At(() => {
+    Je(t) && t().then(({ renderer: i, ...o }) => {
+      Vn(o), r.current = i, s(!0);
     });
-  }, []), T(Nt.Provider, { value: { renderer: r.current, strict: n }, children: e });
+  }, []), T(Wt.Provider, { value: { renderer: r.current, strict: n }, children: e });
 }
-function qe(e) {
+function Je(e) {
   return typeof e == "function";
 }
-const Ro = /* @__PURE__ */ new Set([
+const Fo = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -1992,12 +1992,12 @@ const Ro = /* @__PURE__ */ new Set([
   "ignoreStrict",
   "viewport"
 ]);
-function Le(e) {
-  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || Ro.has(e);
+function Ke(e) {
+  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || Fo.has(e);
 }
-let Fs = (e) => !Le(e);
+let Ds = (e) => !Ke(e);
 function Do(e) {
-  typeof e == "function" && (Fs = (t) => t.startsWith("on") ? !Le(t) : e(t));
+  typeof e == "function" && (Ds = (t) => t.startsWith("on") ? !Ke(t) : e(t));
 }
 try {
   Do(require("@emotion/is-prop-valid").default);
@@ -2006,18 +2006,18 @@ try {
 function Oo(e, t, n) {
   const s = {};
   for (const r in e)
-    r === "values" && typeof e.values == "object" || (Fs(r) || n === !0 && Le(r) || !t && !Le(r) || // If trying to use native HTML drag events, forward drag listeners
+    r === "values" && typeof e.values == "object" || (Ds(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;
 }
-const We = /* @__PURE__ */ ue({});
-function _e(e) {
+const He = /* @__PURE__ */ ue({});
+function Ge(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
 }
 function Ve(e) {
   return typeof e == "string" || Array.isArray(e);
 }
-const Kt = [
+const _t = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -2025,15 +2025,15 @@ const Kt = [
   "whileTap",
   "whileDrag",
   "exit"
-], $t = ["initial", ...Kt];
-function He(e) {
-  return _e(e.animate) || $t.some((t) => Ve(e[t]));
+], Ht = ["initial", ..._t];
+function Ue(e) {
+  return Ge(e.animate) || Ht.some((t) => Ve(e[t]));
 }
-function Rs(e) {
-  return !!(He(e) || e.variants);
+function Os(e) {
+  return !!(Ue(e) || e.variants);
 }
 function Io(e, t) {
-  if (He(e)) {
+  if (Ue(e)) {
     const { initial: n, animate: s } = e;
     return {
       initial: n === !1 || Ve(n) ? n : void 0,
@@ -2043,14 +2043,14 @@ function Io(e, t) {
   return e.inherit !== !1 ? t : {};
 }
 function Eo(e) {
-  const { initial: t, animate: n } = Io(e, L(We));
-  return Ke(() => ({ initial: t, animate: n }), [xn(t), xn(n)]);
+  const { initial: t, animate: n } = Io(e, L(He));
+  return je(() => ({ initial: t, animate: n }), [Cn(t), Cn(n)]);
 }
-function xn(e) {
+function Cn(e) {
   return Array.isArray(e) ? e.join(" ") : e;
 }
 const ko = {};
-function Ds(e, { layout: t, layoutId: n }) {
+function Is(e, { layout: t, layoutId: n }) {
   return me.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!ko[e] || e === "opacity");
 }
 const Bo = {
@@ -2067,7 +2067,7 @@ function No(e, t, n) {
       continue;
     let c = !0;
     if (typeof a == "number" ? c = a === (o.startsWith("scale") ? 1 : 0) : c = parseFloat(a) === 0, !c || n) {
-      const u = Cs(a, Lt[o]);
+      const u = Ms(a, jt[o]);
       if (!c) {
         r = !1;
         const l = Bo[o] || o;
@@ -2078,7 +2078,7 @@ function No(e, t, n) {
   }
   return s = s.trim(), n ? s = n(t, r ? "" : s) : r && (s = "none"), s;
 }
-function jt(e, t, n) {
+function Gt(e, t, n) {
   const { style: s, vars: r, transformOrigin: i } = e;
   let o = !1, a = !1;
   for (const c in t) {
@@ -2086,11 +2086,11 @@ function jt(e, t, n) {
     if (me.has(c)) {
       o = !0;
       continue;
-    } else if (ts(c)) {
+    } else if (ss(c)) {
       r[c] = u;
       continue;
     } else {
-      const l = Cs(u, Lt[c]);
+      const l = Ms(u, jt[c]);
       c.startsWith("origin") ? (a = !0, i[c] = l) : s[c] = l;
     }
   }
@@ -2099,25 +2099,25 @@ function jt(e, t, n) {
     s.transformOrigin = `${c} ${u} ${l}`;
   }
 }
-const Wt = () => ({
+const Ut = () => ({
   style: {},
   transform: {},
   transformOrigin: {},
   vars: {}
 });
-function Os(e, t, n) {
+function Es(e, t, n) {
   for (const s in t)
-    !I(t[s]) && !Ds(s, n) && (e[s] = t[s]);
+    !E(t[s]) && !Is(s, n) && (e[s] = t[s]);
 }
 function Ko({ transformTemplate: e }, t) {
-  return Ke(() => {
-    const n = Wt();
-    return jt(n, t, e), Object.assign({}, n.vars, n.style);
+  return je(() => {
+    const n = Ut();
+    return Gt(n, t, e), Object.assign({}, n.vars, n.style);
   }, [t]);
 }
 function $o(e, t) {
   const n = e.style || {}, s = {};
-  return Os(s, n, e), Object.assign(s, Ko(e, t)), s;
+  return Es(s, n, e), Object.assign(s, Ko(e, t)), s;
 }
 function jo(e, t) {
   const n = {}, s = $o(e, t);
@@ -2137,7 +2137,7 @@ function Ho(e, t, n = 1, s = 0, r = !0) {
   const o = w.transform(t), a = w.transform(n);
   e[i.array] = `${o} ${a}`;
 }
-function Is(e, {
+function ks(e, {
   attrX: t,
   attrY: n,
   attrScale: s,
@@ -2147,7 +2147,7 @@ function Is(e, {
   // This is object creation, which we try to avoid per-frame.
   ...a
 }, c, u, l) {
-  if (jt(e, a, u), c) {
+  if (Gt(e, a, u), c) {
     e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
     return;
   }
@@ -2155,21 +2155,21 @@ function Is(e, {
   const { attrs: d, style: f } = e;
   d.transform && (f.transform = d.transform, delete d.transform), (f.transform || d.transformOrigin) && (f.transformOrigin = d.transformOrigin ?? "50% 50%", delete d.transformOrigin), f.transform && (f.transformBox = (l == null ? void 0 : l.transformBox) ?? "fill-box", delete d.transformBox), t !== void 0 && (d.x = t), n !== void 0 && (d.y = n), s !== void 0 && (d.scale = s), r !== void 0 && Ho(d, r, i, o, !1);
 }
-const Es = () => ({
-  ...Wt(),
+const Bs = () => ({
+  ...Ut(),
   attrs: {}
-}), ks = (e) => typeof e == "string" && e.toLowerCase() === "svg";
+}), Ls = (e) => typeof e == "string" && e.toLowerCase() === "svg";
 function Go(e, t, n, s) {
-  const r = Ke(() => {
-    const i = Es();
-    return Is(i, t, ks(s), e.transformTemplate, e.style), {
+  const r = je(() => {
+    const i = Bs();
+    return ks(i, t, Ls(s), e.transformTemplate, e.style), {
       ...i.attrs,
       style: { ...i.style }
     };
   }, [t]);
   if (e.style) {
     const i = {};
-    Os(i, e.style, e), r.style = { ...i, ...r.style };
+    Es(i, e.style, e), r.style = { ...i, ...r.style };
   }
   return r;
 }
@@ -2200,7 +2200,7 @@ const Uo = [
   "use",
   "view"
 ];
-function _t(e) {
+function zt(e) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
@@ -2221,31 +2221,31 @@ function _t(e) {
   );
 }
 function zo(e, t, n, { latestValues: s }, r, i = !1) {
-  const a = (_t(e) ? Go : jo)(t, s, r, e), c = Oo(t, typeof e == "string", i), u = e !== En ? { ...c, ...a, ref: n } : {}, { children: l } = t, d = Ke(() => I(l) ? l.get() : l, [l]);
+  const a = (zt(e) ? Go : jo)(t, s, r, e), c = Oo(t, typeof e == "string", i), u = e !== Bn ? { ...c, ...a, ref: n } : {}, { children: l } = t, d = je(() => E(l) ? l.get() : l, [l]);
   return hr(e, {
     ...u,
     children: d
   });
 }
-function Sn(e) {
+function An(e) {
   const t = [{}, {}];
   return e == null || e.values.forEach((n, s) => {
     t[0][s] = n.get(), t[1][s] = n.getVelocity();
   }), t;
 }
-function Ht(e, t, n, s) {
+function Yt(e, t, n, s) {
   if (typeof t == "function") {
-    const [r, i] = Sn(s);
+    const [r, i] = An(s);
     t = t(n !== void 0 ? n : e.custom, r, i);
   }
   if (typeof t == "string" && (t = e.variants && e.variants[t]), typeof t == "function") {
-    const [r, i] = Sn(s);
+    const [r, i] = An(s);
     t = t(n !== void 0 ? n : e.custom, r, i);
   }
   return t;
 }
 function Yo(e) {
-  return I(e) ? e.get() : e;
+  return E(e) ? e.get() : e;
 }
 function Xo({ scrapeMotionValuesFromProps: e, createRenderState: t }, n, s, r) {
   return {
@@ -2258,22 +2258,22 @@ function qo(e, t, n, s) {
   for (const f in i)
     r[f] = Yo(i[f]);
   let { initial: o, animate: a } = e;
-  const c = He(e), u = Rs(e);
+  const c = Ue(e), u = Os(e);
   t && u && !c && e.inherit !== !1 && (o === void 0 && (o = t.initial), a === void 0 && (a = t.animate));
   let l = n ? n.initial === !1 : !1;
   l = l || o === !1;
   const d = l ? a : o;
-  if (d && typeof d != "boolean" && !_e(d)) {
+  if (d && typeof d != "boolean" && !Ge(d)) {
     const f = Array.isArray(d) ? d : [d];
     for (let h = 0; h < f.length; h++) {
-      const m = Ht(e, f[h]);
+      const m = Yt(e, f[h]);
       if (m) {
-        const { transitionEnd: g, transition: y, ...p } = m;
+        const { transitionEnd: g, transition: b, ...p } = m;
         for (const x in p) {
           let v = p[x];
           if (Array.isArray(v)) {
-            const A = l ? v.length - 1 : 0;
-            v = v[A];
+            const C = l ? v.length - 1 : 0;
+            v = v[C];
           }
           v !== null && (r[x] = v);
         }
@@ -2284,41 +2284,41 @@ function qo(e, t, n, s) {
   }
   return r;
 }
-const Bs = (e) => (t, n) => {
-  const s = L(We), r = L(Ln), i = () => Xo(e, t, s, r);
+const Ns = (e) => (t, n) => {
+  const s = L(He), r = L(Kn), i = () => Xo(e, t, s, r);
   return n ? i() : Sr(i);
 };
-function Gt(e, t, n) {
+function Xt(e, t, n) {
   var i;
   const { style: s } = e, r = {};
   for (const o in s)
-    (I(s[o]) || t.style && I(t.style[o]) || Ds(o, e) || ((i = n == null ? void 0 : n.getValue(o)) == null ? void 0 : i.liveStyle) !== void 0) && (r[o] = s[o]);
+    (E(s[o]) || t.style && E(t.style[o]) || Is(o, e) || ((i = n == null ? void 0 : n.getValue(o)) == null ? void 0 : i.liveStyle) !== void 0) && (r[o] = s[o]);
   return r;
 }
-const Qo = /* @__PURE__ */ Bs({
-  scrapeMotionValuesFromProps: Gt,
-  createRenderState: Wt
+const Qo = /* @__PURE__ */ Ns({
+  scrapeMotionValuesFromProps: Xt,
+  createRenderState: Ut
 });
-function Ls(e, t, n) {
-  const s = Gt(e, t, n);
+function Ks(e, t, n) {
+  const s = Xt(e, t, n);
   for (const r in e)
-    if (I(e[r]) || I(t[r])) {
+    if (E(e[r]) || E(t[r])) {
       const i = pe.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
       s[i] = e[r];
     }
   return s;
 }
-const Zo = /* @__PURE__ */ Bs({
-  scrapeMotionValuesFromProps: Ls,
-  createRenderState: Es
+const Zo = /* @__PURE__ */ Ns({
+  scrapeMotionValuesFromProps: Ks,
+  createRenderState: Bs
 }), Jo = Symbol.for("motionComponentSymbol");
-function Ns(e) {
+function $s(e) {
   return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
 function ea(e, t, n) {
   return pr(
     (s) => {
-      s && e.onMount && e.onMount(s), t && (s ? t.mount(s) : t.unmount()), n && (typeof n == "function" ? n(s) : Ns(n) && (n.current = s));
+      s && e.onMount && e.onMount(s), t && (s ? t.mount(s) : t.unmount()), n && (typeof n == "function" ? n(s) : $s(n) && (n.current = s));
     },
     /**
      * Only pass a new ref callback to React if we've received a visual element
@@ -2328,10 +2328,10 @@ function ea(e, t, n) {
     [t]
   );
 }
-const Ut = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), ta = "framerAppearId", Ks = "data-" + Ut(ta), na = ue({});
+const qt = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), ta = "framerAppearId", js = "data-" + qt(ta), na = ue({});
 function sa(e, t, n, s, r) {
-  var g, y;
-  const { visualElement: i } = L(We), o = L(Nt), a = L(Ln), c = L(Ps).reducedMotion, u = ve(null);
+  var g, b;
+  const { visualElement: i } = L(He), o = L(Wt), a = L(Kn), c = L(Fs).reducedMotion, u = ve(null);
   s = s || o.renderer, !u.current && s && (u.current = s(e, {
     visualState: t,
     parent: i,
@@ -2346,10 +2346,10 @@ function sa(e, t, n, s, r) {
   mr(() => {
     l && f.current && l.update(n, a);
   });
-  const h = n[Ks], m = ve(!!h && !((g = window.MotionHandoffIsComplete) != null && g.call(window, h)) && ((y = window.MotionHasOptimisedAnimation) == null ? void 0 : y.call(window, h)));
+  const h = n[js], m = ve(!!h && !((g = window.MotionHandoffIsComplete) != null && g.call(window, h)) && ((b = window.MotionHasOptimisedAnimation) == null ? void 0 : b.call(window, h)));
   return Vr(() => {
     l && (f.current = !0, window.MotionIsMounted = !0, l.updateFeatures(), l.scheduleRenderMicrotask(), m.current && l.animationState && l.animationState.animateChanges());
-  }), xt(() => {
+  }), At(() => {
     l && (!m.current && l.animationState && l.animationState.animateChanges(), m.current && (queueMicrotask(() => {
       var p;
       (p = window.MotionHandoffMarkAsComplete) == null || p.call(window, h);
@@ -2358,10 +2358,10 @@ function sa(e, t, n, s, r) {
 }
 function ra(e, t, n, s) {
   const { layoutId: r, layout: i, drag: o, dragConstraints: a, layoutScroll: c, layoutRoot: u, layoutCrossfade: l } = t;
-  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : $s(e.parent)), e.projection.setOptions({
+  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : Ws(e.parent)), e.projection.setOptions({
     layoutId: r,
     layout: i,
-    alwaysMeasureLayout: !!o || a && Ns(a),
+    alwaysMeasureLayout: !!o || a && $s(a),
     visualElement: e,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
@@ -2377,25 +2377,25 @@ function ra(e, t, n, s) {
     layoutRoot: u
   });
 }
-function $s(e) {
+function Ws(e) {
   if (e)
-    return e.options.allowProjection !== !1 ? e.projection : $s(e.parent);
+    return e.options.allowProjection !== !1 ? e.projection : Ws(e.parent);
 }
 function ia(e, { forwardMotionProps: t = !1 } = {}, n, s) {
-  const r = _t(e) ? Zo : Qo;
+  const r = zt(e) ? Zo : Qo;
   function i(a, c) {
     let u;
     const l = {
-      ...L(Ps),
+      ...L(Fs),
       ...a,
       layoutId: oa(a)
     }, { isStatic: d } = l, f = Eo(a), h = r(a, d);
-    if (!d && Vt) {
+    if (!d && Pt) {
       aa(l, n);
       const m = ca(l);
       u = m.MeasureLayout, f.visualElement = sa(e, h, l, s, m.ProjectionNode);
     }
-    return G(We.Provider, { value: f, children: [u && f.visualElement ? T(u, { visualElement: f.visualElement, ...l }) : null, zo(e, a, ea(h, f.visualElement, c), h, d, t)] });
+    return U(He.Provider, { value: f, children: [u && f.visualElement ? T(u, { visualElement: f.visualElement, ...l }) : null, zo(e, a, ea(h, f.visualElement, c), h, d, t)] });
   }
   i.displayName = `motion.${typeof e == "string" ? e : `create(${e.displayName ?? e.name ?? ""})`}`;
   const o = gr(i);
@@ -2406,7 +2406,7 @@ function oa({ layoutId: e }) {
   return t && e !== void 0 ? t + "-" + e : e;
 }
 function aa(e, t) {
-  L(Nt).strict, process.env.NODE_ENV;
+  L(Wt).strict, process.env.NODE_ENV;
 }
 function ca(e) {
   const { drag: t, layout: n } = ce;
@@ -2438,40 +2438,40 @@ function ua(e, t) {
 function fa(e, t) {
   return la(ua(e.getBoundingClientRect(), t));
 }
-const Vn = () => ({ min: 0, max: 0 }), js = () => ({
-  x: Vn(),
-  y: Vn()
-}), mt = { current: null }, Ws = { current: !1 };
+const Mn = () => ({ min: 0, max: 0 }), _s = () => ({
+  x: Mn(),
+  y: Mn()
+}), bt = { current: null }, Hs = { current: !1 };
 function da() {
-  if (Ws.current = !0, !!Vt)
+  if (Hs.current = !0, !!Pt)
     if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => mt.current = e.matches;
+      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => bt.current = e.matches;
       e.addEventListener("change", t), t();
     } else
-      mt.current = !1;
+      bt.current = !1;
 }
 const ha = /* @__PURE__ */ new WeakMap();
 function pa(e, t, n) {
   for (const s in t) {
     const r = t[s], i = n[s];
-    if (I(r))
+    if (E(r))
       e.addValue(s, r);
-    else if (I(i))
-      e.addValue(s, Be(r, { owner: e }));
+    else if (E(i))
+      e.addValue(s, Ne(r, { owner: e }));
     else if (i !== r)
       if (e.hasValue(s)) {
         const o = e.getValue(s);
         o.liveStyle === !0 ? o.jump(r) : o.hasAnimated || o.set(r);
       } else {
         const o = e.getStaticValue(s);
-        e.addValue(s, Be(o !== void 0 ? o : r, { owner: e }));
+        e.addValue(s, Ne(o !== void 0 ? o : r, { owner: e }));
       }
   }
   for (const s in n)
     t[s] === void 0 && e.removeValue(s);
   return t;
 }
-const Cn = [
+const Pn = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2492,27 +2492,27 @@ class ma {
     return {};
   }
   constructor({ parent: t, props: n, presenceContext: s, reducedMotionConfig: r, blockInitialAnimation: i, visualState: o }, a = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Bt, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = $t, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const f = B.now();
       this.renderScheduledAt < f && (this.renderScheduledAt = f, N.render(this.render, !1, !0));
     };
     const { latestValues: c, renderState: u } = o;
-    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = u, 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 = He(n), this.isVariantNode = Rs(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
+    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = u, 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 = Ue(n), this.isVariantNode = Os(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
     const { willChange: l, ...d } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const f in d) {
       const h = d[f];
-      c[f] !== void 0 && I(h) && h.set(c[f]);
+      c[f] !== void 0 && E(h) && h.set(c[f]);
     }
   }
   mount(t) {
     var n;
-    this.current = t, ha.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((s, r) => this.bindToMotionValue(r, s)), Ws.current || da(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : mt.current, process.env.NODE_ENV !== "production" && _n(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), (n = this.parent) == null || n.addChild(this), this.update(this.props, this.presenceContext);
+    this.current = t, ha.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((s, r) => this.bindToMotionValue(r, s)), Hs.current || da(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : bt.current, process.env.NODE_ENV !== "production" && Gn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), (n = this.parent) == null || n.addChild(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     var t;
-    this.projection && this.projection.unmount(), tt(this.notifyUpdate), tt(this.render), this.valueSubscriptions.forEach((n) => n()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), (t = this.parent) == null || t.removeChild(this);
+    this.projection && this.projection.unmount(), rt(this.notifyUpdate), rt(this.render), this.valueSubscriptions.forEach((n) => n()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), (t = this.parent) == null || t.removeChild(this);
     for (const n in this.events)
       this.events[n].clear();
     for (const n in this.features) {
@@ -2564,7 +2564,7 @@ class ma {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : js();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : _s();
   }
   getStaticValue(t) {
     return this.latestValues[t];
@@ -2578,8 +2578,8 @@ class ma {
    */
   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 < Pn.length; s++) {
+      const r = Pn[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));
@@ -2640,7 +2640,7 @@ class ma {
     if (this.props.values && this.props.values[t])
       return this.props.values[t];
     let s = this.values.get(t);
-    return s === void 0 && n !== void 0 && (s = Be(n === null ? void 0 : n, { owner: this }), this.addValue(t, s)), s;
+    return s === void 0 && n !== void 0 && (s = Ne(n === null ? void 0 : n, { owner: this }), this.addValue(t, s)), s;
   }
   /**
    * If we're trying to animate to a previously unencountered value,
@@ -2649,7 +2649,7 @@ class ma {
    */
   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" && (Nn(s) || Kn(s)) ? s = parseFloat(s) : !Po(s) && he.test(n) && (s = Vs(t, n)), this.setBaseTarget(t, I(s) ? s.get() : s)), I(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && ($n(s) || jn(s)) ? s = parseFloat(s) : !Po(s) && he.test(n) && (s = As(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
@@ -2667,16 +2667,16 @@ class ma {
     const { initial: n } = this.props;
     let s;
     if (typeof n == "string" || typeof n == "object") {
-      const o = Ht(this.props, n, (i = this.presenceContext) == null ? void 0 : i.custom);
+      const o = Yt(this.props, n, (i = this.presenceContext) == null ? void 0 : i.custom);
       o && (s = o[t]);
     }
     if (n && s !== void 0)
       return s;
     const r = this.getBaseTargetFromProps(this.props, t);
-    return r !== void 0 && !I(r) ? r : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
+    return r !== void 0 && !E(r) ? r : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
   }
   on(t, n) {
-    return this.events[t] || (this.events[t] = new jn()), this.events[t].add(n);
+    return this.events[t] || (this.events[t] = new _n()), this.events[t].add(n);
   }
   notify(t, ...n) {
     this.events[t] && this.events[t].notify(...n);
@@ -2685,7 +2685,7 @@ class ma {
     bo.render(this.render);
   }
 }
-class _s extends ma {
+class Gs extends ma {
   constructor() {
     super(...arguments), this.KeyframeResolver = ho;
   }
@@ -2701,12 +2701,12 @@ class _s extends ma {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: t } = this.props;
-    I(t) && (this.childSubscription = t.on("change", (n) => {
+    E(t) && (this.childSubscription = t.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
 }
-function Hs(e, { style: t, vars: n }, s, r) {
+function Us(e, { style: t, vars: n }, s, r) {
   const i = e.style;
   let o;
   for (o in t)
@@ -2718,16 +2718,16 @@ function Hs(e, { style: t, vars: n }, s, r) {
 function ga(e) {
   return window.getComputedStyle(e);
 }
-class ya extends _s {
+class ya extends Gs {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Hs;
+    super(...arguments), this.type = "html", this.renderInstance = Us;
   }
   readValueFromInstance(t, n) {
     var s;
     if (me.has(n))
-      return (s = this.projection) != null && s.isProjecting ? ct(n) : Ri(t, n);
+      return (s = this.projection) != null && s.isProjecting ? ft(n) : Fi(t, n);
     {
-      const r = ga(t), i = (ts(n) ? r.getPropertyValue(n) : r[n]) || 0;
+      const r = ga(t), i = (ss(n) ? r.getPropertyValue(n) : r[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
@@ -2735,13 +2735,13 @@ class ya extends _s {
     return fa(t, n);
   }
   build(t, n, s) {
-    jt(t, n, s.transformTemplate);
+    Gt(t, n, s.transformTemplate);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return Gt(t, n, s);
+    return Xt(t, n, s);
   }
 }
-const Gs = /* @__PURE__ */ new Set([
+const zs = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2767,50 +2767,50 @@ const Gs = /* @__PURE__ */ new Set([
   "lengthAdjust"
 ]);
 function ba(e, t, n, s) {
-  Hs(e, t, void 0, s);
+  Us(e, t, void 0, s);
   for (const r in t.attrs)
-    e.setAttribute(Gs.has(r) ? r : Ut(r), t.attrs[r]);
+    e.setAttribute(zs.has(r) ? r : qt(r), t.attrs[r]);
 }
-class va extends _s {
+class va extends Gs {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = js;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = _s;
   }
   getBaseTargetFromProps(t, n) {
     return t[n];
   }
   readValueFromInstance(t, n) {
     if (me.has(n)) {
-      const s = Ss(n);
+      const s = Cs(n);
       return s && s.default || 0;
     }
-    return n = Gs.has(n) ? n : Ut(n), t.getAttribute(n);
+    return n = zs.has(n) ? n : qt(n), t.getAttribute(n);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return Ls(t, n, s);
+    return Ks(t, n, s);
   }
   build(t, n, s) {
-    Is(t, n, this.isSVGTag, s.transformTemplate, s.style);
+    ks(t, n, this.isSVGTag, s.transformTemplate, s.style);
   }
   renderInstance(t, n, s, r) {
     ba(t, n, s, r);
   }
   mount(t) {
-    this.isSVGTag = ks(t.tagName), super.mount(t);
+    this.isSVGTag = Ls(t.tagName), super.mount(t);
   }
 }
-const Ta = (e, t) => _t(e) ? new va(t) : new ya(t, {
-  allowProjection: e !== En
+const Ta = (e, t) => zt(e) ? new va(t) : new ya(t, {
+  allowProjection: e !== Bn
 });
 function oe(e, t, n) {
   const s = e.getProps();
-  return Ht(s, t, n !== void 0 ? n : s.custom, e);
+  return Yt(s, t, n !== void 0 ? n : s.custom, e);
 }
-const gt = (e) => Array.isArray(e);
+const vt = (e) => Array.isArray(e);
 function wa(e, t, n) {
-  e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, Be(n));
+  e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, Ne(n));
 }
 function xa(e) {
-  return gt(e) ? e[e.length - 1] || 0 : e;
+  return vt(e) ? e[e.length - 1] || 0 : e;
 }
 function Sa(e, t) {
   const n = oe(e, t);
@@ -2822,31 +2822,31 @@ function Sa(e, t) {
   }
 }
 function Va(e) {
-  return !!(I(e) && e.add);
+  return !!(E(e) && e.add);
 }
 function Ca(e, t) {
   const n = e.getValue("willChange");
   if (Va(n))
     return n.add(t);
-  if (!n && W.WillChange) {
-    const s = new W.WillChange("auto");
+  if (!n && _.WillChange) {
+    const s = new _.WillChange("auto");
     e.addValue("willChange", s), s.add(t);
   }
 }
 function Aa(e) {
-  return e.props[Ks];
+  return e.props[js];
 }
 const Ma = (e) => e !== null;
 function Pa(e, { repeat: t, repeatType: n = "loop" }, s) {
   const r = e.filter(Ma), i = t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
   return r[i];
 }
-const Fa = {
+const Ra = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, Ra = (e) => ({
+}, Fa = (e) => ({
   type: "spring",
   stiffness: 550,
   damping: e === 0 ? 2 * Math.sqrt(550) : 30,
@@ -2858,14 +2858,14 @@ const Fa = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Ia = (e, { keyframes: t }) => t.length > 2 ? Da : me.has(e) ? e.startsWith("scale") ? Ra(t[1]) : Fa : Oa;
+}, Ia = (e, { keyframes: t }) => t.length > 2 ? Da : me.has(e) ? e.startsWith("scale") ? Fa(t[1]) : Ra : Oa;
 function Ea({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: r, repeat: i, repeatType: o, repeatDelay: a, from: c, elapsed: u, ...l }) {
   return !!Object.keys(l).length;
 }
 const ka = (e, t, n, s = {}, r, i) => (o) => {
-  const a = vs(s, e) || {}, c = a.delay || s.delay || 0;
+  const a = ws(s, e) || {}, c = a.delay || s.delay || 0;
   let { elapsed: u = 0 } = s;
-  u = u - /* @__PURE__ */ K(c);
+  u = u - /* @__PURE__ */ j(c);
   const l = {
     keyframes: Array.isArray(n) ? n : [null, n],
     ease: "easeOut",
@@ -2882,9 +2882,9 @@ const ka = (e, t, n, s = {}, r, i) => (o) => {
     motionValue: t,
     element: i ? void 0 : r
   };
-  Ea(a) || Object.assign(l, Ia(e, l)), l.duration && (l.duration = /* @__PURE__ */ K(l.duration)), l.repeatDelay && (l.repeatDelay = /* @__PURE__ */ K(l.repeatDelay)), l.from !== void 0 && (l.keyframes[0] = l.from);
+  Ea(a) || Object.assign(l, Ia(e, l)), l.duration && (l.duration = /* @__PURE__ */ j(l.duration)), l.repeatDelay && (l.repeatDelay = /* @__PURE__ */ j(l.repeatDelay)), l.from !== void 0 && (l.keyframes[0] = l.from);
   let d = !1;
-  if ((l.type === !1 || l.duration === 0 && !l.repeatDelay) && (ht(l), l.delay === 0 && (d = !0)), (W.instantAnimations || W.skipAnimations) && (d = !0, ht(l), l.delay = 0), l.allowFlatten = !a.type && !a.ease, d && !i && t.get() !== void 0) {
+  if ((l.type === !1 || l.duration === 0 && !l.repeatDelay) && (gt(l), l.delay === 0 && (d = !0)), (_.instantAnimations || _.skipAnimations) && (d = !0, gt(l), l.delay = 0), l.allowFlatten = !a.type && !a.ease, d && !i && t.get() !== void 0) {
     const f = Pa(l.keyframes, a);
     if (f !== void 0) {
       N.update(() => {
@@ -2893,13 +2893,13 @@ const ka = (e, t, n, s = {}, r, i) => (o) => {
       return;
     }
   }
-  return a.isSync ? new kt(l) : new Ji(l);
+  return a.isSync ? new Kt(l) : new Ji(l);
 };
 function Ba({ protectedKeys: e, needsAnimating: t }, n) {
   const s = e.hasOwnProperty(n) && t[n] !== !0;
   return t[n] = !1, s;
 }
-function Us(e, t, { delay: n = 0, transitionOverride: s, type: r } = {}) {
+function Ys(e, t, { delay: n = 0, transitionOverride: s, type: r } = {}) {
   let { transition: i = e.getDefaultTransition(), transitionEnd: o, ...a } = t;
   s && (i = s);
   const c = [], u = r && e.animationState && e.animationState.getState()[r];
@@ -2909,7 +2909,7 @@ function Us(e, t, { delay: n = 0, transitionOverride: s, type: r } = {}) {
       continue;
     const h = {
       delay: n,
-      ...vs(i || {}, l)
+      ...ws(i || {}, l)
     }, m = d.get();
     if (m !== void 0 && !d.isAnimating && !Array.isArray(f) && f === m && !h.velocity)
       continue;
@@ -2921,9 +2921,9 @@ function Us(e, t, { delay: n = 0, transitionOverride: s, type: r } = {}) {
         x !== null && (h.startTime = x, g = !0);
       }
     }
-    Ca(e, l), d.start(ka(l, d, f, e.shouldReduceMotion && Ts.has(l) ? { type: !1 } : h, e, g));
-    const y = d.animation;
-    y && c.push(y);
+    Ca(e, l), d.start(ka(l, d, f, e.shouldReduceMotion && xs.has(l) ? { type: !1 } : h, e, g));
+    const b = d.animation;
+    b && c.push(b);
   }
   return o && Promise.all(c).then(() => {
     N.update(() => {
@@ -2931,16 +2931,16 @@ function Us(e, t, { delay: n = 0, transitionOverride: s, type: r } = {}) {
     });
   }), c;
 }
-function zs(e, t, n, s = 0, r = 1) {
+function Xs(e, t, n, s = 0, r = 1) {
   const i = Array.from(e).sort((u, l) => u.sortNodePosition(l)).indexOf(t), o = e.size, a = (o - 1) * s;
   return typeof n == "function" ? n(i, o) : r === 1 ? i * s : a - i * s;
 }
-function yt(e, t, n = {}) {
+function Tt(e, t, n = {}) {
   var c;
   const s = oe(e, t, n.type === "exit" ? (c = e.presenceContext) == null ? void 0 : c.custom : void 0);
   let { transition: r = e.getDefaultTransition() || {} } = s || {};
   n.transitionOverride && (r = n.transitionOverride);
-  const i = s ? () => Promise.all(Us(e, s, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (u = 0) => {
+  const i = s ? () => Promise.all(Ys(e, s, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (u = 0) => {
     const { delayChildren: l = 0, staggerChildren: d, staggerDirection: f } = r;
     return La(e, t, u, l, d, f, n);
   } : () => Promise.resolve(), { when: a } = r;
@@ -2953,9 +2953,9 @@ function yt(e, t, n = {}) {
 function La(e, t, n = 0, s = 0, r = 0, i = 1, o) {
   const a = [];
   for (const c of e.variantChildren)
-    c.notify("AnimationStart", t), a.push(yt(c, t, {
+    c.notify("AnimationStart", t), a.push(Tt(c, t, {
       ...o,
-      delay: n + (typeof s == "function" ? 0 : s) + zs(e.variantChildren, c, s, r, i)
+      delay: n + (typeof s == "function" ? 0 : s) + Xs(e.variantChildren, c, s, r, i)
     }).then(() => c.notify("AnimationComplete", t)));
   return Promise.all(a);
 }
@@ -2963,19 +2963,19 @@ function Na(e, t, n = {}) {
   e.notify("AnimationStart", t);
   let s;
   if (Array.isArray(t)) {
-    const r = t.map((i) => yt(e, i, n));
+    const r = t.map((i) => Tt(e, i, n));
     s = Promise.all(r);
   } else if (typeof t == "string")
-    s = yt(e, t, n);
+    s = Tt(e, t, n);
   else {
     const r = typeof t == "function" ? oe(e, t, n.custom) : t;
-    s = Promise.all(Us(e, r, n));
+    s = Promise.all(Ys(e, r, n));
   }
   return s.then(() => {
     e.notify("AnimationComplete", t);
   });
 }
-function Ys(e, t) {
+function qs(e, t) {
   if (!Array.isArray(t))
     return !1;
   const n = t.length;
@@ -2986,27 +2986,27 @@ function Ys(e, t) {
       return !1;
   return !0;
 }
-const Ka = $t.length;
-function Xs(e) {
+const Ka = Ht.length;
+function Qs(e) {
   if (!e)
     return;
   if (!e.isControllingVariants) {
-    const n = e.parent ? Xs(e.parent) || {} : {};
+    const n = e.parent ? Qs(e.parent) || {} : {};
     return e.props.initial !== void 0 && (n.initial = e.props.initial), n;
   }
   const t = {};
   for (let n = 0; n < Ka; n++) {
-    const s = $t[n], r = e.props[s];
+    const s = Ht[n], r = e.props[s];
     (Ve(r) || r === !1) && (t[s] = r);
   }
   return t;
 }
-const $a = [...Kt].reverse(), ja = Kt.length;
+const $a = [..._t].reverse(), ja = _t.length;
 function Wa(e) {
   return (t) => Promise.all(t.map(({ animation: n, options: s }) => Na(e, n, s)));
 }
 function _a(e) {
-  let t = Wa(e), n = An(), s = !0;
+  let t = Wa(e), n = Rn(), s = !0;
   const r = (c) => (u, l) => {
     var f;
     const d = oe(e, l, c === "exit" ? (f = e.presenceContext) == null ? void 0 : f.custom : void 0);
@@ -3020,66 +3020,66 @@ function _a(e) {
     t = c(e);
   }
   function o(c) {
-    const { props: u } = e, l = Xs(e.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
+    const { props: u } = e, l = Qs(e.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
     let h = {}, m = 1 / 0;
-    for (let y = 0; y < ja; y++) {
-      const p = $a[y], x = n[p], v = u[p] !== void 0 ? u[p] : l[p], A = Ve(v), S = p === c ? x.isActive : null;
-      S === !1 && (m = y);
-      let C = v === l[p] && v !== u[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
+    for (let b = 0; b < ja; b++) {
+      const p = $a[b], x = n[p], v = u[p] !== void 0 ? u[p] : l[p], C = Ve(v), S = p === c ? x.isActive : null;
+      S === !1 && (m = b);
+      let A = v === l[p] && v !== u[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
-      _e(v) || typeof v == "boolean")
+      Ge(v) || typeof v == "boolean")
         continue;
-      const M = Ha(x.prevProp, v);
-      let V = M || // If we're making this variant active, we want to always make it active
-      p === c && x.isActive && !C && A || // If we removed a higher-priority variant (i is in reverse order)
-      y > m && A, D = !1;
-      const E = Array.isArray(v) ? v : [v];
-      let te = E.reduce(r(p), {});
-      S === !1 && (te = {});
-      const { prevResolvedValues: Xt = {} } = x, nr = {
-        ...Xt,
-        ...te
-      }, qt = (R) => {
-        V = !0, f.has(R) && (D = !0, f.delete(R)), x.needsAnimating[R] = !0;
-        const k = e.getValue(R);
+      const P = Ha(x.prevProp, v);
+      let V = P || // If we're making this variant active, we want to always make it active
+      p === c && x.isActive && !A && C || // If we removed a higher-priority variant (i is in reverse order)
+      b > m && C, F = !1;
+      const D = Array.isArray(v) ? v : [v];
+      let H = D.reduce(r(p), {});
+      S === !1 && (H = {});
+      const { prevResolvedValues: Pe = {} } = x, ze = {
+        ...Pe,
+        ...H
+      }, Re = (O) => {
+        V = !0, f.has(O) && (F = !0, f.delete(O)), x.needsAnimating[O] = !0;
+        const k = e.getValue(O);
         k && (k.liveStyle = !1);
       };
-      for (const R in nr) {
-        const k = te[R], U = Xt[R];
-        if (h.hasOwnProperty(R))
+      for (const O in ze) {
+        const k = H[O], Y = Pe[O];
+        if (h.hasOwnProperty(O))
           continue;
         let ne = !1;
-        gt(k) && gt(U) ? ne = !Ys(k, U) : ne = k !== U, ne ? k != null ? qt(R) : f.add(R) : k !== void 0 && f.has(R) ? qt(R) : x.protectedKeys[R] = !0;
+        vt(k) && vt(Y) ? ne = !qs(k, Y) : ne = k !== Y, ne ? k != null ? Re(O) : f.add(O) : k !== void 0 && f.has(O) ? Re(O) : x.protectedKeys[O] = !0;
       }
-      x.prevProp = v, x.prevResolvedValues = te, x.isActive && (h = { ...h, ...te }), s && e.blockInitialAnimation && (V = !1);
-      const Qt = C && M;
-      V && (!Qt || D) && d.push(...E.map((R) => {
+      x.prevProp = v, x.prevResolvedValues = H, x.isActive && (h = { ...h, ...H }), s && e.blockInitialAnimation && (V = !1);
+      const Jt = A && P;
+      V && (!Jt || F) && d.push(...D.map((O) => {
         const k = { type: p };
-        if (typeof R == "string" && s && !Qt && e.manuallyAnimateOnMount && e.parent) {
-          const { parent: U } = e, ne = oe(U, R);
-          if (U.enteringChildren && ne) {
-            const { delayChildren: sr } = ne.transition || {};
-            k.delay = zs(U.enteringChildren, e, sr);
+        if (typeof O == "string" && s && !Jt && e.manuallyAnimateOnMount && e.parent) {
+          const { parent: Y } = e, ne = oe(Y, O);
+          if (Y.enteringChildren && ne) {
+            const { delayChildren: rr } = ne.transition || {};
+            k.delay = Xs(Y.enteringChildren, e, rr);
           }
         }
         return {
-          animation: R,
+          animation: O,
           options: k
         };
       }));
     }
     if (f.size) {
-      const y = {};
+      const b = {};
       if (typeof u.initial != "boolean") {
         const p = oe(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
-        p && p.transition && (y.transition = p.transition);
+        p && p.transition && (b.transition = p.transition);
       }
       f.forEach((p) => {
         const x = e.getBaseTarget(p), v = e.getValue(p);
-        v && (v.liveStyle = !0), y[p] = x ?? null;
-      }), d.push({ animation: y });
+        v && (v.liveStyle = !0), b[p] = x ?? null;
+      }), d.push({ animation: b });
     }
     let g = !!d.length;
     return s && (u.initial === !1 || u.initial === u.animate) && !e.manuallyAnimateOnMount && (g = !1), s = !1, g ? t(d) : Promise.resolve();
@@ -3103,14 +3103,14 @@ function _a(e) {
     setAnimateFunction: i,
     getState: () => n,
     reset: () => {
-      n = An(), s = !0;
+      n = Rn(), s = !0;
     }
   };
 }
 function Ha(e, t) {
-  return typeof t == "string" ? t !== e : Array.isArray(t) ? !Ys(t, e) : !1;
+  return typeof t == "string" ? t !== e : Array.isArray(t) ? !qs(t, e) : !1;
 }
-function z(e = !1) {
+function X(e = !1) {
   return {
     isActive: e,
     protectedKeys: {},
@@ -3118,15 +3118,15 @@ function z(e = !1) {
     prevResolvedValues: {}
   };
 }
-function An() {
+function Rn() {
   return {
-    animate: z(!0),
-    whileInView: z(),
-    whileHover: z(),
-    whileTap: z(),
-    whileDrag: z(),
-    whileFocus: z(),
-    exit: z()
+    animate: X(!0),
+    whileInView: X(),
+    whileHover: X(),
+    whileTap: X(),
+    whileDrag: X(),
+    whileFocus: X(),
+    exit: X()
   };
 }
 class ge {
@@ -3147,7 +3147,7 @@ class Ga extends ge {
   }
   updateAnimationControlsSubscription() {
     const { animate: t } = this.node.getProps();
-    _e(t) && (this.unmountControls = t.subscribe(this.node));
+    Ge(t) && (this.unmountControls = t.subscribe(this.node));
   }
   /**
    * Subscribe any provided AnimationControls to the component's VisualElement
@@ -3195,10 +3195,10 @@ const Ya = {
     Feature: za
   }
 };
-function Mn(e, t, n, s = { passive: !0 }) {
+function Fn(e, t, n, s = { passive: !0 }) {
   return e.addEventListener(t, n, s), () => e.removeEventListener(t, n);
 }
-function qs(e) {
+function Zs(e) {
   return {
     point: {
       x: e.pageX,
@@ -3206,16 +3206,16 @@ function qs(e) {
     }
   };
 }
-function Pn(e, t, n) {
+function Dn(e, t, n) {
   const { props: s } = e;
   e.animationState && s.whileHover && e.animationState.setActive("whileHover", n === "Start");
   const r = "onHover" + n, i = s[r];
-  i && N.postRender(() => i(t, qs(t)));
+  i && N.postRender(() => i(t, Zs(t)));
 }
 class Xa extends ge {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = wo(t, (n, s) => (Pn(this.node, s, "Start"), (r) => Pn(this.node, r, "End"))));
+    t && (this.unmount = wo(t, (n, s) => (Dn(this.node, s, "Start"), (r) => Dn(this.node, r, "End"))));
   }
   unmount() {
   }
@@ -3237,43 +3237,43 @@ class qa extends ge {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = $e(Mn(this.node.current, "focus", () => this.onFocus()), Mn(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = We(Fn(this.node.current, "focus", () => this.onFocus()), Fn(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
 }
-function Fn(e, t, n) {
+function On(e, t, n) {
   const { props: s } = e;
   if (e.current instanceof HTMLButtonElement && e.current.disabled)
     return;
   e.animationState && s.whileTap && e.animationState.setActive("whileTap", n === "Start");
   const r = "onTap" + (n === "End" ? "" : n), i = s[r];
-  i && N.postRender(() => i(t, qs(t)));
+  i && N.postRender(() => i(t, Zs(t)));
 }
 class Qa extends ge {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = Ao(t, (n, s) => (Fn(this.node, s, "Start"), (r, { success: i }) => Fn(this.node, r, i ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+    t && (this.unmount = Ao(t, (n, s) => (On(this.node, s, "Start"), (r, { success: i }) => On(this.node, r, i ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
   unmount() {
   }
 }
-const bt = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), Za = (e) => {
-  const t = bt.get(e.target);
+const wt = /* @__PURE__ */ new WeakMap(), et = /* @__PURE__ */ new WeakMap(), Za = (e) => {
+  const t = wt.get(e.target);
   t && t(e);
 }, Ja = (e) => {
   e.forEach(Za);
 };
 function ec({ root: e, ...t }) {
   const n = e || document;
-  Qe.has(n) || Qe.set(n, {});
-  const s = Qe.get(n), r = JSON.stringify(t);
+  et.has(n) || et.set(n, {});
+  const s = et.get(n), r = JSON.stringify(t);
   return s[r] || (s[r] = new IntersectionObserver(Ja, { root: e, ...t })), s[r];
 }
 function tc(e, t, n) {
   const s = ec(t);
-  return bt.set(e, n), s.observe(e), () => {
-    bt.delete(e), s.unobserve(e);
+  return wt.set(e, n), s.observe(e), () => {
+    wt.delete(e), s.unobserve(e);
   };
 }
 const nc = {
@@ -3333,19 +3333,19 @@ const ic = {
   ...Ya,
   ...ic
 };
-function Qs(e, t) {
+function Js(e, t) {
   return ia(e, t);
 }
-const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
+const ac = /* @__PURE__ */ Js("div"), Qt = /* @__PURE__ */ Js("span"), cc = ({
   icon: e = lr,
   "aria-hidden": t = !0,
   ...n
 }) => {
-  const s = b.useContext(O);
+  const s = y.useContext(I);
   return /* @__PURE__ */ T(
     le.Icon,
     {
-      as: zt,
+      as: Qt,
       animate: { rotate: s.open ? 180 : 0 },
       transition: { duration: 0.15, type: "spring", bounce: 0 },
       icon: e,
@@ -3357,29 +3357,29 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
   tooltipProps: e,
   ...t
 }) => {
-  const n = b.useContext(O), s = () => {
+  const n = y.useContext(I), s = () => {
     var i, o;
-    if ($(n.value)) {
+    if (K(n.value)) {
       const a = n.onValueChange;
       a == null || a([]);
     }
-    if (Z(n.value)) {
+    if (z(n.value)) {
       const a = n.onValueChange;
       a == null || a(void 0);
     }
     (o = (i = n.triggerRef) == null ? void 0 : i.current) == null || o.focus();
   };
-  return b.useMemo(() => {
+  return y.useMemo(() => {
     var i;
-    if (Z(n.value))
+    if (z(n.value))
       return n.clearable && n.value;
-    if ($(n.value))
+    if (K(n.value))
       return n.clearable && ((i = n.value) == null ? void 0 : i.length) > 0;
   }, [n.clearable, n.value]) ? /* @__PURE__ */ T(br, { label: "Clear field", ...e, children: /* @__PURE__ */ T(
     le,
     {
       type: "button",
-      icon: { icon: wt, alt: "Clear field" },
+      icon: { icon: Ct, alt: "Clear field" },
       size: "0",
       variant: "ghost",
       onClick: (i) => {
@@ -3398,14 +3398,14 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
       ...t
     }
   ) }) : null;
-}, Zs = ({
+}, er = ({
   children: e,
   ...t
 }) => {
-  const n = b.useContext(O), s = b.useMemo(() => {
+  const n = y.useContext(I), s = y.useMemo(() => {
     var a;
-    if (!Z(n.value)) return;
-    const r = Je(
+    if (!z(n.value)) return;
+    const r = nt(
       n.value,
       n.options,
       n.legacyBehavior
@@ -3417,7 +3417,7 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
     n.legacyBehavior,
     n.placeholder
   ]);
-  return /* @__PURE__ */ T(kn, { children: /* @__PURE__ */ T(
+  return /* @__PURE__ */ T(Ln, { children: /* @__PURE__ */ T(
     le.Text,
     {
       color: n.value ? "default" : "gray",
@@ -3427,12 +3427,12 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
       children: e || s
     }
   ) });
-}, vt = ({
+}, xt = ({
   children: e,
   ...t
 }) => {
-  const n = b.useContext(O);
-  return /* @__PURE__ */ T(kn, { children: /* @__PURE__ */ T(
+  const n = y.useContext(I);
+  return /* @__PURE__ */ T(Ln, { children: /* @__PURE__ */ T(
     le.Text,
     {
       color: "gray",
@@ -3442,11 +3442,11 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
       children: e || n.placeholder
     }
   ) });
-}, Js = ({ children: e }) => {
-  const t = b.useContext(O);
-  if (!$(t.value)) return null;
+}, tr = ({ children: e }) => {
+  const t = y.useContext(I);
+  if (!K(t.value)) return null;
   const n = t.layout || "truncate", r = (t.value.length - 2).toString().split("");
-  return /* @__PURE__ */ G(
+  return /* @__PURE__ */ U(
     ae,
     {
       gap: "0_5",
@@ -3477,12 +3477,12 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
             style: {
               backgroundImage: "linear-gradient(to left, var(--tgph-surface-1) 0 60%, transparent 90% 100%)"
             },
-            children: /* @__PURE__ */ G(Tt, { as: "span", size: "1", style: { whiteSpace: "nowrap" }, children: [
+            children: /* @__PURE__ */ U(Vt, { as: "span", size: "1", style: { whiteSpace: "nowrap" }, children: [
               "+",
               r.map((i) => /* @__PURE__ */ T(
-                On,
+                En,
                 {
-                  as: zt,
+                  as: Qt,
                   initial: { opacity: 0 },
                   animate: { opacity: 1 },
                   exit: { opacity: 0 },
@@ -3501,16 +3501,16 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
       ]
     }
   );
-}, Yt = b.createContext({
+}, Zt = y.createContext({
   value: ""
 }), uc = ({
   value: e,
   children: t,
   ...n
-}) => /* @__PURE__ */ T(Yt.Provider, { value: { value: e }, children: /* @__PURE__ */ T(
-  St.Root,
+}) => /* @__PURE__ */ T(Zt.Provider, { value: { value: e }, children: /* @__PURE__ */ T(
+  Mt.Root,
   {
-    as: zt,
+    as: Qt,
     initial: { opacity: 0, scale: 0.5 },
     animate: { opacity: 1, scale: 1 },
     exit: { opacity: 0, scale: 0.5 },
@@ -3526,14 +3526,14 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
   children: e,
   ...t
 }) => {
-  const n = b.useContext(O), s = b.useContext(Yt), r = b.useMemo(() => {
+  const n = y.useContext(I), s = y.useContext(Zt), r = y.useMemo(() => {
     const i = n.options.find(
       (c) => c.value === s.value
     );
     if (i) return i.label || i.value;
     if (!n.value) return;
     const a = n.value.find(
-      (c) => H(c, n.legacyBehavior) === s.value
+      (c) => $(c, n.legacyBehavior) === s.value
     );
     if (a)
       return a;
@@ -3543,20 +3543,20 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
     s.value,
     n.legacyBehavior
   ]);
-  return /* @__PURE__ */ T(St.Text, { ...t, children: e || r });
+  return /* @__PURE__ */ T(Mt.Text, { ...t, children: e || r });
 }, dc = ({
   children: e,
   ...t
 }) => {
-  const n = b.useContext(O), s = b.useContext(Yt);
+  const n = y.useContext(I), s = y.useContext(Zt);
   return /* @__PURE__ */ T(
-    St.Button,
+    Mt.Button,
     {
-      icon: { icon: wt, alt: `Remove ${s.value}` },
+      icon: { icon: Ct, alt: `Remove ${s.value}` },
       height: "full",
       onClick: (r) => {
         if (!n.onValueChange) return;
-        const i = n.onValueChange, a = n.value.filter((c) => H(c, n.legacyBehavior) !== s.value);
+        const i = n.onValueChange, a = n.value.filter((c) => $(c, n.legacyBehavior) !== s.value);
         i == null || i(a), r.stopPropagation(), r.preventDefault();
       },
       "data-tgph-combobox-tag-button": !0,
@@ -3568,21 +3568,21 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
   value: e,
   children: t,
   ...n
-}) => /* @__PURE__ */ G(we.Root, { value: e, ...n, children: [
+}) => /* @__PURE__ */ U(we.Root, { value: e, ...n, children: [
   /* @__PURE__ */ T(we.Text, { children: t }),
   /* @__PURE__ */ T(we.Button, {})
 ] }), pc = (e) => /* @__PURE__ */ T(ae, { align: "center", gap: "1", ...e }), mc = () => {
-  const e = b.useContext(O);
-  if (e.value && $(e.value)) {
+  const e = y.useContext(I);
+  if (e.value && K(e.value)) {
     const t = e.layout || "truncate";
-    return e.value.length === 0 ? /* @__PURE__ */ T(vt, {}) : /* @__PURE__ */ T(Fo, { features: oc, children: /* @__PURE__ */ T(Js, { children: e.value.map((n, s) => {
-      const r = H(n, e.legacyBehavior);
+    return e.value.length === 0 ? /* @__PURE__ */ T(xt, {}) : /* @__PURE__ */ T(Ro, { features: oc, children: /* @__PURE__ */ T(tr, { children: e.value.map((n, s) => {
+      const r = $(n, e.legacyBehavior);
       if (r && (t === "truncate" && s <= 1 || t === "wrap"))
         return /* @__PURE__ */ T(yr, { children: /* @__PURE__ */ T(we.Default, { value: r }) }, r);
     }) }) });
   }
-  if (e && Z(e.value))
-    return e.value ? /* @__PURE__ */ T(Zs, {}) : /* @__PURE__ */ T(vt, {});
+  if (e && z(e.value))
+    return e.value ? /* @__PURE__ */ T(er, {}) : /* @__PURE__ */ T(xt, {});
 }, we = {
   Root: uc,
   Text: fc,
@@ -3591,13 +3591,13 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
 }, be = {
   TriggerIndicator: cc,
   TriggerClear: lc,
-  TriggerText: Zs,
-  TriggerPlaceholder: vt,
-  TriggerTagsContainer: Js,
+  TriggerText: er,
+  TriggerPlaceholder: xt,
+  TriggerTagsContainer: tr,
   TriggerActionsContainer: pc,
   TriggerTag: we,
   TriggerValue: mc
-}, gc = ["ArrowDown", "PageUp", "Home"], yc = ["ArrowUp", "PageDown", "End"], er = ["Enter", " "], O = b.createContext({
+}, gc = ["ArrowDown", "PageUp", "Home"], yc = ["ArrowUp", "PageDown", "End"], nr = ["Enter", " "], I = y.createContext({
   value: void 0,
   onValueChange: () => {
   },
@@ -3622,58 +3622,65 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
   onOpenChange: o,
   defaultOpen: a,
   value: c,
-  onValueChange: u,
-  errored: l,
-  placeholder: d,
-  layout: f,
-  children: h,
-  ...m
+  defaultValue: u,
+  onValueChange: l,
+  errored: d,
+  placeholder: f,
+  layout: h,
+  defaultScrollToValue: m,
+  children: g,
+  ...b
 }) => {
-  const g = b.useId(), y = b.useId(), p = b.useRef(null), x = b.useRef(null), v = b.useRef(null), A = b.useMemo(() => Tr(h), [h]), [S, C] = b.useState(""), [M = !1, V] = or({
+  const p = y.useId(), x = y.useId(), v = y.useRef(null), C = y.useRef(null), S = y.useRef(null), A = y.useMemo(() => Tr(g), [g]), [P, V] = y.useState(""), [F = !1, D] = en({
     prop: i,
     defaultProp: a ?? !1,
     onChange: o
-  }), D = b.useCallback(() => {
-    V((E) => !E);
-  }, [V]);
-  return b.useEffect(() => {
-    M || C("");
-  }, [M]), /* @__PURE__ */ T(
-    O.Provider,
+  }), [H, Pe] = en({
+    prop: c,
+    defaultProp: u,
+    onChange: l
+  }), ze = y.useCallback(() => {
+    D((Re) => !Re);
+  }, [D]);
+  return y.useEffect(() => {
+    F || V("");
+  }, [F]), /* @__PURE__ */ T(
+    I.Provider,
     {
       value: {
-        contentId: g,
-        triggerId: y,
-        value: c,
+        contentId: p,
+        triggerId: x,
+        value: H,
         // Need to cast this to avoid type errors
         // because the type of onValueChange is not
         // consistent with the value type
-        onValueChange: u,
-        placeholder: d,
-        open: M,
-        setOpen: V,
-        onOpenToggle: D,
+        onValueChange: Pe,
+        placeholder: f,
+        open: F,
+        setOpen: D,
+        onOpenToggle: ze,
         closeOnSelect: t,
         clearable: n,
         disabled: s,
-        searchQuery: S,
-        setSearchQuery: C,
-        triggerRef: p,
-        searchRef: x,
-        contentRef: v,
-        errored: l,
-        layout: f,
+        searchQuery: P,
+        setSearchQuery: V,
+        triggerRef: v,
+        searchRef: C,
+        contentRef: S,
+        errored: d,
+        layout: h,
         options: A,
-        legacyBehavior: r
+        legacyBehavior: r,
+        defaultScrollToValue: m
       },
       children: /* @__PURE__ */ T(
-        Ne.Root,
+        $e.Root,
         {
-          open: M,
-          onOpenChange: V,
+          open: F,
+          onOpenChange: D,
           modal: e,
-          ...m,
-          children: h
+          ...b,
+          children: g
         }
       )
     }
@@ -3683,22 +3690,22 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
   children: t,
   ...n
 }) => {
-  const s = b.useContext(O), r = $(s.value) && s.value.length > 0, i = b.useMemo(() => {
+  const s = y.useContext(I), r = K(s.value) && s.value.length > 0, i = y.useMemo(() => {
     if (s.value) {
-      if (Z(s.value))
-        return Je(
+      if (z(s.value))
+        return nt(
           s.value,
           s.options,
           s.legacyBehavior
         );
-      if ($(s.value))
+      if (K(s.value))
         return s.value.map(
-          (a) => Je(a, s.options, s.legacyBehavior)
+          (a) => nt(a, s.options, s.legacyBehavior)
         );
     }
-  }, [s.value, s.options, s.legacyBehavior]), o = b.useCallback(() => i ? Z(i) ? (i == null ? void 0 : i.label) || (i == null ? void 0 : i.value) || s.placeholder : $(i) && i.map((a) => (a == null ? void 0 : a.label) || (a == null ? void 0 : a.value)).join(", ") || s.placeholder : s.placeholder, [i, s.placeholder]);
+  }, [s.value, s.options, s.legacyBehavior]), o = y.useCallback(() => i ? z(i) ? (i == null ? void 0 : i.label) || (i == null ? void 0 : i.value) || s.placeholder : K(i) && i.map((a) => (a == null ? void 0 : a.label) || (a == null ? void 0 : a.value)).join(", ") || s.placeholder : s.placeholder, [i, s.placeholder]);
   return /* @__PURE__ */ T(
-    Ne.Trigger,
+    $e.Trigger,
     {
       ...n,
       asChild: !0,
@@ -3713,7 +3720,7 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
             a.stopPropagation();
             return;
           }
-          if (a.key === "ArrowDown" || er.includes(a.key)) {
+          if (a.key === "ArrowDown" || nr.includes(a.key)) {
             a.stopPropagation(), a.preventDefault(), s.onOpenToggle();
             return;
           }
@@ -3746,9 +3753,9 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
           "data-tgph-combobox-trigger-open": s.open,
           disabled: s.disabled,
           ...n,
-          children: t ? typeof t == "function" ? t({ value: i }) : t : /* @__PURE__ */ G(Ze, { children: [
+          children: t ? typeof t == "function" ? t({ value: i }) : t : /* @__PURE__ */ U(tt, { children: [
             /* @__PURE__ */ T(be.TriggerValue, {}),
-            /* @__PURE__ */ G(be.TriggerActionsContainer, { children: [
+            /* @__PURE__ */ U(be.TriggerActionsContainer, { children: [
               /* @__PURE__ */ T(be.TriggerClear, {}),
               /* @__PURE__ */ T(be.TriggerIndicator, {})
             ] })
@@ -3763,36 +3770,36 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
   tgphRef: n,
   ...s
 }) => {
-  const r = b.useContext(O), i = b.useRef(!1), o = Rn(n, r.contentRef), a = b.useRef(null), [c, u] = b.useState(0), [l, d] = b.useState(!1), f = b.useCallback(
+  const r = y.useContext(I), i = y.useRef(!1), o = St(n, r.contentRef), a = y.useRef(null), [c, u] = y.useState(0), [l, d] = y.useState(!1), f = y.useCallback(
     (h) => {
       const m = h == null ? void 0 : h.getBoundingClientRect();
       m && u(m.height), l || d(!0);
     },
     [l]
   );
-  return b.useEffect(() => {
+  return y.useEffect(() => {
     const h = new ResizeObserver((m) => {
       for (const g of m) {
-        const y = g.target;
-        f(y);
+        const b = g.target;
+        f(b);
       }
     });
     return a.current && l && h.observe(a.current), () => h.disconnect();
-  }, [l, f]), b.useEffect(() => {
+  }, [l, f]), y.useEffect(() => {
     l === !0 && r.open === !1 && d(!1);
-  }, [r.open, l]), b.useEffect(() => {
+  }, [r.open, l]), y.useEffect(() => {
     let h;
     return r.open && (h = setTimeout(() => {
       f(a.current);
     }, 10)), () => h && clearTimeout(h);
-  }, [r.open, f]), /* @__PURE__ */ T(ir.Root, { asChild: !0, children: /* @__PURE__ */ T(
-    rr,
+  }, [r.open, f]), /* @__PURE__ */ T(or.Root, { asChild: !0, children: /* @__PURE__ */ T(
+    ir,
     {
       onEscapeKeyDown: (h) => {
         r.open && (h.stopPropagation(), h.preventDefault(), r.setOpen(!1));
       },
       children: /* @__PURE__ */ T(
-        Ne.Content,
+        $e.Content,
         {
           className: "tgph",
           mt: "1",
@@ -3819,9 +3826,9 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
           role: void 0,
           "aria-orientation": void 0,
           onKeyDown: (h) => {
-            var g, y, p, x;
+            var g, b, p, x;
             h.stopPropagation();
-            const m = (y = (g = r.contentRef) == null ? void 0 : g.current) == null ? void 0 : y.querySelectorAll(
+            const m = (b = (g = r.contentRef) == null ? void 0 : g.current) == null ? void 0 : b.querySelectorAll(
               "[data-tgph-combobox-option]"
             );
             document.activeElement === (m == null ? void 0 : m[0]) && yc.includes(h.key) && ((x = (p = r.searchRef) == null ? void 0 : p.current) == null || x.focus());
@@ -3831,24 +3838,46 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
       )
     }
   ) });
-}, wc = ({ ...e }) => {
-  const t = b.useContext(O);
-  return /* @__PURE__ */ T(
+}, wc = ({
+  tgphRef: e,
+  ...t
+}) => {
+  const n = y.useContext(I), s = y.useRef(null), r = St(e, s);
+  return y.useEffect(() => {
+    n.open && s.current && requestAnimationFrame(() => {
+      var a;
+      const o = (z(n.value) ? $(n.value, n.legacyBehavior) : K(n.value) && n.value.length > 0 ? $(n.value[0], n.legacyBehavior) : null) ?? n.defaultScrollToValue;
+      if (o) {
+        const c = (a = s.current) == null ? void 0 : a.querySelectorAll(
+          "[data-tgph-combobox-option]"
+        ), u = Array.from(c || []).find(
+          (l) => l.getAttribute("data-tgph-combobox-option-value") === o
+        );
+        u && typeof u.scrollIntoView == "function" && u.scrollIntoView({ block: "center" });
+      }
+    });
+  }, [
+    n.open,
+    n.value,
+    n.legacyBehavior,
+    n.defaultScrollToValue
+  ]), /* @__PURE__ */ T(
     ae,
     {
-      id: t.contentId,
+      id: n.contentId,
       direction: "column",
       gap: "1",
       style: {
         overflowY: "auto",
         // maxHeight defaults to available height - padding from edge of screen
-        "--max-height": e.maxHeight ? void 0 : "calc(var(--tgph-combobox-content-available-height) - var(--tgph-spacing-12))"
+        "--max-height": t.maxHeight ? void 0 : "calc(var(--tgph-combobox-content-available-height) - var(--tgph-spacing-12))"
       },
       role: "listbox",
-      ...e
+      tgphRef: r,
+      ...t
     }
   );
-}, tr = ({
+}, sr = ({
   value: e,
   label: t,
   selected: n,
@@ -3856,25 +3885,25 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
   children: r,
   ...i
 }) => {
-  const o = b.useContext(O), [a, c] = b.useState(!1), u = o.value, l = !o.searchQuery || wr({
+  const o = y.useContext(I), [a, c] = y.useState(!1), u = o.value, l = !o.searchQuery || wr({
     children: t || r,
     value: e,
     searchQuery: o.searchQuery
-  }), d = $(u) ? u.some(
-    (h) => H(h, o.legacyBehavior) === e
-  ) : H(u, o.legacyBehavior) === e, f = (h) => {
-    var g, y;
+  }), d = K(u) ? u.some(
+    (h) => $(h, o.legacyBehavior) === e
+  ) : $(u, o.legacyBehavior) === e, f = (h) => {
+    var g, b;
     h.stopPropagation();
     const m = h;
-    if (!(m.key && !er.includes(m.key))) {
+    if (!(m.key && !nr.includes(m.key))) {
       if (h.preventDefault(), o.closeOnSelect === !0 && o.setOpen(!1), s)
         return s(h);
-      if (Z(u)) {
+      if (z(u)) {
         const p = o.onValueChange;
         o.legacyBehavior === !0 ? p == null || p({ value: e, label: t }) : p == null || p(e);
-      } else if ($(u)) {
+      } else if (K(u)) {
         const p = o.onValueChange, x = o.value, v = d ? x.filter(
-          (A) => H(A, o.legacyBehavior) !== e
+          (C) => $(C, o.legacyBehavior) !== e
         ) : [
           ...x,
           // TODO: Remove this once { value, label } option is deprecated
@@ -3882,12 +3911,12 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
         ];
         p == null || p(v);
       }
-      (y = (g = o.triggerRef) == null ? void 0 : g.current) == null || y.focus();
+      (b = (g = o.triggerRef) == null ? void 0 : g.current) == null || b.focus();
     }
   };
   if (l)
     return /* @__PURE__ */ T(
-      Ne.Button,
+      $e.Button,
       {
         type: "button",
         onSelect: f,
@@ -3914,19 +3943,19 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
   ...i
 }) => {
   var d;
-  const o = b.useId(), a = b.useContext(O), c = Rn(n, a.searchRef), u = s ?? a.searchQuery, l = r ?? a.setSearchQuery;
-  return b.useEffect(() => {
+  const o = y.useId(), a = y.useContext(I), c = St(n, a.searchRef), u = s ?? a.searchQuery, l = r ?? a.setSearchQuery;
+  return y.useEffect(() => {
     var m;
     const f = (g) => {
-      var y, p;
-      gc.includes(g.key) && ((p = (y = a.contentRef) == null ? void 0 : y.current) == null || p.focus({ preventScroll: !0 })), g.key === "Escape" && a.setOpen(!1), g.stopPropagation();
+      var b, p;
+      gc.includes(g.key) && ((p = (b = a.contentRef) == null ? void 0 : b.current) == null || p.focus({ preventScroll: !0 })), g.key === "Escape" && a.setOpen(!1), g.stopPropagation();
     }, h = (m = a.searchRef) == null ? void 0 : m.current;
     if (h)
       return h.addEventListener("keydown", f), () => {
         h.removeEventListener("keydown", f);
       };
-  }, [a]), /* @__PURE__ */ G(On, { borderBottom: "px", px: "1", pb: "1", children: [
-    /* @__PURE__ */ T(ar.Root, { children: /* @__PURE__ */ T(Tt, { as: "label", htmlFor: o, children: e }) }),
+  }, [a]), /* @__PURE__ */ U(En, { borderBottom: "px", px: "1", pb: "1", children: [
+    /* @__PURE__ */ T(ar.Root, { children: /* @__PURE__ */ T(Vt, { as: "label", htmlFor: o, children: e }) }),
     /* @__PURE__ */ T(
       cr,
       {
@@ -3937,13 +3966,13 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
         onChange: (f) => {
           l(f.target.value);
         },
-        LeadingComponent: /* @__PURE__ */ T(Dn, { icon: In, alt: "Search Icon" }),
+        LeadingComponent: /* @__PURE__ */ T(In, { icon: kn, alt: "Search Icon" }),
         TrailingComponent: a != null && a.searchQuery && ((d = a == null ? void 0 : a.searchQuery) == null ? void 0 : d.length) > 0 ? /* @__PURE__ */ T(
           le,
           {
             variant: "ghost",
             color: "gray",
-            icon: { icon: wt, alt: "Clear Search Query" },
+            icon: { icon: Ct, alt: "Clear Search Query" },
             onClick: () => {
               var f;
               return (f = a.setSearchQuery) == null ? void 0 : f.call(a, "");
@@ -3959,20 +3988,20 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
     )
   ] });
 }, Sc = ({
-  icon: e = { icon: In, alt: "Search Icon" },
+  icon: e = { icon: kn, alt: "Search Icon" },
   message: t = "No results found",
   children: n,
   ...s
 }) => {
-  const r = b.useContext(O), [i, o] = b.useState(!1);
-  if (b.useEffect(() => {
+  const r = y.useContext(I), [i, o] = y.useState(!1);
+  if (y.useEffect(() => {
     var c, u;
     const a = (u = (c = r.contentRef) == null ? void 0 : c.current) == null ? void 0 : u.querySelectorAll(
       "[data-tgph-combobox-option]"
     );
     (a == null ? void 0 : a.length) === 0 ? o(!0) : o(!1);
   }, [r.searchQuery, r.contentRef, n]), i)
-    return /* @__PURE__ */ G(
+    return /* @__PURE__ */ U(
       ae,
       {
         gap: "1",
@@ -3983,8 +4012,8 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
         "data-tgph-combobox-empty": !0,
         ...s,
         children: [
-          e === null ? /* @__PURE__ */ T(Ze, {}) : /* @__PURE__ */ T(Dn, { ...e }),
-          t === null ? /* @__PURE__ */ T(Ze, {}) : /* @__PURE__ */ T(Tt, { as: "span", children: t })
+          e === null ? /* @__PURE__ */ T(tt, {}) : /* @__PURE__ */ T(In, { ...e }),
+          t === null ? /* @__PURE__ */ T(tt, {}) : /* @__PURE__ */ T(Vt, { as: "span", children: t })
         ]
       }
     );
@@ -3996,15 +4025,15 @@ const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
   legacyBehavior: r = !1,
   ...i
 }) => {
-  const o = b.useContext(O), a = b.useCallback(
+  const o = y.useContext(I), a = y.useCallback(
     (c) => !t || (t == null ? void 0 : t.length) === 0 ? !1 : t.some(
-      (u) => H(u, r) === c
+      (u) => $(u, r) === c
     ),
     [t, r]
   );
   if (o.searchQuery && !a(o.searchQuery))
     return /* @__PURE__ */ T(
-      tr,
+      sr,
       {
         leadingIcon: { icon: ur, "aria-hidden": !0 },
         mx: "1",
@@ -4027,7 +4056,7 @@ Object.assign(Cc, {
   Trigger: vc,
   Content: Tc,
   Options: wc,
-  Option: tr,
+  Option: sr,
   Search: xc,
   Empty: Sc,
   Create: Vc,