@devalok/shilp-sutra 0.24.0 → 0.25.0

package/dist/_chunks/framer.js

@@ -1,47 +1,47 @@
 "use client";
-import { jsx as V, Fragment as le, jsxs as fe } from "react/jsx-runtime";
-import * as q from "react";
-import { createContext as I, useRef as x, useLayoutEffect as de, useEffect as ut, useId as lt, useContext as w, useInsertionEffect as ft, useMemo as b, useCallback as z, Children as he, isValidElement as me, useState as $, Fragment as Wt, createElement as pe, forwardRef as ge, Component as ve } from "react";
-import { i as tt, f as M, n as vt, g as ye, s as Ht, a as dt, r as Pe, b as Nt, c as yt, d as we, e as Ee, h as Ce, j as xe, k as Se, l as Me, m as Bt, o as Le, p as Ve, q as be, t as De, w as Ae, u as Ut, v as zt, S as Te, H as Ie, F as A, x as Re, y as ke, z as $t, A as _, B as Pt, C as _t, D as Fe, E as wt, G as je, I as Y, J as rt, K as Et, L as Oe, M as Ge, N as D, O as We, P as He, Q as Ne, R as Ct, T as Be, U as Ue, V as xt, W as ze, X as $e, Y as U, Z as _e, _ as Ye, $ as Yt, a0 as Xe, a1 as qe, a2 as Ke, a3 as Je, a4 as Ze } from "./vendor-utils.js";
-const O = I({});
-function K(e) {
-  const t = x(null);
-  return t.current === null && (t.current = e()), t.current;
-}
-const Qe = typeof window < "u", ht = Qe ? de : ut, J = /* @__PURE__ */ I(null), G = I({
-  transformPagePoint: (e) => e,
+import { jsx as I, Fragment as He, jsxs as Ne } from "react/jsx-runtime";
+import * as ut from "react";
+import { createContext as j, useRef as V, useLayoutEffect as Be, useEffect as ct, useId as At, useContext as C, useInsertionEffect as Vt, useMemo as R, useCallback as ot, Children as Ue, isValidElement as ze, useState as Y, Fragment as ae, createElement as $e, forwardRef as _e, Component as Ye } from "react";
+import { i as mt, f as b, n as Gt, g as Ke, s as ue, a as q, r as Xe, b as ce, c as jt, d as qe, e as Je, h as Ze, j as Qe, k as tn, l as en, m as le, o as nn, p as sn, q as on, t as rn, w as an, u as lt, v as fe, S as de, H as he, F as O, x as un, y as cn, z as me, A as it, B as Wt, C as pe, D as ge, E as Et, G as ln, I as K, J as St, K as Ct, L as fn, M as dn, N as F, O as hn, P as mn, Q as pn, R as Ht, T as gn, U as vn, V as Nt, W as yn, X as Pn, Y as st, Z as wn, _ as En, $ as ve, a0 as Sn, a1 as Cn, a2 as ye, a3 as pt, a4 as xn, a5 as Mn, a6 as An, a7 as Vn, a8 as Dn, a9 as Pe, aa as we, ab as bn, ac as Ln, ad as Tn, ae as In, af as Rn, ag as kn, ah as rt, ai as Fn, aj as On, ak as Gn, al as jn, am as Wn } from "./vendor-utils.js";
+const X = j({});
+function B(t) {
+  const e = V(null);
+  return e.current === null && (e.current = t()), e.current;
+}
+const Hn = typeof window < "u", ft = Hn ? Be : ct, dt = /* @__PURE__ */ j(null), N = j({
+  transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
 });
-function St(e, t) {
-  if (typeof e == "function")
-    return e(t);
-  e != null && (e.current = t);
+function Bt(t, e) {
+  if (typeof t == "function")
+    return t(e);
+  t != null && (t.current = e);
 }
-function tn(...e) {
-  return (t) => {
+function Nn(...t) {
+  return (e) => {
     let n = !1;
-    const s = e.map((o) => {
-      const i = St(o, t);
+    const s = t.map((o) => {
+      const i = Bt(o, e);
       return !n && typeof i == "function" && (n = !0), i;
     });
     if (n)
       return () => {
         for (let o = 0; o < s.length; o++) {
           const i = s[o];
-          typeof i == "function" ? i() : St(e[o], null);
+          typeof i == "function" ? i() : Bt(t[o], null);
         }
       };
   };
 }
-function en(...e) {
-  return q.useCallback(tn(...e), e);
+function Bn(...t) {
+  return ut.useCallback(Nn(...t), t);
 }
-class nn extends q.Component {
-  getSnapshotBeforeUpdate(t) {
+class Un extends ut.Component {
+  getSnapshotBeforeUpdate(e) {
     const n = this.props.childRef.current;
-    if (tt(n) && t.isPresent && !this.props.isPresent && this.props.pop !== !1) {
-      const s = n.offsetParent, o = tt(s) && s.offsetWidth || 0, i = tt(s) && s.offsetHeight || 0, r = getComputedStyle(n), a = this.props.sizeRef.current;
+    if (mt(n) && e.isPresent && !this.props.isPresent && this.props.pop !== !1) {
+      const s = n.offsetParent, o = mt(s) && s.offsetWidth || 0, i = mt(s) && s.offsetHeight || 0, r = getComputedStyle(n), a = this.props.sizeRef.current;
       a.height = parseFloat(r.height), a.width = parseFloat(r.width), a.top = n.offsetTop, a.left = n.offsetLeft, a.right = o - a.width - a.left, a.bottom = i - a.height - a.top;
     }
     return null;
@@ -55,140 +55,140 @@ class nn extends q.Component {
     return this.props.children;
   }
 }
-function sn({ children: e, isPresent: t, anchorX: n, anchorY: s, root: o, pop: i }) {
-  var c;
-  const r = lt(), a = x(null), f = x({
+function zn({ children: t, isPresent: e, anchorX: n, anchorY: s, root: o, pop: i }) {
+  var l;
+  const r = At(), a = V(null), c = V({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0,
     bottom: 0
-  }), { nonce: d } = w(G), m = ((c = e.props) == null ? void 0 : c.ref) ?? (e == null ? void 0 : e.ref), u = en(a, m);
-  return ft(() => {
-    const { width: h, height: l, top: p, left: g, right: v, bottom: y } = f.current;
-    if (t || i === !1 || !a.current || !h || !l)
+  }), { nonce: f } = C(N), h = ((l = t.props) == null ? void 0 : l.ref) ?? (t == null ? void 0 : t.ref), u = Bn(a, h);
+  return Vt(() => {
+    const { width: m, height: d, top: y, left: g, right: p, bottom: v } = c.current;
+    if (e || i === !1 || !a.current || !m || !d)
       return;
-    const P = n === "left" ? `left: ${g}` : `right: ${v}`, E = s === "bottom" ? `bottom: ${y}` : `top: ${p}`;
+    const E = n === "left" ? `left: ${g}` : `right: ${p}`, w = s === "bottom" ? `bottom: ${v}` : `top: ${y}`;
     a.current.dataset.motionPopId = r;
     const S = document.createElement("style");
-    d && (S.nonce = d);
-    const T = o ?? document.head;
-    return T.appendChild(S), S.sheet && S.sheet.insertRule(`
+    f && (S.nonce = f);
+    const x = o ?? document.head;
+    return x.appendChild(S), S.sheet && S.sheet.insertRule(`
           [data-motion-pop-id="${r}"] {
             position: absolute !important;
-            width: ${h}px !important;
-            height: ${l}px !important;
-            ${P}px !important;
+            width: ${m}px !important;
+            height: ${d}px !important;
             ${E}px !important;
+            ${w}px !important;
           }
         `), () => {
-      var R;
-      (R = a.current) == null || R.removeAttribute("data-motion-pop-id"), T.contains(S) && T.removeChild(S);
+      var A;
+      (A = a.current) == null || A.removeAttribute("data-motion-pop-id"), x.contains(S) && x.removeChild(S);
     };
-  }, [t]), V(nn, { isPresent: t, childRef: a, sizeRef: f, pop: i, children: i === !1 ? e : q.cloneElement(e, { ref: u }) });
+  }, [e]), I(Un, { isPresent: e, childRef: a, sizeRef: c, pop: i, children: i === !1 ? t : ut.cloneElement(t, { ref: u }) });
 }
-const on = ({ children: e, initial: t, isPresent: n, onExitComplete: s, custom: o, presenceAffectsLayout: i, mode: r, anchorX: a, anchorY: f, root: d }) => {
-  const m = K(rn), u = lt();
-  let c = !0, h = b(() => (c = !1, {
+const $n = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom: o, presenceAffectsLayout: i, mode: r, anchorX: a, anchorY: c, root: f }) => {
+  const h = B(_n), u = At();
+  let l = !0, m = R(() => (l = !1, {
     id: u,
-    initial: t,
+    initial: e,
     isPresent: n,
     custom: o,
-    onExitComplete: (l) => {
-      m.set(l, !0);
-      for (const p of m.values())
-        if (!p)
+    onExitComplete: (d) => {
+      h.set(d, !0);
+      for (const y of h.values())
+        if (!y)
           return;
       s && s();
     },
-    register: (l) => (m.set(l, !1), () => m.delete(l))
-  }), [n, m, s]);
-  return i && c && (h = { ...h }), b(() => {
-    m.forEach((l, p) => m.set(p, !1));
-  }, [n]), q.useEffect(() => {
-    !n && !m.size && s && s();
-  }, [n]), e = V(sn, { pop: r === "popLayout", isPresent: n, anchorX: a, anchorY: f, root: d, children: e }), V(J.Provider, { value: h, children: e });
+    register: (d) => (h.set(d, !1), () => h.delete(d))
+  }), [n, h, s]);
+  return i && l && (m = { ...m }), R(() => {
+    h.forEach((d, y) => h.set(y, !1));
+  }, [n]), ut.useEffect(() => {
+    !n && !h.size && s && s();
+  }, [n]), t = I(zn, { pop: r === "popLayout", isPresent: n, anchorX: a, anchorY: c, root: f, children: t }), I(dt.Provider, { value: m, children: t });
 };
-function rn() {
+function _n() {
   return /* @__PURE__ */ new Map();
 }
-function Xt(e = !0) {
-  const t = w(J);
-  if (t === null)
+function Ee(t = !0) {
+  const e = C(dt);
+  if (e === null)
     return [!0, null];
-  const { isPresent: n, onExitComplete: s, register: o } = t, i = lt();
-  ut(() => {
-    if (e)
+  const { isPresent: n, onExitComplete: s, register: o } = e, i = At();
+  ct(() => {
+    if (t)
       return o(i);
-  }, [e]);
-  const r = z(() => e && s && s(i), [i, s, e]);
+  }, [t]);
+  const r = ot(() => t && s && s(i), [i, s, t]);
   return !n && s ? [!1, r] : [!0];
 }
-const H = (e) => e.key || "";
-function Mt(e) {
-  const t = [];
-  return he.forEach(e, (n) => {
-    me(n) && t.push(n);
-  }), t;
-}
-const ws = ({ children: e, custom: t, initial: n = !0, onExitComplete: s, presenceAffectsLayout: o = !0, mode: i = "sync", propagate: r = !1, anchorX: a = "left", anchorY: f = "top", root: d }) => {
-  const [m, u] = Xt(r), c = b(() => Mt(e), [e]), h = r && !m ? [] : c.map(H), l = x(!0), p = x(c), g = K(() => /* @__PURE__ */ new Map()), v = x(/* @__PURE__ */ new Set()), [y, P] = $(c), [E, S] = $(c);
-  ht(() => {
-    l.current = !1, p.current = c;
-    for (let L = 0; L < E.length; L++) {
-      const C = H(E[L]);
-      h.includes(C) ? (g.delete(C), v.current.delete(C)) : g.get(C) !== !0 && g.set(C, !1);
+const tt = (t) => t.key || "";
+function Ut(t) {
+  const e = [];
+  return Ue.forEach(t, (n) => {
+    ze(n) && e.push(n);
+  }), e;
+}
+const bo = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presenceAffectsLayout: o = !0, mode: i = "sync", propagate: r = !1, anchorX: a = "left", anchorY: c = "top", root: f }) => {
+  const [h, u] = Ee(r), l = R(() => Ut(t), [t]), m = r && !h ? [] : l.map(tt), d = V(!0), y = V(l), g = B(() => /* @__PURE__ */ new Map()), p = V(/* @__PURE__ */ new Set()), [v, E] = Y(l), [w, S] = Y(l);
+  ft(() => {
+    d.current = !1, y.current = l;
+    for (let M = 0; M < w.length; M++) {
+      const P = tt(w[M]);
+      m.includes(P) ? (g.delete(P), p.current.delete(P)) : g.get(P) !== !0 && g.set(P, !1);
     }
-  }, [E, h.length, h.join("-")]);
-  const T = [];
-  if (c !== y) {
-    let L = [...c];
-    for (let C = 0; C < E.length; C++) {
-      const k = E[C], Q = H(k);
-      h.includes(Q) || (L.splice(C, 0, k), T.push(k));
+  }, [w, m.length, m.join("-")]);
+  const x = [];
+  if (l !== v) {
+    let M = [...l];
+    for (let P = 0; P < w.length; P++) {
+      const L = w[P], D = tt(L);
+      m.includes(D) || (M.splice(P, 0, L), x.push(L));
     }
-    return i === "wait" && T.length && (L = T), S(Mt(L)), P(c), null;
+    return i === "wait" && x.length && (M = x), S(Ut(M)), E(l), null;
   }
-  process.env.NODE_ENV !== "production" && i === "wait" && E.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-  const { forceRender: R } = w(O);
-  return V(le, { children: E.map((L) => {
-    const C = H(L), k = r && !m ? !1 : c === E || h.includes(C), Q = () => {
-      if (v.current.has(C))
+  process.env.NODE_ENV !== "production" && i === "wait" && w.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
+  const { forceRender: A } = C(X);
+  return I(He, { children: w.map((M) => {
+    const P = tt(M), L = r && !h ? !1 : l === w || m.includes(P), D = () => {
+      if (p.current.has(P))
         return;
-      if (g.has(C))
-        v.current.add(C), g.set(C, !0);
+      if (g.has(P))
+        p.current.add(P), g.set(P, !0);
       else
         return;
-      let gt = !0;
-      g.forEach((ue) => {
-        ue || (gt = !1);
-      }), gt && (R == null || R(), S(p.current), r && (u == null || u()), s && s());
+      let W = !0;
+      g.forEach((G) => {
+        G || (W = !1);
+      }), W && (A == null || A(), S(y.current), r && (u == null || u()), s && s());
     };
-    return V(on, { isPresent: k, initial: !l.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: o, mode: i, root: d, onExitComplete: k ? void 0 : Q, anchorX: a, anchorY: f, children: L }, C);
+    return I($n, { isPresent: L, initial: !d.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: o, mode: i, root: f, onExitComplete: L ? void 0 : D, anchorX: a, anchorY: c, children: M }, P);
   }) });
-}, an = I(null);
-function cn() {
-  const e = x(!1);
-  return ht(() => (e.current = !0, () => {
-    e.current = !1;
-  }), []), e;
-}
-function un() {
-  const e = cn(), [t, n] = $(0), s = z(() => {
-    e.current && n(t + 1);
-  }, [t]);
-  return [z(() => M.postRender(s), [s]), t];
+}, Yn = j(null);
+function Kn() {
+  const t = V(!1);
+  return ft(() => (t.current = !0, () => {
+    t.current = !1;
+  }), []), t;
+}
+function Xn() {
+  const t = Kn(), [e, n] = Y(0), s = ot(() => {
+    t.current && n(e + 1);
+  }, [e]);
+  return [ot(() => b.postRender(s), [s]), e];
 }
-const qt = (e) => e === !0, ln = (e) => qt(e === !0) || e === "id", Es = ({ children: e, id: t, inherit: n = !0 }) => {
-  const s = w(O), o = w(an), [i, r] = un(), a = x(null), f = s.id || o;
-  a.current === null && (ln(n) && f && (t = t ? f + "-" + t : f), a.current = {
-    id: t,
-    group: qt(n) ? s.group || vt() : vt()
+const Se = (t) => t === !0, qn = (t) => Se(t === !0) || t === "id", Lo = ({ children: t, id: e, inherit: n = !0 }) => {
+  const s = C(X), o = C(Yn), [i, r] = Xn(), a = V(null), c = s.id || o;
+  a.current === null && (qn(n) && c && (e = e ? c + "-" + e : c), a.current = {
+    id: e,
+    group: Se(n) ? s.group || Gt() : Gt()
   });
-  const d = b(() => ({ ...a.current, forceRender: i }), [r]);
-  return V(O.Provider, { value: d, children: e });
-}, Kt = I({ strict: !1 }), Lt = {
+  const f = R(() => ({ ...a.current, forceRender: i }), [r]);
+  return I(X.Provider, { value: f, children: t });
+}, Ce = j({ strict: !1 }), zt = {
   animation: [
     "animate",
     "variants",
@@ -208,30 +208,30 @@ const qt = (e) => e === !0, ln = (e) => qt(e === !0) || e === "id", Es = ({ chil
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 };
-let Vt = !1;
-function fn() {
-  if (Vt)
+let $t = !1;
+function Jn() {
+  if ($t)
     return;
-  const e = {};
-  for (const t in Lt)
-    e[t] = {
-      isEnabled: (n) => Lt[t].some((s) => !!n[s])
+  const t = {};
+  for (const e in zt)
+    t[e] = {
+      isEnabled: (n) => zt[e].some((s) => !!n[s])
     };
-  Ht(e), Vt = !0;
+  ue(t), $t = !0;
 }
-function Jt() {
-  return fn(), ye();
+function xe() {
+  return Jn(), Ke();
 }
-function dn(e) {
-  const t = Jt();
-  for (const n in e)
-    t[n] = {
-      ...t[n],
-      ...e[n]
+function Zn(t) {
+  const e = xe();
+  for (const n in t)
+    e[n] = {
+      ...e[n],
+      ...t[n]
     };
-  Ht(t);
+  ue(e);
 }
-const hn = /* @__PURE__ */ new Set([
+const Qn = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -264,97 +264,97 @@ const hn = /* @__PURE__ */ new Set([
   "ignoreStrict",
   "viewport"
 ]);
-function X(e) {
-  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || hn.has(e);
+function at(t) {
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Qn.has(t);
 }
-let Zt = (e) => !X(e);
-function Qt(e) {
-  typeof e == "function" && (Zt = (t) => t.startsWith("on") ? !X(t) : e(t));
+let Me = (t) => !at(t);
+function Ae(t) {
+  typeof t == "function" && (Me = (e) => e.startsWith("on") ? !at(e) : t(e));
 }
 try {
-  Qt(require("@emotion/is-prop-valid").default);
+  Ae(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function mn(e, t, n) {
+function ts(t, e, n) {
   const s = {};
-  for (const o in e)
-    o === "values" && typeof e.values == "object" || dt(e[o]) || (Zt(o) || n === !0 && X(o) || !t && !X(o) || // If trying to use native HTML drag events, forward drag listeners
-    e.draggable && o.startsWith("onDrag")) && (s[o] = e[o]);
+  for (const o in t)
+    o === "values" && typeof t.values == "object" || q(t[o]) || (Me(o) || n === !0 && at(o) || !e && !at(o) || // If trying to use native HTML drag events, forward drag listeners
+    t.draggable && o.startsWith("onDrag")) && (s[o] = t[o]);
   return s;
 }
-function Cs({ children: e, isValidProp: t, ...n }) {
-  t && Qt(t);
-  const s = w(G);
-  n = { ...s, ...n }, n.transition = Pe(n.transition, s.transition), n.isStatic = K(() => n.isStatic);
-  const o = b(() => n, [
+function To({ children: t, isValidProp: e, ...n }) {
+  e && Ae(e);
+  const s = C(N);
+  n = { ...s, ...n }, n.transition = Xe(n.transition, s.transition), n.isStatic = B(() => n.isStatic);
+  const o = R(() => n, [
     JSON.stringify(n.transition),
     n.transformPagePoint,
     n.reducedMotion,
     n.skipAnimations
   ]);
-  return V(G.Provider, { value: o, children: e });
+  return I(N.Provider, { value: o, children: t });
 }
-const Z = /* @__PURE__ */ I({});
-function pn(e, t) {
-  if (Nt(e)) {
-    const { initial: n, animate: s } = e;
+const ht = /* @__PURE__ */ j({});
+function es(t, e) {
+  if (ce(t)) {
+    const { initial: n, animate: s } = t;
     return {
-      initial: n === !1 || yt(n) ? n : void 0,
-      animate: yt(s) ? s : void 0
+      initial: n === !1 || jt(n) ? n : void 0,
+      animate: jt(s) ? s : void 0
     };
   }
-  return e.inherit !== !1 ? t : {};
+  return t.inherit !== !1 ? e : {};
 }
-function gn(e) {
-  const { initial: t, animate: n } = pn(e, w(Z));
-  return b(() => ({ initial: t, animate: n }), [bt(t), bt(n)]);
+function ns(t) {
+  const { initial: e, animate: n } = es(t, C(ht));
+  return R(() => ({ initial: e, animate: n }), [_t(e), _t(n)]);
 }
-function bt(e) {
-  return Array.isArray(e) ? e.join(" ") : e;
+function _t(t) {
+  return Array.isArray(t) ? t.join(" ") : t;
 }
-const mt = () => ({
+const Dt = () => ({
   style: {},
   transform: {},
   transformOrigin: {},
   vars: {}
 });
-function te(e, t, n) {
-  for (const s in t)
-    !dt(t[s]) && !we(s, n) && (e[s] = t[s]);
-}
-function vn({ transformTemplate: e }, t) {
-  return b(() => {
-    const n = mt();
-    return Ee(n, t, e), Object.assign({}, n.vars, n.style);
-  }, [t]);
+function Ve(t, e, n) {
+  for (const s in e)
+    !q(e[s]) && !qe(s, n) && (t[s] = e[s]);
+}
+function ss({ transformTemplate: t }, e) {
+  return R(() => {
+    const n = Dt();
+    return Je(n, e, t), Object.assign({}, n.vars, n.style);
+  }, [e]);
 }
-function yn(e, t) {
-  const n = e.style || {}, s = {};
-  return te(s, n, e), Object.assign(s, vn(e, t)), s;
+function os(t, e) {
+  const n = t.style || {}, s = {};
+  return Ve(s, n, t), Object.assign(s, ss(t, e)), s;
 }
-function Pn(e, t) {
-  const n = {}, s = yn(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;
+function is(t, e) {
+  const n = {}, s = os(t, e);
+  return t.drag && t.dragListener !== !1 && (n.draggable = !1, s.userSelect = s.WebkitUserSelect = s.WebkitTouchCallout = "none", s.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = s, n;
 }
-const ee = () => ({
-  ...mt(),
+const De = () => ({
+  ...Dt(),
   attrs: {}
 });
-function wn(e, t, n, s) {
-  const o = b(() => {
-    const i = ee();
-    return Ce(i, t, xe(s), e.transformTemplate, e.style), {
+function rs(t, e, n, s) {
+  const o = R(() => {
+    const i = De();
+    return Ze(i, e, Qe(s), t.transformTemplate, t.style), {
       ...i.attrs,
       style: { ...i.style }
     };
-  }, [t]);
-  if (e.style) {
+  }, [e]);
+  if (t.style) {
     const i = {};
-    te(i, e.style, e), o.style = { ...i, ...o.style };
+    Ve(i, t.style, t), o.style = { ...i, ...o.style };
   }
   return o;
 }
-const En = [
+const as = [
   "animate",
   "circle",
   "defs",
@@ -381,139 +381,139 @@ const En = [
   "use",
   "view"
 ];
-function pt(e) {
+function bt(t) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
      * HTML custom React components.
      */
-    typeof e != "string" || /**
+    typeof t != "string" || /**
      * If it contains a dash, the element is a custom HTML webcomponent.
      */
-    e.includes("-") ? !1 : (
+    t.includes("-") ? !1 : (
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(En.indexOf(e) > -1 || /**
+      !!(as.indexOf(t) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
-      /[A-Z]/u.test(e))
+      /[A-Z]/u.test(t))
     )
   );
 }
-function Cn(e, t, n, { latestValues: s }, o, i = !1, r) {
-  const f = (r ?? pt(e) ? wn : Pn)(t, s, o, e), d = mn(t, typeof e == "string", i), m = e !== Wt ? { ...d, ...f, ref: n } : {}, { children: u } = t, c = b(() => dt(u) ? u.get() : u, [u]);
-  return pe(e, {
-    ...m,
-    children: c
+function us(t, e, n, { latestValues: s }, o, i = !1, r) {
+  const c = (r ?? bt(t) ? rs : is)(e, s, o, t), f = ts(e, typeof t == "string", i), h = t !== ae ? { ...f, ...c, ref: n } : {}, { children: u } = e, l = R(() => q(u) ? u.get() : u, [u]);
+  return $e(t, {
+    ...h,
+    children: l
   });
 }
-function xn({ scrapeMotionValuesFromProps: e, createRenderState: t }, n, s, o) {
+function cs({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, o) {
   return {
-    latestValues: Sn(n, s, o, e),
-    renderState: t()
+    latestValues: ls(n, s, o, t),
+    renderState: e()
   };
 }
-function Sn(e, t, n, s) {
-  const o = {}, i = s(e, {});
-  for (const c in i)
-    o[c] = Se(i[c]);
-  let { initial: r, animate: a } = e;
-  const f = Nt(e), d = Me(e);
-  t && d && !f && e.inherit !== !1 && (r === void 0 && (r = t.initial), a === void 0 && (a = t.animate));
-  let m = n ? n.initial === !1 : !1;
-  m = m || r === !1;
-  const u = m ? a : r;
-  if (u && typeof u != "boolean" && !Bt(u)) {
-    const c = Array.isArray(u) ? u : [u];
-    for (let h = 0; h < c.length; h++) {
-      const l = Le(e, c[h]);
-      if (l) {
-        const { transitionEnd: p, transition: g, ...v } = l;
-        for (const y in v) {
-          let P = v[y];
-          if (Array.isArray(P)) {
-            const E = m ? P.length - 1 : 0;
-            P = P[E];
+function ls(t, e, n, s) {
+  const o = {}, i = s(t, {});
+  for (const l in i)
+    o[l] = tn(i[l]);
+  let { initial: r, animate: a } = t;
+  const c = ce(t), f = en(t);
+  e && f && !c && t.inherit !== !1 && (r === void 0 && (r = e.initial), a === void 0 && (a = e.animate));
+  let h = n ? n.initial === !1 : !1;
+  h = h || r === !1;
+  const u = h ? a : r;
+  if (u && typeof u != "boolean" && !le(u)) {
+    const l = Array.isArray(u) ? u : [u];
+    for (let m = 0; m < l.length; m++) {
+      const d = nn(t, l[m]);
+      if (d) {
+        const { transitionEnd: y, transition: g, ...p } = d;
+        for (const v in p) {
+          let E = p[v];
+          if (Array.isArray(E)) {
+            const w = h ? E.length - 1 : 0;
+            E = E[w];
           }
-          P !== null && (o[y] = P);
+          E !== null && (o[v] = E);
         }
-        for (const y in p)
-          o[y] = p[y];
+        for (const v in y)
+          o[v] = y[v];
       }
     }
   }
   return o;
 }
-const ne = (e) => (t, n) => {
-  const s = w(Z), o = w(J), i = () => xn(e, t, s, o);
-  return n ? i() : K(i);
-}, Mn = /* @__PURE__ */ ne({
-  scrapeMotionValuesFromProps: Ve,
-  createRenderState: mt
-}), Ln = /* @__PURE__ */ ne({
-  scrapeMotionValuesFromProps: be,
-  createRenderState: ee
-}), Vn = Symbol.for("motionComponentSymbol");
-function bn(e, t, n) {
-  const s = x(n);
-  ft(() => {
+const be = (t) => (e, n) => {
+  const s = C(ht), o = C(dt), i = () => cs(t, e, s, o);
+  return n ? i() : B(i);
+}, fs = /* @__PURE__ */ be({
+  scrapeMotionValuesFromProps: sn,
+  createRenderState: Dt
+}), ds = /* @__PURE__ */ be({
+  scrapeMotionValuesFromProps: on,
+  createRenderState: De
+}), hs = Symbol.for("motionComponentSymbol");
+function ms(t, e, n) {
+  const s = V(n);
+  Vt(() => {
     s.current = n;
   });
-  const o = x(null);
-  return z((i) => {
+  const o = V(null);
+  return ot((i) => {
     var a;
-    i && ((a = e.onMount) == null || a.call(e, i));
+    i && ((a = t.onMount) == null || a.call(t, i));
     const r = s.current;
     if (typeof r == "function")
       if (i) {
-        const f = r(i);
-        typeof f == "function" && (o.current = f);
+        const c = r(i);
+        typeof c == "function" && (o.current = c);
       } else o.current ? (o.current(), o.current = null) : r(i);
     else r && (r.current = i);
-    t && (i ? t.mount(i) : t.unmount());
-  }, [t]);
+    e && (i ? e.mount(i) : e.unmount());
+  }, [e]);
 }
-const se = I({});
-function F(e) {
-  return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
+const Le = j({});
+function H(t) {
+  return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
-function Dn(e, t, n, s, o, i) {
-  var P, E;
-  const { visualElement: r } = w(Z), a = w(Kt), f = w(J), d = w(G), m = d.reducedMotion, u = d.skipAnimations, c = x(null), h = x(!1);
-  s = s || a.renderer, !c.current && s && (c.current = s(e, {
-    visualState: t,
+function ps(t, e, n, s, o, i) {
+  var E, w;
+  const { visualElement: r } = C(ht), a = C(Ce), c = C(dt), f = C(N), h = f.reducedMotion, u = f.skipAnimations, l = V(null), m = V(!1);
+  s = s || a.renderer, !l.current && s && (l.current = s(t, {
+    visualState: e,
     parent: r,
     props: n,
-    presenceContext: f,
-    blockInitialAnimation: f ? f.initial === !1 : !1,
-    reducedMotionConfig: m,
+    presenceContext: c,
+    blockInitialAnimation: c ? c.initial === !1 : !1,
+    reducedMotionConfig: h,
     skipAnimations: u,
     isSVG: i
-  }), h.current && c.current && (c.current.manuallyAnimateOnMount = !0));
-  const l = c.current, p = w(se);
-  l && !l.projection && o && (l.type === "html" || l.type === "svg") && An(c.current, n, o, p);
-  const g = x(!1);
-  ft(() => {
-    l && g.current && l.update(n, f);
+  }), m.current && l.current && (l.current.manuallyAnimateOnMount = !0));
+  const d = l.current, y = C(Le);
+  d && !d.projection && o && (d.type === "html" || d.type === "svg") && gs(l.current, n, o, y);
+  const g = V(!1);
+  Vt(() => {
+    d && g.current && d.update(n, c);
   });
-  const v = n[De], y = x(!!v && typeof window < "u" && !((P = window.MotionHandoffIsComplete) != null && P.call(window, v)) && ((E = window.MotionHasOptimisedAnimation) == null ? void 0 : E.call(window, v)));
-  return ht(() => {
-    h.current = !0, l && (g.current = !0, window.MotionIsMounted = !0, l.updateFeatures(), l.scheduleRenderMicrotask(), y.current && l.animationState && l.animationState.animateChanges());
-  }), ut(() => {
-    l && (!y.current && l.animationState && l.animationState.animateChanges(), y.current && (queueMicrotask(() => {
+  const p = n[rn], v = V(!!p && typeof window < "u" && !((E = window.MotionHandoffIsComplete) != null && E.call(window, p)) && ((w = window.MotionHasOptimisedAnimation) == null ? void 0 : w.call(window, p)));
+  return ft(() => {
+    m.current = !0, d && (g.current = !0, window.MotionIsMounted = !0, d.updateFeatures(), d.scheduleRenderMicrotask(), v.current && d.animationState && d.animationState.animateChanges());
+  }), ct(() => {
+    d && (!v.current && d.animationState && d.animationState.animateChanges(), v.current && (queueMicrotask(() => {
       var S;
-      (S = window.MotionHandoffMarkAsComplete) == null || S.call(window, v);
-    }), y.current = !1), l.enteringChildren = void 0);
-  }), l;
+      (S = window.MotionHandoffMarkAsComplete) == null || S.call(window, p);
+    }), v.current = !1), d.enteringChildren = void 0);
+  }), d;
 }
-function An(e, t, n, s) {
-  const { layoutId: o, layout: i, drag: r, dragConstraints: a, layoutScroll: f, layoutRoot: d, layoutCrossfade: m } = t;
-  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : oe(e.parent)), e.projection.setOptions({
+function gs(t, e, n, s) {
+  const { layoutId: o, layout: i, drag: r, dragConstraints: a, layoutScroll: c, layoutRoot: f, layoutCrossfade: h } = e;
+  t.projection = new n(t.latestValues, e["data-framer-portal-id"] ? void 0 : Te(t.parent)), t.projection.setOptions({
     layoutId: o,
     layout: i,
-    alwaysMeasureLayout: !!r || a && F(a),
-    visualElement: e,
+    alwaysMeasureLayout: !!r || a && H(a),
+    visualElement: t,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
      * to update by the time layout animations run.
@@ -523,85 +523,85 @@ function An(e, t, n, s) {
      */
     animationType: typeof i == "string" ? i : "both",
     initialPromotionConfig: s,
-    crossfade: m,
-    layoutScroll: f,
-    layoutRoot: d
+    crossfade: h,
+    layoutScroll: c,
+    layoutRoot: f
   });
 }
-function oe(e) {
-  if (e)
-    return e.options.allowProjection !== !1 ? e.projection : oe(e.parent);
+function Te(t) {
+  if (t)
+    return t.options.allowProjection !== !1 ? t.projection : Te(t.parent);
 }
-function et(e, { forwardMotionProps: t = !1, type: n } = {}, s, o) {
-  s && dn(s);
-  const i = n ? n === "svg" : pt(e), r = i ? Ln : Mn;
-  function a(d, m) {
+function gt(t, { forwardMotionProps: e = !1, type: n } = {}, s, o) {
+  s && Zn(s);
+  const i = n ? n === "svg" : bt(t), r = i ? ds : fs;
+  function a(f, h) {
     let u;
-    const c = {
-      ...w(G),
-      ...d,
-      layoutId: Tn(d)
-    }, { isStatic: h } = c, l = gn(d), p = r(d, h);
-    if (!h && typeof window < "u") {
-      In(c, s);
-      const g = Rn(c);
-      u = g.MeasureLayout, l.visualElement = Dn(e, p, c, o, g.ProjectionNode, i);
+    const l = {
+      ...C(N),
+      ...f,
+      layoutId: vs(f)
+    }, { isStatic: m } = l, d = ns(f), y = r(f, m);
+    if (!m && typeof window < "u") {
+      ys(l, s);
+      const g = Ps(l);
+      u = g.MeasureLayout, d.visualElement = ps(t, y, l, o, g.ProjectionNode, i);
     }
-    return fe(Z.Provider, { value: l, children: [u && l.visualElement ? V(u, { visualElement: l.visualElement, ...c }) : null, Cn(e, d, bn(p, l.visualElement, m), p, h, t, i)] });
+    return Ne(ht.Provider, { value: d, children: [u && d.visualElement ? I(u, { visualElement: d.visualElement, ...l }) : null, us(t, f, ms(y, d.visualElement, h), y, m, e, i)] });
   }
-  a.displayName = `motion.${typeof e == "string" ? e : `create(${e.displayName ?? e.name ?? ""})`}`;
-  const f = ge(a);
-  return f[Vn] = e, f;
+  a.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
+  const c = _e(a);
+  return c[hs] = t, c;
 }
-function Tn({ layoutId: e }) {
-  const t = w(O).id;
-  return t && e !== void 0 ? t + "-" + e : e;
+function vs({ layoutId: t }) {
+  const e = C(X).id;
+  return e && t !== void 0 ? e + "-" + t : t;
 }
-function In(e, t) {
-  const n = w(Kt).strict;
-  if (process.env.NODE_ENV !== "production" && t && n) {
+function ys(t, e) {
+  const n = C(Ce).strict;
+  if (process.env.NODE_ENV !== "production" && e && n) {
     const s = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    e.ignoreStrict ? Ae(!1, s, "lazy-strict-mode") : Ut(!1, s, "lazy-strict-mode");
+    t.ignoreStrict ? an(!1, s, "lazy-strict-mode") : lt(!1, s, "lazy-strict-mode");
   }
 }
-function Rn(e) {
-  const t = Jt(), { drag: n, layout: s } = t;
+function Ps(t) {
+  const e = xe(), { drag: n, layout: s } = e;
   if (!n && !s)
     return {};
   const o = { ...n, ...s };
   return {
-    MeasureLayout: n != null && n.isEnabled(e) || s != null && s.isEnabled(e) ? o.MeasureLayout : void 0,
+    MeasureLayout: n != null && n.isEnabled(t) || s != null && s.isEnabled(t) ? o.MeasureLayout : void 0,
     ProjectionNode: o.ProjectionNode
   };
 }
-function kn(e, t) {
+function ws(t, e) {
   if (typeof Proxy > "u")
-    return et;
-  const n = /* @__PURE__ */ new Map(), s = (i, r) => et(i, r, e, t), o = (i, r) => (process.env.NODE_ENV !== "production" && zt(!1, "motion() is deprecated. Use motion.create() instead."), s(i, r));
+    return gt;
+  const n = /* @__PURE__ */ new Map(), s = (i, r) => gt(i, r, t, e), o = (i, r) => (process.env.NODE_ENV !== "production" && fe(!1, "motion() is deprecated. Use motion.create() instead."), s(i, r));
   return new Proxy(o, {
     /**
      * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
      * The prop name is passed through as `key` and we can use that to generate a `motion`
      * DOM component with that name.
      */
-    get: (i, r) => r === "create" ? s : (n.has(r) || n.set(r, et(r, void 0, e, t)), n.get(r))
+    get: (i, r) => r === "create" ? s : (n.has(r) || n.set(r, gt(r, void 0, t, e)), n.get(r))
   });
 }
-const Fn = (e, t) => t.isSVG ?? pt(e) ? new Te(t) : new Ie(t, {
-  allowProjection: e !== Wt
+const Es = (t, e) => e.isSVG ?? bt(t) ? new de(e) : new he(e, {
+  allowProjection: t !== ae
 });
-class jn extends A {
+class Ss extends O {
   /**
    * 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 = Re(t));
+  constructor(e) {
+    super(e), e.animationState || (e.animationState = un(e));
   }
   updateAnimationControlsSubscription() {
-    const { animate: t } = this.node.getProps();
-    Bt(t) && (this.unmountControls = t.subscribe(this.node));
+    const { animate: e } = this.node.getProps();
+    le(e) && (this.unmountControls = e.subscribe(this.node));
   }
   /**
    * Subscribe any provided AnimationControls to the component's VisualElement
@@ -610,35 +610,35 @@ class jn extends A {
     this.updateAnimationControlsSubscription();
   }
   update() {
-    const { animate: t } = this.node.getProps(), { animate: n } = this.node.prevProps || {};
-    t !== n && this.updateAnimationControlsSubscription();
+    const { animate: e } = this.node.getProps(), { animate: n } = this.node.prevProps || {};
+    e !== n && this.updateAnimationControlsSubscription();
   }
   unmount() {
-    var t;
-    this.node.animationState.reset(), (t = this.unmountControls) == null || t.call(this);
+    var e;
+    this.node.animationState.reset(), (e = this.unmountControls) == null || e.call(this);
   }
 }
-let On = 0;
-class Gn extends A {
+let Cs = 0;
+class xs extends O {
   constructor() {
-    super(...arguments), this.id = On++, this.isExitComplete = !1;
+    super(...arguments), this.id = Cs++, this.isExitComplete = !1;
   }
   update() {
     var i;
     if (!this.node.presenceContext)
       return;
-    const { isPresent: t, onExitComplete: n } = this.node.presenceContext, { isPresent: s } = this.node.prevPresenceContext || {};
-    if (!this.node.animationState || t === s)
+    const { isPresent: e, onExitComplete: n } = this.node.presenceContext, { isPresent: s } = this.node.prevPresenceContext || {};
+    if (!this.node.animationState || e === s)
       return;
-    if (t && s === !1) {
+    if (e && s === !1) {
       if (this.isExitComplete) {
         const { initial: r, custom: a } = this.node.getProps();
         if (typeof r == "string") {
-          const f = ke(this.node, r, a);
-          if (f) {
-            const { transition: d, transitionEnd: m, ...u } = f;
-            for (const c in u)
-              (i = this.node.getValue(c)) == null || i.jump(u[c]);
+          const c = cn(this.node, r, a);
+          if (c) {
+            const { transition: f, transitionEnd: h, ...u } = c;
+            for (const l in u)
+              (i = this.node.getValue(l)) == null || i.jump(u[l]);
           }
         }
         this.node.animationState.reset(), this.node.animationState.animateChanges();
@@ -647,86 +647,86 @@ class Gn extends A {
       this.isExitComplete = !1;
       return;
     }
-    const o = this.node.animationState.setActive("exit", !t);
-    n && !t && o.then(() => {
+    const o = this.node.animationState.setActive("exit", !e);
+    n && !e && o.then(() => {
       this.isExitComplete = !0, n(this.id);
     });
   }
   mount() {
-    const { register: t, onExitComplete: n } = this.node.presenceContext || {};
-    n && n(this.id), t && (this.unmount = t(this.id));
+    const { register: e, onExitComplete: n } = this.node.presenceContext || {};
+    n && n(this.id), e && (this.unmount = e(this.id));
   }
   unmount() {
   }
 }
-const Wn = {
+const Ms = {
   animation: {
-    Feature: jn
+    Feature: Ss
   },
   exit: {
-    Feature: Gn
+    Feature: xs
   }
 };
-function W(e) {
+function J(t) {
   return {
     point: {
-      x: e.pageX,
-      y: e.pageY
+      x: t.pageX,
+      y: t.pageY
     }
   };
 }
-const Hn = (e) => (t) => $t(t) && e(t, W(t));
-function j(e, t, n, s) {
-  return _(e, t, Hn(n), s);
+const As = (t) => (e) => me(e) && t(e, J(e));
+function _(t, e, n, s) {
+  return it(t, e, As(n), s);
 }
-const ie = ({ current: e }) => e ? e.ownerDocument.defaultView : null, Dt = (e, t) => Math.abs(e - t);
-function Nn(e, t) {
-  const n = Dt(e.x, t.x), s = Dt(e.y, t.y);
+const Ie = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Yt = (t, e) => Math.abs(t - e);
+function Vs(t, e) {
+  const n = Yt(t.x, e.x), s = Yt(t.y, e.y);
   return Math.sqrt(n ** 2 + s ** 2);
 }
-const At = /* @__PURE__ */ new Set(["auto", "scroll"]);
-class re {
-  constructor(t, n, { transformPagePoint: s, contextWindow: o = window, dragSnapToOrigin: i = !1, distanceThreshold: r = 3, element: a } = {}) {
-    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.lastRawMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (h) => {
-      this.handleScroll(h.target);
+const Kt = /* @__PURE__ */ new Set(["auto", "scroll"]);
+class Re {
+  constructor(e, n, { transformPagePoint: s, contextWindow: o = window, dragSnapToOrigin: i = !1, distanceThreshold: r = 3, element: a } = {}) {
+    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.lastRawMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (m) => {
+      this.handleScroll(m.target);
     }, this.onWindowScroll = () => {
       this.handleScroll(window);
     }, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      this.lastRawMoveEventInfo && (this.lastMoveEventInfo = N(this.lastRawMoveEventInfo, this.transformPagePoint));
-      const h = nt(this.lastMoveEventInfo, this.history), l = this.startEvent !== null, p = Nn(h.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
-      if (!l && !p)
+      this.lastRawMoveEventInfo && (this.lastMoveEventInfo = et(this.lastRawMoveEventInfo, this.transformPagePoint));
+      const m = vt(this.lastMoveEventInfo, this.history), d = this.startEvent !== null, y = Vs(m.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      if (!d && !y)
         return;
-      const { point: g } = h, { timestamp: v } = Pt;
-      this.history.push({ ...g, timestamp: v });
-      const { onStart: y, onMove: P } = this.handlers;
-      l || (y && y(this.lastMoveEvent, h), this.startEvent = this.lastMoveEvent), P && P(this.lastMoveEvent, h);
-    }, this.handlePointerMove = (h, l) => {
-      this.lastMoveEvent = h, this.lastRawMoveEventInfo = l, this.lastMoveEventInfo = N(l, this.transformPagePoint), M.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (h, l) => {
+      const { point: g } = m, { timestamp: p } = Wt;
+      this.history.push({ ...g, timestamp: p });
+      const { onStart: v, onMove: E } = this.handlers;
+      d || (v && v(this.lastMoveEvent, m), this.startEvent = this.lastMoveEvent), E && E(this.lastMoveEvent, m);
+    }, this.handlePointerMove = (m, d) => {
+      this.lastMoveEvent = m, this.lastRawMoveEventInfo = d, this.lastMoveEventInfo = et(d, this.transformPagePoint), b.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (m, d) => {
       this.end();
-      const { onEnd: p, onSessionEnd: g, resumeAnimation: v } = this.handlers;
-      if ((this.dragSnapToOrigin || !this.startEvent) && v && v(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+      const { onEnd: y, onSessionEnd: g, resumeAnimation: p } = this.handlers;
+      if ((this.dragSnapToOrigin || !this.startEvent) && p && p(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const y = nt(h.type === "pointercancel" ? this.lastMoveEventInfo : N(l, this.transformPagePoint), this.history);
-      this.startEvent && p && p(h, y), g && g(h, y);
-    }, !$t(t))
+      const v = vt(m.type === "pointercancel" ? this.lastMoveEventInfo : et(d, this.transformPagePoint), this.history);
+      this.startEvent && y && y(m, v), g && g(m, v);
+    }, !me(e))
       return;
     this.dragSnapToOrigin = i, this.handlers = n, this.transformPagePoint = s, this.distanceThreshold = r, this.contextWindow = o || window;
-    const f = W(t), d = N(f, this.transformPagePoint), { point: m } = d, { timestamp: u } = Pt;
-    this.history = [{ ...m, timestamp: u }];
-    const { onSessionStart: c } = n;
-    c && c(t, nt(d, this.history)), this.removeListeners = _t(j(this.contextWindow, "pointermove", this.handlePointerMove), j(this.contextWindow, "pointerup", this.handlePointerUp), j(this.contextWindow, "pointercancel", this.handlePointerUp)), a && this.startScrollTracking(a);
+    const c = J(e), f = et(c, this.transformPagePoint), { point: h } = f, { timestamp: u } = Wt;
+    this.history = [{ ...h, timestamp: u }];
+    const { onSessionStart: l } = n;
+    l && l(e, vt(f, this.history)), this.removeListeners = pe(_(this.contextWindow, "pointermove", this.handlePointerMove), _(this.contextWindow, "pointerup", this.handlePointerUp), _(this.contextWindow, "pointercancel", this.handlePointerUp)), a && this.startScrollTracking(a);
   }
   /**
    * Start tracking scroll on ancestors and window.
    */
-  startScrollTracking(t) {
-    let n = t.parentElement;
+  startScrollTracking(e) {
+    let n = e.parentElement;
     for (; n; ) {
       const s = getComputedStyle(n);
-      (At.has(s.overflowX) || At.has(s.overflowY)) && this.scrollPositions.set(n, {
+      (Kt.has(s.overflowX) || Kt.has(s.overflowY)) && this.scrollPositions.set(n, {
         x: n.scrollLeft,
         y: n.scrollTop
       }), n = n.parentElement;
@@ -748,54 +748,54 @@ class re {
    * For element scroll: adjusts history origin since pageX/pageY doesn't change.
    * For window scroll: adjusts lastMoveEventInfo since pageX/pageY would change.
    */
-  handleScroll(t) {
-    const n = this.scrollPositions.get(t);
+  handleScroll(e) {
+    const n = this.scrollPositions.get(e);
     if (!n)
       return;
-    const s = t === window, o = s ? { x: window.scrollX, y: window.scrollY } : {
-      x: t.scrollLeft,
-      y: t.scrollTop
+    const s = e === window, o = s ? { x: window.scrollX, y: window.scrollY } : {
+      x: e.scrollLeft,
+      y: e.scrollTop
     }, i = { x: o.x - n.x, y: o.y - n.y };
-    i.x === 0 && i.y === 0 || (s ? this.lastMoveEventInfo && (this.lastMoveEventInfo.point.x += i.x, this.lastMoveEventInfo.point.y += i.y) : this.history.length > 0 && (this.history[0].x -= i.x, this.history[0].y -= i.y), this.scrollPositions.set(t, o), M.update(this.updatePoint, !0));
+    i.x === 0 && i.y === 0 || (s ? this.lastMoveEventInfo && (this.lastMoveEventInfo.point.x += i.x, this.lastMoveEventInfo.point.y += i.y) : this.history.length > 0 && (this.history[0].x -= i.x, this.history[0].y -= i.y), this.scrollPositions.set(e, o), b.update(this.updatePoint, !0));
   }
-  updateHandlers(t) {
-    this.handlers = t;
+  updateHandlers(e) {
+    this.handlers = e;
   }
   end() {
-    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), Fe(this.updatePoint);
+    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), ge(this.updatePoint);
   }
 }
-function N(e, t) {
-  return t ? { point: t(e.point) } : e;
+function et(t, e) {
+  return e ? { point: e(t.point) } : t;
 }
-function Tt(e, t) {
-  return { x: e.x - t.x, y: e.y - t.y };
+function Xt(t, e) {
+  return { x: t.x - e.x, y: t.y - e.y };
 }
-function nt({ point: e }, t) {
+function vt({ point: t }, e) {
   return {
-    point: e,
-    delta: Tt(e, ae(t)),
-    offset: Tt(e, Bn(t)),
-    velocity: Un(t, 0.1)
+    point: t,
+    delta: Xt(t, ke(e)),
+    offset: Xt(t, Ds(e)),
+    velocity: bs(e, 0.1)
   };
 }
-function Bn(e) {
-  return e[0];
+function Ds(t) {
+  return t[0];
 }
-function ae(e) {
-  return e[e.length - 1];
+function ke(t) {
+  return t[t.length - 1];
 }
-function Un(e, t) {
-  if (e.length < 2)
+function bs(t, e) {
+  if (t.length < 2)
     return { x: 0, y: 0 };
-  let n = e.length - 1, s = null;
-  const o = ae(e);
-  for (; n >= 0 && (s = e[n], !(o.timestamp - s.timestamp > wt(t))); )
+  let n = t.length - 1, s = null;
+  const o = ke(t);
+  for (; n >= 0 && (s = t[n], !(o.timestamp - s.timestamp > Et(e))); )
     n--;
   if (!s)
     return { x: 0, y: 0 };
-  s === e[0] && e.length > 2 && o.timestamp - s.timestamp > wt(t) * 2 && (s = e[1]);
-  const i = je(o.timestamp - s.timestamp);
+  s === t[0] && t.length > 2 && o.timestamp - s.timestamp > Et(e) * 2 && (s = t[1]);
+  const i = ln(o.timestamp - s.timestamp);
   if (i === 0)
     return { x: 0, y: 0 };
   const r = {
@@ -804,134 +804,134 @@ function Un(e, t) {
   };
   return r.x === 1 / 0 && (r.x = 0), r.y === 1 / 0 && (r.y = 0), r;
 }
-function zn(e, { min: t, max: n }, s) {
-  return t !== void 0 && e < t ? e = s ? Y(t, e, s.min) : Math.max(e, t) : n !== void 0 && e > n && (e = s ? Y(n, e, s.max) : Math.min(e, n)), e;
+function Ls(t, { min: e, max: n }, s) {
+  return e !== void 0 && t < e ? t = s ? K(e, t, s.min) : Math.max(t, e) : n !== void 0 && t > n && (t = s ? K(n, t, s.max) : Math.min(t, n)), t;
 }
-function It(e, t, n) {
+function qt(t, e, n) {
   return {
-    min: t !== void 0 ? e.min + t : void 0,
-    max: n !== void 0 ? e.max + n - (e.max - e.min) : void 0
+    min: e !== void 0 ? t.min + e : void 0,
+    max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
   };
 }
-function $n(e, { top: t, left: n, bottom: s, right: o }) {
+function Ts(t, { top: e, left: n, bottom: s, right: o }) {
   return {
-    x: It(e.x, n, o),
-    y: It(e.y, t, s)
+    x: qt(t.x, n, o),
+    y: qt(t.y, e, s)
   };
 }
-function Rt(e, t) {
-  let n = t.min - e.min, s = t.max - e.max;
-  return t.max - t.min < e.max - e.min && ([n, s] = [s, n]), { min: n, max: s };
+function Jt(t, e) {
+  let n = e.min - t.min, s = e.max - t.max;
+  return e.max - e.min < t.max - t.min && ([n, s] = [s, n]), { min: n, max: s };
 }
-function _n(e, t) {
+function Is(t, e) {
   return {
-    x: Rt(e.x, t.x),
-    y: Rt(e.y, t.y)
+    x: Jt(t.x, e.x),
+    y: Jt(t.y, e.y)
   };
 }
-function Yn(e, t) {
+function Rs(t, e) {
   let n = 0.5;
-  const s = rt(e), o = rt(t);
-  return o > s ? n = Et(t.min, t.max - s, e.min) : s > o && (n = Et(e.min, e.max - o, t.min)), Oe(0, 1, n);
+  const s = St(t), o = St(e);
+  return o > s ? n = Ct(e.min, e.max - s, t.min) : s > o && (n = Ct(t.min, t.max - o, e.min)), fn(0, 1, n);
 }
-function Xn(e, t) {
+function ks(t, e) {
   const n = {};
-  return t.min !== void 0 && (n.min = t.min - e.min), t.max !== void 0 && (n.max = t.max - e.min), n;
+  return e.min !== void 0 && (n.min = e.min - t.min), e.max !== void 0 && (n.max = e.max - t.min), n;
 }
-const at = 0.35;
-function qn(e = at) {
-  return e === !1 ? e = 0 : e === !0 && (e = at), {
-    x: kt(e, "left", "right"),
-    y: kt(e, "top", "bottom")
+const xt = 0.35;
+function Fs(t = xt) {
+  return t === !1 ? t = 0 : t === !0 && (t = xt), {
+    x: Zt(t, "left", "right"),
+    y: Zt(t, "top", "bottom")
   };
 }
-function kt(e, t, n) {
+function Zt(t, e, n) {
   return {
-    min: Ft(e, t),
-    max: Ft(e, n)
+    min: Qt(t, e),
+    max: Qt(t, n)
   };
 }
-function Ft(e, t) {
-  return typeof e == "number" ? e : e[t] || 0;
+function Qt(t, e) {
+  return typeof t == "number" ? t : t[e] || 0;
 }
-const Kn = /* @__PURE__ */ new WeakMap();
-class Jn {
-  constructor(t) {
-    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = Ge(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = t;
+const Os = /* @__PURE__ */ new WeakMap();
+class Gs {
+  constructor(e) {
+    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = dn(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
   }
-  start(t, { snapToCursor: n = !1, distanceThreshold: s } = {}) {
+  start(e, { snapToCursor: n = !1, distanceThreshold: s } = {}) {
     const { presenceContext: o } = this.visualElement;
     if (o && o.isPresent === !1)
       return;
     const i = (u) => {
-      n && this.snapToCursor(W(u).point), this.stopAnimation();
-    }, r = (u, c) => {
-      const { drag: h, dragPropagation: l, onDragStart: p } = this.getProps();
-      if (h && !l && (this.openDragLock && this.openDragLock(), this.openDragLock = Ue(h), !this.openDragLock))
+      n && this.snapToCursor(J(u).point), this.stopAnimation();
+    }, r = (u, l) => {
+      const { drag: m, dragPropagation: d, onDragStart: y } = this.getProps();
+      if (m && !d && (this.openDragLock && this.openDragLock(), this.openDragLock = vn(m), !this.openDragLock))
         return;
-      this.latestPointerEvent = u, this.latestPanInfo = c, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), D((v) => {
-        let y = this.getAxisMotionValue(v).get() || 0;
-        if (ze.test(y)) {
-          const { projection: P } = this.visualElement;
-          if (P && P.layout) {
-            const E = P.layout.layoutBox[v];
-            E && (y = rt(E) * (parseFloat(y) / 100));
+      this.latestPointerEvent = u, this.latestPanInfo = l, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), F((p) => {
+        let v = this.getAxisMotionValue(p).get() || 0;
+        if (yn.test(v)) {
+          const { projection: E } = this.visualElement;
+          if (E && E.layout) {
+            const w = E.layout.layoutBox[p];
+            w && (v = St(w) * (parseFloat(v) / 100));
           }
         }
-        this.originPoint[v] = y;
-      }), p && M.update(() => p(u, c), !1, !0), Ct(this.visualElement, "transform");
+        this.originPoint[p] = v;
+      }), y && b.update(() => y(u, l), !1, !0), Ht(this.visualElement, "transform");
       const { animationState: g } = this.visualElement;
       g && g.setActive("whileDrag", !0);
-    }, a = (u, c) => {
-      this.latestPointerEvent = u, this.latestPanInfo = c;
-      const { dragPropagation: h, dragDirectionLock: l, onDirectionLock: p, onDrag: g } = this.getProps();
-      if (!h && !this.openDragLock)
+    }, a = (u, l) => {
+      this.latestPointerEvent = u, this.latestPanInfo = l;
+      const { dragPropagation: m, dragDirectionLock: d, onDirectionLock: y, onDrag: g } = this.getProps();
+      if (!m && !this.openDragLock)
         return;
-      const { offset: v } = c;
-      if (l && this.currentDirection === null) {
-        this.currentDirection = Qn(v), this.currentDirection !== null && p && p(this.currentDirection);
+      const { offset: p } = l;
+      if (d && this.currentDirection === null) {
+        this.currentDirection = Ws(p), this.currentDirection !== null && y && y(this.currentDirection);
         return;
       }
-      this.updateAxis("x", c.point, v), this.updateAxis("y", c.point, v), this.visualElement.render(), g && M.update(() => g(u, c), !1, !0);
-    }, f = (u, c) => {
-      this.latestPointerEvent = u, this.latestPanInfo = c, this.stop(u, c), this.latestPointerEvent = null, this.latestPanInfo = null;
-    }, d = () => {
+      this.updateAxis("x", l.point, p), this.updateAxis("y", l.point, p), this.visualElement.render(), g && b.update(() => g(u, l), !1, !0);
+    }, c = (u, l) => {
+      this.latestPointerEvent = u, this.latestPanInfo = l, this.stop(u, l), this.latestPointerEvent = null, this.latestPanInfo = null;
+    }, f = () => {
       const { dragSnapToOrigin: u } = this.getProps();
       (u || this.constraints) && this.startAnimation({ x: 0, y: 0 });
-    }, { dragSnapToOrigin: m } = this.getProps();
-    this.panSession = new re(t, {
+    }, { dragSnapToOrigin: h } = this.getProps();
+    this.panSession = new Re(e, {
       onSessionStart: i,
       onStart: r,
       onMove: a,
-      onSessionEnd: f,
-      resumeAnimation: d
+      onSessionEnd: c,
+      resumeAnimation: f
     }, {
       transformPagePoint: this.visualElement.getTransformPagePoint(),
-      dragSnapToOrigin: m,
+      dragSnapToOrigin: h,
       distanceThreshold: s,
-      contextWindow: ie(this.visualElement),
+      contextWindow: Ie(this.visualElement),
       element: this.visualElement.current
     });
   }
   /**
    * @internal
    */
-  stop(t, n) {
-    const s = t || this.latestPointerEvent, o = n || this.latestPanInfo, i = this.isDragging;
+  stop(e, n) {
+    const s = e || this.latestPointerEvent, o = n || this.latestPanInfo, i = this.isDragging;
     if (this.cancel(), !i || !o || !s)
       return;
     const { velocity: r } = o;
     this.startAnimation(r);
     const { onDragEnd: a } = this.getProps();
-    a && M.postRender(() => a(s, o));
+    a && b.postRender(() => a(s, o));
   }
   /**
    * @internal
    */
   cancel() {
     this.isDragging = !1;
-    const { projection: t, animationState: n } = this.visualElement;
-    t && (t.isAnimationBlocked = !1), this.endPanSession();
+    const { projection: e, animationState: n } = this.visualElement;
+    e && (e.isAnimationBlocked = !1), this.endPanSession();
     const { dragPropagation: s } = this.getProps();
     !s && this.openDragLock && (this.openDragLock(), this.openDragLock = null), n && n.setActive("whileDrag", !1);
   }
@@ -944,65 +944,65 @@ class Jn {
   endPanSession() {
     this.panSession && this.panSession.end(), this.panSession = void 0;
   }
-  updateAxis(t, n, s) {
+  updateAxis(e, n, s) {
     const { drag: o } = this.getProps();
-    if (!s || !B(t, o, this.currentDirection))
+    if (!s || !nt(e, o, this.currentDirection))
       return;
-    const i = this.getAxisMotionValue(t);
-    let r = this.originPoint[t] + s[t];
-    this.constraints && this.constraints[t] && (r = zn(r, this.constraints[t], this.elastic[t])), i.set(r);
+    const i = this.getAxisMotionValue(e);
+    let r = this.originPoint[e] + s[e];
+    this.constraints && this.constraints[e] && (r = Ls(r, this.constraints[e], this.elastic[e])), i.set(r);
   }
   resolveConstraints() {
     var i;
-    const { dragConstraints: t, dragElastic: n } = this.getProps(), s = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (i = this.visualElement.projection) == null ? void 0 : i.layout, o = this.constraints;
-    t && F(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && s ? this.constraints = $n(s.layoutBox, t) : this.constraints = !1, this.elastic = qn(n), o !== this.constraints && !F(t) && s && this.constraints && !this.hasMutatedConstraints && D((r) => {
-      this.constraints !== !1 && this.getAxisMotionValue(r) && (this.constraints[r] = Xn(s.layoutBox[r], this.constraints[r]));
+    const { dragConstraints: e, dragElastic: n } = this.getProps(), s = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (i = this.visualElement.projection) == null ? void 0 : i.layout, o = this.constraints;
+    e && H(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && s ? this.constraints = Ts(s.layoutBox, e) : this.constraints = !1, this.elastic = Fs(n), o !== this.constraints && !H(e) && s && this.constraints && !this.hasMutatedConstraints && F((r) => {
+      this.constraints !== !1 && this.getAxisMotionValue(r) && (this.constraints[r] = ks(s.layoutBox[r], this.constraints[r]));
     });
   }
   resolveRefConstraints() {
-    const { dragConstraints: t, onMeasureDragConstraints: n } = this.getProps();
-    if (!t || !F(t))
+    const { dragConstraints: e, onMeasureDragConstraints: n } = this.getProps();
+    if (!e || !H(e))
       return !1;
-    const s = t.current;
-    Ut(s !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
+    const s = e.current;
+    lt(s !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
     const { projection: o } = this.visualElement;
     if (!o || !o.layout)
       return !1;
-    const i = We(s, o.root, this.visualElement.getTransformPagePoint());
-    let r = _n(o.layout.layoutBox, i);
+    const i = hn(s, o.root, this.visualElement.getTransformPagePoint());
+    let r = Is(o.layout.layoutBox, i);
     if (n) {
-      const a = n(He(r));
-      this.hasMutatedConstraints = !!a, a && (r = Ne(a));
+      const a = n(mn(r));
+      this.hasMutatedConstraints = !!a, a && (r = pn(a));
     }
     return r;
   }
-  startAnimation(t) {
-    const { drag: n, dragMomentum: s, dragElastic: o, dragTransition: i, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), f = this.constraints || {}, d = D((m) => {
-      if (!B(m, n, this.currentDirection))
+  startAnimation(e) {
+    const { drag: n, dragMomentum: s, dragElastic: o, dragTransition: i, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), c = this.constraints || {}, f = F((h) => {
+      if (!nt(h, n, this.currentDirection))
         return;
-      let u = f && f[m] || {};
-      (r === !0 || r === m) && (u = { min: 0, max: 0 });
-      const c = o ? 200 : 1e6, h = o ? 40 : 1e7, l = {
+      let u = c && c[h] || {};
+      (r === !0 || r === h) && (u = { min: 0, max: 0 });
+      const l = o ? 200 : 1e6, m = o ? 40 : 1e7, d = {
         type: "inertia",
-        velocity: s ? t[m] : 0,
-        bounceStiffness: c,
-        bounceDamping: h,
+        velocity: s ? e[h] : 0,
+        bounceStiffness: l,
+        bounceDamping: m,
         timeConstant: 750,
         restDelta: 1,
         restSpeed: 10,
         ...i,
         ...u
       };
-      return this.startAxisValueAnimation(m, l);
+      return this.startAxisValueAnimation(h, d);
     });
-    return Promise.all(d).then(a);
+    return Promise.all(f).then(a);
   }
-  startAxisValueAnimation(t, n) {
-    const s = this.getAxisMotionValue(t);
-    return Ct(this.visualElement, t), s.start(Be(t, s, 0, n, this.visualElement, !1));
+  startAxisValueAnimation(e, n) {
+    const s = this.getAxisMotionValue(e);
+    return Ht(this.visualElement, e), s.start(gn(e, s, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
-    D((t) => this.getAxisMotionValue(t).stop());
+    F((e) => this.getAxisMotionValue(e).stop());
   }
   /**
    * Drag works differently depending on which props are provided.
@@ -1010,19 +1010,19 @@ class Jn {
    * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.
    * - Otherwise, we apply the delta to the x/y motion values.
    */
-  getAxisMotionValue(t) {
-    const n = `_drag${t.toUpperCase()}`, s = this.visualElement.getProps(), o = s[n];
-    return o || this.visualElement.getValue(t, (s.initial ? s.initial[t] : void 0) || 0);
+  getAxisMotionValue(e) {
+    const n = `_drag${e.toUpperCase()}`, s = this.visualElement.getProps(), o = s[n];
+    return o || this.visualElement.getValue(e, (s.initial ? s.initial[e] : void 0) || 0);
   }
-  snapToCursor(t) {
-    D((n) => {
+  snapToCursor(e) {
+    F((n) => {
       const { drag: s } = this.getProps();
-      if (!B(n, s, this.currentDirection))
+      if (!nt(n, s, this.currentDirection))
         return;
       const { projection: o } = this.visualElement, i = this.getAxisMotionValue(n);
       if (o && o.layout) {
-        const { min: r, max: a } = o.layout.layoutBox[n], f = i.get() || 0;
-        i.set(t[n] - Y(r, a, 0.5) + f);
+        const { min: r, max: a } = o.layout.layoutBox[n], c = i.get() || 0;
+        i.set(e[n] - K(r, a, 0.5) + c);
       }
     });
   }
@@ -1034,54 +1034,54 @@ class Jn {
   scalePositionWithinConstraints() {
     if (!this.visualElement.current)
       return;
-    const { drag: t, dragConstraints: n } = this.getProps(), { projection: s } = this.visualElement;
-    if (!F(n) || !s || !this.constraints)
+    const { drag: e, dragConstraints: n } = this.getProps(), { projection: s } = this.visualElement;
+    if (!H(n) || !s || !this.constraints)
       return;
     this.stopAnimation();
     const o = { x: 0, y: 0 };
-    D((r) => {
+    F((r) => {
       const a = this.getAxisMotionValue(r);
       if (a && this.constraints !== !1) {
-        const f = a.get();
-        o[r] = Yn({ min: f, max: f }, this.constraints[r]);
+        const c = a.get();
+        o[r] = Rs({ min: c, max: c }, this.constraints[r]);
       }
     });
     const { transformTemplate: i } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = i ? i({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.constraints = !1, this.resolveConstraints(), D((r) => {
-      if (!B(r, t, null))
+    this.visualElement.current.style.transform = i ? i({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.constraints = !1, this.resolveConstraints(), F((r) => {
+      if (!nt(r, e, null))
         return;
-      const a = this.getAxisMotionValue(r), { min: f, max: d } = this.constraints[r];
-      a.set(Y(f, d, o[r]));
+      const a = this.getAxisMotionValue(r), { min: c, max: f } = this.constraints[r];
+      a.set(K(c, f, o[r]));
     }), this.visualElement.render();
   }
   addListeners() {
     if (!this.visualElement.current)
       return;
-    Kn.set(this.visualElement, this);
-    const t = this.visualElement.current, n = j(t, "pointerdown", (d) => {
-      const { drag: m, dragListener: u = !0 } = this.getProps(), c = d.target, h = c !== t && $e(c);
-      m && u && !h && this.start(d);
+    Os.set(this.visualElement, this);
+    const e = this.visualElement.current, n = _(e, "pointerdown", (f) => {
+      const { drag: h, dragListener: u = !0 } = this.getProps(), l = f.target, m = l !== e && Pn(l);
+      h && u && !m && this.start(f);
     });
     let s;
     const o = () => {
-      const { dragConstraints: d } = this.getProps();
-      F(d) && d.current && (this.constraints = this.resolveRefConstraints(), s || (s = Zn(t, d.current, () => this.scalePositionWithinConstraints())));
+      const { dragConstraints: f } = this.getProps();
+      H(f) && f.current && (this.constraints = this.resolveRefConstraints(), s || (s = js(e, f.current, () => this.scalePositionWithinConstraints())));
     }, { projection: i } = this.visualElement, r = i.addEventListener("measure", o);
-    i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), M.read(o);
-    const a = _(window, "resize", () => this.scalePositionWithinConstraints()), f = i.addEventListener("didUpdate", ({ delta: d, hasLayoutChanged: m }) => {
-      this.isDragging && m && (D((u) => {
-        const c = this.getAxisMotionValue(u);
-        c && (this.originPoint[u] += d[u].translate, c.set(c.get() + d[u].translate));
+    i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), b.read(o);
+    const a = it(window, "resize", () => this.scalePositionWithinConstraints()), c = i.addEventListener("didUpdate", ({ delta: f, hasLayoutChanged: h }) => {
+      this.isDragging && h && (F((u) => {
+        const l = this.getAxisMotionValue(u);
+        l && (this.originPoint[u] += f[u].translate, l.set(l.get() + f[u].translate));
       }), this.visualElement.render());
     });
     return () => {
-      a(), n(), r(), f && f(), s && s();
+      a(), n(), r(), c && c(), s && s();
     };
   }
   getProps() {
-    const t = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: o = !1, dragConstraints: i = !1, dragElastic: r = at, dragMomentum: a = !0 } = t;
+    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: o = !1, dragConstraints: i = !1, dragElastic: r = xt, dragMomentum: a = !0 } = e;
     return {
-      ...t,
+      ...e,
       drag: n,
       dragDirectionLock: s,
       dragPropagation: o,
@@ -1091,71 +1091,71 @@ class Jn {
     };
   }
 }
-function jt(e) {
-  let t = !0;
+function te(t) {
+  let e = !0;
   return () => {
-    if (t) {
-      t = !1;
+    if (e) {
+      e = !1;
       return;
     }
-    e();
+    t();
   };
 }
-function Zn(e, t, n) {
-  const s = xt(e, jt(n)), o = xt(t, jt(n));
+function js(t, e, n) {
+  const s = Nt(t, te(n)), o = Nt(e, te(n));
   return () => {
     s(), o();
   };
 }
-function B(e, t, n) {
-  return (t === !0 || t === e) && (n === null || n === e);
+function nt(t, e, n) {
+  return (e === !0 || e === t) && (n === null || n === t);
 }
-function Qn(e, t = 10) {
+function Ws(t, e = 10) {
   let n = null;
-  return Math.abs(e.y) > t ? n = "y" : Math.abs(e.x) > t && (n = "x"), n;
+  return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
-class ts extends A {
-  constructor(t) {
-    super(t), this.removeGroupControls = U, this.removeListeners = U, this.controls = new Jn(t);
+class Hs extends O {
+  constructor(e) {
+    super(e), this.removeGroupControls = st, this.removeListeners = st, this.controls = new Gs(e);
   }
   mount() {
-    const { dragControls: t } = this.node.getProps();
-    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || U;
+    const { dragControls: e } = this.node.getProps();
+    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || st;
   }
   update() {
-    const { dragControls: t } = this.node.getProps(), { dragControls: n } = this.node.prevProps || {};
-    t !== n && (this.removeGroupControls(), t && (this.removeGroupControls = t.subscribe(this.controls)));
+    const { dragControls: e } = this.node.getProps(), { dragControls: n } = this.node.prevProps || {};
+    e !== n && (this.removeGroupControls(), e && (this.removeGroupControls = e.subscribe(this.controls)));
   }
   unmount() {
     this.removeGroupControls(), this.removeListeners(), this.controls.isDragging || this.controls.endPanSession();
   }
 }
-const st = (e) => (t, n) => {
-  e && M.update(() => e(t, n), !1, !0);
+const yt = (t) => (e, n) => {
+  t && b.update(() => t(e, n), !1, !0);
 };
-class es extends A {
+class Ns extends O {
   constructor() {
-    super(...arguments), this.removePointerDownListener = U;
+    super(...arguments), this.removePointerDownListener = st;
   }
-  onPointerDown(t) {
-    this.session = new re(t, this.createPanHandlers(), {
+  onPointerDown(e) {
+    this.session = new Re(e, this.createPanHandlers(), {
       transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: ie(this.node)
+      contextWindow: Ie(this.node)
     });
   }
   createPanHandlers() {
-    const { onPanSessionStart: t, onPanStart: n, onPan: s, onPanEnd: o } = this.node.getProps();
+    const { onPanSessionStart: e, onPanStart: n, onPan: s, onPanEnd: o } = this.node.getProps();
     return {
-      onSessionStart: st(t),
-      onStart: st(n),
-      onMove: st(s),
+      onSessionStart: yt(e),
+      onStart: yt(n),
+      onMove: yt(s),
       onEnd: (i, r) => {
-        delete this.session, o && M.postRender(() => o(i, r));
+        delete this.session, o && b.postRender(() => o(i, r));
       }
     };
   }
   mount() {
-    this.removePointerDownListener = j(this.node.current, "pointerdown", (t) => this.onPointerDown(t));
+    this.removePointerDownListener = _(this.node.current, "pointerdown", (e) => this.onPointerDown(e));
   }
   update() {
     this.session && this.session.updateHandlers(this.createPanHandlers());
@@ -1164,116 +1164,116 @@ class es extends A {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-let ot = !1;
-class ns extends ve {
+let Pt = !1;
+class Bs extends Ye {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
    * in order to incorporate transforms
    */
   componentDidMount() {
-    const { visualElement: t, layoutGroup: n, switchLayoutGroup: s, layoutId: o } = this.props, { projection: i } = t;
-    i && (n.group && n.group.add(i), s && s.register && o && s.register(i), ot && i.root.didUpdate(), i.addEventListener("animationComplete", () => {
+    const { visualElement: e, layoutGroup: n, switchLayoutGroup: s, layoutId: o } = this.props, { projection: i } = e;
+    i && (n.group && n.group.add(i), s && s.register && o && s.register(i), Pt && i.root.didUpdate(), i.addEventListener("animationComplete", () => {
       this.safeToRemove();
     }), i.setOptions({
       ...i.options,
       layoutDependency: this.props.layoutDependency,
       onExitComplete: () => this.safeToRemove()
-    })), Ye.hasEverUpdated = !0;
+    })), En.hasEverUpdated = !0;
   }
-  getSnapshotBeforeUpdate(t) {
+  getSnapshotBeforeUpdate(e) {
     const { layoutDependency: n, visualElement: s, drag: o, isPresent: i } = this.props, { projection: r } = s;
-    return r && (r.isPresent = i, t.layoutDependency !== n && r.setOptions({
+    return r && (r.isPresent = i, e.layoutDependency !== n && r.setOptions({
       ...r.options,
       layoutDependency: n
-    }), ot = !0, o || t.layoutDependency !== n || n === void 0 || t.isPresent !== i ? r.willUpdate() : this.safeToRemove(), t.isPresent !== i && (i ? r.promote() : r.relegate() || M.postRender(() => {
+    }), Pt = !0, o || e.layoutDependency !== n || n === void 0 || e.isPresent !== i ? r.willUpdate() : this.safeToRemove(), e.isPresent !== i && (i ? r.promote() : r.relegate() || b.postRender(() => {
       const a = r.getStack();
       (!a || !a.members.length) && this.safeToRemove();
     }))), null;
   }
   componentDidUpdate() {
-    const { projection: t } = this.props.visualElement;
-    t && (t.root.didUpdate(), _e.postRender(() => {
-      !t.currentAnimation && t.isLead() && this.safeToRemove();
+    const { projection: e } = this.props.visualElement;
+    e && (e.root.didUpdate(), wn.postRender(() => {
+      !e.currentAnimation && e.isLead() && this.safeToRemove();
     }));
   }
   componentWillUnmount() {
-    const { visualElement: t, layoutGroup: n, switchLayoutGroup: s } = this.props, { projection: o } = t;
-    ot = !0, o && (o.scheduleCheckAfterUnmount(), n && n.group && n.group.remove(o), s && s.deregister && s.deregister(o));
+    const { visualElement: e, layoutGroup: n, switchLayoutGroup: s } = this.props, { projection: o } = e;
+    Pt = !0, o && (o.scheduleCheckAfterUnmount(), n && n.group && n.group.remove(o), s && s.deregister && s.deregister(o));
   }
   safeToRemove() {
-    const { safeToRemove: t } = this.props;
-    t && t();
+    const { safeToRemove: e } = this.props;
+    e && e();
   }
   render() {
     return null;
   }
 }
-function ce(e) {
-  const [t, n] = Xt(), s = w(O);
-  return V(ns, { ...e, layoutGroup: s, switchLayoutGroup: w(se), isPresent: t, safeToRemove: n });
+function Fe(t) {
+  const [e, n] = Ee(), s = C(X);
+  return I(Bs, { ...t, layoutGroup: s, switchLayoutGroup: C(Le), isPresent: e, safeToRemove: n });
 }
-const ss = {
+const Us = {
   pan: {
-    Feature: es
+    Feature: Ns
   },
   drag: {
-    Feature: ts,
-    ProjectionNode: Yt,
-    MeasureLayout: ce
+    Feature: Hs,
+    ProjectionNode: ve,
+    MeasureLayout: Fe
   }
 };
-function Ot(e, t, n) {
-  const { props: s } = e;
-  e.animationState && s.whileHover && e.animationState.setActive("whileHover", n === "Start");
+function ee(t, e, n) {
+  const { props: s } = t;
+  t.animationState && s.whileHover && t.animationState.setActive("whileHover", n === "Start");
   const o = "onHover" + n, i = s[o];
-  i && M.postRender(() => i(t, W(t)));
+  i && b.postRender(() => i(e, J(e)));
 }
-class os extends A {
+class zs extends O {
   mount() {
-    const { current: t } = this.node;
-    t && (this.unmount = Xe(t, (n, s) => (Ot(this.node, s, "Start"), (o) => Ot(this.node, o, "End"))));
+    const { current: e } = this.node;
+    e && (this.unmount = Sn(e, (n, s) => (ee(this.node, s, "Start"), (o) => ee(this.node, o, "End"))));
   }
   unmount() {
   }
 }
-class is extends A {
+class $s extends O {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
   onFocus() {
-    let t = !1;
+    let e = !1;
     try {
-      t = this.node.current.matches(":focus-visible");
+      e = this.node.current.matches(":focus-visible");
     } catch {
-      t = !0;
+      e = !0;
     }
-    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
+    !e || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
   }
   onBlur() {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = _t(_(this.node.current, "focus", () => this.onFocus()), _(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = pe(it(this.node.current, "focus", () => this.onFocus()), it(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
 }
-function Gt(e, t, n) {
-  const { props: s } = e;
-  if (e.current instanceof HTMLButtonElement && e.current.disabled)
+function ne(t, e, n) {
+  const { props: s } = t;
+  if (t.current instanceof HTMLButtonElement && t.current.disabled)
     return;
-  e.animationState && s.whileTap && e.animationState.setActive("whileTap", n === "Start");
+  t.animationState && s.whileTap && t.animationState.setActive("whileTap", n === "Start");
   const o = "onTap" + (n === "End" ? "" : n), i = s[o];
-  i && M.postRender(() => i(t, W(t)));
+  i && b.postRender(() => i(e, J(e)));
 }
-class rs extends A {
+class _s extends O {
   mount() {
-    const { current: t } = this.node;
-    if (!t)
+    const { current: e } = this.node;
+    if (!e)
       return;
     const { globalTapTarget: n, propagate: s } = this.node.props;
-    this.unmount = qe(t, (o, i) => (Gt(this.node, i, "Start"), (r, { success: a }) => Gt(this.node, r, a ? "End" : "Cancel")), {
+    this.unmount = Cn(e, (o, i) => (ne(this.node, i, "Start"), (r, { success: a }) => ne(this.node, r, a ? "End" : "Cancel")), {
       useGlobalTarget: n,
       stopPropagation: (s == null ? void 0 : s.tap) === !1
     });
@@ -1281,47 +1281,47 @@ class rs extends A {
   unmount() {
   }
 }
-const ct = /* @__PURE__ */ new WeakMap(), it = /* @__PURE__ */ new WeakMap(), as = (e) => {
-  const t = ct.get(e.target);
-  t && t(e);
-}, cs = (e) => {
-  e.forEach(as);
+const Mt = /* @__PURE__ */ new WeakMap(), wt = /* @__PURE__ */ new WeakMap(), Ys = (t) => {
+  const e = Mt.get(t.target);
+  e && e(t);
+}, Ks = (t) => {
+  t.forEach(Ys);
 };
-function us({ root: e, ...t }) {
-  const n = e || document;
-  it.has(n) || it.set(n, {});
-  const s = it.get(n), o = JSON.stringify(t);
-  return s[o] || (s[o] = new IntersectionObserver(cs, { root: e, ...t })), s[o];
-}
-function ls(e, t, n) {
-  const s = us(t);
-  return ct.set(e, n), s.observe(e), () => {
-    ct.delete(e), s.unobserve(e);
+function Xs({ root: t, ...e }) {
+  const n = t || document;
+  wt.has(n) || wt.set(n, {});
+  const s = wt.get(n), o = JSON.stringify(e);
+  return s[o] || (s[o] = new IntersectionObserver(Ks, { root: t, ...e })), s[o];
+}
+function qs(t, e, n) {
+  const s = Xs(e);
+  return Mt.set(t, n), s.observe(t), () => {
+    Mt.delete(t), s.unobserve(t);
   };
 }
-const fs = {
+const Js = {
   some: 0,
   all: 1
 };
-class ds extends A {
+class Zs extends O {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
   startObserver() {
     this.unmount();
-    const { viewport: t = {} } = this.node.getProps(), { root: n, margin: s, amount: o = "some", once: i } = t, r = {
+    const { viewport: e = {} } = this.node.getProps(), { root: n, margin: s, amount: o = "some", once: i } = e, r = {
       root: n ? n.current : void 0,
       rootMargin: s,
-      threshold: typeof o == "number" ? o : fs[o]
-    }, a = (f) => {
-      const { isIntersecting: d } = f;
-      if (this.isInView === d || (this.isInView = d, i && !d && this.hasEnteredView))
+      threshold: typeof o == "number" ? o : Js[o]
+    }, a = (c) => {
+      const { isIntersecting: f } = c;
+      if (this.isInView === f || (this.isInView = f, i && !f && this.hasEnteredView))
         return;
-      d && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", d);
-      const { onViewportEnter: m, onViewportLeave: u } = this.node.getProps(), c = d ? m : u;
-      c && c(f);
+      f && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", f);
+      const { onViewportEnter: h, onViewportLeave: u } = this.node.getProps(), l = f ? h : u;
+      l && l(c);
     };
-    return ls(this.node.current, r, a);
+    return qs(this.node.current, r, a);
   }
   mount() {
     this.startObserver();
@@ -1329,48 +1329,322 @@ class ds extends A {
   update() {
     if (typeof IntersectionObserver > "u")
       return;
-    const { props: t, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(hs(t, n)) && this.startObserver();
+    const { props: e, prevProps: n } = this.node;
+    ["amount", "margin", "root"].some(Qs(e, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function hs({ viewport: e = {} }, { viewport: t = {} } = {}) {
-  return (n) => e[n] !== t[n];
+function Qs({ viewport: t = {} }, { viewport: e = {} } = {}) {
+  return (n) => t[n] !== e[n];
 }
-const ms = {
+const to = {
   inView: {
-    Feature: ds
+    Feature: Zs
   },
   tap: {
-    Feature: rs
+    Feature: _s
   },
   focus: {
-    Feature: is
+    Feature: $s
   },
   hover: {
-    Feature: os
+    Feature: zs
   }
-}, ps = {
+}, eo = {
   layout: {
-    ProjectionNode: Yt,
-    MeasureLayout: ce
-  }
-}, gs = {
-  ...Wn,
-  ...ms,
-  ...ss,
-  ...ps
-}, xs = /* @__PURE__ */ kn(gs, Fn);
-function Ss() {
-  !Ke.current && Je();
-  const [e] = $(Ze.current);
-  return process.env.NODE_ENV !== "production" && zt(e !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), e;
+    ProjectionNode: ve,
+    MeasureLayout: Fe
+  }
+}, no = {
+  ...Ms,
+  ...to,
+  ...Us,
+  ...eo
+}, Io = /* @__PURE__ */ ws(no, Es);
+function so(t) {
+  const e = B(() => ye(t)), { isStatic: n } = C(N);
+  if (n) {
+    const [, s] = Y(t);
+    ct(() => e.on("change", s), []);
+  }
+  return e;
+}
+function Oe(t, e) {
+  const n = so(e()), s = () => n.set(e());
+  return s(), ft(() => {
+    const o = () => b.preRender(s, !1, !0), i = t.map((r) => r.on("change", o));
+    return () => {
+      i.forEach((r) => r()), ge(s);
+    };
+  }), n;
+}
+function oo(t) {
+  pt.current = [], t();
+  const e = Oe(pt.current, t);
+  return pt.current = void 0, e;
+}
+function Ro(t, e, n, s) {
+  if (typeof t == "function")
+    return oo(t);
+  const i = typeof e == "function" ? e : xn(e, n, s), r = Array.isArray(t) ? se(t, i) : se([t], ([c]) => i(c)), a = Array.isArray(t) ? void 0 : t.accelerate;
+  return a && !a.isTransformed && typeof e != "function" && Array.isArray(n) && (s == null ? void 0 : s.clamp) !== !1 && (r.accelerate = {
+    ...a,
+    times: e,
+    keyframes: n,
+    isTransformed: !0
+  }), r;
+}
+function se(t, e) {
+  const n = B(() => []);
+  return Oe(t, () => {
+    n.length = 0;
+    const s = t.length;
+    for (let o = 0; o < s; o++)
+      n[o] = t[o].get();
+    return e(n);
+  });
+}
+function ko() {
+  !Mn.current && An();
+  const [t] = Y(Vn.current);
+  return process.env.NODE_ENV !== "production" && fe(t !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), t;
+}
+function Lt(t) {
+  return typeof t == "object" && !Array.isArray(t);
+}
+function Ge(t, e, n, s) {
+  return t == null ? [] : typeof t == "string" && Lt(e) ? Dn(t, n, s) : t instanceof NodeList ? Array.from(t) : Array.isArray(t) ? t.filter((o) => o != null) : [t];
+}
+function io(t, e, n) {
+  return t * (e + 1);
+}
+function oe(t, e, n, s) {
+  return typeof e == "number" ? e : e.startsWith("-") || e.startsWith("+") ? Math.max(0, t + parseFloat(e)) : e === "<" ? n : e.startsWith("<") ? Math.max(0, n + parseFloat(e.slice(1))) : s.get(e) ?? t;
+}
+function ro(t, e, n) {
+  for (let s = 0; s < t.length; s++) {
+    const o = t[s];
+    o.at > e && o.at < n && (we(t, o), s--);
+  }
+}
+function ao(t, e, n, s, o, i) {
+  ro(t, o, i);
+  for (let r = 0; r < e.length; r++)
+    t.push({
+      value: e[r],
+      at: K(o, i, s[r]),
+      easing: Pe(n, r)
+    });
+}
+function uo(t, e) {
+  for (let n = 0; n < t.length; n++)
+    t[n] = t[n] / (e + 1);
+}
+function co(t, e) {
+  return t.at === e.at ? t.value === null ? 1 : e.value === null ? -1 : 0 : t.at - e.at;
+}
+const lo = "easeInOut", fo = 20;
+function ho(t, { defaultTransition: e = {}, ...n } = {}, s, o) {
+  const i = e.duration || 0.3, r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), c = {}, f = /* @__PURE__ */ new Map();
+  let h = 0, u = 0, l = 0;
+  for (let m = 0; m < t.length; m++) {
+    const d = t[m];
+    if (typeof d == "string") {
+      f.set(d, u);
+      continue;
+    } else if (!Array.isArray(d)) {
+      f.set(d.name, oe(u, d.at, h, f));
+      continue;
+    }
+    let [y, g, p = {}] = d;
+    p.at !== void 0 && (u = oe(u, p.at, h, f));
+    let v = 0;
+    const E = (w, S, x, A = 0, M = 0) => {
+      const P = mo(w), { delay: L = 0, times: D = bn(P), type: W = e.type || "keyframes", repeat: G, repeatType: xo, repeatDelay: Mo = 0, ...We } = S;
+      let { ease: k = e.ease || "easeOut", duration: T } = S;
+      const Tt = typeof L == "function" ? L(A, M) : L, It = P.length, Rt = In(W) ? W : o == null ? void 0 : o[W || "keyframes"];
+      if (It <= 2 && Rt) {
+        let U = 100;
+        if (It === 2 && vo(P)) {
+          const z = P[1] - P[0];
+          U = Math.abs(z);
+        }
+        const Z = {
+          ...e,
+          ...We
+        };
+        T !== void 0 && (Z.duration = Et(T));
+        const Q = Ln(Z, U, Rt);
+        k = Q.ease, T = Q.duration;
+      }
+      T ?? (T = i);
+      const kt = u + Tt;
+      D.length === 1 && D[0] === 0 && (D[1] = 1);
+      const Ft = D.length - P.length;
+      if (Ft > 0 && Tn(D, Ft), P.length === 1 && P.unshift(null), G) {
+        lt(G < fo, "Repeat count too high, must be less than 20", "repeat-count-high"), T = io(T, G);
+        const U = [...P], Z = [...D];
+        k = Array.isArray(k) ? [...k] : [k];
+        const Q = [...k];
+        for (let z = 0; z < G; z++) {
+          P.push(...U);
+          for (let $ = 0; $ < U.length; $++)
+            D.push(Z[$] + (z + 1)), k.push($ === 0 ? "linear" : Pe(Q, $ - 1));
+        }
+        uo(D, G);
+      }
+      const Ot = kt + T;
+      ao(x, P, k, D, kt, Ot), v = Math.max(Tt + T, v), l = Math.max(Ot, l);
+    };
+    if (q(y)) {
+      const w = ie(y, a);
+      E(g, p, re("default", w));
+    } else {
+      const w = Ge(y, g, s, c), S = w.length;
+      for (let x = 0; x < S; x++) {
+        g = g, p = p;
+        const A = w[x], M = ie(A, a);
+        for (const P in g)
+          E(g[P], po(p, P), re(P, M), x, S);
+      }
+    }
+    h = u, u += v;
+  }
+  return a.forEach((m, d) => {
+    for (const y in m) {
+      const g = m[y];
+      g.sort(co);
+      const p = [], v = [], E = [];
+      for (let A = 0; A < g.length; A++) {
+        const { at: M, value: P, easing: L } = g[A];
+        p.push(P), v.push(Ct(0, l, M)), E.push(L || "easeOut");
+      }
+      v[0] !== 0 && (v.unshift(0), p.unshift(p[0]), E.unshift(lo)), v[v.length - 1] !== 1 && (v.push(1), p.push(null)), r.has(d) || r.set(d, {
+        keyframes: {},
+        transition: {}
+      });
+      const w = r.get(d);
+      w.keyframes[y] = p;
+      const { type: S, ...x } = e;
+      w.transition[y] = {
+        ...x,
+        duration: l,
+        ease: E,
+        times: v,
+        ...n
+      };
+    }
+  }), r;
+}
+function ie(t, e) {
+  return !e.has(t) && e.set(t, {}), e.get(t);
+}
+function re(t, e) {
+  return e[t] || (e[t] = []), e[t];
+}
+function mo(t) {
+  return Array.isArray(t) ? t : [t];
+}
+function po(t, e) {
+  return t && t[e] ? {
+    ...t,
+    ...t[e]
+  } : { ...t };
+}
+const go = (t) => typeof t == "number", vo = (t) => t.every(go);
+function yo(t) {
+  const e = {
+    presenceContext: null,
+    props: {},
+    visualState: {
+      renderState: {
+        transform: {},
+        transformOrigin: {},
+        style: {},
+        vars: {},
+        attrs: {}
+      },
+      latestValues: {}
+    }
+  }, n = Rn(t) && !kn(t) ? new de(e) : new he(e);
+  n.mount(t), rt.set(t, n);
+}
+function Po(t) {
+  const e = {
+    presenceContext: null,
+    props: {},
+    visualState: {
+      renderState: {
+        output: {}
+      },
+      latestValues: {}
+    }
+  }, n = new Fn(e);
+  n.mount(t), rt.set(t, n);
+}
+function wo(t, e) {
+  return q(t) || typeof t == "number" || typeof t == "string" && !Lt(e);
+}
+function je(t, e, n, s) {
+  const o = [];
+  if (wo(t, e))
+    o.push(On(t, Lt(e) && e.default || e, n && (n.default || n)));
+  else {
+    if (t == null)
+      return o;
+    const i = Ge(t, e, s), r = i.length;
+    lt(!!r, "No valid elements provided.", "no-valid-elements");
+    for (let a = 0; a < r; a++) {
+      const c = i[a], f = c instanceof Element ? yo : Po;
+      rt.has(c) || f(c);
+      const h = rt.get(c), u = { ...n };
+      "delay" in u && typeof u.delay == "function" && (u.delay = u.delay(a, r)), o.push(...Gn(h, { ...e, transition: u }, {}));
+    }
+  }
+  return o;
+}
+function Eo(t, e, n) {
+  const s = [], o = t.map((r) => {
+    if (Array.isArray(r) && typeof r[0] == "function") {
+      const a = r[0], c = ye(0);
+      return c.on("change", a), r.length === 1 ? [c, [0, 1]] : r.length === 2 ? [c, [0, 1], r[1]] : [c, r[1], r[2]];
+    }
+    return r;
+  });
+  return ho(o, e, n, { spring: jn }).forEach(({ keyframes: r, transition: a }, c) => {
+    s.push(...je(c, r, a));
+  }), s;
+}
+function So(t) {
+  return Array.isArray(t) && t.some(Array.isArray);
+}
+function Co(t = {}) {
+  const { scope: e, reduceMotion: n } = t;
+  function s(o, i, r) {
+    let a = [], c;
+    if (So(o)) {
+      const { onComplete: h, ...u } = i || {};
+      typeof h == "function" && (c = h), a = Eo(o, n !== void 0 ? { reduceMotion: n, ...u } : u, e);
+    } else {
+      const { onComplete: h, ...u } = r || {};
+      typeof h == "function" && (c = h), a = je(o, i, n !== void 0 ? { reduceMotion: n, ...u } : u, e);
+    }
+    const f = new Wn(a);
+    return c && f.finished.then(c), e && (e.animations.push(f), f.finished.then(() => {
+      we(e.animations, f);
+    })), f;
+  }
+  return s;
 }
+const Fo = Co();
 export {
-  ws as A,
-  Es as L,
-  Cs as M,
-  xs as m,
-  Ss as u
+  bo as A,
+  Lo as L,
+  To as M,
+  so as a,
+  Fo as b,
+  Ro as c,
+  Io as m,
+  ko as u
 };