sidenetai-sdk 1.0.0 → 1.0.1

package/dist/sidenetai-sdk.es.js

@@ -30484,7 +30484,7 @@ const uR = ({ size: u = 16 }) => /* @__PURE__ */ $.jsx(
   // primaryButtonBgColor: 'bg-black dark:bg-gray-700',
   // primaryButtonTextColor: 'text-white dark:text-gray-100',
   // Sidebar styling
-  sidebarContainer: "bg-white dark:bg-gray-900 text-black dark:text-gray-100 border-gray-300 dark:border-gray-700",
+  sidebarContainer: "bg-white dark:bg-gray-900 text-black dark:text-gray-100 border-l-1 border-gray-300 dark:border-gray-700 shadow-lg border-shadow-lg",
   suggestions: "bg-white dark:bg-gray-800 text-black dark:text-gray-100 border-gray-300 dark:border-gray-700",
   cardContainer: "dark:bg-gray-800",
   cardTitle: "dark:text-gray-100",
@@ -32113,7 +32113,7 @@ class PO extends w2 {
     }), this.resolveNoneKeyframes();
   }
 }
-function t4(u, r, d) {
+function tw(u, r, d) {
   if (u instanceof EventTarget)
     return [u];
   if (typeof u == "string") {
@@ -32127,8 +32127,8 @@ const VM = (u, r) => r && typeof u == "number" ? r.transform(u) : u;
 function HM(u) {
   return tM(u) && "offsetHeight" in u;
 }
-const jx = 30, e4 = (u) => !isNaN(parseFloat(u));
-class n4 {
+const jx = 30, ew = (u) => !isNaN(parseFloat(u));
+class nw {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -32144,7 +32144,7 @@ class n4 {
     }, this.hasAnimated = !1, this.setCurrent(r), this.owner = d.owner;
   }
   setCurrent(r) {
-    this.current = r, this.updatedAt = Nl.now(), this.canTrackVelocity === null && r !== void 0 && (this.canTrackVelocity = e4(this.current));
+    this.current = r, this.updatedAt = Nl.now(), this.canTrackVelocity === null && r !== void 0 && (this.canTrackVelocity = ew(this.current));
   }
   setPrevFrameValue(r = this.current) {
     this.prevFrameValue = r, this.prevUpdatedAt = this.updatedAt;
@@ -32328,7 +32328,7 @@ class n4 {
   }
 }
 function yp(u, r) {
-  return new n4(u, r);
+  return new nw(u, r);
 }
 const { schedule: N2 } = /* @__PURE__ */ hM(queueMicrotask, !1), Xo = {
   x: !1,
@@ -32337,7 +32337,7 @@ const { schedule: N2 } = /* @__PURE__ */ hM(queueMicrotask, !1), Xo = {
 function LM() {
   return Xo.x || Xo.y;
 }
-function a4(u) {
+function aw(u) {
   return u === "x" || u === "y" ? Xo[u] ? null : (Xo[u] = !0, () => {
     Xo[u] = !1;
   }) : Xo.x || Xo.y ? null : (Xo.x = Xo.y = !0, () => {
@@ -32345,7 +32345,7 @@ function a4(u) {
   });
 }
 function qM(u, r) {
-  const d = t4(u), m = new AbortController(), v = {
+  const d = tw(u), m = new AbortController(), v = {
     passive: !0,
     ...r,
     signal: m.signal
@@ -32355,7 +32355,7 @@ function qM(u, r) {
 function Bx(u) {
   return !(u.pointerType === "touch" || LM());
 }
-function l4(u, r, d = {}) {
+function lw(u, r, d = {}) {
   const [m, v, T] = qM(u, d), b = (A) => {
     if (!Bx(A))
       return;
@@ -32371,15 +32371,15 @@ function l4(u, r, d = {}) {
     A.addEventListener("pointerenter", b, v);
   }), T;
 }
-const YM = (u, r) => r ? u === r ? !0 : YM(u, r.parentElement) : !1, j2 = (u) => u.pointerType === "mouse" ? typeof u.button != "number" || u.button <= 0 : u.isPrimary !== !1, i4 = /* @__PURE__ */ new Set([
+const YM = (u, r) => r ? u === r ? !0 : YM(u, r.parentElement) : !1, j2 = (u) => u.pointerType === "mouse" ? typeof u.button != "number" || u.button <= 0 : u.isPrimary !== !1, iw = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function o4(u) {
-  return i4.has(u.tagName) || u.tabIndex !== -1;
+function ow(u) {
+  return iw.has(u.tagName) || u.tabIndex !== -1;
 }
 const R1 = /* @__PURE__ */ new WeakSet();
 function Vx(u) {
@@ -32390,7 +32390,7 @@ function Vx(u) {
 function DT(u, r) {
   u.dispatchEvent(new PointerEvent("pointer" + r, { isPrimary: !0, bubbles: !0 }));
 }
-const u4 = (u, r) => {
+const uw = (u, r) => {
   const d = u.currentTarget;
   if (!d)
     return;
@@ -32408,7 +32408,7 @@ const u4 = (u, r) => {
 function Hx(u) {
   return j2(u) && !LM();
 }
-function s4(u, r, d = {}) {
+function sw(u, r, d = {}) {
   const [m, v, T] = qM(u, d), b = (A) => {
     const x = A.currentTarget;
     if (!Hx(A))
@@ -32424,16 +32424,16 @@ function s4(u, r, d = {}) {
     window.addEventListener("pointerup", R, v), window.addEventListener("pointercancel", w, v);
   };
   return m.forEach((A) => {
-    (d.useGlobalTarget ? window : A).addEventListener("pointerdown", b, v), HM(A) && (A.addEventListener("focus", (z) => u4(z, v)), !o4(A) && !A.hasAttribute("tabindex") && (A.tabIndex = 0));
+    (d.useGlobalTarget ? window : A).addEventListener("pointerdown", b, v), HM(A) && (A.addEventListener("focus", (z) => uw(z, v)), !ow(A) && !A.hasAttribute("tabindex") && (A.tabIndex = 0));
   }), T;
 }
 function GM(u) {
   return tM(u) && "ownerSVGElement" in u;
 }
-function r4(u) {
+function rw(u) {
   return GM(u) && u.tagName === "svg";
 }
-const Za = (u) => !!(u && u.getVelocity), c4 = [...NM, Fn, Vc], f4 = (u) => c4.find(_M(u)), B2 = Vd({
+const Za = (u) => !!(u && u.getVelocity), cw = [...NM, Fn, Vc], fw = (u) => cw.find(_M(u)), B2 = Vd({
   transformPagePoint: (u) => u,
   isStatic: !1,
   reducedMotion: "never"
@@ -32443,7 +32443,7 @@ function Lx(u, r) {
     return u(r);
   u != null && (u.current = r);
 }
-function d4(...u) {
+function dw(...u) {
   return (r) => {
     let d = !1;
     const m = u.map((v) => {
@@ -32459,10 +32459,10 @@ function d4(...u) {
       };
   };
 }
-function h4(...u) {
-  return Le.useCallback(d4(...u), u);
+function hw(...u) {
+  return Le.useCallback(dw(...u), u);
 }
-class m4 extends Le.Component {
+class mw extends Le.Component {
   getSnapshotBeforeUpdate(r) {
     const d = this.props.childRef.current;
     if (d && r.isPresent && !this.props.isPresent) {
@@ -32480,14 +32480,14 @@ class m4 extends Le.Component {
     return this.props.children;
   }
 }
-function p4({ children: u, isPresent: r, anchorX: d, root: m }) {
+function pw({ children: u, isPresent: r, anchorX: d, root: m }) {
   const v = s2(), T = An(null), b = An({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0
-  }), { nonce: A } = _a(B2), x = h4(T, u?.ref);
+  }), { nonce: A } = _a(B2), x = hw(T, u?.ref);
   return _D(() => {
     const { width: z, height: C, top: R, left: w, right: Q } = b.current;
     if (r || !T.current || !z || !C)
@@ -32508,10 +32508,10 @@ function p4({ children: u, isPresent: r, anchorX: d, root: m }) {
         `), () => {
       ot.contains(lt) && ot.removeChild(lt);
     };
-  }, [r]), $.jsx(m4, { isPresent: r, childRef: T, sizeRef: b, children: Le.cloneElement(u, { ref: x }) });
+  }, [r]), $.jsx(mw, { isPresent: r, childRef: T, sizeRef: b, children: Le.cloneElement(u, { ref: x }) });
 }
-const y4 = ({ children: u, initial: r, isPresent: d, onExitComplete: m, custom: v, presenceAffectsLayout: T, mode: b, anchorX: A, root: x }) => {
-  const z = h2(g4), C = s2();
+const yw = ({ children: u, initial: r, isPresent: d, onExitComplete: m, custom: v, presenceAffectsLayout: T, mode: b, anchorX: A, root: x }) => {
+  const z = h2(gw), C = s2();
   let R = !0, w = jd(() => (R = !1, {
     id: C,
     initial: r,
@@ -32530,9 +32530,9 @@ const y4 = ({ children: u, initial: r, isPresent: d, onExitComplete: m, custom:
     z.forEach((Q, X) => z.set(X, !1));
   }, [d]), Le.useEffect(() => {
     !d && !z.size && m && m();
-  }, [d]), b === "popLayout" && (u = $.jsx(p4, { isPresent: d, anchorX: A, root: x, children: u })), $.jsx(V1.Provider, { value: w, children: u });
+  }, [d]), b === "popLayout" && (u = $.jsx(pw, { isPresent: d, anchorX: A, root: x, children: u })), $.jsx(V1.Provider, { value: w, children: u });
 };
-function g4() {
+function gw() {
   return /* @__PURE__ */ new Map();
 }
 function XM(u = !0) {
@@ -32554,7 +32554,7 @@ function qx(u) {
     rz(d) && r.push(d);
   }), r;
 }
-const v4 = ({ children: u, custom: r, initial: d = !0, onExitComplete: m, presenceAffectsLayout: v = !0, mode: T = "sync", propagate: b = !1, anchorX: A = "left", root: x }) => {
+const vw = ({ children: u, custom: r, initial: d = !0, onExitComplete: m, presenceAffectsLayout: v = !0, mode: T = "sync", propagate: b = !1, anchorX: A = "left", root: x }) => {
   const [z, C] = XM(b), R = jd(() => qx(u), [u]), w = b && !z ? [] : R.map(M1), Q = An(!0), X = An(R), lt = h2(() => /* @__PURE__ */ new Map()), [ot, nt] = ia(R), [ft, dt] = ia(R);
   ID(() => {
     Q.current = !1, X.current = R;
@@ -32585,7 +32585,7 @@ const v4 = ({ children: u, custom: r, initial: d = !0, onExitComplete: m, presen
         Xt || (pt = !1);
       }), pt && (bt?.(), dt(X.current), b && C?.(), m && m());
     };
-    return $.jsx(y4, { isPresent: I, initial: !Q.current || d ? void 0 : !1, custom: r, presenceAffectsLayout: v, mode: T, root: x, onExitComplete: I ? void 0 : Ot, anchorX: A, children: vt }, xt);
+    return $.jsx(yw, { isPresent: I, initial: !Q.current || d ? void 0 : !1, custom: r, presenceAffectsLayout: v, mode: T, root: x, onExitComplete: I ? void 0 : Ot, anchorX: A, children: vt }, xt);
   }) });
 }, QM = Vd({ strict: !1 }), Yx = {
   animation: [
@@ -32611,14 +32611,14 @@ for (const u in Yx)
   gp[u] = {
     isEnabled: (r) => Yx[u].some((d) => !!r[d])
   };
-function b4(u) {
+function bw(u) {
   for (const r in u)
     gp[r] = {
       ...gp[r],
       ...u[r]
     };
 }
-const S4 = /* @__PURE__ */ new Set([
+const Sw = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -32651,17 +32651,17 @@ const S4 = /* @__PURE__ */ new Set([
   "viewport"
 ]);
 function j1(u) {
-  return u.startsWith("while") || u.startsWith("drag") && u !== "draggable" || u.startsWith("layout") || u.startsWith("onTap") || u.startsWith("onPan") || u.startsWith("onLayout") || S4.has(u);
+  return u.startsWith("while") || u.startsWith("drag") && u !== "draggable" || u.startsWith("layout") || u.startsWith("onTap") || u.startsWith("onPan") || u.startsWith("onLayout") || Sw.has(u);
 }
 let ZM = (u) => !j1(u);
-function T4(u) {
+function Tw(u) {
   typeof u == "function" && (ZM = (r) => r.startsWith("on") ? !j1(r) : u(r));
 }
 try {
-  T4(require("@emotion/is-prop-valid").default);
+  Tw(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function A4(u, r, d) {
+function Aw(u, r, d) {
   const m = {};
   for (const v in u)
     v === "values" && typeof u.values == "object" || (ZM(v) || d === !0 && j1(v) || !r && !j1(v) || // If trying to use native HTML drag events, forward drag listeners
@@ -32690,7 +32690,7 @@ function q1(u) {
 function kM(u) {
   return !!(q1(u) || u.variants);
 }
-function E4(u, r) {
+function Ew(u, r) {
   if (q1(u)) {
     const { initial: d, animate: m } = u;
     return {
@@ -32700,30 +32700,30 @@ function E4(u, r) {
   }
   return u.inherit !== !1 ? r : {};
 }
-function x4(u) {
-  const { initial: r, animate: d } = E4(u, _a(H1));
+function xw(u) {
+  const { initial: r, animate: d } = Ew(u, _a(H1));
   return jd(() => ({ initial: r, animate: d }), [Gx(r), Gx(d)]);
 }
 function Gx(u) {
   return Array.isArray(u) ? u.join(" ") : u;
 }
 const q0 = {};
-function D4(u) {
+function Dw(u) {
   for (const r in u)
     q0[r] = u[r], A2(r) && (q0[r].isCSSVariable = !0);
 }
 function JM(u, { layout: r, layoutId: d }) {
   return xp.has(u) || u.startsWith("origin") || (r || d !== void 0) && (!!q0[u] || u === "opacity");
 }
-const M4 = {
+const Mw = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, C4 = Ep.length;
-function z4(u, r, d) {
+}, Cw = Ep.length;
+function zw(u, r, d) {
   let m = "", v = !0;
-  for (let T = 0; T < C4; T++) {
+  for (let T = 0; T < Cw; T++) {
     const b = Ep[T], A = u[b];
     if (A === void 0)
       continue;
@@ -32732,7 +32732,7 @@ function z4(u, r, d) {
       const z = VM(A, _2[b]);
       if (!x) {
         v = !1;
-        const C = M4[b] || b;
+        const C = Mw[b] || b;
         m += `${C}(${z}) `;
       }
       d && (r[b] = z);
@@ -32756,7 +32756,7 @@ function L2(u, r, d) {
       x.startsWith("origin") ? (A = !0, T[x] = C) : m[x] = C;
     }
   }
-  if (r.transform || (b || d ? m.transform = z4(r, u.transform, d) : m.transform && (m.transform = "none")), A) {
+  if (r.transform || (b || d ? m.transform = zw(r, u.transform, d) : m.transform && (m.transform = "none")), A) {
     const { originX: x = "50%", originY: z = "50%", originZ: C = 0 } = T;
     m.transformOrigin = `${x} ${z} ${C}`;
   }
@@ -32771,30 +32771,30 @@ function KM(u, r, d) {
   for (const m in r)
     !Za(r[m]) && !JM(m, d) && (u[m] = r[m]);
 }
-function R4({ transformTemplate: u }, r) {
+function Rw({ transformTemplate: u }, r) {
   return jd(() => {
     const d = q2();
     return L2(d, r, u), Object.assign({}, d.vars, d.style);
   }, [r]);
 }
-function O4(u, r) {
+function Ow(u, r) {
   const d = u.style || {}, m = {};
-  return KM(m, d, u), Object.assign(m, R4(u, r)), m;
+  return KM(m, d, u), Object.assign(m, Rw(u, r)), m;
 }
-function w4(u, r) {
-  const d = {}, m = O4(u, r);
+function ww(u, r) {
+  const d = {}, m = Ow(u, r);
   return u.drag && u.dragListener !== !1 && (d.draggable = !1, m.userSelect = m.WebkitUserSelect = m.WebkitTouchCallout = "none", m.touchAction = u.drag === !0 ? "none" : `pan-${u.drag === "x" ? "y" : "x"}`), u.tabIndex === void 0 && (u.onTap || u.onTapStart || u.whileTap) && (d.tabIndex = 0), d.style = m, d;
 }
-const U4 = {
+const Uw = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, _4 = {
+}, _w = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function N4(u, r, d = 1, m = 0, v = !0) {
+function Nw(u, r, d = 1, m = 0, v = !0) {
   u.pathLength = 1;
-  const T = v ? U4 : _4;
+  const T = v ? Uw : _w;
   u[T.offset] = Ft.transform(-m);
   const b = Ft.transform(r), A = Ft.transform(d);
   u[T.array] = `${b} ${A}`;
@@ -32815,13 +32815,13 @@ function $M(u, {
   }
   u.attrs = u.style, u.style = {};
   const { attrs: R, style: w } = u;
-  R.transform && (w.transform = R.transform, delete R.transform), (w.transform || R.transformOrigin) && (w.transformOrigin = R.transformOrigin ?? "50% 50%", delete R.transformOrigin), w.transform && (w.transformBox = C?.transformBox ?? "fill-box", delete R.transformBox), r !== void 0 && (R.x = r), d !== void 0 && (R.y = d), m !== void 0 && (R.scale = m), v !== void 0 && N4(R, v, T, b, !1);
+  R.transform && (w.transform = R.transform, delete R.transform), (w.transform || R.transformOrigin) && (w.transformOrigin = R.transformOrigin ?? "50% 50%", delete R.transformOrigin), w.transform && (w.transformBox = C?.transformBox ?? "fill-box", delete R.transformBox), r !== void 0 && (R.x = r), d !== void 0 && (R.y = d), m !== void 0 && (R.scale = m), v !== void 0 && Nw(R, v, T, b, !1);
 }
 const FM = () => ({
   ...q2(),
   attrs: {}
 }), WM = (u) => typeof u == "string" && u.toLowerCase() === "svg";
-function j4(u, r, d, m) {
+function jw(u, r, d, m) {
   const v = jd(() => {
     const T = FM();
     return $M(T, r, WM(m), u.transformTemplate, u.style), {
@@ -32835,7 +32835,7 @@ function j4(u, r, d, m) {
   }
   return v;
 }
-const B4 = [
+const Bw = [
   "animate",
   "circle",
   "defs",
@@ -32875,15 +32875,15 @@ function Y2(u) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(B4.indexOf(u) > -1 || /**
+      !!(Bw.indexOf(u) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(u))
     )
   );
 }
-function V4(u, r, d, { latestValues: m }, v, T = !1) {
-  const A = (Y2(u) ? j4 : w4)(r, m, v, u), x = A4(r, typeof u == "string", T), z = u !== ND ? { ...x, ...A, ref: d } : {}, { children: C } = r, R = jd(() => Za(C) ? C.get() : C, [C]);
+function Vw(u, r, d, { latestValues: m }, v, T = !1) {
+  const A = (Y2(u) ? jw : ww)(r, m, v, u), x = Aw(r, typeof u == "string", T), z = u !== ND ? { ...x, ...A, ref: d } : {}, { children: C } = r, R = jd(() => Za(C) ? C.get() : C, [C]);
   return cz(u, {
     ...z,
     children: R
@@ -32909,13 +32909,13 @@ function G2(u, r, d, m) {
 function O1(u) {
   return Za(u) ? u.get() : u;
 }
-function H4({ scrapeMotionValuesFromProps: u, createRenderState: r }, d, m, v) {
+function Hw({ scrapeMotionValuesFromProps: u, createRenderState: r }, d, m, v) {
   return {
-    latestValues: L4(d, m, v, u),
+    latestValues: Lw(d, m, v, u),
     renderState: r()
   };
 }
-function L4(u, r, d, m) {
+function Lw(u, r, d, m) {
   const v = {}, T = m(u, {});
   for (const w in T)
     v[w] = O1(T[w]);
@@ -32947,7 +32947,7 @@ function L4(u, r, d, m) {
   return v;
 }
 const IM = (u) => (r, d) => {
-  const m = _a(H1), v = _a(V1), T = () => H4(u, r, m, v);
+  const m = _a(H1), v = _a(V1), T = () => Hw(u, r, m, v);
   return d ? T() : h2(T);
 };
 function X2(u, r, d) {
@@ -32956,7 +32956,7 @@ function X2(u, r, d) {
     (Za(m[T]) || r.style && Za(r.style[T]) || JM(T, u) || d?.getValue(T)?.liveStyle !== void 0) && (v[T] = m[T]);
   return v;
 }
-const q4 = /* @__PURE__ */ IM({
+const qw = /* @__PURE__ */ IM({
   scrapeMotionValuesFromProps: X2,
   createRenderState: q2
 });
@@ -32969,14 +32969,14 @@ function PM(u, r, d) {
     }
   return m;
 }
-const Y4 = /* @__PURE__ */ IM({
+const Yw = /* @__PURE__ */ IM({
   scrapeMotionValuesFromProps: PM,
   createRenderState: FM
-}), G4 = Symbol.for("motionComponentSymbol");
+}), Gw = Symbol.for("motionComponentSymbol");
 function fp(u) {
   return u && typeof u == "object" && Object.prototype.hasOwnProperty.call(u, "current");
 }
-function X4(u, r, d) {
+function Xw(u, r, d) {
   return uo(
     (m) => {
       m && u.onMount && u.onMount(m), r && (m ? r.mount(m) : r.unmount()), d && (typeof d == "function" ? d(m) : fp(d) && (d.current = m));
@@ -32988,8 +32988,8 @@ function X4(u, r, d) {
     [r]
   );
 }
-const Q2 = (u) => u.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Q4 = "framerAppearId", t3 = "data-" + Q2(Q4), e3 = Vd({});
-function Z4(u, r, d, m, v) {
+const Q2 = (u) => u.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Qw = "framerAppearId", t3 = "data-" + Q2(Qw), e3 = Vd({});
+function Zw(u, r, d, m, v) {
   const { visualElement: T } = _a(H1), b = _a(QM), A = _a(V1), x = _a(B2).reducedMotion, z = An(null);
   m = m || b.renderer, !z.current && m && (z.current = m(u, {
     visualState: r,
@@ -33000,7 +33000,7 @@ function Z4(u, r, d, m, v) {
     reducedMotionConfig: x
   }));
   const C = z.current, R = _a(e3);
-  C && !C.projection && v && (C.type === "html" || C.type === "svg") && k4(z.current, d, v, R);
+  C && !C.projection && v && (C.type === "html" || C.type === "svg") && kw(z.current, d, v, R);
   const w = An(!1);
   _D(() => {
     C && w.current && C.update(d, A);
@@ -33014,7 +33014,7 @@ function Z4(u, r, d, m, v) {
     }), X.current = !1), C.enteringChildren = void 0);
   }), C;
 }
-function k4(u, r, d, m) {
+function kw(u, r, d, m) {
   const { layoutId: v, layout: T, drag: b, dragConstraints: A, layoutScroll: x, layoutRoot: z, layoutCrossfade: C } = r;
   u.projection = new d(u.latestValues, r["data-framer-portal-id"] ? void 0 : n3(u.parent)), u.projection.setOptions({
     layoutId: v,
@@ -33040,38 +33040,38 @@ function n3(u) {
     return u.options.allowProjection !== !1 ? u.projection : n3(u.parent);
 }
 function MT(u, { forwardMotionProps: r = !1 } = {}, d, m) {
-  d && b4(d);
-  const v = Y2(u) ? Y4 : q4;
+  d && bw(d);
+  const v = Y2(u) ? Yw : qw;
   function T(A, x) {
     let z;
     const C = {
       ..._a(B2),
       ...A,
-      layoutId: J4(A)
-    }, { isStatic: R } = C, w = x4(A), Q = v(A, R);
+      layoutId: Jw(A)
+    }, { isStatic: R } = C, w = xw(A), Q = v(A, R);
     if (!R && m2) {
-      K4(C, d);
-      const X = $4(C);
-      z = X.MeasureLayout, w.visualElement = Z4(u, Q, C, m, X.ProjectionNode);
+      Kw(C, d);
+      const X = $w(C);
+      z = X.MeasureLayout, w.visualElement = Zw(u, Q, C, m, X.ProjectionNode);
     }
-    return $.jsxs(H1.Provider, { value: w, children: [z && w.visualElement ? $.jsx(z, { visualElement: w.visualElement, ...C }) : null, V4(u, A, X4(Q, w.visualElement, x), Q, R, r)] });
+    return $.jsxs(H1.Provider, { value: w, children: [z && w.visualElement ? $.jsx(z, { visualElement: w.visualElement, ...C }) : null, Vw(u, A, Xw(Q, w.visualElement, x), Q, R, r)] });
   }
   T.displayName = `motion.${typeof u == "string" ? u : `create(${u.displayName ?? u.name ?? ""})`}`;
   const b = fz(T);
-  return b[G4] = u, b;
+  return b[Gw] = u, b;
 }
-function J4({ layoutId: u }) {
+function Jw({ layoutId: u }) {
   const r = _a(d2).id;
   return r && u !== void 0 ? r + "-" + u : u;
 }
-function K4(u, r) {
+function Kw(u, r) {
   const d = _a(QM).strict;
   if (process.env.NODE_ENV !== "production" && r && d) {
     const m = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     u.ignoreStrict ? Tp(!1, m, "lazy-strict-mode") : Ws(!1, m, "lazy-strict-mode");
   }
 }
-function $4(u) {
+function $w(u) {
   const { drag: r, layout: d } = gp;
   if (!r && !d)
     return {};
@@ -33081,7 +33081,7 @@ function $4(u) {
     ProjectionNode: m.ProjectionNode
   };
 }
-function F4(u, r) {
+function Fw(u, r) {
   if (typeof Proxy > "u")
     return MT;
   const d = /* @__PURE__ */ new Map(), m = (T, b) => MT(T, b, u, r), v = (T, b) => (process.env.NODE_ENV !== "production" && b2(!1, "motion() is deprecated. Use motion.create() instead."), m(T, b));
@@ -33100,10 +33100,10 @@ function a3({ top: u, left: r, right: d, bottom: m }) {
     y: { min: u, max: m }
   };
 }
-function W4({ x: u, y: r }) {
+function Ww({ x: u, y: r }) {
   return { top: r.min, right: u.max, bottom: r.max, left: u.min };
 }
-function I4(u, r) {
+function Iw(u, r) {
   if (!r)
     return u;
   const d = r({ x: u.left, y: u.top }), m = r({ x: u.right, y: u.bottom });
@@ -33143,7 +33143,7 @@ function i3(u, { x: r, y: d }) {
   t2(u.x, r.translate, r.scale, r.originPoint), t2(u.y, d.translate, d.scale, d.originPoint);
 }
 const kx = 0.999999999999, Jx = 1.0000000000001;
-function P4(u, r, d, m = !1) {
+function Pw(u, r, d, m = !1) {
   const v = d.length;
   if (!v)
     return;
@@ -33170,9 +33170,9 @@ function hp(u, r) {
   Kx(u.x, r.x, r.scaleX, r.scale, r.originX), Kx(u.y, r.y, r.scaleY, r.scale, r.originY);
 }
 function o3(u, r) {
-  return a3(I4(u.getBoundingClientRect(), r));
+  return a3(Iw(u.getBoundingClientRect(), r));
 }
-function tw(u, r, d) {
+function t4(u, r, d) {
   const m = o3(u, d), { scroll: v } = r;
   return v && (dp(m.x, v.offset.x), dp(m.y, v.offset.y)), m;
 }
@@ -33188,7 +33188,7 @@ const $x = () => ({
   x: Fx(),
   y: Fx()
 }), e2 = { current: null }, u3 = { current: !1 };
-function ew() {
+function e4() {
   if (u3.current = !0, !!m2)
     if (window.matchMedia) {
       const u = window.matchMedia("(prefers-reduced-motion)"), r = () => e2.current = u.matches;
@@ -33196,8 +33196,8 @@ function ew() {
     } else
       e2.current = !1;
 }
-const nw = /* @__PURE__ */ new WeakMap();
-function aw(u, r, d) {
+const n4 = /* @__PURE__ */ new WeakMap();
+function a4(u, r, d) {
   for (const m in r) {
     const v = r[m], T = d[m];
     if (Za(v))
@@ -33226,7 +33226,7 @@ const Wx = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class lw {
+class l4 {
   /**
    * 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.
@@ -33253,7 +33253,7 @@ class lw {
     }
   }
   mount(r) {
-    this.current = r, nw.set(r, this), this.projection && !this.projection.instance && this.projection.mount(r), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((d, m) => this.bindToMotionValue(m, d)), u3.current || ew(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : e2.current, process.env.NODE_ENV !== "production" && b2(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.parent?.addChild(this), this.update(this.props, this.presenceContext);
+    this.current = r, n4.set(r, this), this.projection && !this.projection.instance && this.projection.mount(r), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((d, m) => this.bindToMotionValue(m, d)), u3.current || e4(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : e2.current, process.env.NODE_ENV !== "production" && b2(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.parent?.addChild(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     this.projection && this.projection.unmount(), Bc(this.notifyUpdate), Bc(this.render), this.valueSubscriptions.forEach((r) => r()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
@@ -33328,7 +33328,7 @@ class lw {
       const T = "on" + v, b = r[T];
       b && (this.propEventSubscriptions[v] = this.on(v, b));
     }
-    this.prevMotionValues = aw(this, this.scrapeMotionValuesFromProps(r, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = a4(this, this.scrapeMotionValuesFromProps(r, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -33393,7 +33393,7 @@ class lw {
    */
   readValue(r, d) {
     let m = this.latestValues[r] !== void 0 || !this.current ? this.latestValues[r] : this.getBaseTargetFromProps(this.props, r) ?? this.readValueFromInstance(this.current, r, this.options);
-    return m != null && (typeof m == "string" && (PD(m) || eM(m)) ? m = parseFloat(m) : !f4(m) && Vc.test(d) && (m = BM(r, d)), this.setBaseTarget(r, Za(m) ? m.get() : m)), Za(m) ? m.get() : m;
+    return m != null && (typeof m == "string" && (PD(m) || eM(m)) ? m = parseFloat(m) : !fw(m) && Vc.test(d) && (m = BM(r, d)), this.setBaseTarget(r, Za(m) ? m.get() : m)), Za(m) ? m.get() : m;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -33428,7 +33428,7 @@ class lw {
     N2.render(this.render);
   }
 }
-class s3 extends lw {
+class s3 extends l4 {
   constructor() {
     super(...arguments), this.KeyframeResolver = PO;
   }
@@ -33458,10 +33458,10 @@ function r3(u, { style: r, vars: d }, m, v) {
   for (b in d)
     T.setProperty(b, d[b]);
 }
-function iw(u) {
+function i4(u) {
   return window.getComputedStyle(u);
 }
-class ow extends s3 {
+class o4 extends s3 {
   constructor() {
     super(...arguments), this.type = "html", this.renderInstance = r3;
   }
@@ -33469,7 +33469,7 @@ class ow extends s3 {
     if (xp.has(d))
       return this.projection?.isProjecting ? kT(d) : gO(r, d);
     {
-      const m = iw(r), v = (A2(d) ? m.getPropertyValue(d) : m[d]) || 0;
+      const m = i4(r), v = (A2(d) ? m.getPropertyValue(d) : m[d]) || 0;
       return typeof v == "string" ? v.trim() : v;
     }
   }
@@ -33508,12 +33508,12 @@ const c3 = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]);
-function uw(u, r, d, m) {
+function u4(u, r, d, m) {
   r3(u, r, void 0, m);
   for (const v in r.attrs)
     u.setAttribute(c3.has(v) ? v : Q2(v), r.attrs[v]);
 }
-class sw extends s3 {
+class s4 extends s3 {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Nn;
   }
@@ -33534,13 +33534,13 @@ class sw extends s3 {
     $M(r, d, this.isSVGTag, m.transformTemplate, m.style);
   }
   renderInstance(r, d, m, v) {
-    uw(r, d, m, v);
+    u4(r, d, m, v);
   }
   mount(r) {
     this.isSVGTag = WM(r.tagName), super.mount(r);
   }
 }
-const rw = (u, r) => Y2(u) ? new sw(r) : new ow(r, {
+const r4 = (u, r) => Y2(u) ? new s4(r) : new o4(r, {
   allowProjection: u !== ND
 });
 function pp(u, r, d) {
@@ -33548,27 +33548,27 @@ function pp(u, r, d) {
   return G2(m, r, d !== void 0 ? d : m.custom, u);
 }
 const n2 = (u) => Array.isArray(u);
-function cw(u, r, d) {
+function c4(u, r, d) {
   u.hasValue(r) ? u.getValue(r).set(d) : u.addValue(r, yp(d));
 }
-function fw(u) {
+function f4(u) {
   return n2(u) ? u[u.length - 1] || 0 : u;
 }
-function dw(u, r) {
+function d4(u, r) {
   const d = pp(u, r);
   let { transitionEnd: m = {}, transition: v = {}, ...T } = d || {};
   T = { ...T, ...m };
   for (const b in T) {
-    const A = fw(T[b]);
-    cw(u, b, A);
+    const A = f4(T[b]);
+    c4(u, b, A);
   }
 }
-function hw(u) {
+function h4(u) {
   return !!(Za(u) && u.add);
 }
 function a2(u, r) {
   const d = u.getValue("willChange");
-  if (hw(d))
+  if (h4(d))
     return d.add(r);
   if (!d && Is.WillChange) {
     const m = new Is.WillChange("auto");
@@ -33578,30 +33578,30 @@ function a2(u, r) {
 function f3(u) {
   return u.props[t3];
 }
-const mw = (u) => u !== null;
-function pw(u, { repeat: r, repeatType: d = "loop" }, m) {
-  const v = u.filter(mw), T = r && d !== "loop" && r % 2 === 1 ? 0 : v.length - 1;
+const m4 = (u) => u !== null;
+function p4(u, { repeat: r, repeatType: d = "loop" }, m) {
+  const v = u.filter(m4), T = r && d !== "loop" && r % 2 === 1 ? 0 : v.length - 1;
   return v[T];
 }
-const yw = {
+const y4 = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, gw = (u) => ({
+}, g4 = (u) => ({
   type: "spring",
   stiffness: 550,
   damping: u === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), vw = {
+}), v4 = {
   type: "keyframes",
   duration: 0.8
-}, bw = {
+}, b4 = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Sw = (u, { keyframes: r }) => r.length > 2 ? vw : xp.has(u) ? u.startsWith("scale") ? gw(r[1]) : yw : bw;
-function Tw({ when: u, delay: r, delayChildren: d, staggerChildren: m, staggerDirection: v, repeat: T, repeatType: b, repeatDelay: A, from: x, elapsed: z, ...C }) {
+}, S4 = (u, { keyframes: r }) => r.length > 2 ? v4 : xp.has(u) ? u.startsWith("scale") ? g4(r[1]) : y4 : b4;
+function T4({ when: u, delay: r, delayChildren: d, staggerChildren: m, staggerDirection: v, repeat: T, repeatType: b, repeatDelay: A, from: x, elapsed: z, ...C }) {
   return !!Object.keys(C).length;
 }
 const Z2 = (u, r, d, m = {}, v, T) => (b) => {
@@ -33624,10 +33624,10 @@ const Z2 = (u, r, d, m = {}, v, T) => (b) => {
     motionValue: r,
     element: T ? void 0 : v
   };
-  Tw(A) || Object.assign(C, Sw(u, C)), C.duration && (C.duration = /* @__PURE__ */ Qo(C.duration)), C.repeatDelay && (C.repeatDelay = /* @__PURE__ */ Qo(C.repeatDelay)), C.from !== void 0 && (C.keyframes[0] = C.from);
+  T4(A) || Object.assign(C, S4(u, C)), C.duration && (C.duration = /* @__PURE__ */ Qo(C.duration)), C.repeatDelay && (C.repeatDelay = /* @__PURE__ */ Qo(C.repeatDelay)), C.from !== void 0 && (C.keyframes[0] = C.from);
   let R = !1;
   if ((C.type === !1 || C.duration === 0 && !C.repeatDelay) && (WT(C), C.delay === 0 && (R = !0)), (Is.instantAnimations || Is.skipAnimations) && (R = !0, WT(C), C.delay = 0), C.allowFlatten = !A.type && !A.ease, R && !T && r.get() !== void 0) {
-    const w = pw(C.keyframes, A);
+    const w = p4(C.keyframes, A);
     if (w !== void 0) {
       dn.update(() => {
         C.onUpdate(w), C.onComplete();
@@ -33637,7 +33637,7 @@ const Z2 = (u, r, d, m = {}, v, T) => (b) => {
   }
   return A.isSync ? new O2(C) : new qO(C);
 };
-function Aw({ protectedKeys: u, needsAnimating: r }, d) {
+function A4({ protectedKeys: u, needsAnimating: r }, d) {
   const m = u.hasOwnProperty(d) && r[d] !== !0;
   return r[d] = !1, m;
 }
@@ -33647,7 +33647,7 @@ function d3(u, r, { delay: d = 0, transitionOverride: m, type: v } = {}) {
   const x = [], z = v && u.animationState && u.animationState.getState()[v];
   for (const C in A) {
     const R = u.getValue(C, u.latestValues[C] ?? null), w = A[C];
-    if (w === void 0 || z && Aw(z, C))
+    if (w === void 0 || z && A4(z, C))
       continue;
     const Q = {
       delay: d,
@@ -33669,7 +33669,7 @@ function d3(u, r, { delay: d = 0, transitionOverride: m, type: v } = {}) {
   }
   return b && Promise.all(x).then(() => {
     dn.update(() => {
-      b && dw(u, b);
+      b && d4(u, b);
     });
   }), x;
 }
@@ -33683,7 +33683,7 @@ function l2(u, r, d = {}) {
   d.transitionOverride && (v = d.transitionOverride);
   const T = m ? () => Promise.all(d3(u, m, d)) : () => Promise.resolve(), b = u.variantChildren && u.variantChildren.size ? (x = 0) => {
     const { delayChildren: z = 0, staggerChildren: C, staggerDirection: R } = v;
-    return Ew(u, r, x, z, C, R, d);
+    return E4(u, r, x, z, C, R, d);
   } : () => Promise.resolve(), { when: A } = v;
   if (A) {
     const [x, z] = A === "beforeChildren" ? [T, b] : [b, T];
@@ -33691,7 +33691,7 @@ function l2(u, r, d = {}) {
   } else
     return Promise.all([T(), b(d.delay)]);
 }
-function Ew(u, r, d = 0, m = 0, v = 0, T = 1, b) {
+function E4(u, r, d = 0, m = 0, v = 0, T = 1, b) {
   const A = [];
   for (const x of u.variantChildren)
     x.notify("AnimationStart", r), A.push(l2(x, r, {
@@ -33700,7 +33700,7 @@ function Ew(u, r, d = 0, m = 0, v = 0, T = 1, b) {
     }).then(() => x.notify("AnimationComplete", r)));
   return Promise.all(A);
 }
-function xw(u, r, d = {}) {
+function x4(u, r, d = {}) {
   u.notify("AnimationStart", r);
   let m;
   if (Array.isArray(r)) {
@@ -33727,7 +33727,7 @@ function m3(u, r) {
       return !1;
   return !0;
 }
-const Dw = H2.length;
+const D4 = H2.length;
 function p3(u) {
   if (!u)
     return;
@@ -33736,18 +33736,18 @@ function p3(u) {
     return u.props.initial !== void 0 && (d.initial = u.props.initial), d;
   }
   const r = {};
-  for (let d = 0; d < Dw; d++) {
+  for (let d = 0; d < D4; d++) {
     const m = H2[d], v = u.props[m];
     (L0(v) || v === !1) && (r[m] = v);
   }
   return r;
 }
-const Mw = [...V2].reverse(), Cw = V2.length;
-function zw(u) {
-  return (r) => Promise.all(r.map(({ animation: d, options: m }) => xw(u, d, m)));
+const M4 = [...V2].reverse(), C4 = V2.length;
+function z4(u) {
+  return (r) => Promise.all(r.map(({ animation: d, options: m }) => x4(u, d, m)));
 }
-function Rw(u) {
-  let r = zw(u), d = Ix(), m = !0;
+function R4(u) {
+  let r = z4(u), d = Ix(), m = !0;
   const v = (x) => (z, C) => {
     const R = pp(u, C, x === "exit" ? u.presenceContext?.custom : void 0);
     if (R) {
@@ -33762,8 +33762,8 @@ function Rw(u) {
   function b(x) {
     const { props: z } = u, C = p3(u.parent) || {}, R = [], w = /* @__PURE__ */ new Set();
     let Q = {}, X = 1 / 0;
-    for (let ot = 0; ot < Cw; ot++) {
-      const nt = Mw[ot], ft = d[nt], dt = z[nt] !== void 0 ? z[nt] : C[nt], St = L0(dt), bt = nt === x ? ft.isActive : null;
+    for (let ot = 0; ot < C4; ot++) {
+      const nt = M4[ot], ft = d[nt], dt = z[nt] !== void 0 ? z[nt] : C[nt], St = L0(dt), bt = nt === x ? ft.isActive : null;
       bt === !1 && (X = ot);
       let vt = dt === C[nt] && dt !== z[nt] && St;
       if (vt && m && u.manuallyAnimateOnMount && (vt = !1), ft.protectedKeys = { ...Q }, // If it isn't active and hasn't *just* been set as inactive
@@ -33771,7 +33771,7 @@ function Rw(u) {
       !dt && !ft.prevProp || // Or if the prop doesn't define an animation
       L1(dt) || typeof dt == "boolean")
         continue;
-      const xt = Ow(ft.prevProp, dt);
+      const xt = O4(ft.prevProp, dt);
       let I = xt || // If we're making this variant active, we want to always make it active
       nt === x && ft.isActive && !vt && St || // If we removed a higher-priority variant (i is in reverse order)
       ot > X && St, Ot = !1;
@@ -33843,7 +33843,7 @@ function Rw(u) {
     }
   };
 }
-function Ow(u, r) {
+function O4(u, r) {
   return typeof r == "string" ? r !== u : Array.isArray(r) ? !m3(r, u) : !1;
 }
 function zd(u = !1) {
@@ -33872,14 +33872,14 @@ class Lc {
   update() {
   }
 }
-class ww extends Lc {
+class w4 extends Lc {
   /**
    * 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(r) {
-    super(r), r.animationState || (r.animationState = Rw(r));
+    super(r), r.animationState || (r.animationState = R4(r));
   }
   updateAnimationControlsSubscription() {
     const { animate: r } = this.node.getProps();
@@ -33899,10 +33899,10 @@ class ww extends Lc {
     this.node.animationState.reset(), this.unmountControls?.();
   }
 }
-let Uw = 0;
-class _w extends Lc {
+let U4 = 0;
+class _4 extends Lc {
   constructor() {
-    super(...arguments), this.id = Uw++;
+    super(...arguments), this.id = U4++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -33922,12 +33922,12 @@ class _w extends Lc {
   unmount() {
   }
 }
-const Nw = {
+const N4 = {
   animation: {
-    Feature: ww
+    Feature: w4
   },
   exit: {
-    Feature: _w
+    Feature: _4
   }
 };
 function Y0(u, r, d, m = { passive: !0 }) {
@@ -33941,19 +33941,19 @@ function J0(u) {
     }
   };
 }
-const jw = (u) => (r) => j2(r) && u(r, J0(r));
+const j4 = (u) => (r) => j2(r) && u(r, J0(r));
 function _0(u, r, d, m) {
-  return Y0(u, r, jw(d), m);
+  return Y0(u, r, j4(d), m);
 }
-const y3 = 1e-4, Bw = 1 - y3, Vw = 1 + y3, g3 = 0.01, Hw = 0 - g3, Lw = 0 + g3;
+const y3 = 1e-4, B4 = 1 - y3, V4 = 1 + y3, g3 = 0.01, H4 = 0 - g3, L4 = 0 + g3;
 function yl(u) {
   return u.max - u.min;
 }
-function qw(u, r, d) {
+function q4(u, r, d) {
   return Math.abs(u - r) <= d;
 }
 function Px(u, r, d, m = 0.5) {
-  u.origin = m, u.originPoint = Tn(r.min, r.max, u.origin), u.scale = yl(d) / yl(r), u.translate = Tn(d.min, d.max, u.origin) - u.originPoint, (u.scale >= Bw && u.scale <= Vw || isNaN(u.scale)) && (u.scale = 1), (u.translate >= Hw && u.translate <= Lw || isNaN(u.translate)) && (u.translate = 0);
+  u.origin = m, u.originPoint = Tn(r.min, r.max, u.origin), u.scale = yl(d) / yl(r), u.translate = Tn(d.min, d.max, u.origin) - u.originPoint, (u.scale >= B4 && u.scale <= V4 || isNaN(u.scale)) && (u.scale = 1), (u.translate >= H4 && u.translate <= L4 || isNaN(u.translate)) && (u.translate = 0);
 }
 function N0(u, r, d, m) {
   Px(u.x, r.x, d.x, m ? m.originX : void 0), Px(u.y, r.y, d.y, m ? m.originY : void 0);
@@ -33961,7 +33961,7 @@ function N0(u, r, d, m) {
 function tD(u, r, d) {
   u.min = d.min + r.min, u.max = u.min + yl(r);
 }
-function Yw(u, r, d) {
+function Y4(u, r, d) {
   tD(u.x, r.x, d.x), tD(u.y, r.y, d.y);
 }
 function eD(u, r, d) {
@@ -33974,7 +33974,7 @@ function oo(u) {
   return [u("x"), u("y")];
 }
 const v3 = ({ current: u }) => u ? u.ownerDocument.defaultView : null, nD = (u, r) => Math.abs(u - r);
-function Gw(u, r) {
+function G4(u, r) {
   const d = nD(u.x, r.x), m = nD(u.y, r.y);
   return Math.sqrt(d ** 2 + m ** 2);
 }
@@ -33983,7 +33983,7 @@ class b3 {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const w = RT(this.lastMoveEventInfo, this.history), Q = this.startEvent !== null, X = Gw(w.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      const w = RT(this.lastMoveEventInfo, this.history), Q = this.startEvent !== null, X = G4(w.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!Q && !X)
         return;
       const { point: lt } = w, { timestamp: ot } = Ua;
@@ -34024,17 +34024,17 @@ function RT({ point: u }, r) {
   return {
     point: u,
     delta: aD(u, S3(r)),
-    offset: aD(u, Xw(r)),
-    velocity: Qw(r, 0.1)
+    offset: aD(u, X4(r)),
+    velocity: Q4(r, 0.1)
   };
 }
-function Xw(u) {
+function X4(u) {
   return u[0];
 }
 function S3(u) {
   return u[u.length - 1];
 }
-function Qw(u, r) {
+function Q4(u, r) {
   if (u.length < 2)
     return { x: 0, y: 0 };
   let d = u.length - 1, m = null;
@@ -34052,7 +34052,7 @@ function Qw(u, r) {
   };
   return b.x === 1 / 0 && (b.x = 0), b.y === 1 / 0 && (b.y = 0), b;
 }
-function Zw(u, { min: r, max: d }, m) {
+function Z4(u, { min: r, max: d }, m) {
   return r !== void 0 && u < r ? u = m ? Tn(r, u, m.min) : Math.max(u, r) : d !== void 0 && u > d && (u = m ? Tn(d, u, m.max) : Math.min(u, d)), u;
 }
 function lD(u, r, d) {
@@ -34061,7 +34061,7 @@ function lD(u, r, d) {
     max: d !== void 0 ? u.max + d - (u.max - u.min) : void 0
   };
 }
-function kw(u, { top: r, left: d, bottom: m, right: v }) {
+function k4(u, { top: r, left: d, bottom: m, right: v }) {
   return {
     x: lD(u.x, d, v),
     y: lD(u.y, r, m)
@@ -34071,23 +34071,23 @@ function iD(u, r) {
   let d = r.min - u.min, m = r.max - u.max;
   return r.max - r.min < u.max - u.min && ([d, m] = [m, d]), { min: d, max: m };
 }
-function Jw(u, r) {
+function J4(u, r) {
   return {
     x: iD(u.x, r.x),
     y: iD(u.y, r.y)
   };
 }
-function Kw(u, r) {
+function K4(u, r) {
   let d = 0.5;
   const m = yl(u), v = yl(r);
   return v > m ? d = /* @__PURE__ */ B0(r.min, r.max - m, u.min) : m > v && (d = /* @__PURE__ */ B0(u.min, u.max - v, r.min)), Fs(0, 1, d);
 }
-function $w(u, r) {
+function $4(u, r) {
   const d = {};
   return r.min !== void 0 && (d.min = r.min - u.min), r.max !== void 0 && (d.max = r.max - u.min), d;
 }
 const i2 = 0.35;
-function Fw(u = i2) {
+function F4(u = i2) {
   return u === !1 ? u = 0 : u === !0 && (u = i2), {
     x: oD(u, "left", "right"),
     y: oD(u, "top", "bottom")
@@ -34102,8 +34102,8 @@ function oD(u, r, d) {
 function uD(u, r) {
   return typeof u == "number" ? u : u[r] || 0;
 }
-const Ww = /* @__PURE__ */ new WeakMap();
-class Iw {
+const W4 = /* @__PURE__ */ new WeakMap();
+class I4 {
   constructor(r) {
     this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = Nn(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = r;
   }
@@ -34116,7 +34116,7 @@ class Iw {
       w ? this.pauseAnimation() : this.stopAnimation(), d && this.snapToCursor(J0(R).point);
     }, b = (R, w) => {
       const { drag: Q, dragPropagation: X, onDragStart: lt } = this.getProps();
-      if (Q && !X && (this.openDragLock && this.openDragLock(), this.openDragLock = a4(Q), !this.openDragLock))
+      if (Q && !X && (this.openDragLock && this.openDragLock(), this.openDragLock = aw(Q), !this.openDragLock))
         return;
       this.latestPointerEvent = R, this.latestPanInfo = w, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), oo((nt) => {
         let ft = this.getAxisMotionValue(nt).get() || 0;
@@ -34138,7 +34138,7 @@ class Iw {
         return;
       const { offset: nt } = w;
       if (X && this.currentDirection === null) {
-        this.currentDirection = Pw(nt), this.currentDirection !== null && lt && lt(this.currentDirection);
+        this.currentDirection = P4(nt), this.currentDirection !== null && lt && lt(this.currentDirection);
         return;
       }
       this.updateAxis("x", w.point, nt), this.updateAxis("y", w.point, nt), this.visualElement.render(), ot && ot(R, w);
@@ -34186,12 +34186,12 @@ class Iw {
       return;
     const T = this.getAxisMotionValue(r);
     let b = this.originPoint[r] + m[r];
-    this.constraints && this.constraints[r] && (b = Zw(b, this.constraints[r], this.elastic[r])), T.set(b);
+    this.constraints && this.constraints[r] && (b = Z4(b, this.constraints[r], this.elastic[r])), T.set(b);
   }
   resolveConstraints() {
     const { dragConstraints: r, dragElastic: d } = this.getProps(), m = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, v = this.constraints;
-    r && fp(r) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : r && m ? this.constraints = kw(m.layoutBox, r) : this.constraints = !1, this.elastic = Fw(d), v !== this.constraints && m && this.constraints && !this.hasMutatedConstraints && oo((T) => {
-      this.constraints !== !1 && this.getAxisMotionValue(T) && (this.constraints[T] = $w(m.layoutBox[T], this.constraints[T]));
+    r && fp(r) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : r && m ? this.constraints = k4(m.layoutBox, r) : this.constraints = !1, this.elastic = F4(d), v !== this.constraints && m && this.constraints && !this.hasMutatedConstraints && oo((T) => {
+      this.constraints !== !1 && this.getAxisMotionValue(T) && (this.constraints[T] = $4(m.layoutBox[T], this.constraints[T]));
     });
   }
   resolveRefConstraints() {
@@ -34203,10 +34203,10 @@ class Iw {
     const { projection: v } = this.visualElement;
     if (!v || !v.layout)
       return !1;
-    const T = tw(m, v.root, this.visualElement.getTransformPagePoint());
-    let b = Jw(v.layout.layoutBox, T);
+    const T = t4(m, v.root, this.visualElement.getTransformPagePoint());
+    let b = J4(v.layout.layoutBox, T);
     if (d) {
-      const A = d(W4(b));
+      const A = d(Ww(b));
       this.hasMutatedConstraints = !!A, A && (b = a3(A));
     }
     return b;
@@ -34284,7 +34284,7 @@ class Iw {
       const A = this.getAxisMotionValue(b);
       if (A && this.constraints !== !1) {
         const x = A.get();
-        v[b] = Kw({ min: x, max: x }, this.constraints[b]);
+        v[b] = K4({ min: x, max: x }, this.constraints[b]);
       }
     });
     const { transformTemplate: T } = this.visualElement.getProps();
@@ -34298,7 +34298,7 @@ class Iw {
   addListeners() {
     if (!this.visualElement.current)
       return;
-    Ww.set(this.visualElement, this);
+    W4.set(this.visualElement, this);
     const r = this.visualElement.current, d = _0(r, "pointerdown", (x) => {
       const { drag: z, dragListener: C = !0 } = this.getProps();
       z && C && this.start(x);
@@ -34333,13 +34333,13 @@ class Iw {
 function C1(u, r, d) {
   return (r === !0 || r === u) && (d === null || d === u);
 }
-function Pw(u, r = 10) {
+function P4(u, r = 10) {
   let d = null;
   return Math.abs(u.y) > r ? d = "y" : Math.abs(u.x) > r && (d = "x"), d;
 }
 class t5 extends Lc {
   constructor(r) {
-    super(r), this.removeGroupControls = co, this.removeListeners = co, this.controls = new Iw(r);
+    super(r), this.removeGroupControls = co, this.removeListeners = co, this.controls = new I4(r);
   }
   mount() {
     const { dragControls: r } = this.node.getProps();
@@ -34430,7 +34430,7 @@ class a5 extends dz {
    */
   componentDidMount() {
     const { visualElement: r, layoutGroup: d, switchLayoutGroup: m, layoutId: v } = this.props, { projection: T } = r;
-    D4(l5), T && (d.group && d.group.add(T), m && m.register && v && m.register(T), OT && T.root.didUpdate(), T.addEventListener("animationComplete", () => {
+    Dw(l5), T && (d.group && d.group.add(T), m && m.register && v && m.register(T), OT && T.root.didUpdate(), T.addEventListener("animationComplete", () => {
       this.safeToRemove();
     }), T.setOptions({
       ...T.options,
@@ -34688,7 +34688,7 @@ function C3({ attachResizeListener: u, defaultParent: r, measureScroll: d, check
     mount(b) {
       if (this.instance)
         return;
-      this.isSVG = GM(b) && !r4(b), this.instance = b;
+      this.isSVG = GM(b) && !rw(b), this.instance = b;
       const { layoutId: A, layout: x, visualElement: z } = this.options;
       if (z && !z.current && z.mount(b), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (x || A) && (this.isLayoutDirty = !0), u) {
         let C, R = 0;
@@ -34911,7 +34911,7 @@ function C3({ attachResizeListener: u, defaultParent: r, measureScroll: d, check
           const w = this.getClosestProjectingParent();
           w && w.layout && this.animationProgress !== 1 ? (this.relativeParent = w, this.forceRelativeParentToResolveTarget(), this.relativeTarget = Nn(), this.relativeTargetOrigin = Nn(), j0(this.relativeTargetOrigin, this.layout.layoutBox, w.layout.layoutBox), io(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
-        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = Nn(), this.targetWithTransforms = Nn()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Yw(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : io(this.target, this.layout.layoutBox), i3(this.target, this.targetDelta)) : io(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
+        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = Nn(), this.targetWithTransforms = Nn()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Y4(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : io(this.target, this.layout.layoutBox), i3(this.target, this.targetDelta)) : io(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
           this.attemptToResolveRelativeTarget = !1;
           const w = this.getClosestProjectingParent();
           w && !!w.resumingFrom == !!this.resumingFrom && !w.options.layoutScroll && w.target && this.animationProgress !== 1 ? (this.relativeParent = w, this.forceRelativeParentToResolveTarget(), this.relativeTarget = Nn(), this.relativeTargetOrigin = Nn(), j0(this.relativeTargetOrigin, this.target, w.target), io(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
@@ -34935,7 +34935,7 @@ function C3({ attachResizeListener: u, defaultParent: r, measureScroll: d, check
         return;
       io(this.layoutCorrected, this.layout.layoutBox);
       const R = this.treeScale.x, w = this.treeScale.y;
-      P4(this.layoutCorrected, this.treeScale, this.path, A), b.layout && !b.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (b.target = b.layout.layoutBox, b.targetWithTransforms = Nn());
+      Pw(this.layoutCorrected, this.treeScale, this.path, A), b.layout && !b.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (b.target = b.layout.layoutBox, b.targetWithTransforms = Nn());
       const { target: Q } = b;
       if (!Q) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -35208,7 +35208,7 @@ function N5(u) {
   OD(u.x), OD(u.y);
 }
 function z3(u, r, d) {
-  return u === "position" || u === "preserve-aspect" && !qw(TD(r), TD(d), 0.2);
+  return u === "position" || u === "preserve-aspect" && !q4(TD(r), TD(d), 0.2);
 }
 function j5(u) {
   return u !== u.root && u.scroll?.wasRoot;
@@ -35257,7 +35257,7 @@ function wD(u, r, d) {
 class H5 extends Lc {
   mount() {
     const { current: r } = this.node;
-    r && (this.unmount = l4(r, (d, m) => (wD(this.node, m, "Start"), (v) => wD(this.node, v, "End"))));
+    r && (this.unmount = lw(r, (d, m) => (wD(this.node, m, "Start"), (v) => wD(this.node, v, "End"))));
   }
   unmount() {
   }
@@ -35295,7 +35295,7 @@ function UD(u, r, d) {
 class q5 extends Lc {
   mount() {
     const { current: r } = this.node;
-    r && (this.unmount = s4(r, (d, m) => (UD(this.node, m, "Start"), (v, { success: T }) => UD(this.node, v, T ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+    r && (this.unmount = sw(r, (d, m) => (UD(this.node, m, "Start"), (v, { success: T }) => UD(this.node, v, T ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
   unmount() {
   }
@@ -35376,11 +35376,11 @@ const K5 = {
     MeasureLayout: T3
   }
 }, F5 = {
-  ...Nw,
+  ...N4,
   ...K5,
   ...V5,
   ...$5
-}, $s = /* @__PURE__ */ F4(F5, rw);
+}, $s = /* @__PURE__ */ Fw(F5, r4);
 function W5({
   title: u,
   titleId: r,
@@ -35711,7 +35711,7 @@ const f6 = ({ data: u }) => {
         transition: { duration: 0.4, ease: "easeOut" }
       }
     ),
-    /* @__PURE__ */ $.jsx("div", { className: "grid gap-3", children: /* @__PURE__ */ $.jsx(v4, { children: r.map((v, T) => /* @__PURE__ */ $.jsx(
+    /* @__PURE__ */ $.jsx("div", { className: "grid gap-3", children: /* @__PURE__ */ $.jsx(vw, { children: r.map((v, T) => /* @__PURE__ */ $.jsx(
       $s.div,
       {
         initial: { opacity: 0, y: 20, scale: 0.95 },