@telegraph/modal 0.1.21 → 0.1.22

package/dist/esm/index.mjs

@@ -1,4 +1,4 @@
-import { jsx as M, jsxs as Ce } from "react/jsx-runtime";
+import { jsx as C, jsxs as Ce } from "react/jsx-runtime";
 import * as ee from "@radix-ui/react-dialog";
 import * as v from "react";
 import re, { createContext as oe, useRef as pe, useLayoutEffect as Ys, useEffect as pt, useState as Xs, useContext as k, useMemo as Re, Fragment as xn, createElement as qs, useCallback as Zs, useInsertionEffect as Js, forwardRef as Qs } from "react";
@@ -9,7 +9,8 @@ import * as si from "@radix-ui/react-visually-hidden";
 import { Button as ii } from "@telegraph/button";
 import { RefToTgphRef as ri } from "@telegraph/helpers";
 import { Stack as se, Box as oi } from "@telegraph/layout";
-import { X as ai } from "lucide-react";
+import { Heading as ai } from "@telegraph/typography";
+import { X as ci } from "lucide-react";
 function Ke(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(i) {
     if (e == null || e(i), n === !1 || !i.defaultPrevented)
@@ -41,34 +42,34 @@ function An(...e) {
   return v.useCallback(Vn(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
-function ci(e) {
-  const t = /* @__PURE__ */ ui(e), n = v.forwardRef((s, i) => {
-    const { children: r, ...o } = s, a = v.Children.toArray(r), l = a.find(fi);
+function ui(e) {
+  const t = /* @__PURE__ */ li(e), n = v.forwardRef((s, i) => {
+    const { children: r, ...o } = s, a = v.Children.toArray(r), l = a.find(di);
     if (l) {
       const u = l.props.children, c = a.map((f) => f === l ? v.Children.count(u) > 1 ? v.Children.only(null) : v.isValidElement(u) ? u.props.children : null : f);
-      return /* @__PURE__ */ M(t, { ...o, ref: i, children: v.isValidElement(u) ? v.cloneElement(u, void 0, c) : null });
+      return /* @__PURE__ */ C(t, { ...o, ref: i, children: v.isValidElement(u) ? v.cloneElement(u, void 0, c) : null });
     }
-    return /* @__PURE__ */ M(t, { ...o, ref: i, children: r });
+    return /* @__PURE__ */ C(t, { ...o, ref: i, children: r });
   });
   return n.displayName = `${e}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function ui(e) {
+function li(e) {
   const t = v.forwardRef((n, s) => {
     const { children: i, ...r } = n;
     if (v.isValidElement(i)) {
-      const o = hi(i), a = di(r, i.props);
+      const o = pi(i), a = hi(r, i.props);
       return i.type !== v.Fragment && (a.ref = s ? Vn(s, o) : o), v.cloneElement(i, a);
     }
     return v.Children.count(i) > 1 ? v.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var li = Symbol("radix.slottable");
-function fi(e) {
-  return v.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === li;
+var fi = Symbol("radix.slottable");
+function di(e) {
+  return v.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === fi;
 }
-function di(e, t) {
+function hi(e, t) {
   const n = { ...t };
   for (const s in t) {
     const i = e[s], r = t[s];
@@ -79,12 +80,12 @@ function di(e, t) {
   }
   return { ...e, ...n };
 }
-function hi(e) {
+function pi(e) {
   var s, i;
   let t = (s = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : s.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = (i = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : i.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var pi = [
+var mi = [
   "a",
   "button",
   "div",
@@ -102,14 +103,14 @@ var pi = [
   "span",
   "svg",
   "ul"
-], Cn = pi.reduce((e, t) => {
-  const n = /* @__PURE__ */ ci(`Primitive.${t}`), s = v.forwardRef((i, r) => {
+], Cn = mi.reduce((e, t) => {
+  const n = /* @__PURE__ */ ui(`Primitive.${t}`), s = v.forwardRef((i, r) => {
     const { asChild: o, ...a } = i, l = o ? n : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ M(l, { ...a, ref: r });
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ C(l, { ...a, ref: r });
   });
   return s.displayName = `Primitive.${t}`, { ...e, [t]: s };
 }, {});
-function mi(e, t) {
+function gi(e, t) {
   e && ei.flushSync(() => e.dispatchEvent(t));
 }
 function mt(e) {
@@ -121,7 +122,7 @@ function mt(e) {
     return (s = t.current) == null ? void 0 : s.call(t, ...n);
   }, []);
 }
-function gi(e, t = globalThis == null ? void 0 : globalThis.document) {
+function yi(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = mt(e);
   v.useEffect(() => {
     const s = (i) => {
@@ -130,7 +131,7 @@ function gi(e, t = globalThis == null ? void 0 : globalThis.document) {
     return t.addEventListener("keydown", s, { capture: !0 }), () => t.removeEventListener("keydown", s, { capture: !0 });
   }, [n, t]);
 }
-var yi = "DismissableLayer", ze = "dismissableLayer.update", bi = "dismissableLayer.pointerDownOutside", vi = "dismissableLayer.focusOutside", _t, Mn = v.createContext({
+var bi = "DismissableLayer", ze = "dismissableLayer.update", vi = "dismissableLayer.pointerDownOutside", Ti = "dismissableLayer.focusOutside", _t, Mn = v.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
@@ -144,14 +145,14 @@ var yi = "DismissableLayer", ze = "dismissableLayer.update", bi = "dismissableLa
       onInteractOutside: o,
       onDismiss: a,
       ...l
-    } = e, u = v.useContext(Mn), [c, f] = v.useState(null), d = (c == null ? void 0 : c.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, h] = v.useState({}), g = An(t, (x) => f(x)), y = Array.from(u.layers), [T] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), p = y.indexOf(T), V = c ? y.indexOf(c) : -1, m = u.layersWithOutsidePointerEventsDisabled.size > 0, C = V >= p, w = Si((x) => {
+    } = e, u = v.useContext(Mn), [c, f] = v.useState(null), d = (c == null ? void 0 : c.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, h] = v.useState({}), g = An(t, (x) => f(x)), y = Array.from(u.layers), [T] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), p = y.indexOf(T), V = c ? y.indexOf(c) : -1, m = u.layersWithOutsidePointerEventsDisabled.size > 0, M = V >= p, w = xi((x) => {
       const S = x.target, D = [...u.branches].some((O) => O.contains(S));
-      !C || D || (i == null || i(x), o == null || o(x), x.defaultPrevented || a == null || a());
-    }, d), A = xi((x) => {
+      !M || D || (i == null || i(x), o == null || o(x), x.defaultPrevented || a == null || a());
+    }, d), A = Vi((x) => {
       const S = x.target;
       [...u.branches].some((O) => O.contains(S)) || (r == null || r(x), o == null || o(x), x.defaultPrevented || a == null || a());
     }, d);
-    return gi((x) => {
+    return yi((x) => {
       V === u.layers.size - 1 && (s == null || s(x), !x.defaultPrevented && a && (x.preventDefault(), a()));
     }, d), v.useEffect(() => {
       if (c)
@@ -163,13 +164,13 @@ var yi = "DismissableLayer", ze = "dismissableLayer.update", bi = "dismissableLa
     }, [c, u]), v.useEffect(() => {
       const x = () => h({});
       return document.addEventListener(ze, x), () => document.removeEventListener(ze, x);
-    }, []), /* @__PURE__ */ M(
+    }, []), /* @__PURE__ */ C(
       Cn.div,
       {
         ...l,
         ref: g,
         style: {
-          pointerEvents: m ? C ? "auto" : "none" : void 0,
+          pointerEvents: m ? M ? "auto" : "none" : void 0,
           ...e.style
         },
         onFocusCapture: Ke(e.onFocusCapture, A.onFocusCapture),
@@ -182,8 +183,8 @@ var yi = "DismissableLayer", ze = "dismissableLayer.update", bi = "dismissableLa
     );
   }
 );
-Pn.displayName = yi;
-var Ti = "DismissableLayerBranch", wi = v.forwardRef((e, t) => {
+Pn.displayName = bi;
+var wi = "DismissableLayerBranch", Si = v.forwardRef((e, t) => {
   const n = v.useContext(Mn), s = v.useRef(null), i = An(t, s);
   return v.useEffect(() => {
     const r = s.current;
@@ -191,10 +192,10 @@ var Ti = "DismissableLayerBranch", wi = v.forwardRef((e, t) => {
       return n.branches.add(r), () => {
         n.branches.delete(r);
       };
-  }, [n.branches]), /* @__PURE__ */ M(Cn.div, { ...e, ref: i });
+  }, [n.branches]), /* @__PURE__ */ C(Cn.div, { ...e, ref: i });
 });
-wi.displayName = Ti;
-function Si(e, t = globalThis == null ? void 0 : globalThis.document) {
+Si.displayName = wi;
+function xi(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = mt(e), s = v.useRef(!1), i = v.useRef(() => {
   });
   return v.useEffect(() => {
@@ -202,7 +203,7 @@ function Si(e, t = globalThis == null ? void 0 : globalThis.document) {
       if (a.target && !s.current) {
         let l = function() {
           En(
-            bi,
+            vi,
             n,
             u,
             { discrete: !0 }
@@ -224,11 +225,11 @@ function Si(e, t = globalThis == null ? void 0 : globalThis.document) {
     onPointerDownCapture: () => s.current = !0
   };
 }
-function xi(e, t = globalThis == null ? void 0 : globalThis.document) {
+function Vi(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = mt(e), s = v.useRef(!1);
   return v.useEffect(() => {
     const i = (r) => {
-      r.target && !s.current && En(vi, n, { originalEvent: r }, {
+      r.target && !s.current && En(Ti, n, { originalEvent: r }, {
         discrete: !1
       });
     };
@@ -244,18 +245,18 @@ function Ut() {
 }
 function En(e, t, n, { discrete: s }) {
   const i = n.originalEvent.target, r = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
-  t && i.addEventListener(e, t, { once: !0 }), s ? mi(i, r) : i.dispatchEvent(r);
+  t && i.addEventListener(e, t, { once: !0 }), s ? gi(i, r) : i.dispatchEvent(r);
 }
-var Vi = globalThis != null && globalThis.document ? v.useLayoutEffect : () => {
-}, Ai = v[" useInsertionEffect ".trim().toString()] || Vi;
-function Ci({
+var Ai = globalThis != null && globalThis.document ? v.useLayoutEffect : () => {
+}, Ci = v[" useInsertionEffect ".trim().toString()] || Ai;
+function Mi({
   prop: e,
   defaultProp: t,
   onChange: n = () => {
   },
   caller: s
 }) {
-  const [i, r, o] = Mi({
+  const [i, r, o] = Pi({
     defaultProp: t,
     onChange: n
   }), a = e !== void 0, l = a ? e : i;
@@ -272,7 +273,7 @@ function Ci({
     (c) => {
       var f;
       if (a) {
-        const d = Pi(c) ? c(e) : c;
+        const d = Ei(c) ? c(e) : c;
         d !== e && ((f = o.current) == null || f.call(o, d));
       } else
         r(c);
@@ -281,31 +282,31 @@ function Ci({
   );
   return [l, u];
 }
-function Mi({
+function Pi({
   defaultProp: e,
   onChange: t
 }) {
   const [n, s] = v.useState(e), i = v.useRef(n), r = v.useRef(t);
-  return Ai(() => {
+  return Ci(() => {
     r.current = t;
   }, [t]), v.useEffect(() => {
     var o;
     i.current !== n && ((o = r.current) == null || o.call(r, n), i.current = n);
   }, [n, i]), [n, s, r];
 }
-function Pi(e) {
+function Ei(e) {
   return typeof e == "function";
 }
-const Ei = oe({});
-function Di(e) {
+const Di = oe({});
+function Fi(e) {
   const t = pe(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const gt = typeof window < "u", Fi = gt ? Ys : pt, Dn = /* @__PURE__ */ oe(null);
-function Oi(e, t) {
+const gt = typeof window < "u", Oi = gt ? Ys : pt, Dn = /* @__PURE__ */ oe(null);
+function Ri(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
-function Ri(e, t) {
+function Li(e, t) {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
 }
@@ -323,7 +324,7 @@ process.env.NODE_ENV !== "production" && (ve = (e, t, n) => {
     throw new Error(Ye(t, n));
 });
 const W = {}, Fn = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
-function Li(e) {
+function Ii(e) {
   return typeof e == "object" && e !== null;
 }
 const On = (e) => /^0[^.\s]+$/u.test(e);
@@ -332,7 +333,7 @@ function yt(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const ae = /* @__NO_SIDE_EFFECTS__ */ (e) => e, Ii = (e, t) => (n) => t(e(n)), Le = (...e) => e.reduce(Ii), Rn = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
+const ae = /* @__NO_SIDE_EFFECTS__ */ (e) => e, ki = (e, t) => (n) => t(e(n)), Le = (...e) => e.reduce(ki), Rn = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
   const s = t - e;
   return s === 0 ? 1 : (n - e) / s;
 };
@@ -341,7 +342,7 @@ class Ln {
     this.subscriptions = [];
   }
   add(t) {
-    return Oi(this.subscriptions, t), () => Ri(this.subscriptions, t);
+    return Ri(this.subscriptions, t), () => Li(this.subscriptions, t);
   }
   notify(t, n, s) {
     const i = this.subscriptions.length;
@@ -365,43 +366,43 @@ const B = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, K = /* @__NO_SIDE_EFFECTS__
 function In(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
-const Gt = /* @__PURE__ */ new Set();
+const Ht = /* @__PURE__ */ new Set();
 function kn(e, t, n) {
-  e || Gt.has(t) || (console.warn(Ye(t, n)), Gt.add(t));
+  e || Ht.has(t) || (console.warn(Ye(t, n)), Ht.add(t));
 }
-const Nn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, ki = 1e-7, Ni = 12;
-function Bi(e, t, n, s, i) {
+const Nn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Ni = 1e-7, Bi = 12;
+function Ki(e, t, n, s, i) {
   let r, o, a = 0;
   do
     o = t + (n - t) / 2, r = Nn(o, s, i) - e, r > 0 ? n = o : t = o;
-  while (Math.abs(r) > ki && ++a < Ni);
+  while (Math.abs(r) > Ni && ++a < Bi);
   return o;
 }
 function Te(e, t, n, s) {
   if (e === t && n === s)
     return ae;
-  const i = (r) => Bi(r, 0, 1, e, n);
+  const i = (r) => Ki(r, 0, 1, e, n);
   return (r) => r === 0 || r === 1 ? r : Nn(i(r), t, s);
 }
-const Bn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Kn = (e) => (t) => 1 - e(1 - t), Wn = /* @__PURE__ */ Te(0.33, 1.53, 0.69, 0.99), bt = /* @__PURE__ */ Kn(Wn), $n = /* @__PURE__ */ Bn(bt), jn = (e) => (e *= 2) < 1 ? 0.5 * bt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), vt = (e) => 1 - Math.sin(Math.acos(e)), Ki = Kn(vt), _n = Bn(vt), Wi = /* @__PURE__ */ Te(0.42, 0, 1, 1), $i = /* @__PURE__ */ Te(0, 0, 0.58, 1), Un = /* @__PURE__ */ Te(0.42, 0, 0.58, 1), ji = (e) => Array.isArray(e) && typeof e[0] != "number", Gn = (e) => Array.isArray(e) && typeof e[0] == "number", Ht = {
+const Bn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Kn = (e) => (t) => 1 - e(1 - t), Wn = /* @__PURE__ */ Te(0.33, 1.53, 0.69, 0.99), bt = /* @__PURE__ */ Kn(Wn), $n = /* @__PURE__ */ Bn(bt), jn = (e) => (e *= 2) < 1 ? 0.5 * bt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), vt = (e) => 1 - Math.sin(Math.acos(e)), Wi = Kn(vt), _n = Bn(vt), $i = /* @__PURE__ */ Te(0.42, 0, 1, 1), ji = /* @__PURE__ */ Te(0, 0, 0.58, 1), Un = /* @__PURE__ */ Te(0.42, 0, 0.58, 1), _i = (e) => Array.isArray(e) && typeof e[0] != "number", Hn = (e) => Array.isArray(e) && typeof e[0] == "number", Gt = {
   linear: ae,
-  easeIn: Wi,
+  easeIn: $i,
   easeInOut: Un,
-  easeOut: $i,
+  easeOut: ji,
   circIn: vt,
   circInOut: _n,
-  circOut: Ki,
+  circOut: Wi,
   backIn: bt,
   backInOut: $n,
   backOut: Wn,
   anticipate: jn
-}, _i = (e) => typeof e == "string", zt = (e) => {
-  if (Gn(e)) {
+}, Ui = (e) => typeof e == "string", zt = (e) => {
+  if (Hn(e)) {
     X(e.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [t, n, s, i] = e;
     return Te(t, n, s, i);
-  } else if (_i(e))
-    return X(Ht[e] !== void 0, `Invalid easing type '${e}'`, "invalid-easing-type"), Ht[e];
+  } else if (Ui(e))
+    return X(Gt[e] !== void 0, `Invalid easing type '${e}'`, "invalid-easing-type"), Gt[e];
   return e;
 }, Se = [
   "setup",
@@ -421,7 +422,7 @@ const Bn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Kn
   "postRender"
   // Compute
 ];
-function Ui(e, t) {
+function Hi(e, t) {
   let n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), i = !1, r = !1;
   const o = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -460,37 +461,37 @@ function Ui(e, t) {
   return u;
 }
 const Gi = 40;
-function Hn(e, t) {
+function Gn(e, t) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, r = () => n = !0, o = Se.reduce((m, C) => (m[C] = Ui(r), m), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: f, preRender: d, render: h, postRender: g } = o, y = () => {
+  }, r = () => n = !0, o = Se.reduce((m, M) => (m[M] = Hi(r), m), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: f, preRender: d, render: h, postRender: g } = o, y = () => {
     const m = W.useManualTiming ? i.timestamp : performance.now();
     n = !1, W.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(m - i.timestamp, Gi), 1)), i.timestamp = m, i.isProcessing = !0, a.process(i), l.process(i), u.process(i), c.process(i), f.process(i), d.process(i), h.process(i), g.process(i), i.isProcessing = !1, n && t && (s = !1, e(y));
   }, T = () => {
     n = !0, s = !0, i.isProcessing || e(y);
   };
-  return { schedule: Se.reduce((m, C) => {
-    const w = o[C];
-    return m[C] = (A, x = !1, S = !1) => (n || T(), w.schedule(A, x, S)), m;
+  return { schedule: Se.reduce((m, M) => {
+    const w = o[M];
+    return m[M] = (A, x = !1, S = !1) => (n || T(), w.schedule(A, x, S)), m;
   }, {}), cancel: (m) => {
-    for (let C = 0; C < Se.length; C++)
-      o[Se[C]].cancel(m);
+    for (let M = 0; M < Se.length; M++)
+      o[Se[M]].cancel(m);
   }, state: i, steps: o };
 }
-const { schedule: N, cancel: Xe, state: Me } = /* @__PURE__ */ Hn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ae, !0);
+const { schedule: N, cancel: Xe, state: Me } = /* @__PURE__ */ Gn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ae, !0);
 let Ve;
-function Hi() {
+function zi() {
   Ve = void 0;
 }
 const I = {
   now: () => (Ve === void 0 && I.set(Me.isProcessing || W.useManualTiming ? Me.timestamp : performance.now()), Ve),
   set: (e) => {
-    Ve = e, queueMicrotask(Hi);
+    Ve = e, queueMicrotask(zi);
   }
-}, zn = (e) => (t) => typeof t == "string" && t.startsWith(e), Yn = /* @__PURE__ */ zn("--"), zi = /* @__PURE__ */ zn("var(--"), Tt = (e) => zi(e) ? Yi.test(e.split("/*")[0].trim()) : !1, Yi = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, ce = {
+}, zn = (e) => (t) => typeof t == "string" && t.startsWith(e), Yn = /* @__PURE__ */ zn("--"), Yi = /* @__PURE__ */ zn("var(--"), Tt = (e) => Yi(e) ? Xi.test(e.split("/*")[0].trim()) : !1, Xi = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, ce = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
@@ -501,10 +502,10 @@ const I = {
   ...ce,
   default: 1
 }, me = (e) => Math.round(e * 1e5) / 1e5, wt = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function Xi(e) {
+function qi(e) {
   return e == null;
 }
-const qi = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, St = (e, t) => (n) => !!(typeof n == "string" && qi.test(n) && n.startsWith(e) || t && !Xi(n) && Object.prototype.hasOwnProperty.call(n, t)), Xn = (e, t, n) => (s) => {
+const Zi = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, St = (e, t) => (n) => !!(typeof n == "string" && Zi.test(n) && n.startsWith(e) || t && !qi(n) && Object.prototype.hasOwnProperty.call(n, t)), Xn = (e, t, n) => (s) => {
   if (typeof s != "string")
     return s;
   const [i, r, o, a] = s.match(wt);
@@ -514,15 +515,15 @@ const qi = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Zi = (e) => Y(0, 255, e), We = {
+}, Ji = (e) => Y(0, 255, e), We = {
   ...ce,
-  transform: (e) => Math.round(Zi(e))
+  transform: (e) => Math.round(Ji(e))
 }, U = {
   test: /* @__PURE__ */ St("rgb", "red"),
   parse: /* @__PURE__ */ Xn("red", "green", "blue"),
   transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + We.transform(e) + ", " + We.transform(t) + ", " + We.transform(n) + ", " + me(ge.transform(s)) + ")"
 };
-function Ji(e) {
+function Qi(e) {
   let t = "", n = "", s = "", i = "";
   return e.length > 5 ? (t = e.substring(1, 3), n = e.substring(3, 5), s = e.substring(5, 7), i = e.substring(7, 9)) : (t = e.substring(1, 2), n = e.substring(2, 3), s = e.substring(3, 4), i = e.substring(4, 5), t += t, n += n, s += s, i += i), {
     red: parseInt(t, 16),
@@ -533,13 +534,13 @@ function Ji(e) {
 }
 const qe = {
   test: /* @__PURE__ */ St("#"),
-  parse: Ji,
+  parse: Qi,
   transform: U.transform
 }, we = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), $ = /* @__PURE__ */ we("deg"), te = /* @__PURE__ */ we("%"), b = /* @__PURE__ */ we("px"), Qi = /* @__PURE__ */ we("vh"), er = /* @__PURE__ */ we("vw"), Yt = {
+}), $ = /* @__PURE__ */ we("deg"), te = /* @__PURE__ */ we("%"), b = /* @__PURE__ */ we("px"), er = /* @__PURE__ */ we("vh"), tr = /* @__PURE__ */ we("vw"), Yt = {
   ...te,
   parse: (e) => te.parse(e) / 100,
   transform: (e) => te.transform(e * 100)
@@ -555,12 +556,12 @@ const qe = {
     const t = E.parse(e);
     return t.alpha = 0, E.transform(t);
   }
-}, tr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function nr(e) {
+}, nr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function sr(e) {
   var t, n;
-  return isNaN(e) && typeof e == "string" && (((t = e.match(wt)) == null ? void 0 : t.length) || 0) + (((n = e.match(tr)) == null ? void 0 : n.length) || 0) > 0;
+  return isNaN(e) && typeof e == "string" && (((t = e.match(wt)) == null ? void 0 : t.length) || 0) + (((n = e.match(nr)) == null ? void 0 : n.length) || 0) > 0;
 }
-const qn = "number", Zn = "color", sr = "var", ir = "var(", Xt = "${}", rr = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+const qn = "number", Zn = "color", ir = "var", rr = "var(", Xt = "${}", or = /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 ye(e) {
   const t = e.toString(), n = [], s = {
     color: [],
@@ -568,7 +569,7 @@ function ye(e) {
     var: []
   }, i = [];
   let r = 0;
-  const a = t.replace(rr, (l) => (E.test(l) ? (s.color.push(r), i.push(Zn), n.push(E.parse(l))) : l.startsWith(ir) ? (s.var.push(r), i.push(sr), n.push(l)) : (s.number.push(r), i.push(qn), n.push(parseFloat(l))), ++r, Xt)).split(Xt);
+  const a = t.replace(or, (l) => (E.test(l) ? (s.color.push(r), i.push(Zn), n.push(E.parse(l))) : l.startsWith(rr) ? (s.var.push(r), i.push(ir), n.push(l)) : (s.number.push(r), i.push(qn), n.push(parseFloat(l))), ++r, Xt)).split(Xt);
   return { values: n, split: a, indexes: s, types: i };
 }
 function Jn(e) {
@@ -586,21 +587,21 @@ function Qn(e) {
     return r;
   };
 }
-const or = (e) => typeof e == "number" ? 0 : E.test(e) ? E.getAnimatableNone(e) : e;
-function ar(e) {
+const ar = (e) => typeof e == "number" ? 0 : E.test(e) ? E.getAnimatableNone(e) : e;
+function cr(e) {
   const t = Jn(e);
-  return Qn(e)(t.map(or));
+  return Qn(e)(t.map(ar));
 }
 const ue = {
-  test: nr,
+  test: sr,
   parse: Jn,
   createTransformer: Qn,
-  getAnimatableNone: ar
+  getAnimatableNone: cr
 };
 function $e(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 cr({ hue: e, saturation: t, lightness: n, alpha: s }) {
+function ur({ hue: e, saturation: t, lightness: n, alpha: s }) {
   e /= 360, t /= 100, n /= 100;
   let i = 0, r = 0, o = 0;
   if (!t)
@@ -622,13 +623,13 @@ function Pe(e, t) {
 const Ie = (e, t, n) => e + (t - e) * n, je = (e, t, n) => {
   const s = e * e, i = n * (t * t - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, ur = [qe, U, J], lr = (e) => ur.find((t) => t.test(e));
+}, lr = [qe, U, J], fr = (e) => lr.find((t) => t.test(e));
 function qt(e) {
-  const t = lr(e);
+  const t = fr(e);
   if (ve(!!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 === J && (n = cr(n)), n;
+  return t === J && (n = ur(n)), n;
 }
 const Zt = (e, t) => {
   const n = qt(e), s = qt(t);
@@ -637,14 +638,14 @@ const Zt = (e, t) => {
   const i = { ...n };
   return (r) => (i.red = je(n.red, s.red, r), i.green = je(n.green, s.green, r), i.blue = je(n.blue, s.blue, r), i.alpha = Ie(n.alpha, s.alpha, r), U.transform(i));
 }, Ze = /* @__PURE__ */ new Set(["none", "hidden"]);
-function fr(e, t) {
+function dr(e, t) {
   return Ze.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
-function dr(e, t) {
+function hr(e, t) {
   return (n) => Ie(e, t, n);
 }
 function xt(e) {
-  return typeof e == "number" ? dr : typeof e == "string" ? Tt(e) ? Pe : E.test(e) ? Zt : mr : Array.isArray(e) ? es : typeof e == "object" ? E.test(e) ? Zt : hr : Pe;
+  return typeof e == "number" ? hr : typeof e == "string" ? Tt(e) ? Pe : E.test(e) ? Zt : gr : Array.isArray(e) ? es : typeof e == "object" ? E.test(e) ? Zt : pr : Pe;
 }
 function es(e, t) {
   const n = [...e], s = n.length, i = e.map((r, o) => xt(r)(r, t[o]));
@@ -654,7 +655,7 @@ function es(e, t) {
     return n;
   };
 }
-function hr(e, t) {
+function pr(e, t) {
   const n = { ...e, ...t }, s = {};
   for (const i in n)
     e[i] !== void 0 && t[i] !== void 0 && (s[i] = xt(e[i])(e[i], t[i]));
@@ -664,7 +665,7 @@ function hr(e, t) {
     return n;
   };
 }
-function pr(e, t) {
+function mr(e, t) {
   const n = [], s = { color: 0, var: 0, number: 0 };
   for (let i = 0; i < t.values.length; i++) {
     const r = t.types[i], o = e.indexes[r][s[r]], a = e.values[o] ?? 0;
@@ -672,14 +673,14 @@ function pr(e, t) {
   }
   return n;
 }
-const mr = (e, t) => {
+const gr = (e, t) => {
   const n = ue.createTransformer(t), s = ye(e), i = ye(t);
-  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Ze.has(e) && !i.values.length || Ze.has(t) && !s.values.length ? fr(e, t) : Le(es(pr(s, i), i.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"), Pe(e, t));
+  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Ze.has(e) && !i.values.length || Ze.has(t) && !s.values.length ? dr(e, t) : Le(es(mr(s, i), i.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"), Pe(e, t));
 };
 function ts(e, t, n) {
   return typeof e == "number" && typeof t == "number" && typeof n == "number" ? Ie(e, t, n) : xt(e)(e, t);
 }
-const gr = (e) => {
+const yr = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
     start: (n = !0) => N.update(t, n),
@@ -705,7 +706,7 @@ function Vt(e) {
     t += n, s = e.next(t);
   return t >= Ee ? 1 / 0 : t;
 }
-function yr(e, t = 100, n) {
+function br(e, t = 100, n) {
   const s = n({ ...e, keyframes: [0, t] }), i = Math.min(Vt(s), Ee);
   return {
     type: "keyframes",
@@ -713,9 +714,9 @@ function yr(e, t = 100, n) {
     duration: /* @__PURE__ */ K(i)
   };
 }
-const br = 5;
+const vr = 5;
 function ss(e, t, n) {
-  const s = Math.max(t - br, 0);
+  const s = Math.max(t - vr, 0);
   return In(n - e(s), t - s);
 }
 const P = {
@@ -747,7 +748,7 @@ const P = {
   minDamping: 0.05,
   maxDamping: 1
 }, _e = 1e-3;
-function vr({ duration: e = P.duration, bounce: t = P.bounce, velocity: n = P.velocity, mass: s = P.mass }) {
+function Tr({ duration: e = P.duration, bounce: t = P.bounce, velocity: n = P.velocity, mass: s = P.mass }) {
   let i, r;
   ve(e <= /* @__PURE__ */ B(P.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let o = 1 - t;
@@ -764,7 +765,7 @@ function vr({ duration: e = P.duration, bounce: t = P.bounce, velocity: n = P.ve
     const c = Math.exp(-u * e), f = (n - u) * (e * e);
     return c * f;
   });
-  const a = 5 / e, l = wr(i, r, a);
+  const a = 5 / e, l = Sr(i, r, a);
   if (e = /* @__PURE__ */ B(e), isNaN(l))
     return {
       stiffness: P.stiffness,
@@ -780,21 +781,21 @@ function vr({ duration: e = P.duration, bounce: t = P.bounce, velocity: n = P.ve
     };
   }
 }
-const Tr = 12;
-function wr(e, t, n) {
+const wr = 12;
+function Sr(e, t, n) {
   let s = n;
-  for (let i = 1; i < Tr; i++)
+  for (let i = 1; i < wr; i++)
     s = s - e(s) / t(s);
   return s;
 }
 function Je(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
-const Sr = ["duration", "bounce"], xr = ["stiffness", "damping", "mass"];
+const xr = ["duration", "bounce"], Vr = ["stiffness", "damping", "mass"];
 function Jt(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
-function Vr(e) {
+function Ar(e) {
   let t = {
     velocity: P.velocity,
     stiffness: P.stiffness,
@@ -803,7 +804,7 @@ function Vr(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!Jt(e, xr) && Jt(e, Sr))
+  if (!Jt(e, Vr) && Jt(e, xr))
     if (e.visualDuration) {
       const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * Y(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(i);
       t = {
@@ -813,7 +814,7 @@ function Vr(e) {
         damping: r
       };
     } else {
-      const n = vr(e);
+      const n = Tr(e);
       t = {
         ...t,
         ...n,
@@ -829,7 +830,7 @@ function De(e = P.visualDuration, t = P.bounce) {
     bounce: t
   } : e;
   let { restSpeed: s, restDelta: i } = n;
-  const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: l, damping: u, mass: c, duration: f, velocity: d, isResolvedFromDuration: h } = Vr({
+  const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: l, damping: u, mass: c, duration: f, velocity: d, isResolvedFromDuration: h } = Ar({
     ...n,
     velocity: -/* @__PURE__ */ K(n.velocity || 0)
   }), g = d || 0, y = u / (2 * Math.sqrt(l * c)), T = o - r, p = /* @__PURE__ */ K(Math.sqrt(l / c)), V = Math.abs(T) < 5;
@@ -850,7 +851,7 @@ function De(e = P.visualDuration, t = P.bounce) {
       return o - x * ((g + y * p * T) * Math.sinh(S) + w * T * Math.cosh(S)) / w;
     };
   }
-  const C = {
+  const M = {
     calculatedDuration: h && f || null,
     next: (w) => {
       const A = m(w);
@@ -865,16 +866,16 @@ function De(e = P.visualDuration, t = P.bounce) {
       return a.value = a.done ? o : A, a;
     },
     toString: () => {
-      const w = Math.min(Vt(C), Ee), A = ns((x) => C.next(w * x).value, w, 30);
+      const w = Math.min(Vt(M), Ee), A = ns((x) => M.next(w * x).value, w, 30);
       return w + "ms " + A;
     },
     toTransition: () => {
     }
   };
-  return C;
+  return M;
 }
 De.applyToOptions = (e) => {
-  const t = yr(e, 100, De);
+  const t = br(e, 100, De);
   return e.ease = t.ease, e.duration = /* @__PURE__ */ B(t.duration), e.type = "keyframes", e;
 };
 function Qe({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
@@ -885,7 +886,7 @@ function Qe({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
   let y = n * t;
   const T = f + y, p = o === void 0 ? T : o(T);
   p !== T && (y = p - f);
-  const V = (S) => -y * Math.exp(-S / s), m = (S) => p + V(S), C = (S) => {
+  const V = (S) => -y * Math.exp(-S / s), m = (S) => p + V(S), M = (S) => {
     const D = V(S), O = m(S);
     d.done = Math.abs(D) <= u, d.value = d.done ? p : O;
   };
@@ -905,11 +906,11 @@ function Qe({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
     calculatedDuration: null,
     next: (S) => {
       let D = !1;
-      return !A && w === void 0 && (D = !0, C(S), x(S)), w !== void 0 && S >= w ? A.next(S - w) : (!D && C(S), d);
+      return !A && w === void 0 && (D = !0, M(S), x(S)), w !== void 0 && S >= w ? A.next(S - w) : (!D && M(S), d);
     }
   };
 }
-function Ar(e, t, n) {
+function Cr(e, t, n) {
   const s = [], i = n || W.mix || ts, r = e.length - 1;
   for (let o = 0; o < r; o++) {
     let a = i(e[o], e[o + 1]);
@@ -921,7 +922,7 @@ function Ar(e, t, n) {
   }
   return s;
 }
-function Cr(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
+function Mr(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const r = e.length;
   if (X(r === t.length, "Both input and output ranges must be the same length", "range-length"), r === 1)
     return () => t[0];
@@ -929,7 +930,7 @@ function Cr(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
     return () => t[1];
   const o = e[0] === e[1];
   e[0] > e[r - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const a = Ar(t, s, i), l = a.length, u = (c) => {
+  const a = Cr(t, s, i), l = a.length, u = (c) => {
     if (o && c < e[0])
       return t[0];
     let f = 0;
@@ -941,46 +942,46 @@ function Cr(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
   };
   return n ? (c) => u(Y(e[0], e[r - 1], c)) : u;
 }
-function Mr(e, t) {
+function Pr(e, t) {
   const n = e[e.length - 1];
   for (let s = 1; s <= t; s++) {
     const i = /* @__PURE__ */ Rn(0, t, s);
     e.push(Ie(n, 1, i));
   }
 }
-function Pr(e) {
+function Er(e) {
   const t = [0];
-  return Mr(t, e.length - 1), t;
+  return Pr(t, e.length - 1), t;
 }
-function Er(e, t) {
+function Dr(e, t) {
   return e.map((n) => n * t);
 }
-function Dr(e, t) {
+function Fr(e, t) {
   return e.map(() => t || Un).splice(0, e.length - 1);
 }
 function Q({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const i = ji(s) ? s.map(zt) : zt(s), r = {
+  const i = _i(s) ? s.map(zt) : zt(s), r = {
     done: !1,
     value: t[0]
-  }, o = Er(
+  }, o = Dr(
     // 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 : Pr(t),
+    n && n.length === t.length ? n : Er(t),
     e
-  ), a = Cr(o, t, {
-    ease: Array.isArray(i) ? i : Dr(t, i)
+  ), a = Mr(o, t, {
+    ease: Array.isArray(i) ? i : Fr(t, i)
   });
   return {
     calculatedDuration: e,
     next: (l) => (r.value = a(l), r.done = l >= e, r)
   };
 }
-const Fr = (e) => e !== null;
+const Or = (e) => e !== null;
 function At(e, { repeat: t, repeatType: n = "loop" }, s, i = 1) {
-  const r = e.filter(Fr), a = i < 0 || t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
+  const r = e.filter(Or), a = i < 0 || t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
   return !a || s === void 0 ? r[a] : s;
 }
-const Or = {
+const Rr = {
   decay: Qe,
   inertia: Qe,
   tween: Q,
@@ -988,7 +989,7 @@ const Or = {
   spring: De
 };
 function is(e) {
-  typeof e.type == "string" && (e.type = Or[e.type]);
+  typeof e.type == "string" && (e.type = Rr[e.type]);
 }
 class Ct {
   constructor() {
@@ -1014,7 +1015,7 @@ class Ct {
     return this.finished.then(t, n);
   }
 }
-const Rr = (e) => e / 100;
+const Lr = (e) => e / 100;
 class Mt extends Ct {
   constructor(t) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
@@ -1029,7 +1030,7 @@ class Mt extends Ct {
     const { type: n = Q, repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = t;
     let { keyframes: a } = t;
     const l = n || Q;
-    process.env.NODE_ENV !== "production" && l !== Q && X(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== Q && typeof a[0] != "number" && (this.mixKeyframes = Le(Rr, ts(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== Q && X(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== Q && typeof a[0] != "number" && (this.mixKeyframes = Le(Lr, ts(a[0], a[1])), a = [0, 100]);
     const u = l({ ...t, keyframes: a });
     r === "mirror" && (this.mirroredGenerator = l({
       ...t,
@@ -1051,13 +1052,13 @@ class Mt extends Ct {
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - i / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
     const p = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), V = this.playbackSpeed >= 0 ? p < 0 : p > i;
     this.currentTime = Math.max(p, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
-    let m = this.currentTime, C = s;
+    let m = this.currentTime, M = s;
     if (f) {
       const S = Math.min(this.currentTime, i) / a;
       let D = Math.floor(S), O = S % 1;
-      !O && S >= 1 && (O = 1), O === 1 && D--, D = Math.min(D, f + 1), !!(D % 2) && (d === "reverse" ? (O = 1 - O, h && (O -= h / a)) : d === "mirror" && (C = o)), m = Y(0, 1, O) * a;
+      !O && S >= 1 && (O = 1), O === 1 && D--, D = Math.min(D, f + 1), !!(D % 2) && (d === "reverse" ? (O = 1 - O, h && (O -= h / a)) : d === "mirror" && (M = o)), m = Y(0, 1, O) * a;
     }
-    const w = V ? { done: !1, value: c[0] } : C.next(m);
+    const w = V ? { done: !1, value: c[0] } : M.next(m);
     r && (w.value = r(w.value));
     let { done: A } = w;
     !V && l !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
@@ -1094,7 +1095,7 @@ class Mt extends Ct {
     var i, r;
     if (this.isStopped)
       return;
-    const { driver: t = gr, startTime: n } = this.options;
+    const { driver: t = yr, startTime: n } = this.options;
     this.driver || (this.driver = t((o) => this.tick(o))), (r = (i = this.options).onPlay) == null || r.call(i);
     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();
@@ -1127,14 +1128,14 @@ class Mt extends Ct {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), (n = this.driver) == null || n.stop(), t.observe(this);
   }
 }
-function Lr(e) {
+function Ir(e) {
   for (let t = 1; t < e.length; t++)
     e[t] ?? (e[t] = e[t - 1]);
 }
-const G = (e) => e * 180 / Math.PI, et = (e) => {
-  const t = G(Math.atan2(e[1], e[0]));
+const H = (e) => e * 180 / Math.PI, et = (e) => {
+  const t = H(Math.atan2(e[1], e[0]));
   return tt(t);
-}, Ir = {
+}, kr = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -1144,10 +1145,10 @@ const G = (e) => e * 180 / Math.PI, et = (e) => {
   scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
   rotate: et,
   rotateZ: et,
-  skewX: (e) => G(Math.atan(e[1])),
-  skewY: (e) => G(Math.atan(e[2])),
+  skewX: (e) => H(Math.atan(e[1])),
+  skewY: (e) => H(Math.atan(e[2])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
-}, tt = (e) => (e = e % 360, e < 0 && (e += 360), e), Qt = et, en = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), tn = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), kr = {
+}, tt = (e) => (e = e % 360, e < 0 && (e += 360), e), Qt = et, en = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), tn = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), Nr = {
   x: 12,
   y: 13,
   z: 14,
@@ -1157,12 +1158,12 @@ const G = (e) => e * 180 / Math.PI, et = (e) => {
   scaleX: en,
   scaleY: tn,
   scale: (e) => (en(e) + tn(e)) / 2,
-  rotateX: (e) => tt(G(Math.atan2(e[6], e[5]))),
-  rotateY: (e) => tt(G(Math.atan2(-e[2], e[0]))),
+  rotateX: (e) => tt(H(Math.atan2(e[6], e[5]))),
+  rotateY: (e) => tt(H(Math.atan2(-e[2], e[0]))),
   rotateZ: Qt,
   rotate: Qt,
-  skewX: (e) => G(Math.atan(e[4])),
-  skewY: (e) => G(Math.atan(e[1])),
+  skewX: (e) => H(Math.atan(e[4])),
+  skewY: (e) => H(Math.atan(e[1])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
 };
 function nt(e) {
@@ -1174,21 +1175,21 @@ function st(e, t) {
   const n = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, i;
   if (n)
-    s = kr, i = n;
+    s = Nr, i = n;
   else {
     const a = e.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    s = Ir, i = a;
+    s = kr, i = a;
   }
   if (!i)
     return nt(t);
-  const r = s[t], o = i[1].split(",").map(Br);
+  const r = s[t], o = i[1].split(",").map(Kr);
   return typeof r == "function" ? r(o) : o[r];
 }
-const Nr = (e, t) => {
+const Br = (e, t) => {
   const { transform: n = "none" } = getComputedStyle(e);
   return st(n, t);
 };
-function Br(e) {
+function Kr(e) {
   return parseFloat(e.trim());
 }
 const le = [
@@ -1209,15 +1210,15 @@ const le = [
   "skew",
   "skewX",
   "skewY"
-], fe = new Set(le), nn = (e) => e === ce || e === b, Kr = /* @__PURE__ */ new Set(["x", "y", "z"]), Wr = le.filter((e) => !Kr.has(e));
-function $r(e) {
+], fe = new Set(le), nn = (e) => e === ce || e === b, Wr = /* @__PURE__ */ new Set(["x", "y", "z"]), $r = le.filter((e) => !Wr.has(e));
+function jr(e) {
   const t = [];
-  return Wr.forEach((n) => {
+  return $r.forEach((n) => {
     const s = e.getValue(n);
     s !== void 0 && (t.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), t;
 }
-const H = {
+const G = {
   // 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),
@@ -1229,15 +1230,15 @@ const H = {
   x: (e, { transform: t }) => st(t, "x"),
   y: (e, { transform: t }) => st(t, "y")
 };
-H.translateX = H.x;
-H.translateY = H.y;
+G.translateX = G.x;
+G.translateY = G.y;
 const z = /* @__PURE__ */ new Set();
 let it = !1, rt = !1, ot = !1;
 function rs() {
   if (rt) {
     const e = Array.from(z).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     t.forEach((s) => {
-      const i = $r(s);
+      const i = jr(s);
       i.length && (n.set(s, i), s.render());
     }), e.forEach((s) => s.measureInitialState()), t.forEach((s) => {
       s.render();
@@ -1257,7 +1258,7 @@ function os() {
     e.readKeyframes(), e.needsMeasurement && (rt = !0);
   });
 }
-function jr() {
+function _r() {
   ot = !0, os(), rs(), ot = !1;
 }
 class Pt {
@@ -1279,7 +1280,7 @@ class Pt {
       }
       t[0] === void 0 && (t[0] = o), i && r === void 0 && i.set(t[0]);
     }
-    Lr(t);
+    Ir(t);
   }
   setFinalKeyframe() {
   }
@@ -1299,16 +1300,16 @@ class Pt {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const _r = (e) => e.startsWith("--");
-function Ur(e, t, n) {
-  _r(t) ? e.style.setProperty(t, n) : e.style[t] = n;
+const Ur = (e) => e.startsWith("--");
+function Hr(e, t, n) {
+  Ur(t) ? e.style.setProperty(t, n) : e.style[t] = n;
 }
-const Gr = /* @__PURE__ */ yt(() => window.ScrollTimeline !== void 0), Hr = {};
-function zr(e, t) {
+const Gr = /* @__PURE__ */ yt(() => window.ScrollTimeline !== void 0), zr = {};
+function Yr(e, t) {
   const n = /* @__PURE__ */ yt(e);
-  return () => Hr[t] ?? n();
+  return () => zr[t] ?? n();
 }
-const as = /* @__PURE__ */ zr(() => {
+const as = /* @__PURE__ */ Yr(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -1328,9 +1329,9 @@ const as = /* @__PURE__ */ zr(() => {
 };
 function cs(e, t) {
   if (e)
-    return typeof e == "function" ? as() ? ns(e, t) : "ease-out" : Gn(e) ? he(e) : Array.isArray(e) ? e.map((n) => cs(n, t) || sn.easeOut) : sn[e];
+    return typeof e == "function" ? as() ? ns(e, t) : "ease-out" : Hn(e) ? he(e) : Array.isArray(e) ? e.map((n) => cs(n, t) || sn.easeOut) : sn[e];
 }
-function Yr(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a = "easeOut", times: l } = {}, u = void 0) {
+function Xr(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a = "easeOut", times: l } = {}, u = void 0) {
   const c = {
     [t]: n
   };
@@ -1350,20 +1351,20 @@ function Yr(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatTyp
 function us(e) {
   return typeof e == "function" && "applyToOptions" in e;
 }
-function Xr({ type: e, ...t }) {
+function qr({ type: e, ...t }) {
   return us(e) && as() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
 }
-class qr extends Ct {
+class Zr extends Ct {
   constructor(t) {
     if (super(), this.finishedTime = null, this.isStopped = !1, !t)
       return;
     const { element: n, name: s, keyframes: i, pseudoElement: r, allowFlatten: o = !1, finalKeyframe: a, onComplete: l } = t;
     this.isPseudoElement = !!r, this.allowFlatten = o, this.options = t, X(typeof t.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
-    const u = Xr(t);
-    this.animation = Yr(n, s, i, u, r), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    const u = qr(t);
+    this.animation = Xr(n, s, i, u, r), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !r) {
         const c = At(i, this.options, a, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(c) : Ur(n, s, c), this.animation.cancel();
+        this.updateMotionValue ? this.updateMotionValue(c) : Hr(n, s, c), this.animation.cancel();
       }
       l == null || l(), this.notifyFinished();
     };
@@ -1450,16 +1451,16 @@ const ls = {
   backInOut: $n,
   circInOut: _n
 };
-function Zr(e) {
+function Jr(e) {
   return e in ls;
 }
-function Jr(e) {
-  typeof e.ease == "string" && Zr(e.ease) && (e.ease = ls[e.ease]);
+function Qr(e) {
+  typeof e.ease == "string" && Jr(e.ease) && (e.ease = ls[e.ease]);
 }
 const rn = 10;
-class Qr extends qr {
+class eo extends Zr {
   constructor(t) {
-    Jr(t), is(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
+    Qr(t), is(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1487,7 +1488,7 @@ class Qr extends qr {
 const on = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
 (ue.test(e) || e === "0") && // And it contains numbers and/or colors
 !e.startsWith("url("));
-function eo(e) {
+function to(e) {
   const t = e[0];
   if (e.length === 1)
     return !0;
@@ -1495,40 +1496,40 @@ function eo(e) {
     if (e[n] !== t)
       return !0;
 }
-function to(e, t, n, s) {
+function no(e, t, n, s) {
   const i = e[0];
   if (i === null)
     return !1;
   if (t === "display" || t === "visibility")
     return !0;
   const r = e[e.length - 1], o = on(i, t), a = on(r, t);
-  return ve(o === a, `You are trying to animate ${t} from "${i}" to "${r}". "${o ? r : i}" is not an animatable value.`, "value-not-animatable"), !o || !a ? !1 : eo(e) || (n === "spring" || us(n)) && s;
+  return ve(o === a, `You are trying to animate ${t} from "${i}" to "${r}". "${o ? r : i}" is not an animatable value.`, "value-not-animatable"), !o || !a ? !1 : to(e) || (n === "spring" || us(n)) && s;
 }
 function at(e) {
   e.duration = 0, e.type;
 }
-const no = /* @__PURE__ */ new Set([
+const so = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), so = /* @__PURE__ */ yt(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function io(e) {
+]), io = /* @__PURE__ */ yt(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function ro(e) {
   var c;
   const { motionValue: t, name: n, repeatDelay: s, repeatType: i, damping: r, 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 so() && n && no.has(n) && (n !== "transform" || !u) && /**
+  return io() && n && so.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 && i !== "mirror" && r !== 0 && o !== "inertia";
 }
-const ro = 40;
-class oo extends Ct {
+const oo = 40;
+class ao extends Ct {
   constructor({ autoplay: t = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: r = 0, repeatType: o = "loop", keyframes: a, name: l, motionValue: u, element: c, ...f }) {
     var g;
     super(), this.stop = () => {
@@ -1552,13 +1553,13 @@ class oo extends Ct {
   onKeyframesResolved(t, n, s, i) {
     this.keyframeResolver = void 0;
     const { name: r, type: o, velocity: a, delay: l, isHandoff: u, onUpdate: c } = s;
-    this.resolvedAt = I.now(), to(t, r, o, a) || ((W.instantAnimations || !l) && (c == null || c(At(t, s, n))), t[0] = t[t.length - 1], at(s), s.repeat = 0);
+    this.resolvedAt = I.now(), no(t, r, o, a) || ((W.instantAnimations || !l) && (c == null || c(At(t, s, n))), t[0] = t[t.length - 1], at(s), s.repeat = 0);
     const d = {
-      startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > ro ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > oo ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
       ...s,
       keyframes: t
-    }, h = !u && io(d) ? new Qr({
+    }, h = !u && ro(d) ? new eo({
       ...d,
       element: d.motionValue.owner.current
     }) : new Mt(d);
@@ -1573,7 +1574,7 @@ class oo extends Ct {
   }
   get animation() {
     var t;
-    return this._animation || ((t = this.keyframeResolver) == null || t.resume(), jr()), this._animation;
+    return this._animation || ((t = this.keyframeResolver) == null || t.resume(), _r()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -1613,21 +1614,21 @@ class oo extends Ct {
     this._animation && this.animation.cancel(), (t = this.keyframeResolver) == null || t.cancel();
   }
 }
-const ao = (
+const co = (
   // 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 co(e) {
-  const t = ao.exec(e);
+function uo(e) {
+  const t = co.exec(e);
   if (!t)
     return [,];
   const [, n, s, i] = t;
   return [`--${n ?? s}`, i];
 }
-const uo = 4;
+const lo = 4;
 function fs(e, t, n = 1) {
-  X(n <= uo, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
-  const [s, i] = co(e);
+  X(n <= lo, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  const [s, i] = uo(e);
   if (!s)
     return;
   const r = window.getComputedStyle(t).getPropertyValue(s);
@@ -1648,15 +1649,15 @@ const hs = /* @__PURE__ */ new Set([
   "right",
   "bottom",
   ...le
-]), lo = {
+]), fo = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, ps = (e) => (t) => t.test(e), ms = [ce, b, te, $, er, Qi, lo], an = (e) => ms.find(ps(e));
-function fo(e) {
+}, ps = (e) => (t) => t.test(e), ms = [ce, b, te, $, tr, er, fo], an = (e) => ms.find(ps(e));
+function ho(e) {
   return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || On(e) : !0;
 }
-const ho = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function po(e) {
+const po = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function mo(e) {
   const [t, n] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
     return e;
@@ -1664,19 +1665,19 @@ function po(e) {
   if (!s)
     return e;
   const i = n.replace(s, "");
-  let r = ho.has(t) ? 1 : 0;
+  let r = po.has(t) ? 1 : 0;
   return s !== n && (r *= 100), t + "(" + r + i + ")";
 }
-const mo = /\b([a-z-]*)\(.*?\)/gu, ct = {
+const go = /\b([a-z-]*)\(.*?\)/gu, ct = {
   ...ue,
   getAnimatableNone: (e) => {
-    const t = e.match(mo);
-    return t ? t.map(po).join(" ") : e;
+    const t = e.match(go);
+    return t ? t.map(mo).join(" ") : e;
   }
 }, cn = {
   ...ce,
   transform: Math.round
-}, go = {
+}, yo = {
   rotate: $,
   rotateX: $,
   rotateY: $,
@@ -1737,13 +1738,13 @@ const mo = /\b([a-z-]*)\(.*?\)/gu, ct = {
   // Misc
   backgroundPositionX: b,
   backgroundPositionY: b,
-  ...go,
+  ...yo,
   zIndex: cn,
   // SVG
   fillOpacity: ge,
   strokeOpacity: ge,
   numOctaves: cn
-}, yo = {
+}, bo = {
   ...Et,
   // Color props
   color: E,
@@ -1759,23 +1760,23 @@ const mo = /\b([a-z-]*)\(.*?\)/gu, ct = {
   borderLeftColor: E,
   filter: ct,
   WebkitFilter: ct
-}, gs = (e) => yo[e];
+}, gs = (e) => bo[e];
 function ys(e, t) {
   let n = gs(e);
   return n !== ct && (n = ue), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
 }
-const bo = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function vo(e, t, n) {
+const vo = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function To(e, t, n) {
   let s = 0, i;
   for (; s < e.length && !i; ) {
     const r = e[s];
-    typeof r == "string" && !bo.has(r) && ye(r).values.length && (i = e[s]), s++;
+    typeof r == "string" && !vo.has(r) && ye(r).values.length && (i = e[s]), s++;
   }
   if (i && n)
     for (const r of t)
       e[r] = ys(n, i);
 }
-class To extends Pt {
+class wo extends Pt {
   constructor(t, n, s, i, r) {
     super(t, n, s, i, r, !0);
   }
@@ -1800,19 +1801,19 @@ class To extends Pt {
           const u = t[l];
           typeof u == "string" && (t[l] = parseFloat(u));
         }
-      else H[s] && (this.needsMeasurement = !0);
+      else G[s] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, s = [];
     for (let i = 0; i < t.length; i++)
-      (t[i] === null || fo(t[i])) && s.push(i);
-    s.length && vo(t, s, n);
+      (t[i] === null || ho(t[i])) && s.push(i);
+    s.length && To(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 = H[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
+    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = G[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
     const i = n[n.length - 1];
     i !== void 0 && t.getValue(s, i).jump(i, !1);
   }
@@ -1824,12 +1825,12 @@ class To extends Pt {
     const i = t.getValue(n);
     i && i.jump(this.measuredOrigin, !1);
     const r = s.length - 1, o = s[r];
-    s[r] = H[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[r] = G[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 wo(e, t, n) {
+function So(e, t, n) {
   if (e instanceof EventTarget)
     return [e];
   if (typeof e == "string") {
@@ -1840,11 +1841,11 @@ function wo(e, t, n) {
   return Array.from(e);
 }
 const bs = (e, t) => t && typeof e == "number" ? t.transform(e) : e;
-function So(e) {
-  return Li(e) && "offsetHeight" in e;
+function xo(e) {
+  return Ii(e) && "offsetHeight" in e;
 }
-const un = 30, xo = (e) => !isNaN(parseFloat(e));
-class Vo {
+const un = 30, Vo = (e) => !isNaN(parseFloat(e));
+class Ao {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -1861,7 +1862,7 @@ class Vo {
     }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
   }
   setCurrent(t) {
-    this.current = t, this.updatedAt = I.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = xo(this.current));
+    this.current = t, this.updatedAt = I.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = Vo(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -2047,16 +2048,16 @@ class Vo {
   }
 }
 function Fe(e, t) {
-  return new Vo(e, t);
+  return new Ao(e, t);
 }
-const { schedule: Ao } = /* @__PURE__ */ Hn(queueMicrotask, !1), Co = {
+const { schedule: Co } = /* @__PURE__ */ Gn(queueMicrotask, !1), Mo = {
   y: !1
 };
-function Mo() {
-  return Co.y;
+function Po() {
+  return Mo.y;
 }
 function vs(e, t) {
-  const n = wo(e), s = new AbortController(), i = {
+  const n = So(e), s = new AbortController(), i = {
     passive: !0,
     ...t,
     signal: s.signal
@@ -2064,9 +2065,9 @@ function vs(e, t) {
   return [n, i, () => s.abort()];
 }
 function ln(e) {
-  return !(e.pointerType === "touch" || Mo());
+  return !(e.pointerType === "touch" || Po());
 }
-function Po(e, t, n = {}) {
+function Eo(e, t, n = {}) {
   const [s, i, r] = vs(e, n), o = (a) => {
     if (!ln(a))
       return;
@@ -2082,15 +2083,15 @@ function Po(e, t, n = {}) {
     a.addEventListener("pointerenter", o, i);
   }), r;
 }
-const Ts = (e, t) => t ? e === t ? !0 : Ts(e, t.parentElement) : !1, Eo = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, Do = /* @__PURE__ */ new Set([
+const Ts = (e, t) => t ? e === t ? !0 : Ts(e, t.parentElement) : !1, Do = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, Fo = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function Fo(e) {
-  return Do.has(e.tagName) || e.tabIndex !== -1;
+function Oo(e) {
+  return Fo.has(e.tagName) || e.tabIndex !== -1;
 }
 const Ae = /* @__PURE__ */ new WeakSet();
 function fn(e) {
@@ -2101,7 +2102,7 @@ function fn(e) {
 function Ue(e, t) {
   e.dispatchEvent(new PointerEvent("pointer" + t, { isPrimary: !0, bubbles: !0 }));
 }
-const Oo = (e, t) => {
+const Ro = (e, t) => {
   const n = e.currentTarget;
   if (!n)
     return;
@@ -2117,9 +2118,9 @@ const Oo = (e, t) => {
   n.addEventListener("keydown", s, t), n.addEventListener("blur", () => n.removeEventListener("keydown", s), t);
 };
 function dn(e) {
-  return Eo(e) && !0;
+  return Do(e) && !0;
 }
-function Ro(e, t, n = {}) {
+function Lo(e, t, n = {}) {
   const [s, i, r] = vs(e, n), o = (a) => {
     const l = a.currentTarget;
     if (!dn(a))
@@ -2135,10 +2136,10 @@ function Ro(e, t, n = {}) {
     window.addEventListener("pointerup", f, i), window.addEventListener("pointercancel", d, i);
   };
   return s.forEach((a) => {
-    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, i), So(a) && (a.addEventListener("focus", (u) => Oo(u, i)), !Fo(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
+    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, i), xo(a) && (a.addEventListener("focus", (u) => Ro(u, i)), !Oo(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), r;
 }
-const R = (e) => !!(e && e.getVelocity), Lo = [...ms, E, ue], Io = (e) => Lo.find(ps(e)), ws = oe({
+const R = (e) => !!(e && e.getVelocity), Io = [...ms, E, ue], ko = (e) => Io.find(ps(e)), ws = oe({
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
@@ -2173,22 +2174,22 @@ function pn(e) {
       ...e[t]
     };
 }
-function ko({ children: e, features: t, strict: n = !1 }) {
-  const [, s] = Xs(!Ge(t)), i = pe(void 0);
-  if (!Ge(t)) {
+function No({ children: e, features: t, strict: n = !1 }) {
+  const [, s] = Xs(!He(t)), i = pe(void 0);
+  if (!He(t)) {
     const { renderer: r, ...o } = t;
     i.current = r, pn(o);
   }
   return pt(() => {
-    Ge(t) && t().then(({ renderer: r, ...o }) => {
+    He(t) && t().then(({ renderer: r, ...o }) => {
       pn(o), i.current = r, s(!0);
     });
-  }, []), M(Dt.Provider, { value: { renderer: i.current, strict: n }, children: e });
+  }, []), C(Dt.Provider, { value: { renderer: i.current, strict: n }, children: e });
 }
-function Ge(e) {
+function He(e) {
   return typeof e == "function";
 }
-const No = /* @__PURE__ */ new Set([
+const Bo = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -2221,17 +2222,17 @@ const No = /* @__PURE__ */ new Set([
   "viewport"
 ]);
 function Oe(e) {
-  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || No.has(e);
+  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || Bo.has(e);
 }
 let Ss = (e) => !Oe(e);
-function Bo(e) {
+function Ko(e) {
   typeof e == "function" && (Ss = (t) => t.startsWith("on") ? !Oe(t) : e(t));
 }
 try {
-  Bo(require("@emotion/is-prop-valid").default);
+  Ko(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function Ko(e, t, n) {
+function Wo(e, t, n) {
   const s = {};
   for (const i in e)
     i === "values" && typeof e.values == "object" || (Ss(i) || n === !0 && Oe(i) || !t && !Oe(i) || // If trying to use native HTML drag events, forward drag listeners
@@ -2260,7 +2261,7 @@ function Be(e) {
 function xs(e) {
   return !!(Be(e) || e.variants);
 }
-function Wo(e, t) {
+function $o(e, t) {
   if (Be(e)) {
     const { initial: n, animate: s } = e;
     return {
@@ -2270,26 +2271,26 @@ function Wo(e, t) {
   }
   return e.inherit !== !1 ? t : {};
 }
-function $o(e) {
-  const { initial: t, animate: n } = Wo(e, k(ke));
+function jo(e) {
+  const { initial: t, animate: n } = $o(e, k(ke));
   return Re(() => ({ initial: t, animate: n }), [mn(t), mn(n)]);
 }
 function mn(e) {
   return Array.isArray(e) ? e.join(" ") : e;
 }
-const jo = {};
+const _o = {};
 function Vs(e, { layout: t, layoutId: n }) {
-  return fe.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!jo[e] || e === "opacity");
+  return fe.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!_o[e] || e === "opacity");
 }
-const _o = {
+const Uo = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Uo = le.length;
+}, Ho = le.length;
 function Go(e, t, n) {
   let s = "", i = !0;
-  for (let r = 0; r < Uo; r++) {
+  for (let r = 0; r < Ho; r++) {
     const o = le[r], a = e[o];
     if (a === void 0)
       continue;
@@ -2298,7 +2299,7 @@ function Go(e, t, n) {
       const u = bs(a, Et[o]);
       if (!l) {
         i = !1;
-        const c = _o[o] || o;
+        const c = Uo[o] || o;
         s += `${c}(${u}) `;
       }
       n && (t[o] = u);
@@ -2337,30 +2338,30 @@ function As(e, t, n) {
   for (const s in t)
     !R(t[s]) && !Vs(s, n) && (e[s] = t[s]);
 }
-function Ho({ transformTemplate: e }, t) {
+function zo({ transformTemplate: e }, t) {
   return Re(() => {
     const n = Lt();
     return Rt(n, t, e), Object.assign({}, n.vars, n.style);
   }, [t]);
 }
-function zo(e, t) {
+function Yo(e, t) {
   const n = e.style || {}, s = {};
-  return As(s, n, e), Object.assign(s, Ho(e, t)), s;
+  return As(s, n, e), Object.assign(s, zo(e, t)), s;
 }
-function Yo(e, t) {
-  const n = {}, s = zo(e, t);
+function Xo(e, t) {
+  const n = {}, s = Yo(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 Xo = {
+const qo = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, qo = {
+}, Zo = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Zo(e, t, n = 1, s = 0, i = !0) {
+function Jo(e, t, n = 1, s = 0, i = !0) {
   e.pathLength = 1;
-  const r = i ? Xo : qo;
+  const r = i ? qo : Zo;
   e[r.offset] = b.transform(-s);
   const o = b.transform(t), a = b.transform(n);
   e[r.array] = `${o} ${a}`;
@@ -2381,13 +2382,13 @@ function Cs(e, {
   }
   e.attrs = e.style, e.style = {};
   const { attrs: f, style: d } = e;
-  f.transform && (d.transform = f.transform, delete f.transform), (d.transform || f.transformOrigin) && (d.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), d.transform && (d.transformBox = (c == null ? void 0 : c.transformBox) ?? "fill-box", delete f.transformBox), t !== void 0 && (f.x = t), n !== void 0 && (f.y = n), s !== void 0 && (f.scale = s), i !== void 0 && Zo(f, i, r, o, !1);
+  f.transform && (d.transform = f.transform, delete f.transform), (d.transform || f.transformOrigin) && (d.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), d.transform && (d.transformBox = (c == null ? void 0 : c.transformBox) ?? "fill-box", delete f.transformBox), t !== void 0 && (f.x = t), n !== void 0 && (f.y = n), s !== void 0 && (f.scale = s), i !== void 0 && Jo(f, i, r, o, !1);
 }
 const Ms = () => ({
   ...Lt(),
   attrs: {}
 }), Ps = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-function Jo(e, t, n, s) {
+function Qo(e, t, n, s) {
   const i = Re(() => {
     const r = Ms();
     return Cs(r, t, Ps(s), e.transformTemplate, e.style), {
@@ -2401,7 +2402,7 @@ function Jo(e, t, n, s) {
   }
   return i;
 }
-const Qo = [
+const ea = [
   "animate",
   "circle",
   "defs",
@@ -2441,15 +2442,15 @@ function It(e) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(Qo.indexOf(e) > -1 || /**
+      !!(ea.indexOf(e) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(e))
     )
   );
 }
-function ea(e, t, n, { latestValues: s }, i, r = !1) {
-  const a = (It(e) ? Jo : Yo)(t, s, i, e), l = Ko(t, typeof e == "string", r), u = e !== xn ? { ...l, ...a, ref: n } : {}, { children: c } = t, f = Re(() => R(c) ? c.get() : c, [c]);
+function ta(e, t, n, { latestValues: s }, i, r = !1) {
+  const a = (It(e) ? Qo : Xo)(t, s, i, e), l = Wo(t, typeof e == "string", r), u = e !== xn ? { ...l, ...a, ref: n } : {}, { children: c } = t, f = Re(() => R(c) ? c.get() : c, [c]);
   return qs(e, {
     ...u,
     children: f
@@ -2472,19 +2473,19 @@ function kt(e, t, n, s) {
   }
   return t;
 }
-function ta(e) {
+function na(e) {
   return R(e) ? e.get() : e;
 }
-function na({ scrapeMotionValuesFromProps: e, createRenderState: t }, n, s, i) {
+function sa({ scrapeMotionValuesFromProps: e, createRenderState: t }, n, s, i) {
   return {
-    latestValues: sa(n, s, i, e),
+    latestValues: ia(n, s, i, e),
     renderState: t()
   };
 }
-function sa(e, t, n, s) {
+function ia(e, t, n, s) {
   const i = {}, r = s(e, {});
   for (const d in r)
-    i[d] = ta(r[d]);
+    i[d] = na(r[d]);
   let { initial: o, animate: a } = e;
   const l = Be(e), u = xs(e);
   t && u && !l && e.inherit !== !1 && (o === void 0 && (o = t.initial), a === void 0 && (a = t.animate));
@@ -2500,8 +2501,8 @@ function sa(e, t, n, s) {
         for (const V in p) {
           let m = p[V];
           if (Array.isArray(m)) {
-            const C = c ? m.length - 1 : 0;
-            m = m[C];
+            const M = c ? m.length - 1 : 0;
+            m = m[M];
           }
           m !== null && (i[V] = m);
         }
@@ -2513,8 +2514,8 @@ function sa(e, t, n, s) {
   return i;
 }
 const Es = (e) => (t, n) => {
-  const s = k(ke), i = k(Dn), r = () => na(e, t, s, i);
-  return n ? r() : Di(r);
+  const s = k(ke), i = k(Dn), r = () => sa(e, t, s, i);
+  return n ? r() : Fi(r);
 };
 function Nt(e, t, n) {
   var r;
@@ -2523,7 +2524,7 @@ function Nt(e, t, n) {
     (R(s[o]) || t.style && R(t.style[o]) || Vs(o, e) || ((r = n == null ? void 0 : n.getValue(o)) == null ? void 0 : r.liveStyle) !== void 0) && (i[o] = s[o]);
   return i;
 }
-const ia = /* @__PURE__ */ Es({
+const ra = /* @__PURE__ */ Es({
   scrapeMotionValuesFromProps: Nt,
   createRenderState: Lt
 });
@@ -2536,14 +2537,14 @@ function Ds(e, t, n) {
     }
   return s;
 }
-const ra = /* @__PURE__ */ Es({
+const oa = /* @__PURE__ */ Es({
   scrapeMotionValuesFromProps: Ds,
   createRenderState: Ms
-}), oa = Symbol.for("motionComponentSymbol");
+}), aa = Symbol.for("motionComponentSymbol");
 function Fs(e) {
   return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
-function aa(e, t, n) {
+function ca(e, t, n) {
   return Zs(
     (s) => {
       s && e.onMount && e.onMount(s), t && (s ? t.mount(s) : t.unmount()), n && (typeof n == "function" ? n(s) : Fs(n) && (n.current = s));
@@ -2556,8 +2557,8 @@ function aa(e, t, n) {
     [t]
   );
 }
-const Bt = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), ca = "framerAppearId", Os = "data-" + Bt(ca), ua = oe({});
-function la(e, t, n, s, i) {
+const Bt = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), ua = "framerAppearId", Os = "data-" + Bt(ua), la = oe({});
+function fa(e, t, n, s, i) {
   var y, T;
   const { visualElement: r } = k(ke), o = k(Dt), a = k(Dn), l = k(ws).reducedMotion, u = pe(null);
   s = s || o.renderer, !u.current && s && (u.current = s(e, {
@@ -2568,14 +2569,14 @@ function la(e, t, n, s, i) {
     blockInitialAnimation: a ? a.initial === !1 : !1,
     reducedMotionConfig: l
   }));
-  const c = u.current, f = k(ua);
-  c && !c.projection && i && (c.type === "html" || c.type === "svg") && fa(u.current, n, i, f);
+  const c = u.current, f = k(la);
+  c && !c.projection && i && (c.type === "html" || c.type === "svg") && da(u.current, n, i, f);
   const d = pe(!1);
   Js(() => {
     c && d.current && c.update(n, a);
   });
   const h = n[Os], g = pe(!!h && !((y = window.MotionHandoffIsComplete) != null && y.call(window, h)) && ((T = window.MotionHasOptimisedAnimation) == null ? void 0 : T.call(window, h)));
-  return Fi(() => {
+  return Oi(() => {
     c && (d.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), c.scheduleRenderMicrotask(), g.current && c.animationState && c.animationState.animateChanges());
   }), pt(() => {
     c && (!g.current && c.animationState && c.animationState.animateChanges(), g.current && (queueMicrotask(() => {
@@ -2584,7 +2585,7 @@ function la(e, t, n, s, i) {
     }), g.current = !1), c.enteringChildren = void 0);
   }), c;
 }
-function fa(e, t, n, s) {
+function da(e, t, n, s) {
   const { layoutId: i, layout: r, drag: o, dragConstraints: a, layoutScroll: l, layoutRoot: u, layoutCrossfade: c } = t;
   e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : Rs(e.parent)), e.projection.setOptions({
     layoutId: i,
@@ -2609,34 +2610,34 @@ function Rs(e) {
   if (e)
     return e.options.allowProjection !== !1 ? e.projection : Rs(e.parent);
 }
-function da(e, { forwardMotionProps: t = !1 } = {}, n, s) {
-  const i = It(e) ? ra : ia;
+function ha(e, { forwardMotionProps: t = !1 } = {}, n, s) {
+  const i = It(e) ? oa : ra;
   function r(a, l) {
     let u;
     const c = {
       ...k(ws),
       ...a,
-      layoutId: ha(a)
-    }, { isStatic: f } = c, d = $o(a), h = i(a, f);
+      layoutId: pa(a)
+    }, { isStatic: f } = c, d = jo(a), h = i(a, f);
     if (!f && gt) {
-      pa(c, n);
-      const g = ma(c);
-      u = g.MeasureLayout, d.visualElement = la(e, h, c, s, g.ProjectionNode);
+      ma(c, n);
+      const g = ga(c);
+      u = g.MeasureLayout, d.visualElement = fa(e, h, c, s, g.ProjectionNode);
     }
-    return Ce(ke.Provider, { value: d, children: [u && d.visualElement ? M(u, { visualElement: d.visualElement, ...c }) : null, ea(e, a, aa(h, d.visualElement, l), h, f, t)] });
+    return Ce(ke.Provider, { value: d, children: [u && d.visualElement ? C(u, { visualElement: d.visualElement, ...c }) : null, ta(e, a, ca(h, d.visualElement, l), h, f, t)] });
   }
   r.displayName = `motion.${typeof e == "string" ? e : `create(${e.displayName ?? e.name ?? ""})`}`;
   const o = Qs(r);
-  return o[oa] = e, o;
+  return o[aa] = e, o;
 }
-function ha({ layoutId: e }) {
-  const t = k(Ei).id;
+function pa({ layoutId: e }) {
+  const t = k(Di).id;
   return t && e !== void 0 ? t + "-" + e : e;
 }
-function pa(e, t) {
+function ma(e, t) {
   k(Dt).strict, process.env.NODE_ENV;
 }
-function ma(e) {
+function ga(e) {
   const { drag: t, layout: n } = ie;
   if (!t && !n)
     return {};
@@ -2646,13 +2647,13 @@ function ma(e) {
     ProjectionNode: s.ProjectionNode
   };
 }
-function ga({ top: e, left: t, right: n, bottom: s }) {
+function ya({ top: e, left: t, right: n, bottom: s }) {
   return {
     x: { min: t, max: n },
     y: { min: e, max: s }
   };
 }
-function ya(e, t) {
+function ba(e, t) {
   if (!t)
     return e;
   const n = t({ x: e.left, y: e.top }), s = t({ x: e.right, y: e.bottom });
@@ -2663,14 +2664,14 @@ function ya(e, t) {
     right: s.x
   };
 }
-function ba(e, t) {
-  return ga(ya(e.getBoundingClientRect(), t));
+function va(e, t) {
+  return ya(ba(e.getBoundingClientRect(), t));
 }
 const yn = () => ({ min: 0, max: 0 }), Ls = () => ({
   x: yn(),
   y: yn()
 }), ut = { current: null }, Is = { current: !1 };
-function va() {
+function Ta() {
   if (Is.current = !0, !!gt)
     if (window.matchMedia) {
       const e = window.matchMedia("(prefers-reduced-motion)"), t = () => ut.current = e.matches;
@@ -2678,8 +2679,8 @@ function va() {
     } else
       ut.current = !1;
 }
-const Ta = /* @__PURE__ */ new WeakMap();
-function wa(e, t, n) {
+const wa = /* @__PURE__ */ new WeakMap();
+function Sa(e, t, n) {
   for (const s in t) {
     const i = t[s], r = n[s];
     if (R(i))
@@ -2708,7 +2709,7 @@ const bn = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class Sa {
+class xa {
   /**
    * 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.
@@ -2736,7 +2737,7 @@ class Sa {
   }
   mount(t) {
     var n;
-    this.current = t, Ta.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, i) => this.bindToMotionValue(i, s)), Is.current || va(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : ut.current, process.env.NODE_ENV !== "production" && kn(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, wa.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, i) => this.bindToMotionValue(i, s)), Is.current || Ta(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : ut.current, process.env.NODE_ENV !== "production" && kn(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;
@@ -2812,7 +2813,7 @@ class Sa {
       const r = "on" + i, o = t[r];
       o && (this.propEventSubscriptions[i] = this.on(i, o));
     }
-    this.prevMotionValues = wa(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = Sa(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2877,7 +2878,7 @@ class Sa {
    */
   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" && (Fn(s) || On(s)) ? s = parseFloat(s) : !Io(s) && ue.test(n) && (s = ys(t, n)), this.setBaseTarget(t, R(s) ? s.get() : s)), R(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && (Fn(s) || On(s)) ? s = parseFloat(s) : !ko(s) && ue.test(n) && (s = ys(t, n)), this.setBaseTarget(t, R(s) ? s.get() : s)), R(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2910,12 +2911,12 @@ class Sa {
     this.events[t] && this.events[t].notify(...n);
   }
   scheduleRenderMicrotask() {
-    Ao.render(this.render);
+    Co.render(this.render);
   }
 }
-class ks extends Sa {
+class ks extends xa {
   constructor() {
-    super(...arguments), this.KeyframeResolver = To;
+    super(...arguments), this.KeyframeResolver = wo;
   }
   sortInstanceNodePosition(t, n) {
     return t.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -2943,24 +2944,24 @@ function Ns(e, { style: t, vars: n }, s, i) {
   for (o in n)
     r.setProperty(o, n[o]);
 }
-function xa(e) {
+function Va(e) {
   return window.getComputedStyle(e);
 }
-class Va extends ks {
+class Aa extends ks {
   constructor() {
     super(...arguments), this.type = "html", this.renderInstance = Ns;
   }
   readValueFromInstance(t, n) {
     var s;
     if (fe.has(n))
-      return (s = this.projection) != null && s.isProjecting ? nt(n) : Nr(t, n);
+      return (s = this.projection) != null && s.isProjecting ? nt(n) : Br(t, n);
     {
-      const i = xa(t), r = (Yn(n) ? i.getPropertyValue(n) : i[n]) || 0;
+      const i = Va(t), r = (Yn(n) ? i.getPropertyValue(n) : i[n]) || 0;
       return typeof r == "string" ? r.trim() : r;
     }
   }
   measureInstanceViewportBox(t, { transformPagePoint: n }) {
-    return ba(t, n);
+    return va(t, n);
   }
   build(t, n, s) {
     Rt(t, n, s.transformTemplate);
@@ -2994,12 +2995,12 @@ const Bs = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]);
-function Aa(e, t, n, s) {
+function Ca(e, t, n, s) {
   Ns(e, t, void 0, s);
   for (const i in t.attrs)
     e.setAttribute(Bs.has(i) ? i : Bt(i), t.attrs[i]);
 }
-class Ca extends ks {
+class Ma extends ks {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Ls;
   }
@@ -3020,13 +3021,13 @@ class Ca extends ks {
     Cs(t, n, this.isSVGTag, s.transformTemplate, s.style);
   }
   renderInstance(t, n, s, i) {
-    Aa(t, n, s, i);
+    Ca(t, n, s, i);
   }
   mount(t) {
     this.isSVGTag = Ps(t.tagName), super.mount(t);
   }
 }
-const Ma = (e, t) => It(e) ? new Ca(t) : new Va(t, {
+const Pa = (e, t) => It(e) ? new Ma(t) : new Aa(t, {
   allowProjection: e !== xn
 });
 function ne(e, t, n) {
@@ -3034,63 +3035,63 @@ function ne(e, t, n) {
   return kt(s, t, n !== void 0 ? n : s.custom, e);
 }
 const lt = (e) => Array.isArray(e);
-function Pa(e, t, n) {
+function Ea(e, t, n) {
   e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, Fe(n));
 }
-function Ea(e) {
+function Da(e) {
   return lt(e) ? e[e.length - 1] || 0 : e;
 }
-function Da(e, t) {
+function Fa(e, t) {
   const n = ne(e, t);
   let { transitionEnd: s = {}, transition: i = {}, ...r } = n || {};
   r = { ...r, ...s };
   for (const o in r) {
-    const a = Ea(r[o]);
-    Pa(e, o, a);
+    const a = Da(r[o]);
+    Ea(e, o, a);
   }
 }
-function Fa(e) {
+function Oa(e) {
   return !!(R(e) && e.add);
 }
-function Oa(e, t) {
+function Ra(e, t) {
   const n = e.getValue("willChange");
-  if (Fa(n))
+  if (Oa(n))
     return n.add(t);
   if (!n && W.WillChange) {
     const s = new W.WillChange("auto");
     e.addValue("willChange", s), s.add(t);
   }
 }
-function Ra(e) {
+function La(e) {
   return e.props[Os];
 }
-const La = (e) => e !== null;
-function Ia(e, { repeat: t, repeatType: n = "loop" }, s) {
-  const i = e.filter(La), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
+const Ia = (e) => e !== null;
+function ka(e, { repeat: t, repeatType: n = "loop" }, s) {
+  const i = e.filter(Ia), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
   return i[r];
 }
-const ka = {
+const Na = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, Na = (e) => ({
+}, Ba = (e) => ({
   type: "spring",
   stiffness: 550,
   damping: e === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Ba = {
+}), Ka = {
   type: "keyframes",
   duration: 0.8
-}, Ka = {
+}, Wa = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Wa = (e, { keyframes: t }) => t.length > 2 ? Ba : fe.has(e) ? e.startsWith("scale") ? Na(t[1]) : ka : Ka;
-function $a({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
+}, $a = (e, { keyframes: t }) => t.length > 2 ? Ka : fe.has(e) ? e.startsWith("scale") ? Ba(t[1]) : Na : Wa;
+function ja({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
   return !!Object.keys(c).length;
 }
-const ja = (e, t, n, s = {}, i, r) => (o) => {
+const _a = (e, t, n, s = {}, i, r) => (o) => {
   const a = ds(s, e) || {}, l = a.delay || s.delay || 0;
   let { elapsed: u = 0 } = s;
   u = u - /* @__PURE__ */ B(l);
@@ -3110,10 +3111,10 @@ const ja = (e, t, n, s = {}, i, r) => (o) => {
     motionValue: t,
     element: r ? void 0 : i
   };
-  $a(a) || Object.assign(c, Wa(e, c)), c.duration && (c.duration = /* @__PURE__ */ B(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ B(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
+  ja(a) || Object.assign(c, $a(e, c)), c.duration && (c.duration = /* @__PURE__ */ B(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ B(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
   let f = !1;
   if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (at(c), c.delay === 0 && (f = !0)), (W.instantAnimations || W.skipAnimations) && (f = !0, at(c), c.delay = 0), c.allowFlatten = !a.type && !a.ease, f && !r && t.get() !== void 0) {
-    const d = Ia(c.keyframes, a);
+    const d = ka(c.keyframes, a);
     if (d !== void 0) {
       N.update(() => {
         c.onUpdate(d), c.onComplete();
@@ -3121,9 +3122,9 @@ const ja = (e, t, n, s = {}, i, r) => (o) => {
       return;
     }
   }
-  return a.isSync ? new Mt(c) : new oo(c);
+  return a.isSync ? new Mt(c) : new ao(c);
 };
-function _a({ protectedKeys: e, needsAnimating: t }, n) {
+function Ua({ protectedKeys: e, needsAnimating: t }, n) {
   const s = e.hasOwnProperty(n) && t[n] !== !0;
   return t[n] = !1, s;
 }
@@ -3133,7 +3134,7 @@ function Ks(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   const l = [], u = i && e.animationState && e.animationState.getState()[i];
   for (const c in a) {
     const f = e.getValue(c, e.latestValues[c] ?? null), d = a[c];
-    if (d === void 0 || u && _a(u, c))
+    if (d === void 0 || u && Ua(u, c))
       continue;
     const h = {
       delay: n,
@@ -3143,19 +3144,19 @@ function Ks(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
       continue;
     let y = !1;
     if (window.MotionHandoffAnimation) {
-      const p = Ra(e);
+      const p = La(e);
       if (p) {
         const V = window.MotionHandoffAnimation(p, c, N);
         V !== null && (h.startTime = V, y = !0);
       }
     }
-    Oa(e, c), f.start(ja(c, f, d, e.shouldReduceMotion && hs.has(c) ? { type: !1 } : h, e, y));
+    Ra(e, c), f.start(_a(c, f, d, e.shouldReduceMotion && hs.has(c) ? { type: !1 } : h, e, y));
     const T = f.animation;
     T && l.push(T);
   }
   return o && Promise.all(l).then(() => {
     N.update(() => {
-      o && Da(e, o);
+      o && Fa(e, o);
     });
   }), l;
 }
@@ -3170,7 +3171,7 @@ function ft(e, t, n = {}) {
   n.transitionOverride && (i = n.transitionOverride);
   const r = s ? () => Promise.all(Ks(e, s, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (u = 0) => {
     const { delayChildren: c = 0, staggerChildren: f, staggerDirection: d } = i;
-    return Ua(e, t, u, c, f, d, n);
+    return Ha(e, t, u, c, f, d, n);
   } : () => Promise.resolve(), { when: a } = i;
   if (a) {
     const [u, c] = a === "beforeChildren" ? [r, o] : [o, r];
@@ -3178,7 +3179,7 @@ function ft(e, t, n = {}) {
   } else
     return Promise.all([r(), o(n.delay)]);
 }
-function Ua(e, t, n = 0, s = 0, i = 0, r = 1, o) {
+function Ha(e, t, n = 0, s = 0, i = 0, r = 1, o) {
   const a = [];
   for (const l of e.variantChildren)
     l.notify("AnimationStart", t), a.push(ft(l, t, {
@@ -3214,7 +3215,7 @@ function $s(e, t) {
       return !1;
   return !0;
 }
-const Ha = Ot.length;
+const za = Ot.length;
 function js(e) {
   if (!e)
     return;
@@ -3223,18 +3224,18 @@ function js(e) {
     return e.props.initial !== void 0 && (n.initial = e.props.initial), n;
   }
   const t = {};
-  for (let n = 0; n < Ha; n++) {
+  for (let n = 0; n < za; n++) {
     const s = Ot[n], i = e.props[s];
     (be(i) || i === !1) && (t[s] = i);
   }
   return t;
 }
-const za = [...Ft].reverse(), Ya = Ft.length;
-function Xa(e) {
+const Ya = [...Ft].reverse(), Xa = Ft.length;
+function qa(e) {
   return (t) => Promise.all(t.map(({ animation: n, options: s }) => Ga(e, n, s)));
 }
-function qa(e) {
-  let t = Xa(e), n = vn(), s = !0;
+function Za(e) {
+  let t = qa(e), n = vn(), s = !0;
   const i = (l) => (u, c) => {
     var d;
     const f = ne(e, c, l === "exit" ? (d = e.presenceContext) == null ? void 0 : d.custom : void 0);
@@ -3250,23 +3251,23 @@ function qa(e) {
   function o(l) {
     const { props: u } = e, c = js(e.parent) || {}, f = [], d = /* @__PURE__ */ new Set();
     let h = {}, g = 1 / 0;
-    for (let T = 0; T < Ya; T++) {
-      const p = za[T], V = n[p], m = u[p] !== void 0 ? u[p] : c[p], C = be(m), w = p === l ? V.isActive : null;
+    for (let T = 0; T < Xa; T++) {
+      const p = Ya[T], V = n[p], m = u[p] !== void 0 ? u[p] : c[p], M = be(m), w = p === l ? V.isActive : null;
       w === !1 && (g = T);
-      let A = m === c[p] && m !== u[p] && C;
+      let A = m === c[p] && m !== u[p] && M;
       if (A && s && e.manuallyAnimateOnMount && (A = !1), V.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
       !V.isActive && w === null || // If we didn't and don't have any defined prop for this animation type
       !m && !V.prevProp || // Or if the prop doesn't define an animation
       Ne(m) || typeof m == "boolean")
         continue;
-      const x = Za(V.prevProp, m);
+      const x = Ja(V.prevProp, m);
       let S = x || // If we're making this variant active, we want to always make it active
-      p === l && V.isActive && !A && C || // If we removed a higher-priority variant (i is in reverse order)
-      T > g && C, D = !1;
+      p === l && V.isActive && !A && M || // If we removed a higher-priority variant (i is in reverse order)
+      T > g && M, D = !1;
       const O = Array.isArray(m) ? m : [m];
       let q = O.reduce(i(p), {});
       w === !1 && (q = {});
-      const { prevResolvedValues: Kt = {} } = V, Hs = {
+      const { prevResolvedValues: Kt = {} } = V, Gs = {
         ...Kt,
         ...q
       }, Wt = (F) => {
@@ -3274,7 +3275,7 @@ function qa(e) {
         const L = e.getValue(F);
         L && (L.liveStyle = !1);
       };
-      for (const F in Hs) {
+      for (const F in Gs) {
         const L = q[F], j = Kt[F];
         if (h.hasOwnProperty(F))
           continue;
@@ -3335,7 +3336,7 @@ function qa(e) {
     }
   };
 }
-function Za(e, t) {
+function Ja(e, t) {
   return typeof t == "string" ? t !== e : Array.isArray(t) ? !$s(t, e) : !1;
 }
 function _(e = !1) {
@@ -3364,14 +3365,14 @@ class de {
   update() {
   }
 }
-class Ja extends de {
+class Qa extends de {
   /**
    * 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 = qa(t));
+    super(t), t.animationState || (t.animationState = Za(t));
   }
   updateAnimationControlsSubscription() {
     const { animate: t } = this.node.getProps();
@@ -3392,10 +3393,10 @@ class Ja extends de {
     this.node.animationState.reset(), (t = this.unmountControls) == null || t.call(this);
   }
 }
-let Qa = 0;
-class ec extends de {
+let ec = 0;
+class tc extends de {
   constructor() {
-    super(...arguments), this.id = Qa++;
+    super(...arguments), this.id = ec++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -3415,12 +3416,12 @@ class ec extends de {
   unmount() {
   }
 }
-const tc = {
+const nc = {
   animation: {
-    Feature: Ja
+    Feature: Qa
   },
   exit: {
-    Feature: ec
+    Feature: tc
   }
 };
 function Tn(e, t, n, s = { passive: !0 }) {
@@ -3440,15 +3441,15 @@ function wn(e, t, n) {
   const i = "onHover" + n, r = s[i];
   r && N.postRender(() => r(t, _s(t)));
 }
-class nc extends de {
+class sc extends de {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = Po(t, (n, s) => (wn(this.node, s, "Start"), (i) => wn(this.node, i, "End"))));
+    t && (this.unmount = Eo(t, (n, s) => (wn(this.node, s, "Start"), (i) => wn(this.node, i, "End"))));
   }
   unmount() {
   }
 }
-class sc extends de {
+class ic extends de {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -3478,37 +3479,37 @@ function Sn(e, t, n) {
   const i = "onTap" + (n === "End" ? "" : n), r = s[i];
   r && N.postRender(() => r(t, _s(t)));
 }
-class ic extends de {
+class rc extends de {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = Ro(t, (n, s) => (Sn(this.node, s, "Start"), (i, { success: r }) => Sn(this.node, i, r ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+    t && (this.unmount = Lo(t, (n, s) => (Sn(this.node, s, "Start"), (i, { success: r }) => Sn(this.node, i, r ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
   unmount() {
   }
 }
-const dt = /* @__PURE__ */ new WeakMap(), He = /* @__PURE__ */ new WeakMap(), rc = (e) => {
+const dt = /* @__PURE__ */ new WeakMap(), Ge = /* @__PURE__ */ new WeakMap(), oc = (e) => {
   const t = dt.get(e.target);
   t && t(e);
-}, oc = (e) => {
-  e.forEach(rc);
+}, ac = (e) => {
+  e.forEach(oc);
 };
-function ac({ root: e, ...t }) {
+function cc({ root: e, ...t }) {
   const n = e || document;
-  He.has(n) || He.set(n, {});
-  const s = He.get(n), i = JSON.stringify(t);
-  return s[i] || (s[i] = new IntersectionObserver(oc, { root: e, ...t })), s[i];
+  Ge.has(n) || Ge.set(n, {});
+  const s = Ge.get(n), i = JSON.stringify(t);
+  return s[i] || (s[i] = new IntersectionObserver(ac, { root: e, ...t })), s[i];
 }
-function cc(e, t, n) {
-  const s = ac(t);
+function uc(e, t, n) {
+  const s = cc(t);
   return dt.set(e, n), s.observe(e), () => {
     dt.delete(e), s.unobserve(e);
   };
 }
-const uc = {
+const lc = {
   some: 0,
   all: 1
 };
-class lc extends de {
+class fc extends de {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -3517,7 +3518,7 @@ class lc extends de {
     const { viewport: t = {} } = this.node.getProps(), { root: n, margin: s, amount: i = "some", once: r } = t, o = {
       root: n ? n.current : void 0,
       rootMargin: s,
-      threshold: typeof i == "number" ? i : uc[i]
+      threshold: typeof i == "number" ? i : lc[i]
     }, a = (l) => {
       const { isIntersecting: u } = l;
       if (this.isInView === u || (this.isInView = u, r && !u && this.hasEnteredView))
@@ -3526,7 +3527,7 @@ class lc extends de {
       const { onViewportEnter: c, onViewportLeave: f } = this.node.getProps(), d = u ? c : f;
       d && d(l);
     };
-    return cc(this.node.current, o, a);
+    return uc(this.node.current, o, a);
   }
   mount() {
     this.startObserver();
@@ -3535,36 +3536,36 @@ class lc extends de {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: t, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(fc(t, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(dc(t, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function fc({ viewport: e = {} }, { viewport: t = {} } = {}) {
+function dc({ viewport: e = {} }, { viewport: t = {} } = {}) {
   return (n) => e[n] !== t[n];
 }
-const dc = {
+const hc = {
   inView: {
-    Feature: lc
+    Feature: fc
   },
   tap: {
-    Feature: ic
+    Feature: rc
   },
   focus: {
-    Feature: sc
+    Feature: ic
   },
   hover: {
-    Feature: nc
+    Feature: sc
   }
-}, hc = {
-  renderer: Ma,
-  ...tc,
-  ...dc
+}, pc = {
+  renderer: Pa,
+  ...nc,
+  ...hc
 };
-function pc(e, t) {
-  return da(e, t);
+function mc(e, t) {
+  return ha(e, t);
 }
-const ht = /* @__PURE__ */ pc("div"), Us = re.createContext({
+const ht = /* @__PURE__ */ mc("div"), Us = re.createContext({
   layers: [],
   setLayers: () => {
   },
@@ -3574,7 +3575,7 @@ const ht = /* @__PURE__ */ pc("div"), Us = re.createContext({
   },
   removeTopLayer: () => {
   }
-}), Oc = ({ children: e }) => {
+}), Ic = ({ children: e }) => {
   const [t, n] = re.useState([]), s = (o) => {
     n((a) => [...a, o]);
   }, i = (o) => {
@@ -3583,29 +3584,29 @@ const ht = /* @__PURE__ */ pc("div"), Us = re.createContext({
     const o = t[t.length - 1];
     o && i(o);
   };
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ C(
     Us.Provider,
     {
       value: { layers: t, setLayers: n, addLayer: s, removeLayer: i, removeTopLayer: r },
       children: e
     }
   );
-}, Gs = () => re.useContext(Us), mc = ({
+}, Hs = () => re.useContext(Us), gc = ({
   defaultOpen: e,
   open: t,
   onOpenChange: n,
   ...s
 }) => {
-  const [i, r] = Ci({
+  const [i, r] = Mi({
     prop: t,
     onChange: n,
     defaultProp: e ?? !1
-  }), o = Gs(), a = s.a11yTitle;
+  }), o = Hs(), a = s.a11yTitle;
   if (re.useEffect(() => {
     !i && o.layers.includes(a) && o.removeLayer(a);
   }, [a, o, i]), !!i)
-    return /* @__PURE__ */ M(gc, { open: i, onOpenChange: r, ...s });
-}, gc = ({
+    return /* @__PURE__ */ C(yc, { open: i, onOpenChange: r, ...s });
+}, yc = ({
   open: e,
   onOpenChange: t,
   a11yTitle: n,
@@ -3618,12 +3619,12 @@ const ht = /* @__PURE__ */ pc("div"), Us = re.createContext({
   ...l
 }) => {
   var y, T;
-  const u = n, c = Gs();
+  const u = n, c = Hs();
   re.useEffect(() => {
     !c || !e || c.layers.includes(u) || c.addLayer(u);
   }, [u, c, e]);
   const f = ((y = c.layers) == null ? void 0 : y.indexOf(u)) || 0, d = ((T = c.layers) == null ? void 0 : T.length) || 0, h = f !== 0, g = u === c.layers[c.layers.length - 1];
-  return /* @__PURE__ */ M(ko, { features: hc, children: /* @__PURE__ */ M(
+  return /* @__PURE__ */ C(No, { features: pc, children: /* @__PURE__ */ C(
     Pn,
     {
       onEscapeKeyDown: (p) => {
@@ -3644,19 +3645,19 @@ const ht = /* @__PURE__ */ pc("div"), Us = re.createContext({
           },
           children: [
             /* @__PURE__ */ Ce(si.Root, { children: [
-              /* @__PURE__ */ M(ee.Title, { children: n }),
-              s && /* @__PURE__ */ M(ee.Description, { children: s })
+              /* @__PURE__ */ C(ee.Title, { children: n }),
+              s && /* @__PURE__ */ C(ee.Description, { children: s })
             ] }),
             e && // We add the className "tgph" here so that styles within
             // the portal get scoped properly to telegraph
-            /* @__PURE__ */ M(ni.Root, { className: "tgph", children: /* @__PURE__ */ M(yc, { layer: f, children: /* @__PURE__ */ M(
+            /* @__PURE__ */ C(ni.Root, { className: "tgph", children: /* @__PURE__ */ C(bc, { layer: f, children: /* @__PURE__ */ C(
               ti,
               {
                 trapped: typeof r == "boolean" ? r : g,
                 onMountAutoFocus: o,
                 onUnmountAutoFocus: a,
                 asChild: !0,
-                children: /* @__PURE__ */ M(ri, { children: /* @__PURE__ */ M(
+                children: /* @__PURE__ */ C(ri, { children: /* @__PURE__ */ C(
                   se,
                   {
                     as: ht,
@@ -3677,7 +3678,7 @@ const ht = /* @__PURE__ */ pc("div"), Us = re.createContext({
                       maxWidth: "calc(100vw - var(--tgph-spacing-8))",
                       zIndex: `calc(var(--tgph-zIndex-modal) + ${f})`
                     },
-                    children: /* @__PURE__ */ M(
+                    children: /* @__PURE__ */ C(
                       se,
                       {
                         direction: "column",
@@ -3714,8 +3715,8 @@ const ht = /* @__PURE__ */ pc("div"), Us = re.createContext({
       )
     }
   ) });
-}, yc = ({ layer: e, children: t }) => e > 0 ? t : /* @__PURE__ */ Ce(ee.Overlay, { children: [
-  /* @__PURE__ */ M(
+}, bc = ({ layer: e, children: t }) => e > 0 ? t : /* @__PURE__ */ Ce(ee.Overlay, { children: [
+  /* @__PURE__ */ C(
     oi,
     {
       as: ht,
@@ -3735,25 +3736,25 @@ const ht = /* @__PURE__ */ pc("div"), Us = re.createContext({
     }
   ),
   t
-] }), bc = re.forwardRef(
-  ({ children: e, ...t }, n) => /* @__PURE__ */ M(ee.Content, { ref: n, asChild: !0, ...t, children: /* @__PURE__ */ M(se, { direction: "column", h: "full", ...t, children: e }) })
-), vc = ({
+] }), vc = re.forwardRef(
+  ({ children: e, ...t }, n) => /* @__PURE__ */ C(ee.Content, { ref: n, asChild: !0, ...t, children: /* @__PURE__ */ C(se, { direction: "column", h: "full", ...t, children: e }) })
+), Tc = ({
   size: e = "1",
   variant: t = "ghost",
   ...n
-}) => /* @__PURE__ */ M(ee.Close, { asChild: !0, children: /* @__PURE__ */ M(
+}) => /* @__PURE__ */ C(ee.Close, { asChild: !0, children: /* @__PURE__ */ C(
   ii,
   {
-    icon: { icon: ai, alt: "Close Modal" },
+    icon: { icon: ci, alt: "Close Modal" },
     variant: t,
     size: e,
     ...n
   }
-) }), Tc = ({
+) }), wc = ({
   style: e,
   children: t,
   ...n
-}) => /* @__PURE__ */ M(
+}) => /* @__PURE__ */ C(
   se,
   {
     direction: "column",
@@ -3766,10 +3767,10 @@ const ht = /* @__PURE__ */ pc("div"), Us = re.createContext({
     ...n,
     children: t
   }
-), wc = ({
+), Sc = ({
   children: e,
   ...t
-}) => /* @__PURE__ */ M(
+}) => /* @__PURE__ */ C(
   se,
   {
     direction: "row",
@@ -3781,10 +3782,10 @@ const ht = /* @__PURE__ */ pc("div"), Us = re.createContext({
     ...t,
     children: e
   }
-), Sc = ({
+), xc = ({
   children: e,
   ...t
-}) => /* @__PURE__ */ M(
+}) => /* @__PURE__ */ C(
   se,
   {
     direction: "row",
@@ -3797,17 +3798,31 @@ const ht = /* @__PURE__ */ pc("div"), Us = re.createContext({
     ...t,
     children: e
   }
-), xc = {};
-Object.assign(xc, {
-  Root: mc,
-  Content: bc,
-  Close: vc,
-  Body: Tc,
-  Header: wc,
-  Footer: Sc
+), Vc = ({
+  as: e,
+  size: t = "3",
+  weight: n = "medium",
+  ...s
+}) => /* @__PURE__ */ C(
+  ai,
+  {
+    as: e || "h2",
+    size: t,
+    weight: n,
+    ...s
+  }
+), Ac = {};
+Object.assign(Ac, {
+  Root: gc,
+  Content: vc,
+  Close: Tc,
+  Body: wc,
+  Header: Sc,
+  Footer: xc,
+  Heading: Vc
 });
 export {
-  xc as Modal,
-  Oc as ModalStackingProvider
+  Ac as Modal,
+  Ic as ModalStackingProvider
 };
 //# sourceMappingURL=index.mjs.map