@telegraph/combobox 0.1.4 → 0.1.5

package/dist/esm/index.mjs

@@ -1,67 +1,119 @@
-import { jsx as w, jsxs as U, Fragment as qt } from "react/jsx-runtime";
-import { DismissableLayer as tr } from "@radix-ui/react-dismissable-layer";
-import * as nr from "@radix-ui/react-portal";
-import { useControllableState as sr } from "@radix-ui/react-use-controllable-state";
-import * as rr from "@radix-ui/react-visually-hidden";
-import { Button as ue } from "@telegraph/button";
-import { useComposedRefs as Fn } from "@telegraph/compose-refs";
-import { RefToTgphRef as ir } from "@telegraph/helpers";
-import { Icon as Rn } from "@telegraph/icon";
-import { Input as or } from "@telegraph/input";
-import { Stack as ce, Box as Dn } from "@telegraph/layout";
+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 * 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 { 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 bt } from "@telegraph/typography";
-import { X as vt, ChevronsUpDown as ar, Plus as cr, Search as On } from "lucide-react";
-import b, { createContext as fe, useRef as ve, useLayoutEffect as lr, useEffect as Tt, useState as ur, useContext as L, useMemo as Ke, Fragment as In, createElement as fr, useCallback as dr, useInsertionEffect as hr, forwardRef as pr } from "react";
-import { Tag as wt } from "@telegraph/tag";
-import { Tooltip as mr } from "@telegraph/tooltip";
-import { TooltipIfTruncated as En } from "@telegraph/truncate";
-const gr = fe({});
-function yr(e) {
+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 { RefToTgphRef as yr } from "@telegraph/helpers";
+import { Tag as St } from "@telegraph/tag";
+import { Tooltip as br } from "@telegraph/tooltip";
+import { TooltipIfTruncated as kn } 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)) {
+      const l = a.props;
+      l.value ? i.push(a) : l.children && t(
+        l.children,
+        i
+      );
+    }
+  }), i);
+  return t(e).map((r) => {
+    var o;
+    const i = r;
+    return {
+      value: i.props.value,
+      label: ((o = i.props) == null ? void 0 : o.label) || i.props.children || i.props.value
+    };
+  });
+}, H = (e, t) => {
+  if (e)
+    return t === !0 ? e == null ? void 0 : e.value : e;
+}, Je = (e, t, n) => {
+  if (!e || !t || t.length === 0) return;
+  const s = t.find(
+    (r) => r.value === H(e, n)
+  );
+  if (s)
+    return s;
+}, wr = ({
+  children: e,
+  value: t,
+  searchQuery: n
+}) => {
+  const s = Bn(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 = [];
+  return t.forEach((s) => {
+    if (typeof s == "string" && n.push(s), b.isValidElement(s)) {
+      const r = s.props;
+      r.children && n.push(
+        ...Bn(r.children)
+      );
+    }
+  }), n;
+}, xr = ue({});
+function Sr(e) {
   const t = ve(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const xt = typeof window < "u", br = xt ? lr : Tt, kn = /* @__PURE__ */ fe(null);
-function vr(e, t) {
+const Vt = typeof window < "u", Vr = Vt ? fr : xt, Ln = /* @__PURE__ */ ue(null);
+function Cr(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
-function Tr(e, t) {
+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 Ze(e, t) {
+function et(e, t) {
   return t ? `${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}` : e;
 }
-let Ve = () => {
+let Ce = () => {
 }, ee = () => {
 };
-process.env.NODE_ENV !== "production" && (Ve = (e, t, n) => {
-  !e && typeof console < "u" && console.warn(Ze(t, n));
+process.env.NODE_ENV !== "production" && (Ce = (e, t, n) => {
+  !e && typeof console < "u" && console.warn(et(t, n));
 }, ee = (e, t, n) => {
   if (!e)
-    throw new Error(Ze(t, n));
+    throw new Error(et(t, n));
 });
-const W = {}, Bn = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
-function wr(e) {
+const W = {}, Nn = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
+function Mr(e) {
   return typeof e == "object" && e !== null;
 }
-const Ln = (e) => /^0[^.\s]+$/u.test(e);
+const Kn = (e) => /^0[^.\s]+$/u.test(e);
 // @__NO_SIDE_EFFECTS__
-function St(e) {
+function Ct(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const de = /* @__NO_SIDE_EFFECTS__ */ (e) => e, xr = (e, t) => (n) => t(e(n)), $e = (...e) => e.reduce(xr), Nn = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
+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 s = t - e;
   return s === 0 ? 1 : (n - e) / s;
 };
-class Kn {
+class jn {
   constructor() {
     this.subscriptions = [];
   }
   add(t) {
-    return vr(this.subscriptions, t), () => Tr(this.subscriptions, t);
+    return Cr(this.subscriptions, t), () => Ar(this.subscriptions, t);
   }
   notify(t, n, s) {
     const r = this.subscriptions.length;
@@ -81,49 +133,49 @@ class Kn {
     this.subscriptions.length = 0;
   }
 }
-const K = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, $ = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
-function $n(e, t) {
+const K = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, j = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
+function Wn(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
-const Qt = /* @__PURE__ */ new Set();
-function jn(e, t, n) {
-  e || Qt.has(t) || (console.warn(Ze(t, n)), Qt.add(t));
+const Zt = /* @__PURE__ */ new Set();
+function _n(e, t, n) {
+  e || Zt.has(t) || (console.warn(et(t, n)), Zt.add(t));
 }
-const Wn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Sr = 1e-7, Vr = 12;
-function Cr(e, t, n, s, r) {
+const Hn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Fr = 1e-7, Rr = 12;
+function Dr(e, t, n, s, r) {
   let i, o, a = 0;
   do
-    o = t + (n - t) / 2, i = Wn(o, s, r) - e, i > 0 ? n = o : t = o;
-  while (Math.abs(i) > Sr && ++a < Vr);
+    o = t + (n - t) / 2, i = Hn(o, s, r) - e, i > 0 ? n = o : t = o;
+  while (Math.abs(i) > Fr && ++a < Rr);
   return o;
 }
-function Ce(e, t, n, s) {
+function Ae(e, t, n, s) {
   if (e === t && n === s)
-    return de;
-  const r = (i) => Cr(i, 0, 1, e, n);
-  return (i) => i === 0 || i === 1 ? i : Wn(r(i), t, s);
-}
-const _n = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Hn = (e) => (t) => 1 - e(1 - t), Gn = /* @__PURE__ */ Ce(0.33, 1.53, 0.69, 0.99), Vt = /* @__PURE__ */ Hn(Gn), Un = /* @__PURE__ */ _n(Vt), zn = (e) => (e *= 2) < 1 ? 0.5 * Vt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Ct = (e) => 1 - Math.sin(Math.acos(e)), Ar = Hn(Ct), Yn = _n(Ct), Mr = /* @__PURE__ */ Ce(0.42, 0, 1, 1), Pr = /* @__PURE__ */ Ce(0, 0, 0.58, 1), Xn = /* @__PURE__ */ Ce(0.42, 0, 0.58, 1), Fr = (e) => Array.isArray(e) && typeof e[0] != "number", qn = (e) => Array.isArray(e) && typeof e[0] == "number", Zt = {
-  linear: de,
-  easeIn: Mr,
-  easeInOut: Xn,
-  easeOut: Pr,
-  circIn: Ct,
-  circInOut: Yn,
-  circOut: Ar,
-  backIn: Vt,
-  backInOut: Un,
-  backOut: Gn,
-  anticipate: zn
-}, Rr = (e) => typeof e == "string", Jt = (e) => {
-  if (qn(e)) {
+    return fe;
+  const r = (i) => Dr(i, 0, 1, e, n);
+  return (i) => i === 0 || i === 1 ? i : Hn(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 = {
+  linear: fe,
+  easeIn: Ir,
+  easeInOut: Qn,
+  easeOut: Er,
+  circIn: Mt,
+  circInOut: qn,
+  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");
     const [t, n, s, r] = e;
-    return Ce(t, n, s, r);
-  } else if (Rr(e))
-    return ee(Zt[e] !== void 0, `Invalid easing type '${e}'`, "invalid-easing-type"), Zt[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 e;
-}, Me = [
+}, Pe = [
   "setup",
   // Compute
   "read",
@@ -141,7 +193,7 @@ const _n = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Hn
   "postRender"
   // Compute
 ];
-function Dr(e, t) {
+function Lr(e, t) {
   let n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), r = !1, i = !1;
   const o = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -179,70 +231,70 @@ function Dr(e, t) {
   };
   return u;
 }
-const Or = 40;
-function Qn(e, t) {
+const Nr = 40;
+function Jn(e, t) {
   let n = !1, s = !0;
   const r = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, i = () => n = !0, o = Me.reduce((v, A) => (v[A] = Dr(i), v), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: d, preRender: f, render: h, postRender: m } = o, g = () => {
+  }, i = () => n = !0, o = Pe.reduce((v, A) => (v[A] = Lr(i), v), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, 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, Or), 1)), r.timestamp = v, r.isProcessing = !0, a.process(r), l.process(r), u.process(r), c.process(r), d.process(r), f.process(r), h.process(r), m.process(r), r.isProcessing = !1, n && t && (s = !1, e(g));
+    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), l.process(r), u.process(r), c.process(r), d.process(r), f.process(r), h.process(r), m.process(r), r.isProcessing = !1, n && t && (s = !1, e(g));
   }, y = () => {
     n = !0, s = !0, r.isProcessing || e(g);
   };
-  return { schedule: Me.reduce((v, A) => {
+  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;
   }, {}), cancel: (v) => {
-    for (let A = 0; A < Me.length; A++)
-      o[Me[A]].cancel(v);
+    for (let A = 0; A < Pe.length; A++)
+      o[Pe[A]].cancel(v);
   }, state: r, steps: o };
 }
-const { schedule: N, cancel: Je, state: Oe } = /* @__PURE__ */ Qn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : de, !0);
-let Fe;
-function Ir() {
-  Fe = void 0;
+const { schedule: N, cancel: tt, state: Oe } = /* @__PURE__ */ Jn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : fe, !0);
+let Re;
+function Kr() {
+  Re = void 0;
 }
 const B = {
-  now: () => (Fe === void 0 && B.set(Oe.isProcessing || W.useManualTiming ? Oe.timestamp : performance.now()), Fe),
+  now: () => (Re === void 0 && B.set(Oe.isProcessing || W.useManualTiming ? Oe.timestamp : performance.now()), Re),
   set: (e) => {
-    Fe = e, queueMicrotask(Ir);
+    Re = e, queueMicrotask(Kr);
   }
-}, Zn = (e) => (t) => typeof t == "string" && t.startsWith(e), Jn = /* @__PURE__ */ Zn("--"), Er = /* @__PURE__ */ Zn("var(--"), At = (e) => Er(e) ? kr.test(e.split("/*")[0].trim()) : !1, kr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, he = {
+}, 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 = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
-}, we = {
-  ...he,
+}, xe = {
+  ...de,
   transform: (e) => J(0, 1, e)
-}, Pe = {
-  ...he,
+}, Fe = {
+  ...de,
   default: 1
-}, Te = (e) => Math.round(e * 1e5) / 1e5, Mt = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function Br(e) {
+}, Te = (e) => Math.round(e * 1e5) / 1e5, Ft = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function Wr(e) {
   return e == null;
 }
-const Lr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Pt = (e, t) => (n) => !!(typeof n == "string" && Lr.test(n) && n.startsWith(e) || t && !Br(n) && Object.prototype.hasOwnProperty.call(n, t)), es = (e, t, n) => (s) => {
+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) => {
   if (typeof s != "string")
     return s;
-  const [r, i, o, a] = s.match(Mt);
+  const [r, i, o, a] = s.match(Ft);
   return {
     [e]: parseFloat(r),
     [t]: parseFloat(i),
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Nr = (e) => J(0, 255, e), Ge = {
-  ...he,
-  transform: (e) => Math.round(Nr(e))
-}, X = {
-  test: /* @__PURE__ */ Pt("rgb", "red"),
-  parse: /* @__PURE__ */ es("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Ge.transform(e) + ", " + Ge.transform(t) + ", " + Ge.transform(n) + ", " + Te(we.transform(s)) + ")"
+}, Hr = (e) => J(0, 255, e), Ge = {
+  ...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)) + ")"
 };
-function Kr(e) {
+function Gr(e) {
   let t = "", n = "", s = "", r = "";
   return e.length > 5 ? (t = e.substring(1, 3), n = e.substring(3, 5), s = e.substring(5, 7), r = e.substring(7, 9)) : (t = e.substring(1, 2), n = e.substring(2, 3), s = e.substring(3, 4), r = e.substring(4, 5), t += t, n += n, s += s, r += r), {
     red: parseInt(t, 16),
@@ -251,76 +303,76 @@ function Kr(e) {
     alpha: r ? parseInt(r, 16) / 255 : 1
   };
 }
-const et = {
-  test: /* @__PURE__ */ Pt("#"),
-  parse: Kr,
-  transform: X.transform
-}, Ae = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
+const nt = {
+  test: /* @__PURE__ */ Rt("#"),
+  parse: Gr,
+  transform: Y.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__ */ Ae("deg"), oe = /* @__PURE__ */ Ae("%"), T = /* @__PURE__ */ Ae("px"), $r = /* @__PURE__ */ Ae("vh"), jr = /* @__PURE__ */ Ae("vw"), en = {
-  ...oe,
-  parse: (e) => oe.parse(e) / 100,
-  transform: (e) => oe.transform(e * 100)
-}, re = {
-  test: /* @__PURE__ */ Pt("hsl", "hue"),
-  parse: /* @__PURE__ */ es("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + oe.transform(Te(t)) + ", " + oe.transform(Te(n)) + ", " + Te(we.transform(s)) + ")"
+}), _ = /* @__PURE__ */ Me("deg"), ie = /* @__PURE__ */ Me("%"), w = /* @__PURE__ */ Me("px"), Ur = /* @__PURE__ */ Me("vh"), zr = /* @__PURE__ */ Me("vw"), tn = {
+  ...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"),
+  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) => X.test(e) || et.test(e) || re.test(e),
-  parse: (e) => X.test(e) ? X.parse(e) : re.test(e) ? re.parse(e) : et.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? X.transform(e) : re.transform(e),
+  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),
   getAnimatableNone: (e) => {
     const t = F.parse(e);
     return t.alpha = 0, F.transform(t);
   }
-}, Wr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function _r(e) {
+}, 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(Mt)) == null ? void 0 : t.length) || 0) + (((n = e.match(Wr)) == null ? void 0 : n.length) || 0) > 0;
+  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;
 }
-const ts = "number", ns = "color", Hr = "var", Gr = "var(", tn = "${}", Ur = /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 xe(e) {
+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;
+function Se(e) {
   const t = e.toString(), n = [], s = {
     color: [],
     number: [],
     var: []
   }, r = [];
   let i = 0;
-  const a = t.replace(Ur, (l) => (F.test(l) ? (s.color.push(i), r.push(ns), n.push(F.parse(l))) : l.startsWith(Gr) ? (s.var.push(i), r.push(Hr), n.push(l)) : (s.number.push(i), r.push(ts), n.push(parseFloat(l))), ++i, tn)).split(tn);
+  const a = t.replace(Zr, (l) => (F.test(l) ? (s.color.push(i), r.push(rs), n.push(F.parse(l))) : l.startsWith(Qr) ? (s.var.push(i), r.push(qr), n.push(l)) : (s.number.push(i), r.push(ss), n.push(parseFloat(l))), ++i, nn)).split(nn);
   return { values: n, split: a, indexes: s, types: r };
 }
-function ss(e) {
-  return xe(e).values;
+function is(e) {
+  return Se(e).values;
 }
-function rs(e) {
-  const { split: t, types: n } = xe(e), s = t.length;
+function os(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 === ts ? i += Te(r[o]) : a === ns ? i += F.transform(r[o]) : i += r[o];
+        a === ss ? i += Te(r[o]) : a === rs ? i += F.transform(r[o]) : i += r[o];
       }
     return i;
   };
 }
-const zr = (e) => typeof e == "number" ? 0 : F.test(e) ? F.getAnimatableNone(e) : e;
-function Yr(e) {
-  const t = ss(e);
-  return rs(e)(t.map(zr));
+const Jr = (e) => typeof e == "number" ? 0 : F.test(e) ? F.getAnimatableNone(e) : e;
+function ei(e) {
+  const t = is(e);
+  return os(e)(t.map(Jr));
 }
-const pe = {
-  test: _r,
-  parse: ss,
-  createTransformer: rs,
-  getAnimatableNone: Yr
+const he = {
+  test: Xr,
+  parse: is,
+  createTransformer: os,
+  getAnimatableNone: ei
 };
 function Ue(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 Xr({ hue: e, saturation: t, lightness: n, alpha: s }) {
+function ti({ hue: e, saturation: t, lightness: n, alpha: s }) {
   e /= 360, t /= 100, n /= 100;
   let r = 0, i = 0, o = 0;
   if (!t)
@@ -342,49 +394,49 @@ function Ie(e, t) {
 const je = (e, t, n) => e + (t - e) * n, ze = (e, t, n) => {
   const s = e * e, r = n * (t * t - s) + s;
   return r < 0 ? 0 : Math.sqrt(r);
-}, qr = [et, X, re], Qr = (e) => qr.find((t) => t.test(e));
-function nn(e) {
-  const t = Qr(e);
-  if (Ve(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !t)
+}, ni = [nt, Y, se], si = (e) => ni.find((t) => t.test(e));
+function sn(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 === re && (n = Xr(n)), n;
+  return t === se && (n = ti(n)), n;
 }
-const sn = (e, t) => {
-  const n = nn(e), s = nn(t);
+const rn = (e, t) => {
+  const n = sn(e), s = sn(t);
   if (!n || !s)
     return Ie(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), X.transform(r));
-}, tt = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Zr(e, t) {
-  return tt.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
+  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"]);
+function ri(e, t) {
+  return st.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
-function Jr(e, t) {
+function ii(e, t) {
   return (n) => je(e, t, n);
 }
-function Ft(e) {
-  return typeof e == "number" ? Jr : typeof e == "string" ? At(e) ? Ie : F.test(e) ? sn : ni : Array.isArray(e) ? is : typeof e == "object" ? F.test(e) ? sn : ei : Ie;
+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 is(e, t) {
-  const n = [...e], s = n.length, r = e.map((i, o) => Ft(i)(i, t[o]));
+function as(e, t) {
+  const n = [...e], s = n.length, r = e.map((i, o) => Dt(i)(i, t[o]));
   return (i) => {
     for (let o = 0; o < s; o++)
       n[o] = r[o](i);
     return n;
   };
 }
-function ei(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] = Ft(e[r])(e[r], t[r]));
+    e[r] !== void 0 && t[r] !== void 0 && (s[r] = Dt(e[r])(e[r], t[r]));
   return (r) => {
     for (const i in s)
       n[i] = s[i](r);
     return n;
   };
 }
-function ti(e, t) {
+function ai(e, t) {
   const n = [], s = { color: 0, var: 0, number: 0 };
   for (let r = 0; r < t.values.length; r++) {
     const i = t.types[r], o = e.indexes[i][s[i]], a = e.values[o] ?? 0;
@@ -392,32 +444,32 @@ function ti(e, t) {
   }
   return n;
 }
-const ni = (e, t) => {
-  const n = pe.createTransformer(t), s = xe(e), r = xe(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 ? tt.has(e) && !r.values.length || tt.has(t) && !s.values.length ? Zr(e, t) : $e(is(ti(s, r), r.values), n) : (Ve(!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));
+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));
 };
-function os(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? je(e, t, n) : Ft(e)(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);
 }
-const si = (e) => {
+const li = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
     start: (n = !0) => N.update(t, n),
-    stop: () => Je(t),
+    stop: () => tt(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()
   };
-}, as = (e, t, n = 10) => {
+}, ls = (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 Rt(e) {
+function Ot(e) {
   let t = 0;
   const n = 50;
   let s = e.next(t);
@@ -425,18 +477,18 @@ function Rt(e) {
     t += n, s = e.next(t);
   return t >= Ee ? 1 / 0 : t;
 }
-function ri(e, t = 100, n) {
-  const s = n({ ...e, keyframes: [0, t] }), r = Math.min(Rt(s), Ee);
+function ui(e, t = 100, n) {
+  const s = n({ ...e, keyframes: [0, t] }), r = Math.min(Ot(s), Ee);
   return {
     type: "keyframes",
     ease: (i) => s.next(r * i).value / t,
-    duration: /* @__PURE__ */ $(r)
+    duration: /* @__PURE__ */ j(r)
   };
 }
-const ii = 5;
-function cs(e, t, n) {
-  const s = Math.max(t - ii, 0);
-  return $n(n - e(s), t - s);
+const fi = 5;
+function us(e, t, n) {
+  const s = Math.max(t - fi, 0);
+  return Wn(n - e(s), t - s);
 }
 const P = {
   // Default spring physics
@@ -467,15 +519,15 @@ const P = {
   minDamping: 0.05,
   maxDamping: 1
 }, Ye = 1e-3;
-function oi({ duration: e = P.duration, bounce: t = P.bounce, velocity: n = P.velocity, mass: s = P.mass }) {
+function di({ duration: e = P.duration, bounce: t = P.bounce, velocity: n = P.velocity, mass: s = P.mass }) {
   let r, i;
-  Ve(e <= /* @__PURE__ */ K(P.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  Ce(e <= /* @__PURE__ */ K(P.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__ */ $(e)), o < 1 ? (r = (u) => {
-    const c = u * o, d = c * e, f = c - n, h = nt(u, o), m = Math.exp(-d);
+  o = J(P.minDamping, P.maxDamping, o), e = J(P.minDuration, P.maxDuration, /* @__PURE__ */ j(e)), o < 1 ? (r = (u) => {
+    const c = u * o, d = c * e, f = c - n, h = rt(u, o), m = Math.exp(-d);
     return Ye - 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 = nt(Math.pow(u, 2), o);
+    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;
   }) : (r = (u) => {
     const c = Math.exp(-u * e), d = (u - n) * e + 1;
@@ -484,7 +536,7 @@ function oi({ duration: e = P.duration, bounce: t = P.bounce, velocity: n = P.ve
     const c = Math.exp(-u * e), d = (n - u) * (e * e);
     return c * d;
   });
-  const a = 5 / e, l = ci(r, i, a);
+  const a = 5 / e, l = pi(r, i, a);
   if (e = /* @__PURE__ */ K(e), isNaN(l))
     return {
       stiffness: P.stiffness,
@@ -500,21 +552,21 @@ function oi({ duration: e = P.duration, bounce: t = P.bounce, velocity: n = P.ve
     };
   }
 }
-const ai = 12;
-function ci(e, t, n) {
+const hi = 12;
+function pi(e, t, n) {
   let s = n;
-  for (let r = 1; r < ai; r++)
+  for (let r = 1; r < hi; r++)
     s = s - e(s) / t(s);
   return s;
 }
-function nt(e, t) {
+function rt(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
-const li = ["duration", "bounce"], ui = ["stiffness", "damping", "mass"];
-function rn(e, t) {
+const mi = ["duration", "bounce"], gi = ["stiffness", "damping", "mass"];
+function on(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
-function fi(e) {
+function yi(e) {
   let t = {
     velocity: P.velocity,
     stiffness: P.stiffness,
@@ -523,7 +575,7 @@ function fi(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!rn(e, ui) && rn(e, li))
+  if (!on(e, gi) && on(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);
       t = {
@@ -533,7 +585,7 @@ function fi(e) {
         damping: i
       };
     } else {
-      const n = oi(e);
+      const n = di(e);
       t = {
         ...t,
         ...n,
@@ -549,14 +601,14 @@ function ke(e = P.visualDuration, t = P.bounce) {
     bounce: t
   } : e;
   let { restSpeed: s, restDelta: r } = n;
-  const i = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: i }, { stiffness: l, damping: u, mass: c, duration: d, velocity: f, isResolvedFromDuration: h } = fi({
+  const i = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: i }, { stiffness: l, damping: u, mass: c, duration: d, velocity: f, isResolvedFromDuration: h } = yi({
     ...n,
-    velocity: -/* @__PURE__ */ $(n.velocity || 0)
-  }), m = f || 0, g = u / (2 * Math.sqrt(l * c)), y = o - i, p = /* @__PURE__ */ $(Math.sqrt(l / c)), x = Math.abs(y) < 5;
+    velocity: -/* @__PURE__ */ j(n.velocity || 0)
+  }), m = f || 0, g = u / (2 * Math.sqrt(l * c)), y = o - i, p = /* @__PURE__ */ j(Math.sqrt(l / c)), x = Math.abs(y) < 5;
   s || (s = x ? P.restSpeed.granular : P.restSpeed.default), r || (r = x ? P.restDelta.granular : P.restDelta.default);
   let v;
   if (g < 1) {
-    const S = nt(p, g);
+    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));
@@ -578,14 +630,14 @@ function ke(e = P.visualDuration, t = P.bounce) {
         a.done = S >= d;
       else {
         let M = S === 0 ? m : 0;
-        g < 1 && (M = S === 0 ? /* @__PURE__ */ K(m) : cs(v, S, C));
+        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;
       }
       return a.value = a.done ? o : C, a;
     },
     toString: () => {
-      const S = Math.min(Rt(A), Ee), C = as((M) => A.next(S * M).value, S, 30);
+      const S = Math.min(Ot(A), Ee), C = ls((M) => A.next(S * M).value, S, 30);
       return S + "ms " + C;
     },
     toTransition: () => {
@@ -594,10 +646,10 @@ function ke(e = P.visualDuration, t = P.bounce) {
   return A;
 }
 ke.applyToOptions = (e) => {
-  const t = ri(e, 100, ke);
+  const t = ui(e, 100, ke);
   return e.ease = t.ease, e.duration = /* @__PURE__ */ K(t.duration), e.type = "keyframes", e;
 };
-function st({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: r = 10, bounceStiffness: i = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
+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: l, restDelta: u = 0.5, restSpeed: c }) {
   const d = e[0], f = {
     done: !1,
     value: d
@@ -613,7 +665,7 @@ function st({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
   const M = (V) => {
     h(f.value) && (S = V, C = ke({
       keyframes: [f.value, m(f.value)],
-      velocity: cs(v, V, f.value),
+      velocity: us(v, V, f.value),
       // TODO: This should be passing * 1000
       damping: r,
       stiffness: i,
@@ -629,19 +681,19 @@ function st({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
     }
   };
 }
-function di(e, t, n) {
-  const s = [], r = n || W.mix || os, i = e.length - 1;
+function bi(e, t, n) {
+  const s = [], r = n || W.mix || cs, i = e.length - 1;
   for (let o = 0; o < i; o++) {
     let a = r(e[o], e[o + 1]);
     if (t) {
-      const l = Array.isArray(t) ? t[o] || de : t;
+      const l = Array.isArray(t) ? t[o] || fe : t;
       a = $e(l, a);
     }
     s.push(a);
   }
   return s;
 }
-function hi(e, t, { clamp: n = !0, ease: s, mixer: r } = {}) {
+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)
     return () => t[0];
@@ -649,68 +701,68 @@ function hi(e, t, { clamp: n = !0, ease: s, mixer: r } = {}) {
     return () => t[1];
   const o = e[0] === e[1];
   e[0] > e[i - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const a = di(t, s, r), l = a.length, u = (c) => {
+  const a = bi(t, s, r), l = a.length, u = (c) => {
     if (o && c < e[0])
       return t[0];
     let d = 0;
     if (l > 1)
       for (; d < e.length - 2 && !(c < e[d + 1]); d++)
         ;
-    const f = /* @__PURE__ */ Nn(e[d], e[d + 1], c);
+    const f = /* @__PURE__ */ $n(e[d], e[d + 1], c);
     return a[d](f);
   };
   return n ? (c) => u(J(e[0], e[i - 1], c)) : u;
 }
-function pi(e, t) {
+function Ti(e, t) {
   const n = e[e.length - 1];
   for (let s = 1; s <= t; s++) {
-    const r = /* @__PURE__ */ Nn(0, t, s);
+    const r = /* @__PURE__ */ $n(0, t, s);
     e.push(je(n, 1, r));
   }
 }
-function mi(e) {
+function wi(e) {
   const t = [0];
-  return pi(t, e.length - 1), t;
+  return Ti(t, e.length - 1), t;
 }
-function gi(e, t) {
+function xi(e, t) {
   return e.map((n) => n * t);
 }
-function yi(e, t) {
-  return e.map(() => t || Xn).splice(0, e.length - 1);
+function Si(e, t) {
+  return e.map(() => t || Qn).splice(0, e.length - 1);
 }
-function ie({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const r = Fr(s) ? s.map(Jt) : Jt(s), i = {
+function re({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
+  const r = kr(s) ? s.map(en) : en(s), i = {
     done: !1,
     value: t[0]
-  }, o = gi(
+  }, o = xi(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    n && n.length === t.length ? n : mi(t),
+    n && n.length === t.length ? n : wi(t),
     e
-  ), a = hi(o, t, {
-    ease: Array.isArray(r) ? r : yi(t, r)
+  ), a = vi(o, t, {
+    ease: Array.isArray(r) ? r : Si(t, r)
   });
   return {
     calculatedDuration: e,
     next: (l) => (i.value = a(l), i.done = l >= e, i)
   };
 }
-const bi = (e) => e !== null;
-function Dt(e, { repeat: t, repeatType: n = "loop" }, s, r = 1) {
-  const i = e.filter(bi), a = r < 0 || t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
+const Vi = (e) => e !== null;
+function It(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 vi = {
-  decay: st,
-  inertia: st,
-  tween: ie,
-  keyframes: ie,
+const Ci = {
+  decay: it,
+  inertia: it,
+  tween: re,
+  keyframes: re,
   spring: ke
 };
-function ls(e) {
-  typeof e.type == "string" && (e.type = vi[e.type]);
+function fs(e) {
+  typeof e.type == "string" && (e.type = Ci[e.type]);
 }
-class Ot {
+class Et {
   constructor() {
     this.updateFinished();
   }
@@ -734,8 +786,8 @@ class Ot {
     return this.finished.then(t, n);
   }
 }
-const Ti = (e) => e / 100;
-class It extends Ot {
+const Ai = (e) => e / 100;
+class kt extends Et {
   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;
@@ -745,17 +797,17 @@ class It extends Ot {
   }
   initAnimation() {
     const { options: t } = this;
-    ls(t);
-    const { type: n = ie, repeat: s = 0, repeatDelay: r = 0, repeatType: i, velocity: o = 0 } = t;
+    fs(t);
+    const { type: n = re, repeat: s = 0, repeatDelay: r = 0, repeatType: i, velocity: o = 0 } = t;
     let { keyframes: a } = t;
-    const l = n || ie;
-    process.env.NODE_ENV !== "production" && l !== ie && ee(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== ie && typeof a[0] != "number" && (this.mixKeyframes = $e(Ti, os(a[0], a[1])), a = [0, 100]);
+    const l = n || re;
+    process.env.NODE_ENV !== "production" && l !== re && ee(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== re && typeof a[0] != "number" && (this.mixKeyframes = $e(Ai, cs(a[0], a[1])), a = [0, 100]);
     const u = l({ ...t, keyframes: a });
     i === "mirror" && (this.mirroredGenerator = l({
       ...t,
       keyframes: [...a].reverse(),
       velocity: -o
-    })), u.calculatedDuration === null && (u.calculatedDuration = Rt(u));
+    })), u.calculatedDuration === null && (u.calculatedDuration = Ot(u));
     const { calculatedDuration: c } = u;
     this.calculatedDuration = c, this.resolvedDuration = c + r, this.totalDuration = this.resolvedDuration * (s + 1) - r, this.generator = u;
   }
@@ -782,7 +834,7 @@ class It extends Ot {
     let { done: C } = S;
     !x && l !== 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 !== st && (S.value = Dt(c, this.options, y, this.speed)), g && g(S.value), M && this.finish(), S;
+    return M && m !== it && (S.value = It(c, this.options, y, this.speed)), g && g(S.value), M && this.finish(), S;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -793,10 +845,10 @@ class It extends Ot {
     return this.finished.then(t, n);
   }
   get duration() {
-    return /* @__PURE__ */ $(this.calculatedDuration);
+    return /* @__PURE__ */ j(this.calculatedDuration);
   }
   get time() {
-    return /* @__PURE__ */ $(this.currentTime);
+    return /* @__PURE__ */ j(this.currentTime);
   }
   set time(t) {
     var n;
@@ -808,13 +860,13 @@ class It extends Ot {
   set speed(t) {
     this.updateTime(B.now());
     const n = this.playbackSpeed !== t;
-    this.playbackSpeed = t, n && (this.time = /* @__PURE__ */ $(this.currentTime));
+    this.playbackSpeed = t, n && (this.time = /* @__PURE__ */ j(this.currentTime));
   }
   play() {
     var r, i;
     if (this.isStopped)
       return;
-    const { driver: t = si, startTime: n } = this.options;
+    const { driver: t = li, startTime: n } = this.options;
     this.driver || (this.driver = t((o) => this.tick(o))), (i = (r = this.options).onPlay) == null || i.call(r);
     const s = this.driver.now();
     this.state === "finished" ? (this.updateFinished(), this.startTime = s) : this.holdTime !== null ? this.startTime = s - this.holdTime : this.startTime || (this.startTime = n ?? s), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
@@ -847,14 +899,14 @@ class It extends Ot {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), (n = this.driver) == null || n.stop(), t.observe(this);
   }
 }
-function wi(e) {
+function Mi(e) {
   for (let t = 1; t < e.length; t++)
     e[t] ?? (e[t] = e[t - 1]);
 }
-const q = (e) => e * 180 / Math.PI, rt = (e) => {
-  const t = q(Math.atan2(e[1], e[0]));
-  return it(t);
-}, xi = {
+const X = (e) => e * 180 / Math.PI, ot = (e) => {
+  const t = X(Math.atan2(e[1], e[0]));
+  return at(t);
+}, Pi = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -862,56 +914,56 @@ const q = (e) => e * 180 / Math.PI, rt = (e) => {
   scaleX: 0,
   scaleY: 3,
   scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
-  rotate: rt,
-  rotateZ: rt,
-  skewX: (e) => q(Math.atan(e[1])),
-  skewY: (e) => q(Math.atan(e[2])),
+  rotate: ot,
+  rotateZ: ot,
+  skewX: (e) => X(Math.atan(e[1])),
+  skewY: (e) => X(Math.atan(e[2])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
-}, it = (e) => (e = e % 360, e < 0 && (e += 360), e), on = rt, an = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), cn = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), Si = {
+}, 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 = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: an,
-  scaleY: cn,
-  scale: (e) => (an(e) + cn(e)) / 2,
-  rotateX: (e) => it(q(Math.atan2(e[6], e[5]))),
-  rotateY: (e) => it(q(Math.atan2(-e[2], e[0]))),
-  rotateZ: on,
-  rotate: on,
-  skewX: (e) => q(Math.atan(e[4])),
-  skewY: (e) => q(Math.atan(e[1])),
+  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])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
 };
-function ot(e) {
+function ct(e) {
   return e.includes("scale") ? 1 : 0;
 }
-function at(e, t) {
+function lt(e, t) {
   if (!e || e === "none")
-    return ot(t);
+    return ct(t);
   const n = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, r;
   if (n)
-    s = Si, r = n;
+    s = Fi, r = n;
   else {
     const a = e.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    s = xi, r = a;
+    s = Pi, r = a;
   }
   if (!r)
-    return ot(t);
-  const i = s[t], o = r[1].split(",").map(Ci);
+    return ct(t);
+  const i = s[t], o = r[1].split(",").map(Di);
   return typeof i == "function" ? i(o) : o[i];
 }
-const Vi = (e, t) => {
+const Ri = (e, t) => {
   const { transform: n = "none" } = getComputedStyle(e);
-  return at(n, t);
+  return lt(n, t);
 };
-function Ci(e) {
+function Di(e) {
   return parseFloat(e.trim());
 }
-const me = [
+const pe = [
   "transformPerspective",
   "x",
   "y",
@@ -929,15 +981,15 @@ const me = [
   "skew",
   "skewX",
   "skewY"
-], ge = new Set(me), ln = (e) => e === he || e === T, Ai = /* @__PURE__ */ new Set(["x", "y", "z"]), Mi = me.filter((e) => !Ai.has(e));
-function Pi(e) {
+], me = new Set(pe), un = (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 Mi.forEach((n) => {
+  return Ii.forEach((n) => {
     const s = e.getValue(n);
     s !== void 0 && (t.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), t;
 }
-const Q = {
+const q = {
   // 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),
@@ -946,18 +998,18 @@ 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 }) => at(t, "x"),
-  y: (e, { transform: t }) => at(t, "y")
+  x: (e, { transform: t }) => lt(t, "x"),
+  y: (e, { transform: t }) => lt(t, "y")
 };
-Q.translateX = Q.x;
-Q.translateY = Q.y;
-const Z = /* @__PURE__ */ new Set();
-let ct = !1, lt = !1, ut = !1;
-function us() {
-  if (lt) {
-    const e = Array.from(Z).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
+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();
     t.forEach((s) => {
-      const r = Pi(s);
+      const r = Ei(s);
       r.length && (n.set(s, r), s.render());
     }), e.forEach((s) => s.measureInitialState()), t.forEach((s) => {
       s.render();
@@ -970,22 +1022,22 @@ function us() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  lt = !1, ct = !1, Z.forEach((e) => e.complete(ut)), Z.clear();
+  ft = !1, ut = !1, Q.forEach((e) => e.complete(dt)), Q.clear();
 }
-function fs() {
-  Z.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (lt = !0);
+function hs() {
+  Q.forEach((e) => {
+    e.readKeyframes(), e.needsMeasurement && (ft = !0);
   });
 }
-function Fi() {
-  ut = !0, fs(), us(), ut = !1;
+function ki() {
+  dt = !0, hs(), ds(), dt = !1;
 }
-class Et {
+class Bt {
   constructor(t, n, s, r, i, o = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = s, this.motionValue = r, this.element = i, this.isAsync = o;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (Z.add(this), ct || (ct = !0, N.read(fs), N.resolveKeyframes(us))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (Q.add(this), ut || (ut = !0, N.read(hs), N.resolveKeyframes(ds))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: s, motionValue: r } = this;
@@ -999,7 +1051,7 @@ class Et {
       }
       t[0] === void 0 && (t[0] = o), r && i === void 0 && r.set(t[0]);
     }
-    wi(t);
+    Mi(t);
   }
   setFinalKeyframe() {
   }
@@ -1010,52 +1062,52 @@ class Et {
   measureEndState() {
   }
   complete(t = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), Z.delete(this);
+    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), Q.delete(this);
   }
   cancel() {
-    this.state === "scheduled" && (Z.delete(this), this.state = "pending");
+    this.state === "scheduled" && (Q.delete(this), this.state = "pending");
   }
   resume() {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const Ri = (e) => e.startsWith("--");
-function Di(e, t, n) {
-  Ri(t) ? e.style.setProperty(t, n) : e.style[t] = n;
+const Bi = (e) => e.startsWith("--");
+function Li(e, t, n) {
+  Bi(t) ? e.style.setProperty(t, n) : e.style[t] = n;
 }
-const Oi = /* @__PURE__ */ St(() => window.ScrollTimeline !== void 0), Ii = {};
-function Ei(e, t) {
-  const n = /* @__PURE__ */ St(e);
-  return () => Ii[t] ?? n();
+const Ni = /* @__PURE__ */ Ct(() => window.ScrollTimeline !== void 0), Ki = {};
+function $i(e, t) {
+  const n = /* @__PURE__ */ Ct(e);
+  return () => Ki[t] ?? n();
 }
-const ds = /* @__PURE__ */ Ei(() => {
+const ps = /* @__PURE__ */ $i(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
     return !1;
   }
   return !0;
-}, "linearEasing"), be = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, un = {
+}, "linearEasing"), ye = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, fn = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ be([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ be([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ be([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ be([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ ye([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ ye([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ ye([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ ye([0.33, 1.53, 0.69, 0.99])
 };
-function hs(e, t) {
+function ms(e, t) {
   if (e)
-    return typeof e == "function" ? ds() ? as(e, t) : "ease-out" : qn(e) ? be(e) : Array.isArray(e) ? e.map((n) => hs(n, t) || un.easeOut) : un[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];
 }
-function ki(e, t, n, { delay: s = 0, duration: r = 300, repeat: i = 0, repeatType: o = "loop", ease: a = "easeOut", times: l } = {}, u = void 0) {
+function ji(e, t, n, { delay: s = 0, duration: r = 300, repeat: i = 0, repeatType: o = "loop", ease: a = "easeOut", times: l } = {}, u = void 0) {
   const c = {
     [t]: n
   };
   l && (c.offset = l);
-  const d = hs(a, r);
+  const d = ms(a, r);
   Array.isArray(d) && (c.easing = d);
   const f = {
     delay: s,
@@ -1067,23 +1119,23 @@ function ki(e, t, n, { delay: s = 0, duration: r = 300, repeat: i = 0, repeatTyp
   };
   return u && (f.pseudoElement = u), e.animate(c, f);
 }
-function ps(e) {
+function gs(e) {
   return typeof e == "function" && "applyToOptions" in e;
 }
-function Bi({ type: e, ...t }) {
-  return ps(e) && ds() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
+function Wi({ type: e, ...t }) {
+  return gs(e) && ps() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
 }
-class Li extends Ot {
+class _i extends Et {
   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: l } = 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");
-    const u = Bi(t);
-    this.animation = ki(n, s, r, u, i), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    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 c = Dt(r, this.options, a, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(c) : Di(n, s, c), this.animation.cancel();
+        const c = It(r, this.options, a, this.speed);
+        this.updateMotionValue ? this.updateMotionValue(c) : Li(n, s, c), this.animation.cancel();
       }
       l == null || l(), this.notifyFinished();
     };
@@ -1130,10 +1182,10 @@ class Li extends Ot {
   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__ */ $(Number(t));
+    return /* @__PURE__ */ j(Number(t));
   }
   get time() {
-    return /* @__PURE__ */ $(Number(this.animation.currentTime) || 0);
+    return /* @__PURE__ */ j(Number(this.animation.currentTime) || 0);
   }
   set time(t) {
     this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ K(t);
@@ -1162,24 +1214,24 @@ class Li extends Ot {
    */
   attachTimeline({ timeline: t, observe: n }) {
     var s;
-    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && Oi() ? (this.animation.timeline = t, de) : n(this);
+    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 ms = {
-  anticipate: zn,
-  backInOut: Un,
-  circInOut: Yn
+const ys = {
+  anticipate: Xn,
+  backInOut: Yn,
+  circInOut: qn
 };
-function Ni(e) {
-  return e in ms;
+function Hi(e) {
+  return e in ys;
 }
-function Ki(e) {
-  typeof e.ease == "string" && Ni(e.ease) && (e.ease = ms[e.ease]);
+function Gi(e) {
+  typeof e.ease == "string" && Hi(e.ease) && (e.ease = ys[e.ease]);
 }
-const fn = 10;
-class $i extends Li {
+const dn = 10;
+class Ui extends _i {
   constructor(t) {
-    Ki(t), ls(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
+    Gi(t), fs(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1197,17 +1249,17 @@ class $i extends Li {
       n.set(t);
       return;
     }
-    const a = new It({
+    const a = new kt({
       ...o,
       autoplay: !1
     }), l = /* @__PURE__ */ K(this.finishedTime ?? this.time);
-    n.setWithVelocity(a.sample(l - fn).value, a.sample(l).value, fn), a.stop();
+    n.setWithVelocity(a.sample(l - dn).value, a.sample(l).value, dn), a.stop();
   }
 }
-const dn = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
-(pe.test(e) || e === "0") && // And it contains numbers and/or colors
+const hn = (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 ji(e) {
+function zi(e) {
   const t = e[0];
   if (e.length === 1)
     return !0;
@@ -1215,40 +1267,40 @@ function ji(e) {
     if (e[n] !== t)
       return !0;
 }
-function Wi(e, t, n, s) {
+function Yi(e, t, n, s) {
   const r = e[0];
   if (r === null)
     return !1;
   if (t === "display" || t === "visibility")
     return !0;
-  const i = e[e.length - 1], o = dn(r, t), a = dn(i, t);
-  return Ve(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 : ji(e) || (n === "spring" || ps(n)) && s;
+  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;
 }
-function ft(e) {
+function ht(e) {
   e.duration = 0, e.type;
 }
-const _i = /* @__PURE__ */ new Set([
+const Xi = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), Hi = /* @__PURE__ */ St(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function Gi(e) {
+]), qi = /* @__PURE__ */ Ct(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function Qi(e) {
   var c;
   const { motionValue: t, name: n, repeatDelay: s, repeatType: r, damping: i, type: o } = e;
   if (!(((c = t == null ? void 0 : t.owner) == null ? void 0 : c.current) instanceof HTMLElement))
     return !1;
   const { onUpdate: l, transformTemplate: u } = t.owner.getProps();
-  return Hi() && n && _i.has(n) && (n !== "transform" || !u) && /**
+  return qi() && n && Xi.has(n) && (n !== "transform" || !u) && /**
    * If we're outputting values to onUpdate then we can't use WAAPI as there's
    * no way to read the value from WAAPI every frame.
    */
   !l && !s && r !== "mirror" && i !== 0 && o !== "inertia";
 }
-const Ui = 40;
-class zi extends Ot {
+const Zi = 40;
+class Ji extends Et {
   constructor({ autoplay: t = !0, delay: n = 0, type: s = "keyframes", repeat: r = 0, repeatDelay: i = 0, repeatType: o = "loop", keyframes: a, name: l, motionValue: u, element: c, ...d }) {
     var m;
     super(), this.stop = () => {
@@ -1266,23 +1318,23 @@ class zi extends Ot {
       motionValue: u,
       element: c,
       ...d
-    }, h = (c == null ? void 0 : c.KeyframeResolver) || Et;
+    }, h = (c == null ? void 0 : c.KeyframeResolver) || Bt;
     this.keyframeResolver = new h(a, (g, y, p) => this.onKeyframesResolved(g, y, f, !p), l, u, c), (m = this.keyframeResolver) == null || m.scheduleResolve();
   }
   onKeyframesResolved(t, n, s, r) {
     this.keyframeResolver = void 0;
     const { name: i, type: o, velocity: a, delay: l, isHandoff: u, onUpdate: c } = s;
-    this.resolvedAt = B.now(), Wi(t, i, o, a) || ((W.instantAnimations || !l) && (c == null || c(Dt(t, s, n))), t[0] = t[t.length - 1], ft(s), s.repeat = 0);
+    this.resolvedAt = B.now(), Yi(t, i, o, a) || ((W.instantAnimations || !l) && (c == null || c(It(t, s, n))), t[0] = t[t.length - 1], ht(s), s.repeat = 0);
     const f = {
-      startTime: r ? this.resolvedAt ? this.resolvedAt - this.createdAt > Ui ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      startTime: r ? this.resolvedAt ? this.resolvedAt - this.createdAt > Zi ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
       ...s,
       keyframes: t
-    }, h = !u && Gi(f) ? new $i({
+    }, h = !u && Qi(f) ? new Ui({
       ...f,
       element: f.motionValue.owner.current
-    }) : new It(f);
-    h.finished.then(() => this.notifyFinished()).catch(de), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
+    }) : 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() {
     return this._animation ? this.animation.finished : this._finished;
@@ -1293,7 +1345,7 @@ class zi extends Ot {
   }
   get animation() {
     var t;
-    return this._animation || ((t = this.keyframeResolver) == null || t.resume(), Fi()), this._animation;
+    return this._animation || ((t = this.keyframeResolver) == null || t.resume(), ki()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -1333,138 +1385,138 @@ class zi extends Ot {
     this._animation && this.animation.cancel(), (t = this.keyframeResolver) == null || t.cancel();
   }
 }
-const Yi = (
+const eo = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
 );
-function Xi(e) {
-  const t = Yi.exec(e);
+function to(e) {
+  const t = eo.exec(e);
   if (!t)
     return [,];
   const [, n, s, r] = t;
   return [`--${n ?? s}`, r];
 }
-const qi = 4;
-function gs(e, t, n = 1) {
-  ee(n <= qi, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
-  const [s, r] = Xi(e);
+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");
+  const [s, r] = to(e);
   if (!s)
     return;
   const i = window.getComputedStyle(t).getPropertyValue(s);
   if (i) {
     const o = i.trim();
-    return Bn(o) ? parseFloat(o) : o;
+    return Nn(o) ? parseFloat(o) : o;
   }
-  return At(r) ? gs(r, t, n + 1) : r;
+  return Pt(r) ? bs(r, t, n + 1) : r;
 }
-function ys(e, t) {
+function vs(e, t) {
   return (e == null ? void 0 : e[t]) ?? (e == null ? void 0 : e.default) ?? e;
 }
-const bs = /* @__PURE__ */ new Set([
+const Ts = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
   "left",
   "right",
   "bottom",
-  ...me
-]), Qi = {
+  ...pe
+]), so = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, vs = (e) => (t) => t.test(e), Ts = [he, T, oe, _, jr, $r, Qi], hn = (e) => Ts.find(vs(e));
-function Zi(e) {
-  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Ln(e) : !0;
+}, ws = (e) => (t) => t.test(e), xs = [de, w, ie, _, zr, Ur, so], pn = (e) => xs.find(ws(e));
+function ro(e) {
+  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Kn(e) : !0;
 }
-const Ji = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function eo(e) {
+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(Mt) || [];
+  const [s] = n.match(Ft) || [];
   if (!s)
     return e;
   const r = n.replace(s, "");
-  let i = Ji.has(t) ? 1 : 0;
+  let i = io.has(t) ? 1 : 0;
   return s !== n && (i *= 100), t + "(" + i + r + ")";
 }
-const to = /\b([a-z-]*)\(.*?\)/gu, dt = {
-  ...pe,
+const ao = /\b([a-z-]*)\(.*?\)/gu, pt = {
+  ...he,
   getAnimatableNone: (e) => {
-    const t = e.match(to);
-    return t ? t.map(eo).join(" ") : e;
+    const t = e.match(ao);
+    return t ? t.map(oo).join(" ") : e;
   }
-}, pn = {
-  ...he,
+}, mn = {
+  ...de,
   transform: Math.round
-}, no = {
+}, co = {
   rotate: _,
   rotateX: _,
   rotateY: _,
   rotateZ: _,
-  scale: Pe,
-  scaleX: Pe,
-  scaleY: Pe,
-  scaleZ: Pe,
+  scale: Fe,
+  scaleX: Fe,
+  scaleY: Fe,
+  scaleZ: Fe,
   skew: _,
   skewX: _,
   skewY: _,
-  distance: T,
-  translateX: T,
-  translateY: T,
-  translateZ: T,
-  x: T,
-  y: T,
-  z: T,
-  perspective: T,
-  transformPerspective: T,
-  opacity: we,
-  originX: en,
-  originY: en,
-  originZ: T
-}, kt = {
+  distance: w,
+  translateX: w,
+  translateY: w,
+  translateZ: w,
+  x: w,
+  y: w,
+  z: w,
+  perspective: w,
+  transformPerspective: w,
+  opacity: xe,
+  originX: tn,
+  originY: tn,
+  originZ: w
+}, Lt = {
   // Border props
-  borderWidth: T,
-  borderTopWidth: T,
-  borderRightWidth: T,
-  borderBottomWidth: T,
-  borderLeftWidth: T,
-  borderRadius: T,
-  radius: T,
-  borderTopLeftRadius: T,
-  borderTopRightRadius: T,
-  borderBottomRightRadius: T,
-  borderBottomLeftRadius: T,
+  borderWidth: w,
+  borderTopWidth: w,
+  borderRightWidth: w,
+  borderBottomWidth: w,
+  borderLeftWidth: w,
+  borderRadius: w,
+  radius: w,
+  borderTopLeftRadius: w,
+  borderTopRightRadius: w,
+  borderBottomRightRadius: w,
+  borderBottomLeftRadius: w,
   // Positioning props
-  width: T,
-  maxWidth: T,
-  height: T,
-  maxHeight: T,
-  top: T,
-  right: T,
-  bottom: T,
-  left: T,
+  width: w,
+  maxWidth: w,
+  height: w,
+  maxHeight: w,
+  top: w,
+  right: w,
+  bottom: w,
+  left: w,
   // Spacing props
-  padding: T,
-  paddingTop: T,
-  paddingRight: T,
-  paddingBottom: T,
-  paddingLeft: T,
-  margin: T,
-  marginTop: T,
-  marginRight: T,
-  marginBottom: T,
-  marginLeft: T,
+  padding: w,
+  paddingTop: w,
+  paddingRight: w,
+  paddingBottom: w,
+  paddingLeft: w,
+  margin: w,
+  marginTop: w,
+  marginRight: w,
+  marginBottom: w,
+  marginLeft: w,
   // Misc
-  backgroundPositionX: T,
-  backgroundPositionY: T,
-  ...no,
-  zIndex: pn,
+  backgroundPositionX: w,
+  backgroundPositionY: w,
+  ...co,
+  zIndex: mn,
   // SVG
-  fillOpacity: we,
-  strokeOpacity: we,
-  numOctaves: pn
-}, so = {
-  ...kt,
+  fillOpacity: xe,
+  strokeOpacity: xe,
+  numOctaves: mn
+}, lo = {
+  ...Lt,
   // Color props
   color: F,
   backgroundColor: F,
@@ -1477,25 +1529,25 @@ const to = /\b([a-z-]*)\(.*?\)/gu, dt = {
   borderRightColor: F,
   borderBottomColor: F,
   borderLeftColor: F,
-  filter: dt,
-  WebkitFilter: dt
-}, ws = (e) => so[e];
-function xs(e, t) {
-  let n = ws(e);
-  return n !== dt && (n = pe), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
-}
-const ro = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function io(e, t, n) {
+  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;
+}
+const uo = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function fo(e, t, n) {
   let s = 0, r;
   for (; s < e.length && !r; ) {
     const i = e[s];
-    typeof i == "string" && !ro.has(i) && xe(i).values.length && (r = e[s]), s++;
+    typeof i == "string" && !uo.has(i) && Se(i).values.length && (r = e[s]), s++;
   }
   if (r && n)
     for (const i of t)
-      e[i] = xs(n, r);
+      e[i] = Vs(n, r);
 }
-class oo extends Et {
+class ho extends Bt {
   constructor(t, n, s, r, i) {
     super(t, n, s, r, i, !0);
   }
@@ -1506,33 +1558,33 @@ class oo extends Et {
     super.readKeyframes();
     for (let l = 0; l < t.length; l++) {
       let u = t[l];
-      if (typeof u == "string" && (u = u.trim(), At(u))) {
-        const c = gs(u, n.current);
+      if (typeof u == "string" && (u = u.trim(), Pt(u))) {
+        const c = bs(u, n.current);
         c !== void 0 && (t[l] = c), l === t.length - 1 && (this.finalKeyframe = u);
       }
     }
-    if (this.resolveNoneKeyframes(), !bs.has(s) || t.length !== 2)
+    if (this.resolveNoneKeyframes(), !Ts.has(s) || t.length !== 2)
       return;
-    const [r, i] = t, o = hn(r), a = hn(i);
+    const [r, i] = t, o = pn(r), a = pn(i);
     if (o !== a)
-      if (ln(o) && ln(a))
+      if (un(o) && un(a))
         for (let l = 0; l < t.length; l++) {
           const u = t[l];
           typeof u == "string" && (t[l] = parseFloat(u));
         }
-      else Q[s] && (this.needsMeasurement = !0);
+      else q[s] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, s = [];
     for (let r = 0; r < t.length; r++)
-      (t[r] === null || Zi(t[r])) && s.push(r);
-    s.length && io(t, s, n);
+      (t[r] === null || ro(t[r])) && s.push(r);
+    s.length && fo(t, s, n);
   }
   measureInitialState() {
     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 = q[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);
   }
@@ -1544,12 +1596,12 @@ class oo extends Et {
     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(([l, u]) => {
+    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(([l, u]) => {
       t.getValue(l).set(u);
     }), this.resolveNoneKeyframes();
   }
 }
-function ao(e, t, n) {
+function po(e, t, n) {
   if (e instanceof EventTarget)
     return [e];
   if (typeof e == "string") {
@@ -1559,12 +1611,12 @@ function ao(e, t, n) {
   }
   return Array.from(e);
 }
-const Ss = (e, t) => t && typeof e == "number" ? t.transform(e) : e;
-function co(e) {
-  return wr(e) && "offsetHeight" in e;
+const Cs = (e, t) => t && typeof e == "number" ? t.transform(e) : e;
+function mo(e) {
+  return Mr(e) && "offsetHeight" in e;
 }
-const mn = 30, lo = (e) => !isNaN(parseFloat(e));
-class uo {
+const gn = 30, go = (e) => !isNaN(parseFloat(e));
+class yo {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -1581,7 +1633,7 @@ class uo {
     }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
   }
   setCurrent(t) {
-    this.current = t, this.updatedAt = B.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = lo(this.current));
+    this.current = t, this.updatedAt = B.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = go(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -1627,10 +1679,10 @@ class uo {
    * @deprecated
    */
   onChange(t) {
-    return process.env.NODE_ENV !== "production" && jn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
+    return process.env.NODE_ENV !== "production" && _n(!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 Kn());
+    this.events[t] || (this.events[t] = new jn());
     const s = this.events[t].add(n);
     return t === "change" ? () => {
       s(), N.read(() => {
@@ -1711,10 +1763,10 @@ class uo {
    */
   getVelocity() {
     const t = B.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > mn)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > gn)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, mn);
-    return $n(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, gn);
+    return Wn(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -1767,34 +1819,34 @@ class uo {
   }
 }
 function Be(e, t) {
-  return new uo(e, t);
+  return new yo(e, t);
 }
-const { schedule: fo } = /* @__PURE__ */ Qn(queueMicrotask, !1), ho = {
+const { schedule: bo } = /* @__PURE__ */ Jn(queueMicrotask, !1), vo = {
   y: !1
 };
-function po() {
-  return ho.y;
+function To() {
+  return vo.y;
 }
-function Vs(e, t) {
-  const n = ao(e), s = new AbortController(), r = {
+function As(e, t) {
+  const n = po(e), s = new AbortController(), r = {
     passive: !0,
     ...t,
     signal: s.signal
   };
   return [n, r, () => s.abort()];
 }
-function gn(e) {
-  return !(e.pointerType === "touch" || po());
+function yn(e) {
+  return !(e.pointerType === "touch" || To());
 }
-function mo(e, t, n = {}) {
-  const [s, r, i] = Vs(e, n), o = (a) => {
-    if (!gn(a))
+function wo(e, t, n = {}) {
+  const [s, r, i] = As(e, n), o = (a) => {
+    if (!yn(a))
       return;
     const { target: l } = a, u = t(l, a);
     if (typeof u != "function" || !l)
       return;
     const c = (d) => {
-      gn(d) && (u(d), l.removeEventListener("pointerleave", c));
+      yn(d) && (u(d), l.removeEventListener("pointerleave", c));
     };
     l.addEventListener("pointerleave", c, r);
   };
@@ -1802,18 +1854,18 @@ function mo(e, t, n = {}) {
     a.addEventListener("pointerenter", o, r);
   }), i;
 }
-const Cs = (e, t) => t ? e === t ? !0 : Cs(e, t.parentElement) : !1, go = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, yo = /* @__PURE__ */ new Set([
+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([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function bo(e) {
-  return yo.has(e.tagName) || e.tabIndex !== -1;
+function Vo(e) {
+  return So.has(e.tagName) || e.tabIndex !== -1;
 }
-const Re = /* @__PURE__ */ new WeakSet();
-function yn(e) {
+const De = /* @__PURE__ */ new WeakSet();
+function bn(e) {
   return (t) => {
     t.key === "Enter" && e(t);
   };
@@ -1821,48 +1873,48 @@ function yn(e) {
 function Xe(e, t) {
   e.dispatchEvent(new PointerEvent("pointer" + t, { isPrimary: !0, bubbles: !0 }));
 }
-const vo = (e, t) => {
+const Co = (e, t) => {
   const n = e.currentTarget;
   if (!n)
     return;
-  const s = yn(() => {
-    if (Re.has(n))
+  const s = bn(() => {
+    if (De.has(n))
       return;
     Xe(n, "down");
-    const r = yn(() => {
+    const r = bn(() => {
       Xe(n, "up");
     }), i = () => Xe(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 bn(e) {
-  return go(e) && !0;
+function vn(e) {
+  return xo(e) && !0;
 }
-function To(e, t, n = {}) {
-  const [s, r, i] = Vs(e, n), o = (a) => {
+function Ao(e, t, n = {}) {
+  const [s, r, i] = As(e, n), o = (a) => {
     const l = a.currentTarget;
-    if (!bn(a))
+    if (!vn(a))
       return;
-    Re.add(l);
+    De.add(l);
     const u = t(l, a), c = (h, m) => {
-      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), Re.has(l) && Re.delete(l), bn(h) && typeof u == "function" && u(h, { success: m });
+      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), De.has(l) && De.delete(l), vn(h) && typeof u == "function" && u(h, { success: m });
     }, d = (h) => {
-      c(h, l === window || l === document || n.useGlobalTarget || Cs(l, h.target));
+      c(h, l === window || l === document || n.useGlobalTarget || Ms(l, h.target));
     }, f = (h) => {
       c(h, !1);
     };
     window.addEventListener("pointerup", d, r), window.addEventListener("pointercancel", f, r);
   };
   return s.forEach((a) => {
-    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, r), co(a) && (a.addEventListener("focus", (u) => vo(u, r)), !bo(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
+    (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), wo = [...Ts, F, pe], xo = (e) => wo.find(vs(e)), As = fe({
+const I = (e) => !!(e && e.getVelocity), Mo = [...xs, F, he], Po = (e) => Mo.find(ws(e)), Ps = ue({
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
-}), Bt = fe({ strict: !1 }), vn = {
+}), Nt = ue({ strict: !1 }), Tn = {
   animation: [
     "animate",
     "variants",
@@ -1881,34 +1933,34 @@ const I = (e) => !!(e && e.getVelocity), wo = [...Ts, F, pe], xo = (e) => wo.fin
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, le = {};
-for (const e in vn)
-  le[e] = {
-    isEnabled: (t) => vn[e].some((n) => !!t[n])
+}, ce = {};
+for (const e in Tn)
+  ce[e] = {
+    isEnabled: (t) => Tn[e].some((n) => !!t[n])
   };
-function Tn(e) {
+function wn(e) {
   for (const t in e)
-    le[t] = {
-      ...le[t],
+    ce[t] = {
+      ...ce[t],
       ...e[t]
     };
 }
-function So({ children: e, features: t, strict: n = !1 }) {
-  const [, s] = ur(!qe(t)), r = ve(void 0);
+function Fo({ children: e, features: t, strict: n = !1 }) {
+  const [, s] = dr(!qe(t)), r = ve(void 0);
   if (!qe(t)) {
     const { renderer: i, ...o } = t;
-    r.current = i, Tn(o);
+    r.current = i, wn(o);
   }
-  return Tt(() => {
+  return xt(() => {
     qe(t) && t().then(({ renderer: i, ...o }) => {
-      Tn(o), r.current = i, s(!0);
+      wn(o), r.current = i, s(!0);
     });
-  }, []), w(Bt.Provider, { value: { renderer: r.current, strict: n }, children: e });
+  }, []), T(Nt.Provider, { value: { renderer: r.current, strict: n }, children: e });
 }
 function qe(e) {
   return typeof e == "function";
 }
-const Vo = /* @__PURE__ */ new Set([
+const Ro = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -1941,31 +1993,31 @@ const Vo = /* @__PURE__ */ new Set([
   "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") || Vo.has(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);
 }
-let Ms = (e) => !Le(e);
-function Co(e) {
-  typeof e == "function" && (Ms = (t) => t.startsWith("on") ? !Le(t) : e(t));
+let Fs = (e) => !Le(e);
+function Do(e) {
+  typeof e == "function" && (Fs = (t) => t.startsWith("on") ? !Le(t) : e(t));
 }
 try {
-  Co(require("@emotion/is-prop-valid").default);
+  Do(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function Ao(e, t, n) {
+function Oo(e, t, n) {
   const s = {};
   for (const r in e)
-    r === "values" && typeof e.values == "object" || (Ms(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" || (Fs(r) || n === !0 && Le(r) || !t && !Le(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__ */ fe({});
+const We = /* @__PURE__ */ ue({});
 function _e(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
 }
-function Se(e) {
+function Ve(e) {
   return typeof e == "string" || Array.isArray(e);
 }
-const Lt = [
+const Kt = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -1973,52 +2025,52 @@ const Lt = [
   "whileTap",
   "whileDrag",
   "exit"
-], Nt = ["initial", ...Lt];
+], $t = ["initial", ...Kt];
 function He(e) {
-  return _e(e.animate) || Nt.some((t) => Se(e[t]));
+  return _e(e.animate) || $t.some((t) => Ve(e[t]));
 }
-function Ps(e) {
+function Rs(e) {
   return !!(He(e) || e.variants);
 }
-function Mo(e, t) {
+function Io(e, t) {
   if (He(e)) {
     const { initial: n, animate: s } = e;
     return {
-      initial: n === !1 || Se(n) ? n : void 0,
-      animate: Se(s) ? s : void 0
+      initial: n === !1 || Ve(n) ? n : void 0,
+      animate: Ve(s) ? s : void 0
     };
   }
   return e.inherit !== !1 ? t : {};
 }
-function Po(e) {
-  const { initial: t, animate: n } = Mo(e, L(We));
-  return Ke(() => ({ initial: t, animate: n }), [wn(t), wn(n)]);
+function Eo(e) {
+  const { initial: t, animate: n } = Io(e, L(We));
+  return Ke(() => ({ initial: t, animate: n }), [xn(t), xn(n)]);
 }
-function wn(e) {
+function xn(e) {
   return Array.isArray(e) ? e.join(" ") : e;
 }
-const Fo = {};
-function Fs(e, { layout: t, layoutId: n }) {
-  return ge.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!Fo[e] || e === "opacity");
+const ko = {};
+function Ds(e, { layout: t, layoutId: n }) {
+  return me.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!ko[e] || e === "opacity");
 }
-const Ro = {
+const Bo = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Do = me.length;
-function Oo(e, t, n) {
+}, Lo = pe.length;
+function No(e, t, n) {
   let s = "", r = !0;
-  for (let i = 0; i < Do; i++) {
-    const o = me[i], a = e[o];
+  for (let i = 0; i < Lo; i++) {
+    const o = pe[i], a = e[o];
     if (a === void 0)
       continue;
     let l = !0;
     if (typeof a == "number" ? l = a === (o.startsWith("scale") ? 1 : 0) : l = parseFloat(a) === 0, !l || n) {
-      const u = Ss(a, kt[o]);
+      const u = Cs(a, Lt[o]);
       if (!l) {
         r = !1;
-        const c = Ro[o] || o;
+        const c = Bo[o] || o;
         s += `${c}(${u}) `;
       }
       n && (t[o] = u);
@@ -2026,66 +2078,66 @@ function Oo(e, t, n) {
   }
   return s = s.trim(), n ? s = n(t, r ? "" : s) : r && (s = "none"), s;
 }
-function Kt(e, t, n) {
+function jt(e, t, n) {
   const { style: s, vars: r, transformOrigin: i } = e;
   let o = !1, a = !1;
   for (const l in t) {
     const u = t[l];
-    if (ge.has(l)) {
+    if (me.has(l)) {
       o = !0;
       continue;
-    } else if (Jn(l)) {
+    } else if (ts(l)) {
       r[l] = u;
       continue;
     } else {
-      const c = Ss(u, kt[l]);
+      const c = Cs(u, Lt[l]);
       l.startsWith("origin") ? (a = !0, i[l] = c) : s[l] = c;
     }
   }
-  if (t.transform || (o || n ? s.transform = Oo(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
+  if (t.transform || (o || n ? s.transform = No(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
     const { originX: l = "50%", originY: u = "50%", originZ: c = 0 } = i;
     s.transformOrigin = `${l} ${u} ${c}`;
   }
 }
-const $t = () => ({
+const Wt = () => ({
   style: {},
   transform: {},
   transformOrigin: {},
   vars: {}
 });
-function Rs(e, t, n) {
+function Os(e, t, n) {
   for (const s in t)
-    !I(t[s]) && !Fs(s, n) && (e[s] = t[s]);
+    !I(t[s]) && !Ds(s, n) && (e[s] = t[s]);
 }
-function Io({ transformTemplate: e }, t) {
+function Ko({ transformTemplate: e }, t) {
   return Ke(() => {
-    const n = $t();
-    return Kt(n, t, e), Object.assign({}, n.vars, n.style);
+    const n = Wt();
+    return jt(n, t, e), Object.assign({}, n.vars, n.style);
   }, [t]);
 }
-function Eo(e, t) {
+function $o(e, t) {
   const n = e.style || {}, s = {};
-  return Rs(s, n, e), Object.assign(s, Io(e, t)), s;
+  return Os(s, n, e), Object.assign(s, Ko(e, t)), s;
 }
-function ko(e, t) {
-  const n = {}, s = Eo(e, t);
+function jo(e, t) {
+  const n = {}, s = $o(e, t);
   return e.drag && e.dragListener !== !1 && (n.draggable = !1, s.userSelect = s.WebkitUserSelect = s.WebkitTouchCallout = "none", s.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (n.tabIndex = 0), n.style = s, n;
 }
-const Bo = {
+const Wo = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Lo = {
+}, _o = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function No(e, t, n = 1, s = 0, r = !0) {
+function Ho(e, t, n = 1, s = 0, r = !0) {
   e.pathLength = 1;
-  const i = r ? Bo : Lo;
-  e[i.offset] = T.transform(-s);
-  const o = T.transform(t), a = T.transform(n);
+  const i = r ? Wo : _o;
+  e[i.offset] = w.transform(-s);
+  const o = w.transform(t), a = w.transform(n);
   e[i.array] = `${o} ${a}`;
 }
-function Ds(e, {
+function Is(e, {
   attrX: t,
   attrY: n,
   attrScale: s,
@@ -2095,33 +2147,33 @@ function Ds(e, {
   // This is object creation, which we try to avoid per-frame.
   ...a
 }, l, u, c) {
-  if (Kt(e, a, u), l) {
+  if (jt(e, a, u), l) {
     e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
     return;
   }
   e.attrs = e.style, e.style = {};
   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 = (c == null ? void 0 : c.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 && No(d, r, i, o, !1);
+  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 = (c == null ? void 0 : c.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 Os = () => ({
-  ...$t(),
+const Es = () => ({
+  ...Wt(),
   attrs: {}
-}), Is = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-function Ko(e, t, n, s) {
+}), ks = (e) => typeof e == "string" && e.toLowerCase() === "svg";
+function Go(e, t, n, s) {
   const r = Ke(() => {
-    const i = Os();
-    return Ds(i, t, Is(s), e.transformTemplate, e.style), {
+    const i = Es();
+    return Is(i, t, ks(s), e.transformTemplate, e.style), {
       ...i.attrs,
       style: { ...i.style }
     };
   }, [t]);
   if (e.style) {
     const i = {};
-    Rs(i, e.style, e), r.style = { ...i, ...r.style };
+    Os(i, e.style, e), r.style = { ...i, ...r.style };
   }
   return r;
 }
-const $o = [
+const Uo = [
   "animate",
   "circle",
   "defs",
@@ -2148,7 +2200,7 @@ const $o = [
   "use",
   "view"
 ];
-function jt(e) {
+function _t(e) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
@@ -2161,52 +2213,52 @@ function jt(e) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!($o.indexOf(e) > -1 || /**
+      !!(Uo.indexOf(e) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(e))
     )
   );
 }
-function jo(e, t, n, { latestValues: s }, r, i = !1) {
-  const a = (jt(e) ? Ko : ko)(t, s, r, e), l = Ao(t, typeof e == "string", i), u = e !== In ? { ...l, ...a, ref: n } : {}, { children: c } = t, d = Ke(() => I(c) ? c.get() : c, [c]);
-  return fr(e, {
+function zo(e, t, n, { latestValues: s }, r, i = !1) {
+  const a = (_t(e) ? Go : jo)(t, s, r, e), l = Oo(t, typeof e == "string", i), u = e !== En ? { ...l, ...a, ref: n } : {}, { children: c } = t, d = Ke(() => I(c) ? c.get() : c, [c]);
+  return hr(e, {
     ...u,
     children: d
   });
 }
-function xn(e) {
+function Sn(e) {
   const t = [{}, {}];
   return e == null || e.values.forEach((n, s) => {
     t[0][s] = n.get(), t[1][s] = n.getVelocity();
   }), t;
 }
-function Wt(e, t, n, s) {
+function Ht(e, t, n, s) {
   if (typeof t == "function") {
-    const [r, i] = xn(s);
+    const [r, i] = Sn(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] = xn(s);
+    const [r, i] = Sn(s);
     t = t(n !== void 0 ? n : e.custom, r, i);
   }
   return t;
 }
-function Wo(e) {
+function Yo(e) {
   return I(e) ? e.get() : e;
 }
-function _o({ scrapeMotionValuesFromProps: e, createRenderState: t }, n, s, r) {
+function Xo({ scrapeMotionValuesFromProps: e, createRenderState: t }, n, s, r) {
   return {
-    latestValues: Ho(n, s, r, e),
+    latestValues: qo(n, s, r, e),
     renderState: t()
   };
 }
-function Ho(e, t, n, s) {
+function qo(e, t, n, s) {
   const r = {}, i = s(e, {});
   for (const f in i)
-    r[f] = Wo(i[f]);
+    r[f] = Yo(i[f]);
   let { initial: o, animate: a } = e;
-  const l = He(e), u = Ps(e);
+  const l = He(e), u = Rs(e);
   t && u && !l && e.inherit !== !1 && (o === void 0 && (o = t.initial), a === void 0 && (a = t.animate));
   let c = n ? n.initial === !1 : !1;
   c = c || o === !1;
@@ -2214,7 +2266,7 @@ function Ho(e, t, n, s) {
   if (d && typeof d != "boolean" && !_e(d)) {
     const f = Array.isArray(d) ? d : [d];
     for (let h = 0; h < f.length; h++) {
-      const m = Wt(e, f[h]);
+      const m = Ht(e, f[h]);
       if (m) {
         const { transitionEnd: g, transition: y, ...p } = m;
         for (const x in p) {
@@ -2232,41 +2284,41 @@ function Ho(e, t, n, s) {
   }
   return r;
 }
-const Es = (e) => (t, n) => {
-  const s = L(We), r = L(kn), i = () => _o(e, t, s, r);
-  return n ? i() : yr(i);
+const Bs = (e) => (t, n) => {
+  const s = L(We), r = L(Ln), i = () => Xo(e, t, s, r);
+  return n ? i() : Sr(i);
 };
-function _t(e, t, n) {
+function Gt(e, t, n) {
   var i;
   const { style: s } = e, r = {};
   for (const o in s)
-    (I(s[o]) || t.style && I(t.style[o]) || Fs(o, e) || ((i = n == null ? void 0 : n.getValue(o)) == null ? void 0 : i.liveStyle) !== void 0) && (r[o] = s[o]);
+    (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]);
   return r;
 }
-const Go = /* @__PURE__ */ Es({
-  scrapeMotionValuesFromProps: _t,
-  createRenderState: $t
+const Qo = /* @__PURE__ */ Bs({
+  scrapeMotionValuesFromProps: Gt,
+  createRenderState: Wt
 });
-function ks(e, t, n) {
-  const s = _t(e, t, n);
+function Ls(e, t, n) {
+  const s = Gt(e, t, n);
   for (const r in e)
     if (I(e[r]) || I(t[r])) {
-      const i = me.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
+      const i = pe.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
       s[i] = e[r];
     }
   return s;
 }
-const Uo = /* @__PURE__ */ Es({
-  scrapeMotionValuesFromProps: ks,
-  createRenderState: Os
-}), zo = Symbol.for("motionComponentSymbol");
-function Bs(e) {
+const Zo = /* @__PURE__ */ Bs({
+  scrapeMotionValuesFromProps: Ls,
+  createRenderState: Es
+}), Jo = Symbol.for("motionComponentSymbol");
+function Ns(e) {
   return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
-function Yo(e, t, n) {
-  return dr(
+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) : Bs(n) && (n.current = 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));
     },
     /**
      * Only pass a new ref callback to React if we've received a visual element
@@ -2276,10 +2328,10 @@ function Yo(e, t, n) {
     [t]
   );
 }
-const Ht = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Xo = "framerAppearId", Ls = "data-" + Ht(Xo), qo = fe({});
-function Qo(e, t, n, s, r) {
+const Ut = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), ta = "framerAppearId", Ks = "data-" + Ut(ta), na = ue({});
+function sa(e, t, n, s, r) {
   var g, y;
-  const { visualElement: i } = L(We), o = L(Bt), a = L(kn), l = L(As).reducedMotion, u = ve(null);
+  const { visualElement: i } = L(We), o = L(Nt), a = L(Ln), l = L(Ps).reducedMotion, u = ve(null);
   s = s || o.renderer, !u.current && s && (u.current = s(e, {
     visualState: t,
     parent: i,
@@ -2288,28 +2340,28 @@ function Qo(e, t, n, s, r) {
     blockInitialAnimation: a ? a.initial === !1 : !1,
     reducedMotionConfig: l
   }));
-  const c = u.current, d = L(qo);
-  c && !c.projection && r && (c.type === "html" || c.type === "svg") && Zo(u.current, n, r, d);
+  const c = u.current, d = L(na);
+  c && !c.projection && r && (c.type === "html" || c.type === "svg") && ra(u.current, n, r, d);
   const f = ve(!1);
-  hr(() => {
+  mr(() => {
     c && f.current && c.update(n, a);
   });
-  const h = n[Ls], m = ve(!!h && !((g = window.MotionHandoffIsComplete) != null && g.call(window, h)) && ((y = window.MotionHasOptimisedAnimation) == null ? void 0 : y.call(window, h)));
-  return br(() => {
+  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)));
+  return Vr(() => {
     c && (f.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), c.scheduleRenderMicrotask(), m.current && c.animationState && c.animationState.animateChanges());
-  }), Tt(() => {
+  }), xt(() => {
     c && (!m.current && c.animationState && c.animationState.animateChanges(), m.current && (queueMicrotask(() => {
       var p;
       (p = window.MotionHandoffMarkAsComplete) == null || p.call(window, h);
     }), m.current = !1), c.enteringChildren = void 0);
   }), c;
 }
-function Zo(e, t, n, s) {
+function ra(e, t, n, s) {
   const { layoutId: r, layout: i, drag: o, dragConstraints: a, layoutScroll: l, layoutRoot: u, layoutCrossfade: c } = t;
-  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : Ns(e.parent)), e.projection.setOptions({
+  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : $s(e.parent)), e.projection.setOptions({
     layoutId: r,
     layout: i,
-    alwaysMeasureLayout: !!o || a && Bs(a),
+    alwaysMeasureLayout: !!o || a && Ns(a),
     visualElement: e,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
@@ -2325,39 +2377,39 @@ function Zo(e, t, n, s) {
     layoutRoot: u
   });
 }
-function Ns(e) {
+function $s(e) {
   if (e)
-    return e.options.allowProjection !== !1 ? e.projection : Ns(e.parent);
+    return e.options.allowProjection !== !1 ? e.projection : $s(e.parent);
 }
-function Jo(e, { forwardMotionProps: t = !1 } = {}, n, s) {
-  const r = jt(e) ? Uo : Go;
+function ia(e, { forwardMotionProps: t = !1 } = {}, n, s) {
+  const r = _t(e) ? Zo : Qo;
   function i(a, l) {
     let u;
     const c = {
-      ...L(As),
+      ...L(Ps),
       ...a,
-      layoutId: ea(a)
-    }, { isStatic: d } = c, f = Po(a), h = r(a, d);
-    if (!d && xt) {
-      ta(c, n);
-      const m = na(c);
-      u = m.MeasureLayout, f.visualElement = Qo(e, h, c, s, m.ProjectionNode);
+      layoutId: oa(a)
+    }, { isStatic: d } = c, f = Eo(a), h = r(a, d);
+    if (!d && Vt) {
+      aa(c, n);
+      const m = ca(c);
+      u = m.MeasureLayout, f.visualElement = sa(e, h, c, s, m.ProjectionNode);
     }
-    return U(We.Provider, { value: f, children: [u && f.visualElement ? w(u, { visualElement: f.visualElement, ...c }) : null, jo(e, a, Yo(h, f.visualElement, l), h, d, t)] });
+    return G(We.Provider, { value: f, children: [u && f.visualElement ? T(u, { visualElement: f.visualElement, ...c }) : null, zo(e, a, ea(h, f.visualElement, l), h, d, t)] });
   }
   i.displayName = `motion.${typeof e == "string" ? e : `create(${e.displayName ?? e.name ?? ""})`}`;
-  const o = pr(i);
-  return o[zo] = e, o;
+  const o = gr(i);
+  return o[Jo] = e, o;
 }
-function ea({ layoutId: e }) {
-  const t = L(gr).id;
+function oa({ layoutId: e }) {
+  const t = L(xr).id;
   return t && e !== void 0 ? t + "-" + e : e;
 }
-function ta(e, t) {
-  L(Bt).strict, process.env.NODE_ENV;
+function aa(e, t) {
+  L(Nt).strict, process.env.NODE_ENV;
 }
-function na(e) {
-  const { drag: t, layout: n } = le;
+function ca(e) {
+  const { drag: t, layout: n } = ce;
   if (!t && !n)
     return {};
   const s = { ...t, ...n };
@@ -2366,13 +2418,13 @@ function na(e) {
     ProjectionNode: s.ProjectionNode
   };
 }
-function sa({ top: e, left: t, right: n, bottom: s }) {
+function la({ top: e, left: t, right: n, bottom: s }) {
   return {
     x: { min: t, max: n },
     y: { min: e, max: s }
   };
 }
-function ra(e, t) {
+function ua(e, t) {
   if (!t)
     return e;
   const n = t({ x: e.left, y: e.top }), s = t({ x: e.right, y: e.bottom });
@@ -2383,23 +2435,23 @@ function ra(e, t) {
     right: s.x
   };
 }
-function ia(e, t) {
-  return sa(ra(e.getBoundingClientRect(), t));
+function fa(e, t) {
+  return la(ua(e.getBoundingClientRect(), t));
 }
-const Sn = () => ({ min: 0, max: 0 }), Ks = () => ({
-  x: Sn(),
-  y: Sn()
-}), ht = { current: null }, $s = { current: !1 };
-function oa() {
-  if ($s.current = !0, !!xt)
+const Vn = () => ({ min: 0, max: 0 }), js = () => ({
+  x: Vn(),
+  y: Vn()
+}), mt = { current: null }, Ws = { current: !1 };
+function da() {
+  if (Ws.current = !0, !!Vt)
     if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => ht.current = e.matches;
+      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => mt.current = e.matches;
       e.addEventListener("change", t), t();
     } else
-      ht.current = !1;
+      mt.current = !1;
 }
-const aa = /* @__PURE__ */ new WeakMap();
-function ca(e, t, n) {
+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))
@@ -2419,7 +2471,7 @@ function ca(e, t, n) {
     t[s] === void 0 && e.removeValue(s);
   return t;
 }
-const Vn = [
+const Cn = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2428,7 +2480,7 @@ const Vn = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class la {
+class ma {
   /**
    * This method takes React props and returns found MotionValues. For example, HTML
    * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
@@ -2440,14 +2492,14 @@ class la {
     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 = Et, 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 = 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 && (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: l, renderState: u } = o;
-    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, 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 = Ps(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
+    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, 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);
     const { willChange: c, ...d } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const f in d) {
       const h = d[f];
@@ -2456,11 +2508,11 @@ class la {
   }
   mount(t) {
     var n;
-    this.current = t, aa.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)), $s.current || oa(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : ht.current, process.env.NODE_ENV !== "production" && jn(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)), 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);
   }
   unmount() {
     var t;
-    this.projection && this.projection.unmount(), Je(this.notifyUpdate), Je(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(), 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);
     for (const n in this.events)
       this.events[n].clear();
     for (const n in this.features) {
@@ -2477,7 +2529,7 @@ class la {
   }
   bindToMotionValue(t, n) {
     this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)();
-    const s = ge.has(t);
+    const s = me.has(t);
     s && this.onBindTransform && this.onBindTransform();
     const r = n.on("change", (o) => {
       this.latestValues[t] = o, this.props.onUpdate && N.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
@@ -2492,8 +2544,8 @@ class la {
   }
   updateFeatures() {
     let t = "animation";
-    for (t in le) {
-      const n = le[t];
+    for (t in ce) {
+      const n = ce[t];
       if (!n)
         continue;
       const { isEnabled: s, Feature: r } = n;
@@ -2512,7 +2564,7 @@ class la {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : Ks();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : js();
   }
   getStaticValue(t) {
     return this.latestValues[t];
@@ -2526,13 +2578,13 @@ class la {
    */
   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 < Vn.length; s++) {
-      const r = Vn[s];
+    for (let s = 0; s < Cn.length; s++) {
+      const r = Cn[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));
     }
-    this.prevMotionValues = ca(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = pa(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2597,7 +2649,7 @@ class la {
    */
   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" && (Bn(s) || Ln(s)) ? s = parseFloat(s) : !xo(s) && pe.test(n) && (s = xs(t, n)), this.setBaseTarget(t, I(s) ? s.get() : s)), I(s) ? s.get() : s;
+    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;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2615,7 +2667,7 @@ class la {
     const { initial: n } = this.props;
     let s;
     if (typeof n == "string" || typeof n == "object") {
-      const o = Wt(this.props, n, (i = this.presenceContext) == null ? void 0 : i.custom);
+      const o = Ht(this.props, n, (i = this.presenceContext) == null ? void 0 : i.custom);
       o && (s = o[t]);
     }
     if (n && s !== void 0)
@@ -2624,18 +2676,18 @@ class la {
     return r !== void 0 && !I(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 Kn()), this.events[t].add(n);
+    return this.events[t] || (this.events[t] = new jn()), this.events[t].add(n);
   }
   notify(t, ...n) {
     this.events[t] && this.events[t].notify(...n);
   }
   scheduleRenderMicrotask() {
-    fo.render(this.render);
+    bo.render(this.render);
   }
 }
-class js extends la {
+class _s extends ma {
   constructor() {
-    super(...arguments), this.KeyframeResolver = oo;
+    super(...arguments), this.KeyframeResolver = ho;
   }
   sortInstanceNodePosition(t, n) {
     return t.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -2654,7 +2706,7 @@ class js extends la {
     }));
   }
 }
-function Ws(e, { style: t, vars: n }, s, r) {
+function Hs(e, { style: t, vars: n }, s, r) {
   const i = e.style;
   let o;
   for (o in t)
@@ -2663,33 +2715,33 @@ function Ws(e, { style: t, vars: n }, s, r) {
   for (o in n)
     i.setProperty(o, n[o]);
 }
-function ua(e) {
+function ga(e) {
   return window.getComputedStyle(e);
 }
-class fa extends js {
+class ya extends _s {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Ws;
+    super(...arguments), this.type = "html", this.renderInstance = Hs;
   }
   readValueFromInstance(t, n) {
     var s;
-    if (ge.has(n))
-      return (s = this.projection) != null && s.isProjecting ? ot(n) : Vi(t, n);
+    if (me.has(n))
+      return (s = this.projection) != null && s.isProjecting ? ct(n) : Ri(t, n);
     {
-      const r = ua(t), i = (Jn(n) ? r.getPropertyValue(n) : r[n]) || 0;
+      const r = ga(t), i = (ts(n) ? r.getPropertyValue(n) : r[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
   measureInstanceViewportBox(t, { transformPagePoint: n }) {
-    return ia(t, n);
+    return fa(t, n);
   }
   build(t, n, s) {
-    Kt(t, n, s.transformTemplate);
+    jt(t, n, s.transformTemplate);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return _t(t, n, s);
+    return Gt(t, n, s);
   }
 }
-const _s = /* @__PURE__ */ new Set([
+const Gs = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2714,104 +2766,104 @@ const _s = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]);
-function da(e, t, n, s) {
-  Ws(e, t, void 0, s);
+function ba(e, t, n, s) {
+  Hs(e, t, void 0, s);
   for (const r in t.attrs)
-    e.setAttribute(_s.has(r) ? r : Ht(r), t.attrs[r]);
+    e.setAttribute(Gs.has(r) ? r : Ut(r), t.attrs[r]);
 }
-class ha extends js {
+class va extends _s {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Ks;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = js;
   }
   getBaseTargetFromProps(t, n) {
     return t[n];
   }
   readValueFromInstance(t, n) {
-    if (ge.has(n)) {
-      const s = ws(n);
+    if (me.has(n)) {
+      const s = Ss(n);
       return s && s.default || 0;
     }
-    return n = _s.has(n) ? n : Ht(n), t.getAttribute(n);
+    return n = Gs.has(n) ? n : Ut(n), t.getAttribute(n);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return ks(t, n, s);
+    return Ls(t, n, s);
   }
   build(t, n, s) {
-    Ds(t, n, this.isSVGTag, s.transformTemplate, s.style);
+    Is(t, n, this.isSVGTag, s.transformTemplate, s.style);
   }
   renderInstance(t, n, s, r) {
-    da(t, n, s, r);
+    ba(t, n, s, r);
   }
   mount(t) {
-    this.isSVGTag = Is(t.tagName), super.mount(t);
+    this.isSVGTag = ks(t.tagName), super.mount(t);
   }
 }
-const pa = (e, t) => jt(e) ? new ha(t) : new fa(t, {
-  allowProjection: e !== In
+const Ta = (e, t) => _t(e) ? new va(t) : new ya(t, {
+  allowProjection: e !== En
 });
-function ae(e, t, n) {
+function oe(e, t, n) {
   const s = e.getProps();
-  return Wt(s, t, n !== void 0 ? n : s.custom, e);
+  return Ht(s, t, n !== void 0 ? n : s.custom, e);
 }
-const pt = (e) => Array.isArray(e);
-function ma(e, t, n) {
+const gt = (e) => Array.isArray(e);
+function wa(e, t, n) {
   e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, Be(n));
 }
-function ga(e) {
-  return pt(e) ? e[e.length - 1] || 0 : e;
+function xa(e) {
+  return gt(e) ? e[e.length - 1] || 0 : e;
 }
-function ya(e, t) {
-  const n = ae(e, t);
+function Sa(e, t) {
+  const n = oe(e, t);
   let { transitionEnd: s = {}, transition: r = {}, ...i } = n || {};
   i = { ...i, ...s };
   for (const o in i) {
-    const a = ga(i[o]);
-    ma(e, o, a);
+    const a = xa(i[o]);
+    wa(e, o, a);
   }
 }
-function ba(e) {
+function Va(e) {
   return !!(I(e) && e.add);
 }
-function va(e, t) {
+function Ca(e, t) {
   const n = e.getValue("willChange");
-  if (ba(n))
+  if (Va(n))
     return n.add(t);
   if (!n && W.WillChange) {
     const s = new W.WillChange("auto");
     e.addValue("willChange", s), s.add(t);
   }
 }
-function Ta(e) {
-  return e.props[Ls];
+function Aa(e) {
+  return e.props[Ks];
 }
-const wa = (e) => e !== null;
-function xa(e, { repeat: t, repeatType: n = "loop" }, s) {
-  const r = e.filter(wa), i = t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
+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 Sa = {
+const Fa = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, Va = (e) => ({
+}, Ra = (e) => ({
   type: "spring",
   stiffness: 550,
   damping: e === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Ca = {
+}), Da = {
   type: "keyframes",
   duration: 0.8
-}, Aa = {
+}, Oa = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Ma = (e, { keyframes: t }) => t.length > 2 ? Ca : ge.has(e) ? e.startsWith("scale") ? Va(t[1]) : Sa : Aa;
-function Pa({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: r, repeat: i, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
+}, Ia = (e, { keyframes: t }) => t.length > 2 ? Da : me.has(e) ? e.startsWith("scale") ? Ra(t[1]) : Fa : Oa;
+function Ea({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: r, repeat: i, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
   return !!Object.keys(c).length;
 }
-const Fa = (e, t, n, s = {}, r, i) => (o) => {
-  const a = ys(s, e) || {}, l = a.delay || s.delay || 0;
+const ka = (e, t, n, s = {}, r, i) => (o) => {
+  const a = vs(s, e) || {}, l = a.delay || s.delay || 0;
   let { elapsed: u = 0 } = s;
   u = u - /* @__PURE__ */ K(l);
   const c = {
@@ -2830,10 +2882,10 @@ const Fa = (e, t, n, s = {}, r, i) => (o) => {
     motionValue: t,
     element: i ? void 0 : r
   };
-  Pa(a) || Object.assign(c, Ma(e, c)), c.duration && (c.duration = /* @__PURE__ */ K(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ K(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
+  Ea(a) || Object.assign(c, Ia(e, c)), c.duration && (c.duration = /* @__PURE__ */ K(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ K(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
   let d = !1;
-  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (ft(c), c.delay === 0 && (d = !0)), (W.instantAnimations || W.skipAnimations) && (d = !0, ft(c), c.delay = 0), c.allowFlatten = !a.type && !a.ease, d && !i && t.get() !== void 0) {
-    const f = xa(c.keyframes, a);
+  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (ht(c), c.delay === 0 && (d = !0)), (W.instantAnimations || W.skipAnimations) && (d = !0, ht(c), c.delay = 0), c.allowFlatten = !a.type && !a.ease, d && !i && t.get() !== void 0) {
+    const f = Pa(c.keyframes, a);
     if (f !== void 0) {
       N.update(() => {
         c.onUpdate(f), c.onComplete();
@@ -2841,56 +2893,56 @@ const Fa = (e, t, n, s = {}, r, i) => (o) => {
       return;
     }
   }
-  return a.isSync ? new It(c) : new zi(c);
+  return a.isSync ? new kt(c) : new Ji(c);
 };
-function Ra({ protectedKeys: e, needsAnimating: t }, n) {
+function Ba({ protectedKeys: e, needsAnimating: t }, n) {
   const s = e.hasOwnProperty(n) && t[n] !== !0;
   return t[n] = !1, s;
 }
-function Hs(e, t, { delay: n = 0, transitionOverride: s, type: r } = {}) {
+function Us(e, t, { delay: n = 0, transitionOverride: s, type: r } = {}) {
   let { transition: i = e.getDefaultTransition(), transitionEnd: o, ...a } = t;
   s && (i = s);
   const l = [], u = r && e.animationState && e.animationState.getState()[r];
   for (const c in a) {
     const d = e.getValue(c, e.latestValues[c] ?? null), f = a[c];
-    if (f === void 0 || u && Ra(u, c))
+    if (f === void 0 || u && Ba(u, c))
       continue;
     const h = {
       delay: n,
-      ...ys(i || {}, c)
+      ...vs(i || {}, c)
     }, m = d.get();
     if (m !== void 0 && !d.isAnimating && !Array.isArray(f) && f === m && !h.velocity)
       continue;
     let g = !1;
     if (window.MotionHandoffAnimation) {
-      const p = Ta(e);
+      const p = Aa(e);
       if (p) {
         const x = window.MotionHandoffAnimation(p, c, N);
         x !== null && (h.startTime = x, g = !0);
       }
     }
-    va(e, c), d.start(Fa(c, d, f, e.shouldReduceMotion && bs.has(c) ? { type: !1 } : h, e, g));
+    Ca(e, c), d.start(ka(c, d, f, e.shouldReduceMotion && Ts.has(c) ? { type: !1 } : h, e, g));
     const y = d.animation;
     y && l.push(y);
   }
   return o && Promise.all(l).then(() => {
     N.update(() => {
-      o && ya(e, o);
+      o && Sa(e, o);
     });
   }), l;
 }
-function Gs(e, t, n, s = 0, r = 1) {
+function zs(e, t, n, s = 0, r = 1) {
   const i = Array.from(e).sort((u, c) => u.sortNodePosition(c)).indexOf(t), o = e.size, a = (o - 1) * s;
   return typeof n == "function" ? n(i, o) : r === 1 ? i * s : a - i * s;
 }
-function mt(e, t, n = {}) {
+function yt(e, t, n = {}) {
   var l;
-  const s = ae(e, t, n.type === "exit" ? (l = e.presenceContext) == null ? void 0 : l.custom : void 0);
+  const s = oe(e, t, n.type === "exit" ? (l = e.presenceContext) == null ? void 0 : l.custom : void 0);
   let { transition: r = e.getDefaultTransition() || {} } = s || {};
   n.transitionOverride && (r = n.transitionOverride);
-  const i = s ? () => Promise.all(Hs(e, s, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (u = 0) => {
+  const i = s ? () => Promise.all(Us(e, s, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (u = 0) => {
     const { delayChildren: c = 0, staggerChildren: d, staggerDirection: f } = r;
-    return Da(e, t, u, c, d, f, n);
+    return La(e, t, u, c, d, f, n);
   } : () => Promise.resolve(), { when: a } = r;
   if (a) {
     const [u, c] = a === "beforeChildren" ? [i, o] : [o, i];
@@ -2898,32 +2950,32 @@ function mt(e, t, n = {}) {
   } else
     return Promise.all([i(), o(n.delay)]);
 }
-function Da(e, t, n = 0, s = 0, r = 0, i = 1, o) {
+function La(e, t, n = 0, s = 0, r = 0, i = 1, o) {
   const a = [];
   for (const l of e.variantChildren)
-    l.notify("AnimationStart", t), a.push(mt(l, t, {
+    l.notify("AnimationStart", t), a.push(yt(l, t, {
       ...o,
-      delay: n + (typeof s == "function" ? 0 : s) + Gs(e.variantChildren, l, s, r, i)
+      delay: n + (typeof s == "function" ? 0 : s) + zs(e.variantChildren, l, s, r, i)
     }).then(() => l.notify("AnimationComplete", t)));
   return Promise.all(a);
 }
-function Oa(e, t, n = {}) {
+function Na(e, t, n = {}) {
   e.notify("AnimationStart", t);
   let s;
   if (Array.isArray(t)) {
-    const r = t.map((i) => mt(e, i, n));
+    const r = t.map((i) => yt(e, i, n));
     s = Promise.all(r);
   } else if (typeof t == "string")
-    s = mt(e, t, n);
+    s = yt(e, t, n);
   else {
-    const r = typeof t == "function" ? ae(e, t, n.custom) : t;
-    s = Promise.all(Hs(e, r, n));
+    const r = typeof t == "function" ? oe(e, t, n.custom) : t;
+    s = Promise.all(Us(e, r, n));
   }
   return s.then(() => {
     e.notify("AnimationComplete", t);
   });
 }
-function Us(e, t) {
+function Ys(e, t) {
   if (!Array.isArray(t))
     return !1;
   const n = t.length;
@@ -2934,30 +2986,30 @@ function Us(e, t) {
       return !1;
   return !0;
 }
-const Ia = Nt.length;
-function zs(e) {
+const Ka = $t.length;
+function Xs(e) {
   if (!e)
     return;
   if (!e.isControllingVariants) {
-    const n = e.parent ? zs(e.parent) || {} : {};
+    const n = e.parent ? Xs(e.parent) || {} : {};
     return e.props.initial !== void 0 && (n.initial = e.props.initial), n;
   }
   const t = {};
-  for (let n = 0; n < Ia; n++) {
-    const s = Nt[n], r = e.props[s];
-    (Se(r) || r === !1) && (t[s] = r);
+  for (let n = 0; n < Ka; n++) {
+    const s = $t[n], r = e.props[s];
+    (Ve(r) || r === !1) && (t[s] = r);
   }
   return t;
 }
-const Ea = [...Lt].reverse(), ka = Lt.length;
-function Ba(e) {
-  return (t) => Promise.all(t.map(({ animation: n, options: s }) => Oa(e, n, s)));
+const $a = [...Kt].reverse(), ja = Kt.length;
+function Wa(e) {
+  return (t) => Promise.all(t.map(({ animation: n, options: s }) => Na(e, n, s)));
 }
-function La(e) {
-  let t = Ba(e), n = Cn(), s = !0;
+function _a(e) {
+  let t = Wa(e), n = An(), s = !0;
   const r = (l) => (u, c) => {
     var f;
-    const d = ae(e, c, l === "exit" ? (f = e.presenceContext) == null ? void 0 : f.custom : void 0);
+    const d = oe(e, c, l === "exit" ? (f = e.presenceContext) == null ? void 0 : f.custom : void 0);
     if (d) {
       const { transition: h, transitionEnd: m, ...g } = d;
       u = { ...u, ...g, ...m };
@@ -2968,10 +3020,10 @@ function La(e) {
     t = l(e);
   }
   function o(l) {
-    const { props: u } = e, c = zs(e.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
+    const { props: u } = e, c = Xs(e.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
     let h = {}, m = 1 / 0;
-    for (let y = 0; y < ka; y++) {
-      const p = Ea[y], x = n[p], v = u[p] !== void 0 ? u[p] : c[p], A = Se(v), S = p === l ? x.isActive : null;
+    for (let y = 0; y < ja; y++) {
+      const p = $a[y], x = n[p], v = u[p] !== void 0 ? u[p] : c[p], A = Ve(v), S = p === l ? x.isActive : null;
       S === !1 && (m = y);
       let C = v === c[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
@@ -2979,37 +3031,37 @@ function La(e) {
       !v && !x.prevProp || // Or if the prop doesn't define an animation
       _e(v) || typeof v == "boolean")
         continue;
-      const M = Na(x.prevProp, v);
+      const M = Ha(x.prevProp, v);
       let V = M || // If we're making this variant active, we want to always make it active
       p === l && 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 ne = E.reduce(r(p), {});
-      S === !1 && (ne = {});
-      const { prevResolvedValues: zt = {} } = x, Js = {
-        ...zt,
-        ...ne
-      }, Yt = (R) => {
+      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);
         k && (k.liveStyle = !1);
       };
-      for (const R in Js) {
-        const k = ne[R], z = zt[R];
+      for (const R in nr) {
+        const k = te[R], U = Xt[R];
         if (h.hasOwnProperty(R))
           continue;
-        let se = !1;
-        pt(k) && pt(z) ? se = !Us(k, z) : se = k !== z, se ? k != null ? Yt(R) : f.add(R) : k !== void 0 && f.has(R) ? Yt(R) : x.protectedKeys[R] = !0;
+        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;
       }
-      x.prevProp = v, x.prevResolvedValues = ne, x.isActive && (h = { ...h, ...ne }), s && e.blockInitialAnimation && (V = !1);
-      const Xt = C && M;
-      V && (!Xt || D) && d.push(...E.map((R) => {
+      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) => {
         const k = { type: p };
-        if (typeof R == "string" && s && !Xt && e.manuallyAnimateOnMount && e.parent) {
-          const { parent: z } = e, se = ae(z, R);
-          if (z.enteringChildren && se) {
-            const { delayChildren: er } = se.transition || {};
-            k.delay = Gs(z.enteringChildren, e, er);
+        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);
           }
         }
         return {
@@ -3021,7 +3073,7 @@ function La(e) {
     if (f.size) {
       const y = {};
       if (typeof u.initial != "boolean") {
-        const p = ae(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
+        const p = oe(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
         p && p.transition && (y.transition = p.transition);
       }
       f.forEach((p) => {
@@ -3051,14 +3103,14 @@ function La(e) {
     setAnimateFunction: i,
     getState: () => n,
     reset: () => {
-      n = Cn(), s = !0;
+      n = An(), s = !0;
     }
   };
 }
-function Na(e, t) {
-  return typeof t == "string" ? t !== e : Array.isArray(t) ? !Us(t, e) : !1;
+function Ha(e, t) {
+  return typeof t == "string" ? t !== e : Array.isArray(t) ? !Ys(t, e) : !1;
 }
-function Y(e = !1) {
+function z(e = !1) {
   return {
     isActive: e,
     protectedKeys: {},
@@ -3066,32 +3118,32 @@ function Y(e = !1) {
     prevResolvedValues: {}
   };
 }
-function Cn() {
+function An() {
   return {
-    animate: Y(!0),
-    whileInView: Y(),
-    whileHover: Y(),
-    whileTap: Y(),
-    whileDrag: Y(),
-    whileFocus: Y(),
-    exit: Y()
+    animate: z(!0),
+    whileInView: z(),
+    whileHover: z(),
+    whileTap: z(),
+    whileDrag: z(),
+    whileFocus: z(),
+    exit: z()
   };
 }
-class ye {
+class ge {
   constructor(t) {
     this.isMounted = !1, this.node = t;
   }
   update() {
   }
 }
-class Ka extends ye {
+class Ga extends ge {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference
    * to the underlying animation library. We only want to load that if we load this,
    * so people can optionally code split it out using the `m` component.
    */
   constructor(t) {
-    super(t), t.animationState || (t.animationState = La(t));
+    super(t), t.animationState || (t.animationState = _a(t));
   }
   updateAnimationControlsSubscription() {
     const { animate: t } = this.node.getProps();
@@ -3112,10 +3164,10 @@ class Ka extends ye {
     this.node.animationState.reset(), (t = this.unmountControls) == null || t.call(this);
   }
 }
-let $a = 0;
-class ja extends ye {
+let Ua = 0;
+class za extends ge {
   constructor() {
-    super(...arguments), this.id = $a++;
+    super(...arguments), this.id = Ua++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -3135,18 +3187,18 @@ class ja extends ye {
   unmount() {
   }
 }
-const Wa = {
+const Ya = {
   animation: {
-    Feature: Ka
+    Feature: Ga
   },
   exit: {
-    Feature: ja
+    Feature: za
   }
 };
-function An(e, t, n, s = { passive: !0 }) {
+function Mn(e, t, n, s = { passive: !0 }) {
   return e.addEventListener(t, n, s), () => e.removeEventListener(t, n);
 }
-function Ys(e) {
+function qs(e) {
   return {
     point: {
       x: e.pageX,
@@ -3154,21 +3206,21 @@ function Ys(e) {
     }
   };
 }
-function Mn(e, t, n) {
+function Pn(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, Ys(t)));
+  i && N.postRender(() => i(t, qs(t)));
 }
-class _a extends ye {
+class Xa extends ge {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = mo(t, (n, s) => (Mn(this.node, s, "Start"), (r) => Mn(this.node, r, "End"))));
+    t && (this.unmount = wo(t, (n, s) => (Pn(this.node, s, "Start"), (r) => Pn(this.node, r, "End"))));
   }
   unmount() {
   }
 }
-class Ha extends ye {
+class qa extends ge {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -3185,50 +3237,50 @@ class Ha extends ye {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = $e(An(this.node.current, "focus", () => this.onFocus()), An(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = $e(Mn(this.node.current, "focus", () => this.onFocus()), Mn(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
 }
-function Pn(e, t, n) {
+function Fn(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, Ys(t)));
+  i && N.postRender(() => i(t, qs(t)));
 }
-class Ga extends ye {
+class Qa extends ge {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = To(t, (n, s) => (Pn(this.node, s, "Start"), (r, { success: i }) => Pn(this.node, r, i ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+    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 }));
   }
   unmount() {
   }
 }
-const gt = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), Ua = (e) => {
-  const t = gt.get(e.target);
+const bt = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), Za = (e) => {
+  const t = bt.get(e.target);
   t && t(e);
-}, za = (e) => {
-  e.forEach(Ua);
+}, Ja = (e) => {
+  e.forEach(Za);
 };
-function Ya({ root: e, ...t }) {
+function ec({ root: e, ...t }) {
   const n = e || document;
   Qe.has(n) || Qe.set(n, {});
   const s = Qe.get(n), r = JSON.stringify(t);
-  return s[r] || (s[r] = new IntersectionObserver(za, { root: e, ...t })), s[r];
+  return s[r] || (s[r] = new IntersectionObserver(Ja, { root: e, ...t })), s[r];
 }
-function Xa(e, t, n) {
-  const s = Ya(t);
-  return gt.set(e, n), s.observe(e), () => {
-    gt.delete(e), s.unobserve(e);
+function tc(e, t, n) {
+  const s = ec(t);
+  return bt.set(e, n), s.observe(e), () => {
+    bt.delete(e), s.unobserve(e);
   };
 }
-const qa = {
+const nc = {
   some: 0,
   all: 1
 };
-class Qa extends ye {
+class sc extends ge {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -3237,7 +3289,7 @@ class Qa extends ye {
     const { viewport: t = {} } = this.node.getProps(), { root: n, margin: s, amount: r = "some", once: i } = t, o = {
       root: n ? n.current : void 0,
       rootMargin: s,
-      threshold: typeof r == "number" ? r : qa[r]
+      threshold: typeof r == "number" ? r : nc[r]
     }, a = (l) => {
       const { isIntersecting: u } = l;
       if (this.isInView === u || (this.isInView = u, i && !u && this.hasEnteredView))
@@ -3246,7 +3298,7 @@ class Qa extends ye {
       const { onViewportEnter: c, onViewportLeave: d } = this.node.getProps(), f = u ? c : d;
       f && f(l);
     };
-    return Xa(this.node.current, o, a);
+    return tc(this.node.current, o, a);
   }
   mount() {
     this.startObserver();
@@ -3255,97 +3307,45 @@ class Qa extends ye {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: t, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(Za(t, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(rc(t, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function Za({ viewport: e = {} }, { viewport: t = {} } = {}) {
+function rc({ viewport: e = {} }, { viewport: t = {} } = {}) {
   return (n) => e[n] !== t[n];
 }
-const Ja = {
+const ic = {
   inView: {
-    Feature: Qa
+    Feature: sc
   },
   tap: {
-    Feature: Ga
+    Feature: Qa
   },
   focus: {
-    Feature: Ha
+    Feature: qa
   },
   hover: {
-    Feature: _a
+    Feature: Xa
   }
-}, ec = {
-  renderer: pa,
-  ...Wa,
-  ...Ja
-}, tc = {
-  0: "5",
-  1: "6",
-  2: "8",
-  3: "10"
-}, j = (e) => Array.isArray(e), te = (e) => typeof e == "object" && !Array.isArray(e) || typeof e == "string" || !e, nc = (e) => {
-  const t = (r, i = []) => (b.Children.toArray(r).forEach((a) => {
-    if (b.isValidElement(a)) {
-      const l = a.props;
-      l.value ? i.push(a) : l.children && t(
-        l.children,
-        i
-      );
-    }
-  }), i);
-  return t(e).map((r) => {
-    var o;
-    const i = r;
-    return {
-      value: i.props.value,
-      label: ((o = i.props) == null ? void 0 : o.label) || i.props.children || i.props.value
-    };
-  });
-}, G = (e, t) => {
-  if (e)
-    return t === !0 ? e == null ? void 0 : e.value : e;
-}, yt = (e, t, n) => {
-  if (!e || !t || t.length === 0) return;
-  const s = t.find(
-    (r) => r.value === G(e, n)
-  );
-  if (s)
-    return s;
-}, sc = ({
-  children: e,
-  value: t,
-  searchQuery: n
-}) => {
-  const s = Xs(e);
-  return (t == null ? void 0 : t.toLowerCase().includes(n.toLowerCase())) || s.some(
-    (r) => r.toLowerCase().includes(n.toLowerCase())
-  );
-}, Xs = (e) => {
-  const t = b.Children.toArray(e), n = [];
-  return t.forEach((s) => {
-    if (typeof s == "string" && n.push(s), b.isValidElement(s)) {
-      const r = s.props;
-      r.children && n.push(
-        ...Xs(r.children)
-      );
-    }
-  }), n;
+}, oc = {
+  renderer: Ta,
+  ...Ya,
+  ...ic
 };
-function qs(e, t) {
-  return Jo(e, t);
+function Qs(e, t) {
+  return ia(e, t);
 }
-const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
-  icon: e = ar,
+const ac = /* @__PURE__ */ Qs("div"), zt = /* @__PURE__ */ Qs("span"), cc = ({
+  icon: e = lr,
   "aria-hidden": t = !0,
   ...n
 }) => {
   const s = b.useContext(O);
-  return /* @__PURE__ */ w(
-    ue.Icon,
+  return /* @__PURE__ */ T(
+    le.Icon,
     {
-      as: Gt,
+      as: zt,
       animate: { rotate: s.open ? 180 : 0 },
       transition: { duration: 0.15, type: "spring", bounce: 0 },
       icon: e,
@@ -3353,17 +3353,17 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
       ...n
     }
   );
-}, oc = ({
+}, lc = ({
   tooltipProps: e,
   ...t
 }) => {
   const n = b.useContext(O), s = () => {
     var i, o;
-    if (j(n.value)) {
+    if ($(n.value)) {
       const a = n.onValueChange;
       a == null || a([]);
     }
-    if (te(n.value)) {
+    if (Z(n.value)) {
       const a = n.onValueChange;
       a == null || a(void 0);
     }
@@ -3371,15 +3371,15 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
   };
   return b.useMemo(() => {
     var i;
-    if (te(n.value))
+    if (Z(n.value))
       return n.clearable && n.value;
-    if (j(n.value))
+    if ($(n.value))
       return n.clearable && ((i = n.value) == null ? void 0 : i.length) > 0;
-  }, [n.clearable, n.value]) ? /* @__PURE__ */ w(mr, { label: "Clear field", ...e, children: /* @__PURE__ */ w(
-    ue,
+  }, [n.clearable, n.value]) ? /* @__PURE__ */ T(br, { label: "Clear field", ...e, children: /* @__PURE__ */ T(
+    le,
     {
       type: "button",
-      icon: { icon: vt, alt: "Clear field" },
+      icon: { icon: wt, alt: "Clear field" },
       size: "0",
       variant: "ghost",
       onClick: (i) => {
@@ -3398,14 +3398,14 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
       ...t
     }
   ) }) : null;
-}, ac = ({
+}, Zs = ({
   children: e,
   ...t
 }) => {
   const n = b.useContext(O), s = b.useMemo(() => {
     var a;
-    if (!te(n.value)) return;
-    const r = yt(
+    if (!Z(n.value)) return;
+    const r = Je(
       n.value,
       n.options,
       n.legacyBehavior
@@ -3417,8 +3417,8 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
     n.legacyBehavior,
     n.placeholder
   ]);
-  return /* @__PURE__ */ w(En, { children: /* @__PURE__ */ w(
-    ue.Text,
+  return /* @__PURE__ */ T(kn, { children: /* @__PURE__ */ T(
+    le.Text,
     {
       color: n.value ? "default" : "gray",
       textOverflow: "ellipsis",
@@ -3427,13 +3427,13 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
       children: e || s
     }
   ) });
-}, cc = ({
+}, vt = ({
   children: e,
   ...t
 }) => {
   const n = b.useContext(O);
-  return /* @__PURE__ */ w(En, { children: /* @__PURE__ */ w(
-    ue.Text,
+  return /* @__PURE__ */ T(kn, { children: /* @__PURE__ */ T(
+    le.Text,
     {
       color: "gray",
       textOverflow: "ellipsis",
@@ -3442,12 +3442,12 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
       children: e || n.placeholder
     }
   ) });
-}, lc = ({ children: e }) => {
+}, Js = ({ children: e }) => {
   const t = b.useContext(O);
-  if (!j(t.value)) return null;
+  if (!$(t.value)) return null;
   const n = t.layout || "truncate", r = (t.value.length - 2).toString().split("");
-  return /* @__PURE__ */ U(
-    ce,
+  return /* @__PURE__ */ G(
+    ae,
     {
       gap: "0_5",
       w: "full",
@@ -3459,10 +3459,10 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
       },
       children: [
         e,
-        n === "truncate" && t.value.length > 2 && /* @__PURE__ */ w(
-          ce,
+        n === "truncate" && t.value.length > 2 && /* @__PURE__ */ T(
+          ae,
           {
-            as: rc,
+            as: ac,
             initial: { opacity: 0 },
             animate: { opacity: 1 },
             exit: { opacity: 0 },
@@ -3477,12 +3477,12 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
             style: {
               backgroundImage: "linear-gradient(to left, var(--tgph-surface-1) 0 60%, transparent 90% 100%)"
             },
-            children: /* @__PURE__ */ U(bt, { as: "span", size: "1", style: { whiteSpace: "nowrap" }, children: [
+            children: /* @__PURE__ */ G(Tt, { as: "span", size: "1", style: { whiteSpace: "nowrap" }, children: [
               "+",
-              r.map((i) => /* @__PURE__ */ w(
-                Dn,
+              r.map((i) => /* @__PURE__ */ T(
+                On,
                 {
-                  as: Gt,
+                  as: zt,
                   initial: { opacity: 0 },
                   animate: { opacity: 1 },
                   exit: { opacity: 0 },
@@ -3501,16 +3501,16 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
       ]
     }
   );
-}, Ut = b.createContext({
+}, Yt = b.createContext({
   value: ""
 }), uc = ({
   value: e,
   children: t,
   ...n
-}) => /* @__PURE__ */ w(Ut.Provider, { value: { value: e }, children: /* @__PURE__ */ w(
-  wt.Root,
+}) => /* @__PURE__ */ T(Yt.Provider, { value: { value: e }, children: /* @__PURE__ */ T(
+  St.Root,
   {
-    as: Gt,
+    as: zt,
     initial: { opacity: 0, scale: 0.5 },
     animate: { opacity: 1, scale: 1 },
     exit: { opacity: 0, scale: 0.5 },
@@ -3526,14 +3526,14 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
   children: e,
   ...t
 }) => {
-  const n = b.useContext(O), s = b.useContext(Ut), r = b.useMemo(() => {
+  const n = b.useContext(O), s = b.useContext(Yt), r = b.useMemo(() => {
     const i = n.options.find(
       (l) => l.value === s.value
     );
     if (i) return i.label || i.value;
     if (!n.value) return;
     const a = n.value.find(
-      (l) => G(l, n.legacyBehavior) === s.value
+      (l) => H(l, n.legacyBehavior) === s.value
     );
     if (a)
       return a;
@@ -3543,20 +3543,20 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
     s.value,
     n.legacyBehavior
   ]);
-  return /* @__PURE__ */ w(wt.Text, { ...t, children: e || r });
+  return /* @__PURE__ */ T(St.Text, { ...t, children: e || r });
 }, dc = ({
   children: e,
   ...t
 }) => {
-  const n = b.useContext(O), s = b.useContext(Ut);
-  return /* @__PURE__ */ w(
-    wt.Button,
+  const n = b.useContext(O), s = b.useContext(Yt);
+  return /* @__PURE__ */ T(
+    St.Button,
     {
-      icon: { icon: vt, alt: `Remove ${s.value}` },
+      icon: { icon: wt, alt: `Remove ${s.value}` },
       height: "full",
       onClick: (r) => {
         if (!n.onValueChange) return;
-        const i = n.onValueChange, a = n.value.filter((l) => G(l, n.legacyBehavior) !== s.value);
+        const i = n.onValueChange, a = n.value.filter((l) => H(l, n.legacyBehavior) !== s.value);
         i == null || i(a), r.stopPropagation(), r.preventDefault();
       },
       ...t,
@@ -3567,22 +3567,36 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
   value: e,
   children: t,
   ...n
-}) => /* @__PURE__ */ U(De.Root, { value: e, ...n, children: [
-  /* @__PURE__ */ w(De.Text, { children: t }),
-  /* @__PURE__ */ w(De.Button, {})
-] }), De = {
+}) => /* @__PURE__ */ G(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 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);
+      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, {});
+}, we = {
   Root: uc,
   Text: fc,
   Button: dc,
   Default: hc
-}, H = {
-  TriggerIndicator: ic,
-  TriggerClear: oc,
-  TriggerText: ac,
-  TriggerPlaceholder: cc,
-  TriggerTagsContainer: lc,
-  TriggerTag: De
-}, pc = ["ArrowDown", "PageUp", "Home"], mc = ["ArrowUp", "PageDown", "End"], Qs = ["Enter", " "], O = b.createContext({
+}, be = {
+  TriggerIndicator: cc,
+  TriggerClear: lc,
+  TriggerText: Zs,
+  TriggerPlaceholder: vt,
+  TriggerTagsContainer: Js,
+  TriggerActionsContainer: pc,
+  TriggerTag: we,
+  TriggerValue: mc
+}, gc = ["ArrowDown", "PageUp", "Home"], yc = ["ArrowUp", "PageDown", "End"], er = ["Enter", " "], O = b.createContext({
   value: void 0,
   onValueChange: () => {
   },
@@ -3597,7 +3611,7 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
   disabled: !1,
   options: [],
   legacyBehavior: !1
-}), gc = ({
+}), bc = ({
   modal: e = !0,
   closeOnSelect: t = !0,
   clearable: n = !1,
@@ -3614,7 +3628,7 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
   children: h,
   ...m
 }) => {
-  const g = b.useId(), y = b.useId(), p = b.useRef(null), x = b.useRef(null), v = b.useRef(null), A = b.useMemo(() => nc(h), [h]), [S, C] = b.useState(""), [M = !1, V] = sr({
+  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({
     prop: i,
     defaultProp: a ?? !1,
     onChange: o
@@ -3623,7 +3637,7 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
   }, [V]);
   return b.useEffect(() => {
     M || C("");
-  }, [M]), /* @__PURE__ */ w(
+  }, [M]), /* @__PURE__ */ T(
     O.Provider,
     {
       value: {
@@ -3651,7 +3665,7 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
         options: A,
         legacyBehavior: r
       },
-      children: /* @__PURE__ */ w(
+      children: /* @__PURE__ */ T(
         Ne.Root,
         {
           open: M,
@@ -3663,38 +3677,26 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
       )
     }
   );
-}, yc = () => {
-  const e = b.useContext(O);
-  if (e.value && j(e.value)) {
-    const t = e.layout || "truncate";
-    return e.value.length === 0 ? /* @__PURE__ */ w(H.TriggerPlaceholder, {}) : /* @__PURE__ */ w(So, { features: ec, children: /* @__PURE__ */ w(H.TriggerTagsContainer, { children: e.value.map((n, s) => {
-      const r = G(n, e.legacyBehavior);
-      if (r && (t === "truncate" && s <= 1 || t === "wrap"))
-        return /* @__PURE__ */ w(ir, { children: /* @__PURE__ */ w(H.TriggerTag.Default, { value: r }) }, r);
-    }) }) });
-  }
-  if (e && te(e.value))
-    return e.value ? /* @__PURE__ */ w(H.TriggerText, {}) : /* @__PURE__ */ w(H.TriggerPlaceholder, {});
-}, bc = ({
+}, vc = ({
   size: e = "1",
   children: t,
   ...n
 }) => {
-  const s = b.useContext(O), r = j(s.value) && s.value.length > 0, i = b.useMemo(() => {
+  const s = b.useContext(O), r = $(s.value) && s.value.length > 0, i = b.useMemo(() => {
     if (s.value) {
-      if (te(s.value))
-        return yt(
+      if (Z(s.value))
+        return Je(
           s.value,
           s.options,
           s.legacyBehavior
         );
-      if (j(s.value))
+      if ($(s.value))
         return s.value.map(
-          (a) => yt(a, s.options, s.legacyBehavior)
+          (a) => Je(a, s.options, s.legacyBehavior)
         );
     }
-  }, [s.value, s.options, s.legacyBehavior]), o = b.useCallback(() => i ? te(i) ? (i == null ? void 0 : i.label) || (i == null ? void 0 : i.value) || s.placeholder : j(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__ */ w(
+  }, [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]);
+  return /* @__PURE__ */ T(
     Ne.Trigger,
     {
       ...n,
@@ -3708,7 +3710,7 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
           a.stopPropagation();
           return;
         }
-        if (Qs.includes(a.key)) {
+        if (er.includes(a.key)) {
           a.preventDefault();
           return;
         }
@@ -3718,15 +3720,15 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
         }
       },
       tgphRef: s.triggerRef,
-      children: /* @__PURE__ */ U(
-        ue.Root,
+      children: /* @__PURE__ */ T(
+        le.Root,
         {
           id: s.triggerId,
           type: "button",
           bg: "surface-1",
           variant: "outline",
           align: "center",
-          minH: tc[e],
+          minH: vr[e],
           h: "full",
           w: "full",
           py: "0_5",
@@ -3744,24 +3746,24 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
           "data-tgph-combobox-trigger-open": s.open,
           disabled: s.disabled,
           ...n,
-          children: [
-            t ? typeof t == "function" ? t({ value: i }) : t : /* @__PURE__ */ w(yc, {}),
-            /* @__PURE__ */ U(ce, { align: "center", gap: "1", children: [
-              /* @__PURE__ */ w(H.TriggerClear, {}),
-              /* @__PURE__ */ w(H.TriggerIndicator, {})
+          children: t ? typeof t == "function" ? t({ value: i }) : t : /* @__PURE__ */ G(Ze, { children: [
+            /* @__PURE__ */ T(be.TriggerValue, {}),
+            /* @__PURE__ */ G(be.TriggerActionsContainer, { children: [
+              /* @__PURE__ */ T(be.TriggerClear, {}),
+              /* @__PURE__ */ T(be.TriggerIndicator, {})
             ] })
-          ]
+          ] })
         }
       )
     }
   );
-}, vc = ({
+}, Tc = ({
   style: e,
   children: t,
   tgphRef: n,
   ...s
 }) => {
-  const r = b.useContext(O), i = b.useRef(!1), o = Fn(n, r.contentRef), a = b.useRef(null), [l, u] = b.useState(0), [c, d] = b.useState(!1), f = b.useCallback(
+  const r = b.useContext(O), i = b.useRef(!1), o = Rn(n, r.contentRef), a = b.useRef(null), [l, u] = b.useState(0), [c, d] = b.useState(!1), f = b.useCallback(
     (h) => {
       const m = h == null ? void 0 : h.getBoundingClientRect();
       m && u(m.height), c || d(!0);
@@ -3783,13 +3785,13 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
     return r.open && (h = setTimeout(() => {
       f(a.current);
     }, 10)), () => h && clearTimeout(h);
-  }, [r.open, f]), /* @__PURE__ */ w(nr.Root, { asChild: !0, children: /* @__PURE__ */ w(
-    tr,
+  }, [r.open, f]), /* @__PURE__ */ T(ir.Root, { asChild: !0, children: /* @__PURE__ */ T(
+    rr,
     {
       onEscapeKeyDown: (h) => {
         r.open && (h.stopPropagation(), h.preventDefault(), r.setOpen(!1));
       },
-      children: /* @__PURE__ */ w(
+      children: /* @__PURE__ */ T(
         Ne.Content,
         {
           className: "tgph",
@@ -3822,17 +3824,17 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
             const m = (y = (g = r.contentRef) == null ? void 0 : g.current) == null ? void 0 : y.querySelectorAll(
               "[data-tgph-combobox-option]"
             );
-            document.activeElement === (m == null ? void 0 : m[0]) && mc.includes(h.key) && ((x = (p = r.searchRef) == null ? void 0 : p.current) == null || x.focus());
+            document.activeElement === (m == null ? void 0 : m[0]) && yc.includes(h.key) && ((x = (p = r.searchRef) == null ? void 0 : p.current) == null || x.focus());
           },
-          children: /* @__PURE__ */ w(ce, { direction: "column", gap: "1", tgphRef: a, children: t })
+          children: /* @__PURE__ */ T(ae, { direction: "column", gap: "1", tgphRef: a, children: t })
         }
       )
     }
   ) });
-}, Tc = ({ ...e }) => {
+}, wc = ({ ...e }) => {
   const t = b.useContext(O);
-  return /* @__PURE__ */ w(
-    ce,
+  return /* @__PURE__ */ T(
+    ae,
     {
       id: t.contentId,
       direction: "column",
@@ -3846,7 +3848,7 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
       ...e
     }
   );
-}, Zs = ({
+}, tr = ({
   value: e,
   label: t,
   selected: n,
@@ -3854,25 +3856,25 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
   children: r,
   ...i
 }) => {
-  const o = b.useContext(O), [a, l] = b.useState(!1), u = o.value, c = !o.searchQuery || sc({
+  const o = b.useContext(O), [a, l] = b.useState(!1), u = o.value, c = !o.searchQuery || wr({
     children: t || r,
     value: e,
     searchQuery: o.searchQuery
-  }), d = j(u) ? u.some(
-    (h) => G(h, o.legacyBehavior) === e
-  ) : G(u, o.legacyBehavior) === e, f = (h) => {
+  }), d = $(u) ? u.some(
+    (h) => H(h, o.legacyBehavior) === e
+  ) : H(u, o.legacyBehavior) === e, f = (h) => {
     var g, y;
     h.stopPropagation();
     const m = h;
-    if (!(m.key && !Qs.includes(m.key))) {
+    if (!(m.key && !er.includes(m.key))) {
       if (h.preventDefault(), o.closeOnSelect === !0 && o.setOpen(!1), s)
         return s(h);
-      if (te(u)) {
+      if (Z(u)) {
         const p = o.onValueChange;
         o.legacyBehavior === !0 ? p == null || p({ value: e, label: t }) : p == null || p(e);
-      } else if (j(u)) {
+      } else if ($(u)) {
         const p = o.onValueChange, x = o.value, v = d ? x.filter(
-          (A) => G(A, o.legacyBehavior) !== e
+          (A) => H(A, o.legacyBehavior) !== e
         ) : [
           ...x,
           // TODO: Remove this once { value, label } option is deprecated
@@ -3884,7 +3886,7 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
     }
   };
   if (c)
-    return /* @__PURE__ */ w(
+    return /* @__PURE__ */ T(
       Ne.Button,
       {
         type: "button",
@@ -3903,7 +3905,7 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
         children: t || r || e
       }
     );
-}, wc = ({
+}, xc = ({
   label: e = "Search",
   placeholder: t = "Search",
   tgphRef: n,
@@ -3912,21 +3914,21 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
   ...i
 }) => {
   var d;
-  const o = b.useId(), a = b.useContext(O), l = Fn(n, a.searchRef), u = s ?? a.searchQuery, c = r ?? a.setSearchQuery;
+  const o = b.useId(), a = b.useContext(O), l = Rn(n, a.searchRef), u = s ?? a.searchQuery, c = r ?? a.setSearchQuery;
   return b.useEffect(() => {
     var m;
     const f = (g) => {
       var y, p;
-      pc.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();
+      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();
     }, h = (m = a.searchRef) == null ? void 0 : m.current;
     if (h)
       return h.addEventListener("keydown", f), () => {
         h.removeEventListener("keydown", f);
       };
-  }, [a]), /* @__PURE__ */ U(Dn, { borderBottom: "px", px: "1", pb: "1", children: [
-    /* @__PURE__ */ w(rr.Root, { children: /* @__PURE__ */ w(bt, { as: "label", htmlFor: o, children: e }) }),
-    /* @__PURE__ */ w(
-      or,
+  }, [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 }) }),
+    /* @__PURE__ */ T(
+      cr,
       {
         id: o,
         variant: "ghost",
@@ -3935,13 +3937,13 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
         onChange: (f) => {
           c(f.target.value);
         },
-        LeadingComponent: /* @__PURE__ */ w(Rn, { icon: On, alt: "Search Icon" }),
-        TrailingComponent: a != null && a.searchQuery && ((d = a == null ? void 0 : a.searchQuery) == null ? void 0 : d.length) > 0 ? /* @__PURE__ */ w(
-          ue,
+        LeadingComponent: /* @__PURE__ */ T(Dn, { icon: In, 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: vt, alt: "Clear Search Query" },
+            icon: { icon: wt, alt: "Clear Search Query" },
             onClick: () => {
               var f;
               return (f = a.setSearchQuery) == null ? void 0 : f.call(a, "");
@@ -3956,8 +3958,8 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
       }
     )
   ] });
-}, xc = ({
-  icon: e = { icon: On, alt: "Search Icon" },
+}, Sc = ({
+  icon: e = { icon: In, alt: "Search Icon" },
   message: t = "No results found",
   children: n,
   ...s
@@ -3970,8 +3972,8 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
     );
     (a == null ? void 0 : a.length) === 0 ? o(!0) : o(!1);
   }, [r.searchQuery, r.contentRef, n]), i)
-    return /* @__PURE__ */ U(
-      ce,
+    return /* @__PURE__ */ G(
+      ae,
       {
         gap: "1",
         align: "center",
@@ -3981,12 +3983,12 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
         "data-tgph-combobox-empty": !0,
         ...s,
         children: [
-          e === null ? /* @__PURE__ */ w(qt, {}) : /* @__PURE__ */ w(Rn, { ...e }),
-          t === null ? /* @__PURE__ */ w(qt, {}) : /* @__PURE__ */ w(bt, { as: "span", children: t })
+          e === null ? /* @__PURE__ */ T(Ze, {}) : /* @__PURE__ */ T(Dn, { ...e }),
+          t === null ? /* @__PURE__ */ T(Ze, {}) : /* @__PURE__ */ T(Tt, { as: "span", children: t })
         ]
       }
     );
-}, Sc = ({
+}, Vc = ({
   leadingText: e = "Create",
   values: t,
   onCreate: n,
@@ -3996,15 +3998,15 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
 }) => {
   const o = b.useContext(O), a = b.useCallback(
     (l) => !t || (t == null ? void 0 : t.length) === 0 ? !1 : t.some(
-      (u) => G(u, r) === l
+      (u) => H(u, r) === l
     ),
     [t, r]
   );
   if (o.searchQuery && !a(o.searchQuery))
-    return /* @__PURE__ */ w(
-      Zs,
+    return /* @__PURE__ */ T(
+      tr,
       {
-        leadingIcon: { icon: cr, "aria-hidden": !0 },
+        leadingIcon: { icon: ur, "aria-hidden": !0 },
         mx: "1",
         value: o.searchQuery,
         label: `${e} "${o.searchQuery}"`,
@@ -4019,19 +4021,19 @@ const rc = /* @__PURE__ */ qs("div"), Gt = /* @__PURE__ */ qs("span"), ic = ({
         ...i
       }
     );
-}, Vc = {};
-Object.assign(Vc, {
-  Root: gc,
-  Trigger: bc,
-  Content: vc,
-  Options: Tc,
-  Option: Zs,
-  Search: wc,
-  Empty: xc,
-  Create: Sc,
-  Primitives: H
+}, Cc = {};
+Object.assign(Cc, {
+  Root: bc,
+  Trigger: vc,
+  Content: Tc,
+  Options: wc,
+  Option: tr,
+  Search: xc,
+  Empty: Sc,
+  Create: Vc,
+  Primitives: be
 });
 export {
-  Vc as Combobox
+  Cc as Combobox
 };
 //# sourceMappingURL=index.mjs.map