@fileverse-dev/ddoc 2.0.0-beta-2 → 2.0.0

package/dist/index.es.js

@@ -60082,7 +60082,7 @@ const Mz = {
     editor: t,
     onError: e
   });
-  return /* @__PURE__ */ j.jsxs("div", { className: "w-full bg-transparent py-2 px-6 items-center h-9 flex justify-between relative", children: [
+  return /* @__PURE__ */ j.jsxs("div", { className: "w-full bg-transparent py-2 px-4 items-center h-9 flex justify-between relative", children: [
     /* @__PURE__ */ j.jsxs("div", { className: "flex h-9 items-center gap-2 justify-center", children: [
       /* @__PURE__ */ j.jsx("div", { className: "flex gap-2 justify-center items-center", children: l.map((u, d) => u ? /* @__PURE__ */ j.jsx(ju, { text: u.title, children: /* @__PURE__ */ j.jsx(
         Ih,
@@ -60202,7 +60202,7 @@ const Mz = {
     ] }),
     /* @__PURE__ */ j.jsxs("div", { className: "flex h-9 gap-[10px]", children: [
       /* @__PURE__ */ j.jsx(M9, { direction: "vertical" }),
-      /* @__PURE__ */ j.jsx("div", { className: "w-9 h-9 flex justify-center items-center", children: /* @__PURE__ */ j.jsx(
+      /* @__PURE__ */ j.jsx("div", { className: "w-9 h-9 flex justify-center items-center cursor-pointer", children: /* @__PURE__ */ j.jsx(
         ar,
         {
           size: "md",
@@ -99848,178 +99848,11 @@ const Tet = Ut.create({
     connect: T,
     ydoc: p
   };
-}, _et = ({
-  editor: t,
-  onError: e,
-  isKeyboardVisible: n,
-  isNavbarVisible: r,
-  setIsNavbarVisible: i
-}) => {
-  const { toolVisibilty: s, setToolVisibility: o, bottomToolbar: a } = N9({
-    editor: t,
-    onError: e
-  }), l = O9("(max-width: 1023px)"), [c, u] = Ye(""), [d, h] = Ye(""), [f, p] = Ye(!0), [m, g] = Ye(!0), k = Ge(null), x = () => {
-    if (c === null) {
-      g(!1), o(Qe.NONE);
-      return;
-    }
-    if (d === "" && c === "") {
-      o(Qe.NONE), p(!0), g(!0);
-      return;
-    }
-    if (c === "") {
-      t.chain().focus().extendMarkRange("link").unsetLink().run(), o(Qe.NONE);
-      return;
-    }
-    let w = c;
-    !c.startsWith("http://") || !c.startsWith("https://") ? w = "https://" + c : w = c;
-    try {
-      w.match(
-        /^((http|https):\/\/)?([w|W]{3}\.)+[a-zA-Z0-9\-\.]{3,}\.[a-zA-Z]{2,}(\.[a-zA-Z]{2,})?$/
-      ) && g(!0);
-    } catch {
-      console.error("Invalid URL"), g(!1);
-    }
-    const { from: M, to: T } = t.state.selection;
-    t.state.doc.textBetween(M, T) ? t.chain().focus().extendMarkRange("link").setLink({ href: w }).run() : t.chain().focus().command(({ tr: R, dispatch: P }) => {
-      const { from: L, to: I } = t.state.selection, V = d, H = { href: w };
-      return R.insertText(V, L, I), R.addMark(
-        L,
-        V.length + L,
-        t.schema.marks.link.create(H)
-      ), P && P(R), !0;
-    }).run(), g(!0), p(!0), h(""), u(""), o(Qe.NONE);
-  }, v = (w) => {
-    const { from: M, to: T } = w.state.selection;
-    return w.state.doc.textBetween(M, T);
-  }, b = (w) => w.getAttributes("link").href;
-  return Ve(() => {
-    let w = 0;
-    const M = () => {
-      w = Date.now();
-    }, T = () => {
-      var P, L, I;
-      if (Date.now() - w > 500) {
-        const { selection: V } = t.state, H = V.from !== V.to, F = ((P = t.state.doc.nodeAt(V.from)) == null ? void 0 : P.type.name) === "resizableMedia", W = ((L = t.state.doc.nodeAt(V.from)) == null ? void 0 : L.type.name) === "iframe";
-        H && !F && !W && ((I = k.current) == null || I.click());
-      }
-    }, S = () => {
-      var L;
-      if (!l) return;
-      const { selection: R } = t.state;
-      R.from !== R.to && ((L = k.current) == null || L.click());
-    };
-    return l ? (document.addEventListener("touchstart", M), document.addEventListener("touchend", T)) : document.addEventListener("mouseup", S), () => {
-      l ? (document.removeEventListener("touchstart", M), document.removeEventListener("touchend", T)) : document.removeEventListener("mouseup", S);
-    };
-  }, [t, l]), Ve(() => {
-    if (!t) return;
-    const w = (M) => {
-      M.key === "k" && (M.metaKey || M.ctrlKey) && (M.preventDefault(), s !== Qe.LINK_POPUP ? o(Qe.LINK_POPUP) : o(Qe.NONE));
-    };
-    return document.addEventListener("keydown", w), () => {
-      document.removeEventListener("keydown", w);
-    };
-  }, [t, s]), Ve(() => {
-    n && o(Qe.NONE);
-  }, [n, o]), /* @__PURE__ */ j.jsxs(u9, { children: [
-    /* @__PURE__ */ j.jsxs("div", { className: "flex w-full justify-between sm:justify-evenly items-center select-none", children: [
-      a.map((w, M) => w ? /* @__PURE__ */ j.jsx("div", { className: "flex items-center", children: w.title === "Text formating" ? /* @__PURE__ */ j.jsx(ST, { asChild: !0, children: /* @__PURE__ */ j.jsx(
-        bs,
-        {
-          ref: k,
-          onClick: w.onClick,
-          isActive: w.isActive,
-          icon: w.icon
-        }
-      ) }) : w.title === "Text color" ? /* @__PURE__ */ j.jsx(ST, { asChild: !0, children: /* @__PURE__ */ j.jsx(
-        bs,
-        {
-          onClick: w.onClick,
-          icon: w.icon,
-          isActive: !1
-        }
-      ) }) : /* @__PURE__ */ j.jsx(
-        bs,
-        {
-          onClick: w.onClick,
-          icon: w.icon,
-          isActive: !1
-        }
-      ) }, w.title) : /* @__PURE__ */ j.jsx("div", { className: "w-[2px] h-4 bg-gray-200 mx-2" }, M)),
-      /* @__PURE__ */ j.jsx("div", { className: "w-[2px] h-4 bg-gray-200 mx-2" }),
-      /* @__PURE__ */ j.jsx("div", { className: "w-9 h-9 flex justify-center items-center", children: /* @__PURE__ */ j.jsx(
-        ar,
-        {
-          size: "md",
-          name: r ? "ChevronUp" : "ChevronDown",
-          onClick: () => i((w) => !w)
-        }
-      ) })
-    ] }),
-    s === Qe.TEXT_FORMATING && /* @__PURE__ */ j.jsx(
-      CLe,
-      {
-        editor: t,
-        setToolVisibility: o
-      }
-    ),
-    /* @__PURE__ */ j.jsx(
-      gDe,
-      {
-        open: s === Qe.LINK_POPUP,
-        onOpenChange: (w) => !w && o(Qe.NONE),
-        title: "Link",
-        content: /* @__PURE__ */ j.jsxs("div", { className: "flex flex-col gap-4 w-full h-full px-4", children: [
-          /* @__PURE__ */ j.jsx(
-            Dg,
-            {
-              label: "Text",
-              placeholder: "Link text",
-              className: "w-full",
-              defaultValue: v(t),
-              onChange: (w) => {
-                w.preventDefault(), h(w.target.value);
-              },
-              isValid: f,
-              message: f ? "" : "Invalid text"
-            }
-          ),
-          /* @__PURE__ */ j.jsx(
-            Dg,
-            {
-              label: "Link",
-              placeholder: "Paste URL",
-              className: "w-full",
-              defaultValue: b(t),
-              onChange: (w) => {
-                w.preventDefault(), u(w.target.value);
-              },
-              isValid: m,
-              message: m ? "" : "Invalid URL"
-            }
-          )
-        ] }),
-        primaryAction: {
-          label: "Save",
-          onClick: () => x(),
-          isLoading: !1,
-          className: "w-auto min-w-[80px]"
-        },
-        secondaryAction: {
-          label: "Cancel",
-          variant: "secondary",
-          onClick: () => o(Qe.NONE),
-          className: "w-auto min-w-[80px]"
-        }
-      }
-    )
-  ] });
 }, fC = jn({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
-}), a5 = jn({}), l5 = jn(null), pC = typeof document < "u", mC = pC ? So : Ve, nK = jn({ strict: !1 }), yC = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Iet = "framerAppearId", rK = "data-" + yC(Iet), jet = {
+}), a5 = jn({}), l5 = jn(null), pC = typeof document < "u", mC = pC ? So : Ve, nK = jn({ strict: !1 }), yC = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), _et = "framerAppearId", rK = "data-" + yC(_et), Iet = {
   skipAnimations: !1,
   useManualTiming: !1
 };
@@ -100039,7 +99872,7 @@ class TO {
     this.order.length = 0, this.scheduled.clear();
   }
 }
-function Fet(t) {
+function jet(t) {
   let e = new TO(), n = new TO(), r = 0, i = !1, s = !1;
   const o = /* @__PURE__ */ new WeakSet(), a = {
     /**
@@ -100086,18 +99919,18 @@ const Sy = [
   // Write
   "postRender"
   // Compute
-], Bet = 40;
+], Fet = 40;
 function iK(t, e) {
   let n = !1, r = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, s = Sy.reduce((d, h) => (d[h] = Fet(() => n = !0), d), {}), o = (d) => {
+  }, s = Sy.reduce((d, h) => (d[h] = jet(() => n = !0), d), {}), o = (d) => {
     s[d].process(i);
   }, a = () => {
     const d = performance.now();
-    n = !1, i.delta = r ? 1e3 / 60 : Math.max(Math.min(d - i.timestamp, Bet), 1), i.timestamp = d, i.isProcessing = !0, Sy.forEach(o), i.isProcessing = !1, n && e && (r = !1, t(a));
+    n = !1, i.delta = r ? 1e3 / 60 : Math.max(Math.min(d - i.timestamp, Fet), 1), i.timestamp = d, i.isProcessing = !0, Sy.forEach(o), i.isProcessing = !1, n && e && (r = !1, t(a));
   }, l = () => {
     n = !0, r = !0, i.isProcessing || t(a);
   };
@@ -100112,7 +99945,7 @@ function f1(t) {
 }
 const sK = jn({});
 let RO = !1;
-function Vet(t, e, n, r, i) {
+function Bet(t, e, n, r, i) {
   const { visualElement: s } = Mt(a5), o = Mt(nK), a = Mt(l5), l = Mt(fC).reducedMotion, c = Ge();
   r = r || o.renderer, !c.current && r && (c.current = r(t, {
     visualState: e,
@@ -100123,20 +99956,20 @@ function Vet(t, e, n, r, i) {
     reducedMotionConfig: l
   }));
   const u = c.current, d = Mt(sK);
-  u && !u.projection && i && (u.type === "html" || u.type === "svg") && zet(c.current, n, i, d), M3(() => {
+  u && !u.projection && i && (u.type === "html" || u.type === "svg") && Het(c.current, n, i, d), M3(() => {
     u && u.update(n, a);
   });
   const h = Ge(!!(n[rK] && !window.HandoffComplete));
   return mC(() => {
     u && (u.updateFeatures(), gC.render(u.render), h.current && u.animationState && u.animationState.animateChanges());
   }), Ve(() => {
-    u && (!h.current && u.animationState && u.animationState.animateChanges(), h.current && (h.current = !1, RO || (RO = !0, queueMicrotask(Het))));
+    u && (!h.current && u.animationState && u.animationState.animateChanges(), h.current && (h.current = !1, RO || (RO = !0, queueMicrotask(Vet))));
   }), u;
 }
-function Het() {
+function Vet() {
   window.HandoffComplete = !0;
 }
-function zet(t, e, n, r) {
+function Het(t, e, n, r) {
   const { layoutId: i, layout: s, drag: o, dragConstraints: a, layoutScroll: l, layoutRoot: c } = e;
   t.projection = new n(t.latestValues, e["data-framer-portal-id"] ? void 0 : oK(t.parent)), t.projection.setOptions({
     layoutId: i,
@@ -100161,7 +99994,7 @@ function oK(t) {
   if (t)
     return t.options.allowProjection !== !1 ? t.projection : oK(t.parent);
 }
-function Uet(t, e, n) {
+function zet(t, e, n) {
   return Rt(
     (r) => {
       r && t.mount && t.mount(r), e && (r ? e.mount(r) : e.unmount()), n && (typeof n == "function" ? n(r) : f1(n) && (n.current = r));
@@ -100195,7 +100028,7 @@ function u5(t) {
 function aK(t) {
   return !!(u5(t) || t.variants);
 }
-function qet(t, e) {
+function Uet(t, e) {
   if (u5(t)) {
     const { initial: n, animate: r } = t;
     return {
@@ -100205,8 +100038,8 @@ function qet(t, e) {
   }
   return t.inherit !== !1 ? e : {};
 }
-function Wet(t) {
-  const { initial: e, animate: n } = qet(t, Mt(a5));
+function qet(t) {
+  const { initial: e, animate: n } = Uet(t, Mt(a5));
   return Rn(() => ({ initial: e, animate: n }), [PO(e), PO(n)]);
 }
 function PO(t) {
@@ -100236,14 +100069,14 @@ for (const t in DO)
   hf[t] = {
     isEnabled: (e) => DO[t].some((n) => !!e[n])
   };
-function Get(t) {
+function Wet(t) {
   for (const e in t)
     hf[e] = {
       ...hf[e],
       ...t[e]
     };
 }
-const bC = jn({}), Zet = Symbol.for("motionComponentSymbol"), dr = (t) => t;
+const bC = jn({}), Get = Symbol.for("motionComponentSymbol"), dr = (t) => t;
 let jf = dr, Ia = dr;
 process.env.NODE_ENV !== "production" && (jf = (t, e) => {
   !t && typeof console < "u" && console.warn(e);
@@ -100251,37 +100084,37 @@ process.env.NODE_ENV !== "production" && (jf = (t, e) => {
   if (!t)
     throw new Error(e);
 });
-function Ket({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVisualState: r, Component: i }) {
-  t && Get(t);
+function Zet({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVisualState: r, Component: i }) {
+  t && Wet(t);
   function s(a, l) {
     let c;
     const u = {
       ...Mt(fC),
       ...a,
-      layoutId: $et(a)
-    }, { isStatic: d } = u, h = Wet(a), f = r(a, d);
+      layoutId: Ket(a)
+    }, { isStatic: d } = u, h = qet(a), f = r(a, d);
     if (!d && pC) {
-      Qet(u, t);
-      const p = Xet(u);
-      c = p.MeasureLayout, h.visualElement = Vet(i, f, u, e, p.ProjectionNode);
+      $et(u, t);
+      const p = Qet(u);
+      c = p.MeasureLayout, h.visualElement = Bet(i, f, u, e, p.ProjectionNode);
     }
-    return j.jsxs(a5.Provider, { value: h, children: [c && h.visualElement ? j.jsx(c, { visualElement: h.visualElement, ...u }) : null, n(i, a, Uet(f, h.visualElement, l), f, d, h.visualElement)] });
+    return j.jsxs(a5.Provider, { value: h, children: [c && h.visualElement ? j.jsx(c, { visualElement: h.visualElement, ...u }) : null, n(i, a, zet(f, h.visualElement, l), f, d, h.visualElement)] });
   }
   const o = Bt(s);
-  return o[Zet] = i, o;
+  return o[Get] = i, o;
 }
-function $et({ layoutId: t }) {
+function Ket({ layoutId: t }) {
   const e = Mt(bC).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
-function Qet(t, e) {
+function $et(t, e) {
   const n = Mt(nK).strict;
   if (process.env.NODE_ENV !== "production" && e && n) {
     const r = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     t.ignoreStrict ? jf(!1, r) : Ia(!1, r);
   }
 }
-function Xet(t) {
+function Qet(t) {
   const { drag: e, layout: n } = hf;
   if (!e && !n)
     return {};
@@ -100291,9 +100124,9 @@ function Xet(t) {
     ProjectionNode: r.ProjectionNode
   };
 }
-function Jet(t) {
+function Xet(t) {
   function e(r, i = {}) {
-    return Ket(t(r, i));
+    return Zet(t(r, i));
   }
   if (typeof Proxy > "u")
     return e;
@@ -100307,7 +100140,7 @@ function Jet(t) {
     get: (r, i) => (n.has(i) || n.set(i, e(i)), n.get(i))
   });
 }
-const Yet = [
+const Jet = [
   "animate",
   "circle",
   "defs",
@@ -100347,7 +100180,7 @@ function xC(t) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(Yet.indexOf(t) > -1 || /**
+      !!(Jet.indexOf(t) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(t))
@@ -100355,7 +100188,7 @@ function xC(t) {
   );
 }
 const u3 = {};
-function ett(t) {
+function Yet(t) {
   Object.assign(u3, t);
 }
 const um = [
@@ -100380,24 +100213,24 @@ const um = [
 function lK(t, { layout: e, layoutId: n }) {
   return Md.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!u3[t] || t === "opacity");
 }
-const Cr = (t) => !!(t && t.getVelocity), ttt = {
+const Cr = (t) => !!(t && t.getVelocity), ett = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, ntt = um.length;
-function rtt(t, { enableHardwareAcceleration: e = !0, allowTransformNone: n = !0 }, r, i) {
+}, ttt = um.length;
+function ntt(t, { enableHardwareAcceleration: e = !0, allowTransformNone: n = !0 }, r, i) {
   let s = "";
-  for (let o = 0; o < ntt; o++) {
+  for (let o = 0; o < ttt; o++) {
     const a = um[o];
     if (t[a] !== void 0) {
-      const l = ttt[a] || a;
+      const l = ett[a] || a;
       s += `${l}(${t[a]}) `;
     }
   }
   return e && !t.z && (s += "translateZ(0)"), s = s.trim(), i ? s = i(t, r ? "" : s) : n && r && (s = "none"), s;
 }
-const cK = (t) => (e) => typeof e == "string" && e.startsWith(t), uK = cK("--"), itt = cK("var(--"), wC = (t) => itt(t) ? stt.test(t.split("/*")[0].trim()) : !1, stt = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, ott = (t, e) => e && typeof t == "number" ? e.transform(t) : t, ac = (t, e, n) => n > e ? e : n < t ? t : n, Ff = {
+const cK = (t) => (e) => typeof e == "string" && e.startsWith(t), uK = cK("--"), rtt = cK("var(--"), wC = (t) => rtt(t) ? itt.test(t.split("/*")[0].trim()) : !1, itt = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, stt = (t, e) => e && typeof t == "number" ? e.transform(t) : t, ac = (t, e, n) => n > e ? e : n < t ? t : n, Ff = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
@@ -100407,7 +100240,7 @@ const cK = (t) => (e) => typeof e == "string" && e.startsWith(t), uK = cK("--"),
 }, Ty = {
   ...Ff,
   default: 1
-}, Z0 = (t) => Math.round(t * 1e5) / 1e5, AC = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu, att = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu, ltt = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;
+}, Z0 = (t) => Math.round(t * 1e5) / 1e5, AC = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu, ott = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu, att = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;
 function dm(t) {
   return typeof t == "string";
 }
@@ -100415,7 +100248,7 @@ const hm = (t) => ({
   test: (e) => dm(e) && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), rl = hm("deg"), po = hm("%"), at = hm("px"), ctt = hm("vh"), utt = hm("vw"), OO = {
+}), rl = hm("deg"), po = hm("%"), at = hm("px"), ltt = hm("vh"), ctt = hm("vw"), OO = {
   ...po,
   parse: (t) => po.parse(t) / 100,
   transform: (t) => po.transform(t * 100)
@@ -100499,14 +100332,14 @@ function CC(t, e, n, r) {
       s[d] = h;
       continue;
     }
-    const f = dK[d], p = ott(h, f);
+    const f = dK[d], p = stt(h, f);
     if (Md.has(d)) {
       if (l = !0, o[d] = p, !u)
         continue;
       h !== (f.default || 0) && (u = !1);
     } else d.startsWith("origin") ? (c = !0, a[d] = p) : i[d] = p;
   }
-  if (e.transform || (l || r ? i.transform = rtt(t.transform, n, u, r) : i.transform && (i.transform = "none")), c) {
+  if (e.transform || (l || r ? i.transform = ntt(t.transform, n, u, r) : i.transform && (i.transform = "none")), c) {
     const { originX: d = "50%", originY: h = "50%", originZ: f = 0 } = a;
     i.transformOrigin = `${d} ${h} ${f}`;
   }
@@ -100521,21 +100354,21 @@ function hK(t, e, n) {
   for (const r in e)
     !Cr(e[r]) && !lK(r, n) && (t[r] = e[r]);
 }
-function dtt({ transformTemplate: t }, e, n) {
+function utt({ transformTemplate: t }, e, n) {
   return Rn(() => {
     const r = MC();
     return CC(r, e, { enableHardwareAcceleration: !n }, t), Object.assign({}, r.vars, r.style);
   }, [e]);
 }
-function htt(t, e, n) {
+function dtt(t, e, n) {
   const r = t.style || {}, i = {};
-  return hK(i, r, t), Object.assign(i, dtt(t, e, n)), i;
+  return hK(i, r, t), Object.assign(i, utt(t, e, n)), i;
 }
-function ftt(t, e, n) {
-  const r = {}, i = htt(t, e, n);
+function htt(t, e, n) {
+  const r = {}, i = dtt(t, e, n);
   return t.drag && t.dragListener !== !1 && (r.draggable = !1, i.userSelect = i.WebkitUserSelect = i.WebkitTouchCallout = "none", i.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (r.tabIndex = 0), r.style = i, r;
 }
-const ptt = /* @__PURE__ */ new Set([
+const ftt = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -100568,17 +100401,17 @@ const ptt = /* @__PURE__ */ new Set([
   "viewport"
 ]);
 function d3(t) {
-  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || ptt.has(t);
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || ftt.has(t);
 }
 let fK = (t) => !d3(t);
-function mtt(t) {
+function ptt(t) {
   t && (fK = (e) => e.startsWith("on") ? !d3(e) : t(e));
 }
 try {
-  mtt(require("@emotion/is-prop-valid").default);
+  ptt(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function ytt(t, e, n) {
+function mtt(t, e, n) {
   const r = {};
   for (const i in t)
     i === "values" && typeof t.values == "object" || (fK(i) || n === !0 && d3(i) || !e && !d3(i) || // If trying to use native HTML drag events, forward drag listeners
@@ -100588,20 +100421,20 @@ function ytt(t, e, n) {
 function LO(t, e, n) {
   return typeof t == "string" ? t : at.transform(e + n * t);
 }
-function gtt(t, e, n) {
+function ytt(t, e, n) {
   const r = LO(e, t.x, t.width), i = LO(n, t.y, t.height);
   return `${r} ${i}`;
 }
-const ktt = {
+const gtt = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, vtt = {
+}, ktt = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function btt(t, e, n = 1, r = 0, i = !0) {
+function vtt(t, e, n = 1, r = 0, i = !0) {
   t.pathLength = 1;
-  const s = i ? ktt : vtt;
+  const s = i ? gtt : ktt;
   t[s.offset] = at.transform(-r);
   const o = at.transform(e), a = at.transform(n);
   t[s.array] = `${o} ${a}`;
@@ -100624,13 +100457,13 @@ function EC(t, {
   }
   t.attrs = t.style, t.style = {};
   const { attrs: f, style: p, dimensions: m } = t;
-  f.transform && (m && (p.transform = f.transform), delete f.transform), m && (i !== void 0 || s !== void 0 || p.transform) && (p.transformOrigin = gtt(m, i !== void 0 ? i : 0.5, s !== void 0 ? s : 0.5)), e !== void 0 && (f.x = e), n !== void 0 && (f.y = n), r !== void 0 && (f.scale = r), o !== void 0 && btt(f, o, a, l, !1);
+  f.transform && (m && (p.transform = f.transform), delete f.transform), m && (i !== void 0 || s !== void 0 || p.transform) && (p.transformOrigin = ytt(m, i !== void 0 ? i : 0.5, s !== void 0 ? s : 0.5)), e !== void 0 && (f.x = e), n !== void 0 && (f.y = n), r !== void 0 && (f.scale = r), o !== void 0 && vtt(f, o, a, l, !1);
 }
 const pK = () => ({
   ...MC(),
   attrs: {}
 }), SC = (t) => typeof t == "string" && t.toLowerCase() === "svg";
-function xtt(t, e, n, r) {
+function btt(t, e, n, r) {
   const i = Rn(() => {
     const s = pK();
     return EC(s, e, { enableHardwareAcceleration: !1 }, SC(r), t.transformTemplate), {
@@ -100644,9 +100477,9 @@ function xtt(t, e, n, r) {
   }
   return i;
 }
-function wtt(t = !1) {
+function xtt(t = !1) {
   return (n, r, i, { latestValues: s }, o) => {
-    const l = (xC(n) ? xtt : ftt)(r, s, o, n), c = ytt(r, typeof n == "string", t), u = n !== pf ? { ...c, ...l, ref: i } : {}, { children: d } = r, h = Rn(() => Cr(d) ? d.get() : d, [d]);
+    const l = (xC(n) ? btt : htt)(r, s, o, n), c = mtt(r, typeof n == "string", t), u = n !== pf ? { ...c, ...l, ref: i } : {}, { children: d } = r, h = Rn(() => Cr(d) ? d.get() : d, [d]);
     return Ft(n, {
       ...u,
       children: h
@@ -100725,23 +100558,23 @@ function vK(t) {
   const e = Ge(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const Jx = (t) => Array.isArray(t), Att = (t) => !!(t && typeof t == "object" && t.mix && t.toValue), Ctt = (t) => Jx(t) ? t[t.length - 1] || 0 : t;
+const Jx = (t) => Array.isArray(t), wtt = (t) => !!(t && typeof t == "object" && t.mix && t.toValue), Att = (t) => Jx(t) ? t[t.length - 1] || 0 : t;
 function ug(t) {
   const e = Cr(t) ? t.get() : t;
-  return Att(e) ? e.toValue() : e;
+  return wtt(e) ? e.toValue() : e;
 }
-function Mtt({ scrapeMotionValuesFromProps: t, createRenderState: e, onMount: n }, r, i, s) {
+function Ctt({ scrapeMotionValuesFromProps: t, createRenderState: e, onMount: n }, r, i, s) {
   const o = {
-    latestValues: Ett(r, i, s, t),
+    latestValues: Mtt(r, i, s, t),
     renderState: e()
   };
   return n && (o.mount = (a) => n(r, a, o)), o;
 }
 const bK = (t) => (e, n) => {
-  const r = Mt(a5), i = Mt(l5), s = () => Mtt(t, e, r, i);
+  const r = Mt(a5), i = Mt(l5), s = () => Ctt(t, e, r, i);
   return n ? s() : vK(s);
 };
-function Ett(t, e, n, r) {
+function Mtt(t, e, n, r) {
   const i = {}, s = r(t, {});
   for (const h in s)
     i[h] = ug(s[h]);
@@ -100768,7 +100601,7 @@ function Ett(t, e, n, r) {
       i[x] = m[x];
   }), i;
 }
-const { schedule: zt, cancel: ja, state: nr, steps: Fb } = iK(typeof requestAnimationFrame < "u" ? requestAnimationFrame : dr, !0), Stt = {
+const { schedule: zt, cancel: ja, state: nr, steps: Fb } = iK(typeof requestAnimationFrame < "u" ? requestAnimationFrame : dr, !0), Ett = {
   useVisualState: bK({
     scrapeMotionValuesFromProps: kK,
     createRenderState: pK,
@@ -100789,17 +100622,17 @@ const { schedule: zt, cancel: ja, state: nr, steps: Fb } = iK(typeof requestAnim
       });
     }
   })
-}, Ttt = {
+}, Stt = {
   useVisualState: bK({
     scrapeMotionValuesFromProps: TC,
     createRenderState: MC
   })
 };
-function Rtt(t, { forwardMotionProps: e = !1 }, n, r) {
+function Ttt(t, { forwardMotionProps: e = !1 }, n, r) {
   return {
-    ...xC(t) ? Stt : Ttt,
+    ...xC(t) ? Ett : Stt,
     preloadedFeatures: n,
-    useRender: wtt(e),
+    useRender: xtt(e),
     createVisualElement: r,
     Component: t
   };
@@ -100816,11 +100649,11 @@ function d5(t, e = "page") {
     }
   };
 }
-const Ptt = (t) => (e) => xK(e) && t(e, d5(e));
+const Rtt = (t) => (e) => xK(e) && t(e, d5(e));
 function xa(t, e, n, r) {
-  return la(t, e, Ptt(n), r);
+  return la(t, e, Rtt(n), r);
 }
-const Dtt = (t, e) => (n) => e(t(n)), wa = (...t) => t.reduce(Dtt);
+const Ptt = (t, e) => (n) => e(t(n)), wa = (...t) => t.reduce(Ptt);
 function wK(t) {
   let e = null;
   return () => {
@@ -100869,14 +100702,14 @@ function FO(t, e) {
     passive: !t.getProps()[r]
   });
 }
-class Ott extends Mc {
+class Dtt extends Mc {
   mount() {
     this.unmount = wa(FO(this.node, !0), FO(this.node, !1));
   }
   unmount() {
   }
 }
-class Ntt extends Mc {
+class Ott extends Mc {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -100905,7 +100738,7 @@ function Bb(t, e) {
   const n = new PointerEvent("pointer" + t);
   e(n, d5(n));
 }
-class Ltt extends Mc {
+class Ntt extends Mc {
   constructor() {
     super(...arguments), this.removeStartListeners = dr, this.removeEndListeners = dr, this.removeAccessibleListeners = dr, this.startPointerPress = (e, n) => {
       if (this.isPressing)
@@ -100965,29 +100798,29 @@ class Ltt extends Mc {
     this.removeStartListeners(), this.removeEndListeners(), this.removeAccessibleListeners();
   }
 }
-const Yx = /* @__PURE__ */ new WeakMap(), Vb = /* @__PURE__ */ new WeakMap(), _tt = (t) => {
+const Yx = /* @__PURE__ */ new WeakMap(), Vb = /* @__PURE__ */ new WeakMap(), Ltt = (t) => {
   const e = Yx.get(t.target);
   e && e(t);
-}, Itt = (t) => {
-  t.forEach(_tt);
+}, _tt = (t) => {
+  t.forEach(Ltt);
 };
-function jtt({ root: t, ...e }) {
+function Itt({ root: t, ...e }) {
   const n = t || document;
   Vb.has(n) || Vb.set(n, {});
   const r = Vb.get(n), i = JSON.stringify(e);
-  return r[i] || (r[i] = new IntersectionObserver(Itt, { root: t, ...e })), r[i];
+  return r[i] || (r[i] = new IntersectionObserver(_tt, { root: t, ...e })), r[i];
 }
-function Ftt(t, e, n) {
-  const r = jtt(e);
+function jtt(t, e, n) {
+  const r = Itt(e);
   return Yx.set(t, n), r.observe(t), () => {
     Yx.delete(t), r.unobserve(t);
   };
 }
-const Btt = {
+const Ftt = {
   some: 0,
   all: 1
 };
-class Vtt extends Mc {
+class Btt extends Mc {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -100996,7 +100829,7 @@ class Vtt extends Mc {
     const { viewport: e = {} } = this.node.getProps(), { root: n, margin: r, amount: i = "some", once: s } = e, o = {
       root: n ? n.current : void 0,
       rootMargin: r,
-      threshold: typeof i == "number" ? i : Btt[i]
+      threshold: typeof i == "number" ? i : Ftt[i]
     }, a = (l) => {
       const { isIntersecting: c } = l;
       if (this.isInView === c || (this.isInView = c, s && !c && this.hasEnteredView))
@@ -101005,7 +100838,7 @@ class Vtt extends Mc {
       const { onViewportEnter: u, onViewportLeave: d } = this.node.getProps(), h = c ? u : d;
       h && h(l);
     };
-    return Ftt(this.node.current, o, a);
+    return jtt(this.node.current, o, a);
   }
   mount() {
     this.startObserver();
@@ -101014,26 +100847,26 @@ class Vtt extends Mc {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: e, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(Htt(e, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(Vtt(e, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function Htt({ viewport: t = {} }, { viewport: e = {} } = {}) {
+function Vtt({ viewport: t = {} }, { viewport: e = {} } = {}) {
   return (n) => t[n] !== e[n];
 }
-const ztt = {
+const Htt = {
   inView: {
-    Feature: Vtt
+    Feature: Btt
   },
   tap: {
-    Feature: Ltt
+    Feature: Ntt
   },
   focus: {
-    Feature: Ntt
+    Feature: Ott
   },
   hover: {
-    Feature: Ott
+    Feature: Dtt
   }
 };
 function EK(t, e) {
@@ -101051,63 +100884,63 @@ function h5(t, e, n) {
   const r = t.getProps();
   return RC(r, e, n !== void 0 ? n : r.custom, t);
 }
-const Aa = (t) => t * 1e3, Ca = (t) => t / 1e3, Utt = {
+const Aa = (t) => t * 1e3, Ca = (t) => t / 1e3, ztt = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, qtt = (t) => ({
+}, Utt = (t) => ({
   type: "spring",
   stiffness: 550,
   damping: t === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Wtt = {
+}), qtt = {
   type: "keyframes",
   duration: 0.8
-}, Gtt = {
+}, Wtt = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Ztt = (t, { keyframes: e }) => e.length > 2 ? Wtt : Md.has(t) ? t.startsWith("scale") ? qtt(e[1]) : Utt : Gtt;
-function Ktt({ when: t, delay: e, delayChildren: n, staggerChildren: r, staggerDirection: i, repeat: s, repeatType: o, repeatDelay: a, from: l, elapsed: c, ...u }) {
+}, Gtt = (t, { keyframes: e }) => e.length > 2 ? qtt : Md.has(t) ? t.startsWith("scale") ? Utt(e[1]) : ztt : Wtt;
+function Ztt({ when: t, delay: e, delayChildren: n, staggerChildren: r, staggerDirection: i, repeat: s, repeatType: o, repeatDelay: a, from: l, elapsed: c, ...u }) {
   return !!Object.keys(u).length;
 }
 function PC(t, e) {
   return t[e] || t.default || t;
 }
-const $tt = (t) => t !== null;
+const Ktt = (t) => t !== null;
 function f5(t, { repeat: e, repeatType: n = "loop" }, r) {
-  const i = t.filter($tt), s = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
+  const i = t.filter(Ktt), s = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
   return !s || r === void 0 ? i[s] : r;
 }
 let dg;
-function Qtt() {
+function $tt() {
   dg = void 0;
 }
 const Zl = {
-  now: () => (dg === void 0 && Zl.set(nr.isProcessing || jet.useManualTiming ? nr.timestamp : performance.now()), dg),
+  now: () => (dg === void 0 && Zl.set(nr.isProcessing || Iet.useManualTiming ? nr.timestamp : performance.now()), dg),
   set: (t) => {
-    dg = t, queueMicrotask(Qtt);
+    dg = t, queueMicrotask($tt);
   }
 }, SK = (t) => /^0[^.\s]+$/u.test(t);
-function Xtt(t) {
+function Qtt(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || SK(t) : !0;
 }
-const TK = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t), Jtt = (
+const TK = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t), Xtt = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
 );
-function Ytt(t) {
-  const e = Jtt.exec(t);
+function Jtt(t) {
+  const e = Xtt.exec(t);
   if (!e)
     return [,];
   const [, n, r, i] = e;
   return [`--${n ?? r}`, i];
 }
-const ent = 4;
+const Ytt = 4;
 function RK(t, e, n = 1) {
-  Ia(n <= ent, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
-  const [r, i] = Ytt(t);
+  Ia(n <= Ytt, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
+  const [r, i] = Jtt(t);
   if (!r)
     return;
   const s = window.getComputedStyle(e).getPropertyValue(r);
@@ -101117,7 +100950,7 @@ function RK(t, e, n = 1) {
   }
   return wC(i) ? RK(i, e, n + 1) : i;
 }
-const tnt = /* @__PURE__ */ new Set([
+const ent = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -101138,10 +100971,10 @@ const tnt = /* @__PURE__ */ new Set([
     const s = r.match(/^matrix\((.+)\)$/u);
     return s ? VO(s[1], t) : 0;
   }
-}, nnt = /* @__PURE__ */ new Set(["x", "y", "z"]), rnt = um.filter((t) => !nnt.has(t));
-function int(t) {
+}, tnt = /* @__PURE__ */ new Set(["x", "y", "z"]), nnt = um.filter((t) => !tnt.has(t));
+function rnt(t) {
   const e = [];
-  return rnt.forEach((n) => {
+  return nnt.forEach((n) => {
     const r = t.getValue(n);
     r !== void 0 && (e.push([n, r.get()]), r.set(n.startsWith("scale") ? 1 : 0));
   }), e;
@@ -101160,16 +100993,16 @@ const ff = {
 };
 ff.translateX = ff.x;
 ff.translateY = ff.y;
-const PK = (t) => (e) => e.test(t), snt = {
+const PK = (t) => (e) => e.test(t), int = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, DK = [Ff, at, po, rl, utt, ctt, snt], zO = (t) => DK.find(PK(t)), Uu = /* @__PURE__ */ new Set();
+}, DK = [Ff, at, po, rl, ctt, ltt, int], zO = (t) => DK.find(PK(t)), Uu = /* @__PURE__ */ new Set();
 let ew = !1, tw = !1;
 function OK() {
   if (tw) {
     const t = Array.from(Uu).filter((r) => r.needsMeasurement), e = new Set(t.map((r) => r.element)), n = /* @__PURE__ */ new Map();
     e.forEach((r) => {
-      const i = int(r);
+      const i = rnt(r);
       i.length && (n.set(r, i), r.render());
     }), t.forEach((r) => r.measureInitialState()), e.forEach((r) => {
       r.render();
@@ -101189,7 +101022,7 @@ function NK() {
     t.readKeyframes(), t.needsMeasurement && (tw = !0);
   });
 }
-function ont() {
+function snt() {
   NK(), OK();
 }
 class DC {
@@ -101233,7 +101066,7 @@ class DC {
     this.isComplete || this.scheduleResolve();
   }
 }
-const OC = (t, e) => (n) => !!(dm(n) && ltt.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), LK = (t, e, n) => (r) => {
+const OC = (t, e) => (n) => !!(dm(n) && att.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), LK = (t, e, n) => (r) => {
   if (!dm(r))
     return r;
   const [i, s, o, a] = r.match(AC);
@@ -101243,15 +101076,15 @@ const OC = (t, e) => (n) => !!(dm(n) && ltt.test(n) && n.startsWith(t) || e && O
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, ant = (t) => ac(0, 255, t), Hb = {
+}, ont = (t) => ac(0, 255, t), Hb = {
   ...Ff,
-  transform: (t) => Math.round(ant(t))
+  transform: (t) => Math.round(ont(t))
 }, ou = {
   test: OC("rgb", "red"),
   parse: LK("red", "green", "blue"),
   transform: ({ red: t, green: e, blue: n, alpha: r = 1 }) => "rgba(" + Hb.transform(t) + ", " + Hb.transform(e) + ", " + Hb.transform(n) + ", " + Z0(G0.transform(r)) + ")"
 };
-function lnt(t) {
+function ant(t) {
   let e = "", n = "", r = "", i = "";
   return t.length > 5 ? (e = t.substring(1, 3), n = t.substring(3, 5), r = t.substring(5, 7), i = t.substring(7, 9)) : (e = t.substring(1, 2), n = t.substring(2, 3), r = t.substring(3, 4), i = t.substring(4, 5), e += e, n += n, r += r, i += i), {
     red: parseInt(e, 16),
@@ -101262,7 +101095,7 @@ function lnt(t) {
 }
 const nw = {
   test: OC("#"),
-  parse: lnt,
+  parse: ant,
   transform: ou.transform
 }, p1 = {
   test: OC("hsl", "hue"),
@@ -101273,11 +101106,11 @@ const nw = {
   parse: (t) => ou.test(t) ? ou.parse(t) : p1.test(t) ? p1.parse(t) : nw.parse(t),
   transform: (t) => dm(t) ? t : t.hasOwnProperty("red") ? ou.transform(t) : p1.transform(t)
 };
-function cnt(t) {
+function lnt(t) {
   var e, n;
-  return isNaN(t) && dm(t) && (((e = t.match(AC)) === null || e === void 0 ? void 0 : e.length) || 0) + (((n = t.match(att)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
+  return isNaN(t) && dm(t) && (((e = t.match(AC)) === null || e === void 0 ? void 0 : e.length) || 0) + (((n = t.match(ott)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
 }
-const _K = "number", IK = "color", unt = "var", dnt = "var(", UO = "${}", hnt = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+const _K = "number", IK = "color", cnt = "var", unt = "var(", UO = "${}", dnt = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
 function n2(t) {
   const e = t.toString(), n = [], r = {
     color: [],
@@ -101285,7 +101118,7 @@ function n2(t) {
     var: []
   }, i = [];
   let s = 0;
-  const a = e.replace(hnt, (l) => (vr.test(l) ? (r.color.push(s), i.push(IK), n.push(vr.parse(l))) : l.startsWith(dnt) ? (r.var.push(s), i.push(unt), n.push(l)) : (r.number.push(s), i.push(_K), n.push(parseFloat(l))), ++s, UO)).split(UO);
+  const a = e.replace(dnt, (l) => (vr.test(l) ? (r.color.push(s), i.push(IK), n.push(vr.parse(l))) : l.startsWith(unt) ? (r.var.push(s), i.push(cnt), n.push(l)) : (r.number.push(s), i.push(_K), n.push(parseFloat(l))), ++s, UO)).split(UO);
   return { values: n, split: a, indexes: r, types: i };
 }
 function jK(t) {
@@ -101303,18 +101136,18 @@ function FK(t) {
     return s;
   };
 }
-const fnt = (t) => typeof t == "number" ? 0 : t;
-function pnt(t) {
+const hnt = (t) => typeof t == "number" ? 0 : t;
+function fnt(t) {
   const e = jK(t);
-  return FK(t)(e.map(fnt));
+  return FK(t)(e.map(hnt));
 }
 const lc = {
-  test: cnt,
+  test: lnt,
   parse: jK,
   createTransformer: FK,
-  getAnimatableNone: pnt
-}, mnt = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function ynt(t) {
+  getAnimatableNone: fnt
+}, pnt = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function mnt(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
@@ -101322,16 +101155,16 @@ function ynt(t) {
   if (!r)
     return t;
   const i = n.replace(r, "");
-  let s = mnt.has(e) ? 1 : 0;
+  let s = pnt.has(e) ? 1 : 0;
   return r !== n && (s *= 100), e + "(" + s + i + ")";
 }
-const gnt = /\b([a-z-]*)\(.*?\)/gu, rw = {
+const ynt = /\b([a-z-]*)\(.*?\)/gu, rw = {
   ...lc,
   getAnimatableNone: (t) => {
-    const e = t.match(gnt);
-    return e ? e.map(ynt).join(" ") : t;
+    const e = t.match(ynt);
+    return e ? e.map(mnt).join(" ") : t;
   }
-}, knt = {
+}, gnt = {
   ...dK,
   // Color props
   color: vr,
@@ -101347,17 +101180,17 @@ const gnt = /\b([a-z-]*)\(.*?\)/gu, rw = {
   borderLeftColor: vr,
   filter: rw,
   WebkitFilter: rw
-}, NC = (t) => knt[t];
+}, NC = (t) => gnt[t];
 function BK(t, e) {
   let n = NC(t);
   return n !== rw && (n = lc), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
-const vnt = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function bnt(t, e, n) {
+const knt = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function vnt(t, e, n) {
   let r = 0, i;
   for (; r < t.length && !i; ) {
     const s = t[r];
-    typeof s == "string" && !vnt.has(s) && n2(s).values.length && (i = t[r]), r++;
+    typeof s == "string" && !knt.has(s) && n2(s).values.length && (i = t[r]), r++;
   }
   if (i && n)
     for (const s of e)
@@ -101379,7 +101212,7 @@ class VK extends DC {
         u !== void 0 && (e[l] = u), l === e.length - 1 && (this.finalKeyframe = c);
       }
     }
-    if (this.resolveNoneKeyframes(), !tnt.has(r) || e.length !== 2)
+    if (this.resolveNoneKeyframes(), !ent.has(r) || e.length !== 2)
       return;
     const [i, s] = e, o = zO(i), a = zO(s);
     if (o !== a)
@@ -101394,8 +101227,8 @@ class VK extends DC {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: n } = this, r = [];
     for (let i = 0; i < e.length; i++)
-      Xtt(e[i]) && r.push(i);
-    r.length && bnt(e, r, n);
+      Qtt(e[i]) && r.push(i);
+    r.length && vnt(e, r, n);
   }
   measureInitialState() {
     const { element: e, unresolvedKeyframes: n, name: r } = this;
@@ -101425,7 +101258,7 @@ function HK(t) {
 const qO = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
 (lc.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
-function xnt(t) {
+function bnt(t) {
   const e = t[0];
   if (t.length === 1)
     return !0;
@@ -101433,14 +101266,14 @@ function xnt(t) {
     if (t[n] !== e)
       return !0;
 }
-function wnt(t, e, n, r) {
+function xnt(t, e, n, r) {
   const i = t[0];
   if (i === null)
     return !1;
   if (e === "display" || e === "visibility")
     return !0;
   const s = t[t.length - 1], o = qO(i, e), a = qO(s, e);
-  return jf(o === a, `You are trying to animate ${e} from "${i}" to "${s}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${s} via the \`style\` property.`), !o || !a ? !1 : xnt(t) || n === "spring" && r;
+  return jf(o === a, `You are trying to animate ${e} from "${i}" to "${s}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${s} via the \`style\` property.`), !o || !a ? !1 : bnt(t) || n === "spring" && r;
 }
 class zK {
   constructor({ autoplay: e = !0, delay: n = 0, type: r = "keyframes", repeat: i = 0, repeatDelay: s = 0, repeatType: o = "loop", ...a }) {
@@ -101460,7 +101293,7 @@ class zK {
    * This is a deoptimisation, but at its worst still batches read/writes.
    */
   get resolved() {
-    return !this._resolved && !this.hasAttemptedResolve && ont(), this._resolved;
+    return !this._resolved && !this.hasAttemptedResolve && snt(), this._resolved;
   }
   /**
    * A method to be called when the keyframes resolver completes. This method
@@ -101470,7 +101303,7 @@ class zK {
   onKeyframesResolved(e, n) {
     this.hasAttemptedResolve = !0;
     const { name: r, type: i, velocity: s, delay: o, onComplete: a, onUpdate: l, isGenerator: c } = this.options;
-    if (!c && !wnt(e, r, i, s))
+    if (!c && !xnt(e, r, i, s))
       if (o)
         this.options.duration = 0;
       else {
@@ -101503,17 +101336,17 @@ class zK {
 function UK(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
-const Ant = 5;
+const wnt = 5;
 function qK(t, e, n) {
-  const r = Math.max(e - Ant, 0);
+  const r = Math.max(e - wnt, 0);
   return UK(n - t(r), e - r);
 }
-const zb = 1e-3, Cnt = 0.01, WO = 10, Mnt = 0.05, Ent = 1;
-function Snt({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: r = 1 }) {
+const zb = 1e-3, Ant = 0.01, WO = 10, Cnt = 0.05, Mnt = 1;
+function Ent({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: r = 1 }) {
   let i, s;
   jf(t <= Aa(WO), "Spring duration must be 10 seconds or less");
   let o = 1 - e;
-  o = ac(Mnt, Ent, o), t = ac(Cnt, WO, Ca(t)), o < 1 ? (i = (c) => {
+  o = ac(Cnt, Mnt, o), t = ac(Ant, WO, Ca(t)), o < 1 ? (i = (c) => {
     const u = c * o, d = u * t, h = u - n, f = iw(c, o), p = Math.exp(-d);
     return zb - h / f * p;
   }, s = (c) => {
@@ -101526,7 +101359,7 @@ function Snt({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: r = 1
     const u = Math.exp(-c * t), d = (n - c) * (t * t);
     return u * d;
   });
-  const a = 5 / t, l = Rnt(i, s, a);
+  const a = 5 / t, l = Tnt(i, s, a);
   if (t = Aa(t), isNaN(l))
     return {
       stiffness: 100,
@@ -101542,21 +101375,21 @@ function Snt({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: r = 1
     };
   }
 }
-const Tnt = 12;
-function Rnt(t, e, n) {
+const Snt = 12;
+function Tnt(t, e, n) {
   let r = n;
-  for (let i = 1; i < Tnt; i++)
+  for (let i = 1; i < Snt; i++)
     r = r - t(r) / e(r);
   return r;
 }
 function iw(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const Pnt = ["duration", "bounce"], Dnt = ["stiffness", "damping", "mass"];
+const Rnt = ["duration", "bounce"], Pnt = ["stiffness", "damping", "mass"];
 function GO(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
-function Ont(t) {
+function Dnt(t) {
   let e = {
     velocity: 0,
     stiffness: 100,
@@ -101565,8 +101398,8 @@ function Ont(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!GO(t, Dnt) && GO(t, Pnt)) {
-    const n = Snt(t);
+  if (!GO(t, Pnt) && GO(t, Rnt)) {
+    const n = Ent(t);
     e = {
       ...e,
       ...n,
@@ -101576,7 +101409,7 @@ function Ont(t) {
   return e;
 }
 function WK({ keyframes: t, restDelta: e, restSpeed: n, ...r }) {
-  const i = t[0], s = t[t.length - 1], o = { done: !1, value: i }, { stiffness: a, damping: l, mass: c, duration: u, velocity: d, isResolvedFromDuration: h } = Ont({
+  const i = t[0], s = t[t.length - 1], o = { done: !1, value: i }, { stiffness: a, damping: l, mass: c, duration: u, velocity: d, isResolvedFromDuration: h } = Dnt({
     ...r,
     velocity: -Ca(r.velocity || 0)
   }), f = d || 0, p = l / (2 * Math.sqrt(a * c)), m = s - i, g = Ca(Math.sqrt(a / c)), k = Math.abs(m) < 5;
@@ -101645,32 +101478,32 @@ function ZO({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: r = 3
     }
   };
 }
-const GK = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Nnt = 1e-7, Lnt = 12;
-function _nt(t, e, n, r, i) {
+const GK = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Ont = 1e-7, Nnt = 12;
+function Lnt(t, e, n, r, i) {
   let s, o, a = 0;
   do
     o = e + (n - e) / 2, s = GK(o, r, i) - t, s > 0 ? n = o : e = o;
-  while (Math.abs(s) > Nnt && ++a < Lnt);
+  while (Math.abs(s) > Ont && ++a < Nnt);
   return o;
 }
 function fm(t, e, n, r) {
   if (t === e && n === r)
     return dr;
-  const i = (s) => _nt(s, 0, 1, t, n);
+  const i = (s) => Lnt(s, 0, 1, t, n);
   return (s) => s === 0 || s === 1 ? s : GK(i(s), e, r);
 }
-const Int = fm(0.42, 0, 1, 1), jnt = fm(0, 0, 0.58, 1), ZK = fm(0.42, 0, 0.58, 1), Fnt = (t) => Array.isArray(t) && typeof t[0] != "number", KK = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, $K = (t) => (e) => 1 - t(1 - e), LC = (t) => 1 - Math.sin(Math.acos(t)), QK = $K(LC), Bnt = KK(LC), XK = fm(0.33, 1.53, 0.69, 0.99), _C = $K(XK), Vnt = KK(_C), Hnt = (t) => (t *= 2) < 1 ? 0.5 * _C(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), KO = {
+const _nt = fm(0.42, 0, 1, 1), Int = fm(0, 0, 0.58, 1), ZK = fm(0.42, 0, 0.58, 1), jnt = (t) => Array.isArray(t) && typeof t[0] != "number", KK = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, $K = (t) => (e) => 1 - t(1 - e), LC = (t) => 1 - Math.sin(Math.acos(t)), QK = $K(LC), Fnt = KK(LC), XK = fm(0.33, 1.53, 0.69, 0.99), _C = $K(XK), Bnt = KK(_C), Vnt = (t) => (t *= 2) < 1 ? 0.5 * _C(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), KO = {
   linear: dr,
-  easeIn: Int,
+  easeIn: _nt,
   easeInOut: ZK,
-  easeOut: jnt,
+  easeOut: Int,
   circIn: LC,
-  circInOut: Bnt,
+  circInOut: Fnt,
   circOut: QK,
   backIn: _C,
-  backInOut: Vnt,
+  backInOut: Bnt,
   backOut: XK,
-  anticipate: Hnt
+  anticipate: Vnt
 }, $O = (t) => {
   if (Array.isArray(t)) {
     Ia(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
@@ -101686,7 +101519,7 @@ const Int = fm(0.42, 0, 1, 1), jnt = fm(0, 0, 0.58, 1), ZK = fm(0.42, 0, 0.58, 1
 function Ub(t, e, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
 }
-function znt({ hue: t, saturation: e, lightness: n, alpha: r }) {
+function Hnt({ hue: t, saturation: e, lightness: n, alpha: r }) {
   t /= 360, e /= 100, n /= 100;
   let i = 0, s = 0, o = 0;
   if (!e)
@@ -101708,13 +101541,13 @@ function h3(t, e) {
 const qb = (t, e, n) => {
   const r = t * t, i = n * (e * e - r) + r;
   return i < 0 ? 0 : Math.sqrt(i);
-}, Unt = [nw, ou, p1], qnt = (t) => Unt.find((e) => e.test(t));
+}, znt = [nw, ou, p1], Unt = (t) => znt.find((e) => e.test(t));
 function QO(t) {
-  const e = qnt(t);
+  const e = Unt(t);
   if (jf(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`), !e)
     return !1;
   let n = e.parse(t);
-  return e === p1 && (n = znt(n)), n;
+  return e === p1 && (n = Hnt(n)), n;
 }
 const XO = (t, e) => {
   const n = QO(t), r = QO(e);
@@ -101723,14 +101556,14 @@ const XO = (t, e) => {
   const i = { ...n };
   return (s) => (i.red = qb(n.red, r.red, s), i.green = qb(n.green, r.green, s), i.blue = qb(n.blue, r.blue, s), i.alpha = dn(n.alpha, r.alpha, s), ou.transform(i));
 }, sw = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Wnt(t, e) {
+function qnt(t, e) {
   return sw.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
-function Gnt(t, e) {
+function Wnt(t, e) {
   return (n) => dn(t, e, n);
 }
 function IC(t) {
-  return typeof t == "number" ? Gnt : typeof t == "string" ? wC(t) ? h3 : vr.test(t) ? XO : $nt : Array.isArray(t) ? JK : typeof t == "object" ? vr.test(t) ? XO : Znt : h3;
+  return typeof t == "number" ? Wnt : typeof t == "string" ? wC(t) ? h3 : vr.test(t) ? XO : Knt : Array.isArray(t) ? JK : typeof t == "object" ? vr.test(t) ? XO : Gnt : h3;
 }
 function JK(t, e) {
   const n = [...t], r = n.length, i = t.map((s, o) => IC(s)(s, e[o]));
@@ -101740,7 +101573,7 @@ function JK(t, e) {
     return n;
   };
 }
-function Znt(t, e) {
+function Gnt(t, e) {
   const n = { ...t, ...e }, r = {};
   for (const i in n)
     t[i] !== void 0 && e[i] !== void 0 && (r[i] = IC(t[i])(t[i], e[i]));
@@ -101750,7 +101583,7 @@ function Znt(t, e) {
     return n;
   };
 }
-function Knt(t, e) {
+function Znt(t, e) {
   var n;
   const r = [], i = { color: 0, var: 0, number: 0 };
   for (let s = 0; s < e.values.length; s++) {
@@ -101759,14 +101592,14 @@ function Knt(t, e) {
   }
   return r;
 }
-const $nt = (t, e) => {
+const Knt = (t, e) => {
   const n = lc.createTransformer(e), r = n2(t), i = n2(e);
-  return r.indexes.var.length === i.indexes.var.length && r.indexes.color.length === i.indexes.color.length && r.indexes.number.length >= i.indexes.number.length ? sw.has(t) && !i.values.length || sw.has(e) && !r.values.length ? Wnt(t, e) : wa(JK(Knt(r, i), i.values), n) : (jf(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), h3(t, e));
+  return r.indexes.var.length === i.indexes.var.length && r.indexes.color.length === i.indexes.color.length && r.indexes.number.length >= i.indexes.number.length ? sw.has(t) && !i.values.length || sw.has(e) && !r.values.length ? qnt(t, e) : wa(JK(Znt(r, i), i.values), n) : (jf(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), h3(t, e));
 };
 function YK(t, e, n) {
   return typeof t == "number" && typeof e == "number" && typeof n == "number" ? dn(t, e, n) : IC(t)(t, e);
 }
-function Qnt(t, e, n) {
+function $nt(t, e, n) {
   const r = [], i = n || YK, s = t.length - 1;
   for (let o = 0; o < s; o++) {
     let a = i(t[o], t[o + 1]);
@@ -101778,14 +101611,14 @@ function Qnt(t, e, n) {
   }
   return r;
 }
-function Xnt(t, e, { clamp: n = !0, ease: r, mixer: i } = {}) {
+function Qnt(t, e, { clamp: n = !0, ease: r, mixer: i } = {}) {
   const s = t.length;
   if (Ia(s === e.length, "Both input and output ranges must be the same length"), s === 1)
     return () => e[0];
   if (s === 2 && t[0] === t[1])
     return () => e[1];
   t[0] > t[s - 1] && (t = [...t].reverse(), e = [...e].reverse());
-  const o = Qnt(e, r, i), a = o.length, l = (c) => {
+  const o = $nt(e, r, i), a = o.length, l = (c) => {
     let u = 0;
     if (a > 1)
       for (; u < t.length - 2 && !(c < t[u + 1]); u++)
@@ -101795,34 +101628,34 @@ function Xnt(t, e, { clamp: n = !0, ease: r, mixer: i } = {}) {
   };
   return n ? (c) => l(ac(t[0], t[s - 1], c)) : l;
 }
-function Jnt(t, e) {
+function Xnt(t, e) {
   const n = t[t.length - 1];
   for (let r = 1; r <= e; r++) {
     const i = r2(0, e, r);
     t.push(dn(n, 1, i));
   }
 }
-function Ynt(t) {
+function Jnt(t) {
   const e = [0];
-  return Jnt(e, t.length - 1), e;
+  return Xnt(e, t.length - 1), e;
 }
-function ert(t, e) {
+function Ynt(t, e) {
   return t.map((n) => n * e);
 }
-function trt(t, e) {
+function ert(t, e) {
   return t.map(() => e || ZK).splice(0, t.length - 1);
 }
 function f3({ duration: t = 300, keyframes: e, times: n, ease: r = "easeInOut" }) {
-  const i = Fnt(r) ? r.map($O) : $O(r), s = {
+  const i = jnt(r) ? r.map($O) : $O(r), s = {
     done: !1,
     value: e[0]
-  }, o = ert(
+  }, o = Ynt(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    n && n.length === e.length ? n : Ynt(e),
+    n && n.length === e.length ? n : Jnt(e),
     t
-  ), a = Xnt(o, e, {
-    ease: Array.isArray(i) ? i : trt(e, i)
+  ), a = Qnt(o, e, {
+    ease: Array.isArray(i) ? i : ert(e, i)
   });
   return {
     calculatedDuration: t,
@@ -101830,7 +101663,7 @@ function f3({ duration: t = 300, keyframes: e, times: n, ease: r = "easeInOut" }
   };
 }
 const JO = 2e4;
-function nrt(t) {
+function trt(t) {
   let e = 0;
   const n = 50;
   let r = t.next(e);
@@ -101838,7 +101671,7 @@ function nrt(t) {
     e += n, r = t.next(e);
   return e >= JO ? 1 / 0 : e;
 }
-const rrt = (t) => {
+const nrt = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
     start: () => zt.update(e, !0),
@@ -101849,13 +101682,13 @@ const rrt = (t) => {
      */
     now: () => nr.isProcessing ? nr.timestamp : Zl.now()
   };
-}, irt = {
+}, rrt = {
   decay: ZO,
   inertia: ZO,
   tween: f3,
   keyframes: f3,
   spring: WK
-}, srt = (t) => t / 100;
+}, irt = (t) => t / 100;
 class jC extends zK {
   constructor({ KeyframeResolver: e = DC, ...n }) {
     super(n), this.holdTime = null, this.startTime = null, this.cancelTime = null, this.currentTime = 0, this.playbackSpeed = 1, this.pendingPlayState = "running", this.state = "idle", this.stop = () => {
@@ -101869,15 +101702,15 @@ class jC extends zK {
     r && i && i.owner ? this.resolver = i.owner.resolveKeyframes(s, o, r, i) : this.resolver = new e(s, o, r, i), this.resolver.scheduleResolve();
   }
   initPlayback(e) {
-    const { type: n = "keyframes", repeat: r = 0, repeatDelay: i = 0, repeatType: s, velocity: o = 0 } = this.options, a = irt[n] || f3;
+    const { type: n = "keyframes", repeat: r = 0, repeatDelay: i = 0, repeatType: s, velocity: o = 0 } = this.options, a = rrt[n] || f3;
     let l, c;
-    a !== f3 && typeof e[0] != "number" && (process.env.NODE_ENV !== "production" && Ia(e.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${e}`), l = wa(srt, YK(e[0], e[1])), e = [0, 100]);
+    a !== f3 && typeof e[0] != "number" && (process.env.NODE_ENV !== "production" && Ia(e.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${e}`), l = wa(irt, YK(e[0], e[1])), e = [0, 100]);
     const u = a({ ...this.options, keyframes: e });
     s === "mirror" && (c = a({
       ...this.options,
       keyframes: [...e].reverse(),
       velocity: -o
-    })), u.calculatedDuration === null && (u.calculatedDuration = nrt(u));
+    })), u.calculatedDuration === null && (u.calculatedDuration = trt(u));
     const { calculatedDuration: d } = u, h = d + i, f = h * (r + 1) - i;
     return {
       generator: u,
@@ -101942,7 +101775,7 @@ class jC extends zK {
     }
     if (this.isStopped)
       return;
-    const { driver: e = rrt, onPlay: n } = this.options;
+    const { driver: e = nrt, onPlay: n } = this.options;
     this.driver || (this.driver = e((i) => this.tick(i))), n && n();
     const r = this.driver.now();
     this.holdTime !== null ? this.startTime = r - this.holdTime : (!this.startTime || this.state === "finished") && (this.startTime = r), this.state === "finished" && this.updateFinishedPromise(), this.cancelTime = this.startTime, this.holdTime = null, this.state = "running", this.driver.start();
@@ -101991,14 +101824,14 @@ const b0 = ([t, e, n, r]) => `cubic-bezier(${t}, ${e}, ${n}, ${r})`, FC = {
   backIn: b0([0.31, 0.01, 0.66, -0.59]),
   backOut: b0([0.33, 1.53, 0.69, 0.99])
 };
-function ort(t) {
+function srt(t) {
   return n$(t) || FC.easeOut;
 }
 function n$(t) {
   if (t)
-    return e$(t) ? b0(t) : Array.isArray(t) ? t.map(ort) : FC[t];
+    return e$(t) ? b0(t) : Array.isArray(t) ? t.map(srt) : FC[t];
 }
-function art(t, e, n, { delay: r = 0, duration: i = 300, repeat: s = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
+function ort(t, e, n, { delay: r = 0, duration: i = 300, repeat: s = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
   const c = { [e]: n };
   l && (c.offset = l);
   const u = n$(a);
@@ -102011,7 +101844,7 @@ function art(t, e, n, { delay: r = 0, duration: i = 300, repeat: s = 0, repeatTy
     direction: o === "reverse" ? "alternate" : "normal"
   });
 }
-const lrt = HK(() => Object.hasOwnProperty.call(Element.prototype, "animate")), crt = /* @__PURE__ */ new Set([
+const art = HK(() => Object.hasOwnProperty.call(Element.prototype, "animate")), lrt = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
@@ -102019,11 +101852,11 @@ const lrt = HK(() => Object.hasOwnProperty.call(Element.prototype, "animate")),
   // TODO: Can be accelerated but currently disabled until https://issues.chromium.org/issues/41491098 is resolved
   // or until we implement support for linear() easing.
   // "background-color"
-]), p3 = 10, urt = 2e4;
-function drt(t) {
+]), p3 = 10, crt = 2e4;
+function urt(t) {
   return t.type === "spring" || t.name === "backgroundColor" || !t$(t.ease);
 }
-function hrt(t, e) {
+function drt(t, e) {
   const n = new jC({
     ...e,
     keyframes: t,
@@ -102034,7 +101867,7 @@ function hrt(t, e) {
   let r = { done: !1, value: t[0] };
   const i = [];
   let s = 0;
-  for (; !r.done && s < urt; )
+  for (; !r.done && s < crt; )
     r = n.sample(s), i.push(r.value), s += p3;
   return {
     times: void 0,
@@ -102054,11 +101887,11 @@ class YO extends zK {
     let { duration: i = 300, times: s, ease: o, type: a, motionValue: l, name: c } = this.options;
     if (!(!((r = l.owner) === null || r === void 0) && r.current))
       return !1;
-    if (drt(this.options)) {
-      const { onComplete: d, onUpdate: h, motionValue: f, ...p } = this.options, m = hrt(e, p);
+    if (urt(this.options)) {
+      const { onComplete: d, onUpdate: h, motionValue: f, ...p } = this.options, m = drt(e, p);
       e = m.keyframes, e.length === 1 && (e[1] = e[0]), i = m.duration, s = m.times, o = m.ease, a = "keyframes";
     }
-    const u = art(l.owner.current, c, e, { ...this.options, duration: i, times: s, ease: o });
+    const u = ort(l.owner.current, c, e, { ...this.options, duration: i, times: s, ease: o });
     return u.startTime = Zl.now(), this.pendingTimeline ? (u.timeline = this.pendingTimeline, this.pendingTimeline = void 0) : u.onfinish = () => {
       const { onComplete: d } = this.options;
       l.set(f5(e, this.options, n)), d && d(), this.cancel(), this.resolveFinishedPromise();
@@ -102178,14 +102011,14 @@ class YO extends zK {
   }
   static supports(e) {
     const { motionValue: n, name: r, repeatDelay: i, repeatType: s, damping: o, type: a } = e;
-    return lrt() && r && crt.has(r) && n && n.owner && n.owner.current instanceof HTMLElement && /**
+    return art() && r && lrt.has(r) && n && n.owner && n.owner.current instanceof HTMLElement && /**
      * If we're outputting values to onUpdate then we can't use WAAPI as there's
      * no way to read the value from WAAPI every frame.
      */
     !n.owner.getProps().onUpdate && !i && s !== "mirror" && o !== 0 && a !== "inertia";
   }
 }
-function frt(t, e) {
+function hrt(t, e) {
   let n;
   const r = () => {
     const { currentTime: i } = e, o = (i === null ? 0 : i.value) / 100;
@@ -102193,8 +102026,8 @@ function frt(t, e) {
   };
   return zt.update(r, !0), () => ja(r);
 }
-const prt = HK(() => window.ScrollTimeline !== void 0);
-class mrt {
+const frt = HK(() => window.ScrollTimeline !== void 0);
+class prt {
   constructor(e) {
     this.stop = () => this.runAll("stop"), this.animations = e.filter(Boolean);
   }
@@ -102213,10 +102046,10 @@ class mrt {
   }
   attachTimeline(e) {
     const n = this.animations.map((r) => {
-      if (prt() && r.attachTimeline)
+      if (frt() && r.attachTimeline)
         r.attachTimeline(e);
       else
-        return r.pause(), frt((i) => {
+        return r.pause(), hrt((i) => {
           r.time = r.duration * i;
         }, e);
     });
@@ -102280,9 +102113,9 @@ const BC = (t, e, n, r = {}, i, s) => (o) => {
     motionValue: e,
     element: s ? void 0 : i
   };
-  Ktt(a) || (u = {
+  Ztt(a) || (u = {
     ...u,
-    ...Ztt(t, u)
+    ...Gtt(t, u)
   }), u.duration && (u.duration = Aa(u.duration)), u.repeatDelay && (u.repeatDelay = Aa(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
   let d = !1;
   if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (u.duration = 0, u.delay === 0 && (d = !0)), d && !s && e.get() !== void 0) {
@@ -102290,7 +102123,7 @@ const BC = (t, e, n, r = {}, i, s) => (o) => {
     if (h !== void 0)
       return zt.update(() => {
         u.onUpdate(h), u.onComplete();
-      }), new mrt([]);
+      }), new prt([]);
   }
   return !s && YO.supports(u) ? new YO(u) : new jC(u);
 };
@@ -102333,8 +102166,8 @@ const eN = /* @__PURE__ */ new Set();
 function UC(t, e, n) {
   t || eN.has(e) || (console.warn(e), eN.add(e));
 }
-const tN = 30, yrt = (t) => !isNaN(parseFloat(t));
-class grt {
+const tN = 30, mrt = (t) => !isNaN(parseFloat(t));
+class yrt {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -102350,7 +102183,7 @@ class grt {
     }, this.hasAnimated = !1, this.setCurrent(e), this.owner = n.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = Zl.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = yrt(this.current));
+    this.current = e, this.updatedAt = Zl.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = mrt(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -102529,24 +102362,24 @@ class grt {
   }
 }
 function i2(t, e) {
-  return new grt(t, e);
+  return new yrt(t, e);
 }
-function krt(t, e, n) {
+function grt(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, i2(n));
 }
-function vrt(t, e) {
+function krt(t, e) {
   const n = h5(t, e);
   let { transitionEnd: r = {}, transition: i = {}, ...s } = n || {};
   s = { ...s, ...r };
   for (const o in s) {
-    const a = Ctt(s[o]);
-    krt(t, o, a);
+    const a = Att(s[o]);
+    grt(t, o, a);
   }
 }
 function r$(t) {
   return t.getProps()[rK];
 }
-function brt({ protectedKeys: t, needsAnimating: e }, n) {
+function vrt({ protectedKeys: t, needsAnimating: e }, n) {
   const r = t.hasOwnProperty(n) && e[n] !== !0;
   return e[n] = !1, r;
 }
@@ -102558,7 +102391,7 @@ function i$(t, e, { delay: n = 0, transitionOverride: r, type: i } = {}) {
   const u = [], d = i && t.animationState && t.animationState.getState()[i];
   for (const h in l) {
     const f = t.getValue(h, (s = t.latestValues[h]) !== null && s !== void 0 ? s : null), p = l[h];
-    if (p === void 0 || d && brt(d, h))
+    if (p === void 0 || d && vrt(d, h))
       continue;
     const m = {
       delay: n,
@@ -102579,7 +102412,7 @@ function i$(t, e, { delay: n = 0, transitionOverride: r, type: i } = {}) {
   }
   return a && Promise.all(u).then(() => {
     zt.update(() => {
-      a && vrt(t, a);
+      a && krt(t, a);
     });
   }), u;
 }
@@ -102590,7 +102423,7 @@ function ow(t, e, n = {}) {
   n.transitionOverride && (s = n.transitionOverride);
   const o = i ? () => Promise.all(i$(t, i, n)) : () => Promise.resolve(), a = t.variantChildren && t.variantChildren.size ? (c = 0) => {
     const { delayChildren: u = 0, staggerChildren: d, staggerDirection: h } = s;
-    return xrt(t, e, u + c, d, h, n);
+    return brt(t, e, u + c, d, h, n);
   } : () => Promise.resolve(), { when: l } = s;
   if (l) {
     const [c, u] = l === "beforeChildren" ? [o, a] : [a, o];
@@ -102598,19 +102431,19 @@ function ow(t, e, n = {}) {
   } else
     return Promise.all([o(), a(n.delay)]);
 }
-function xrt(t, e, n = 0, r = 0, i = 1, s) {
+function brt(t, e, n = 0, r = 0, i = 1, s) {
   const o = [], a = (t.variantChildren.size - 1) * r, l = i === 1 ? (c = 0) => c * r : (c = 0) => a - c * r;
-  return Array.from(t.variantChildren).sort(wrt).forEach((c, u) => {
+  return Array.from(t.variantChildren).sort(xrt).forEach((c, u) => {
     c.notify("AnimationStart", e), o.push(ow(c, e, {
       ...s,
       delay: n + l(u)
     }).then(() => c.notify("AnimationComplete", e)));
   }), Promise.all(o);
 }
-function wrt(t, e) {
+function xrt(t, e) {
   return t.sortNodePosition(e);
 }
-function Art(t, e, n = {}) {
+function wrt(t, e, n = {}) {
   t.notify("AnimationStart", e);
   let r;
   if (Array.isArray(e)) {
@@ -102628,12 +102461,12 @@ function Art(t, e, n = {}) {
     });
   });
 }
-const Crt = [...kC].reverse(), Mrt = kC.length;
-function Ert(t) {
-  return (e) => Promise.all(e.map(({ animation: n, options: r }) => Art(t, n, r)));
+const Art = [...kC].reverse(), Crt = kC.length;
+function Mrt(t) {
+  return (e) => Promise.all(e.map(({ animation: n, options: r }) => wrt(t, n, r)));
 }
-function Srt(t) {
-  let e = Ert(t), n = nN(), r = !0;
+function Ert(t) {
+  let e = Mrt(t), n = nN(), r = !0;
   const i = (l) => (c, u) => {
     var d;
     const h = h5(t, u, l === "exit" ? (d = t.presenceContext) === null || d === void 0 ? void 0 : d.custom : void 0);
@@ -102649,8 +102482,8 @@ function Srt(t) {
   function o(l) {
     const c = t.getProps(), u = t.getVariantContext(!0) || {}, d = [], h = /* @__PURE__ */ new Set();
     let f = {}, p = 1 / 0;
-    for (let g = 0; g < Mrt; g++) {
-      const k = Crt[g], x = n[k], v = c[k] !== void 0 ? c[k] : u[k], b = t2(v), w = k === l ? x.isActive : null;
+    for (let g = 0; g < Crt; g++) {
+      const k = Art[g], x = n[k], v = c[k] !== void 0 ? c[k] : u[k], b = t2(v), w = k === l ? x.isActive : null;
       w === !1 && (p = g);
       let M = v === u[k] && v !== c[k] && b;
       if (M && r && t.manuallyAnimateOnMount && (M = !1), x.protectedKeys = { ...f }, // If it isn't active and hasn't *just* been set as inactive
@@ -102658,7 +102491,7 @@ function Srt(t) {
       !v && !x.prevProp || // Or if the prop doesn't define an animation
       c5(v) || typeof v == "boolean")
         continue;
-      let S = Trt(x.prevProp, v) || // If we're making this variant active, we want to always make it active
+      let S = Srt(x.prevProp, v) || // If we're making this variant active, we want to always make it active
       k === l && x.isActive && !M && b || // If we removed a higher-priority variant (i is in reverse order)
       g > p && b, R = !1;
       const P = Array.isArray(v) ? v : [v];
@@ -102717,7 +102550,7 @@ function Srt(t) {
     }
   };
 }
-function Trt(t, e) {
+function Srt(t, e) {
   return typeof e == "string" ? e !== t : Array.isArray(e) ? !EK(e, t) : !1;
 }
 function Dc(t = !1) {
@@ -102739,14 +102572,14 @@ function nN() {
     exit: Dc()
   };
 }
-class Rrt extends Mc {
+class Trt extends Mc {
   /**
    * 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(e) {
-    super(e), e.animationState || (e.animationState = Srt(e));
+    super(e), e.animationState || (e.animationState = Ert(e));
   }
   updateAnimationControlsSubscription() {
     const { animate: e } = this.node.getProps();
@@ -102767,10 +102600,10 @@ class Rrt extends Mc {
     this.node.animationState.reset(), (e = this.unmountControls) === null || e === void 0 || e.call(this);
   }
 }
-let Prt = 0;
-class Drt extends Mc {
+let Rrt = 0;
+class Prt extends Mc {
   constructor() {
-    super(...arguments), this.id = Prt++;
+    super(...arguments), this.id = Rrt++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -102788,15 +102621,15 @@ class Drt extends Mc {
   unmount() {
   }
 }
-const Ort = {
+const Drt = {
   animation: {
-    Feature: Rrt
+    Feature: Trt
   },
   exit: {
-    Feature: Drt
+    Feature: Prt
   }
 }, rN = (t, e) => Math.abs(t - e);
-function Nrt(t, e) {
+function Ort(t, e) {
   const n = rN(t.x, e.x), r = rN(t.y, e.y);
   return Math.sqrt(n ** 2 + r ** 2);
 }
@@ -102805,7 +102638,7 @@ class s$ {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const d = Gb(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, f = Nrt(d.offset, { x: 0, y: 0 }) >= 3;
+      const d = Gb(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, f = Ort(d.offset, { x: 0, y: 0 }) >= 3;
       if (!h && !f)
         return;
       const { point: p } = d, { timestamp: m } = nr;
@@ -102846,17 +102679,17 @@ function Gb({ point: t }, e) {
   return {
     point: t,
     delta: iN(t, o$(e)),
-    offset: iN(t, Lrt(e)),
-    velocity: _rt(e, 0.1)
+    offset: iN(t, Nrt(e)),
+    velocity: Lrt(e, 0.1)
   };
 }
-function Lrt(t) {
+function Nrt(t) {
   return t[0];
 }
 function o$(t) {
   return t[t.length - 1];
 }
-function _rt(t, e) {
+function Lrt(t, e) {
   if (t.length < 2)
     return { x: 0, y: 0 };
   let n = t.length - 1, r = null;
@@ -102889,7 +102722,7 @@ function K0(t, e, n, r) {
 function oN(t, e, n) {
   t.min = n.min + e.min, t.max = t.min + Ri(e);
 }
-function Irt(t, e, n) {
+function _rt(t, e, n) {
   oN(t.x, e.x, n.x), oN(t.y, e.y, n.y);
 }
 function aN(t, e, n) {
@@ -102898,7 +102731,7 @@ function aN(t, e, n) {
 function $0(t, e, n) {
   aN(t.x, e.x, n.x), aN(t.y, e.y, n.y);
 }
-function jrt(t, { min: e, max: n }, r) {
+function Irt(t, { min: e, max: n }, r) {
   return e !== void 0 && t < e ? t = r ? dn(e, t, r.min) : Math.max(t, e) : n !== void 0 && t > n && (t = r ? dn(n, t, r.max) : Math.min(t, n)), t;
 }
 function lN(t, e, n) {
@@ -102907,7 +102740,7 @@ function lN(t, e, n) {
     max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
   };
 }
-function Frt(t, { top: e, left: n, bottom: r, right: i }) {
+function jrt(t, { top: e, left: n, bottom: r, right: i }) {
   return {
     x: lN(t.x, n, i),
     y: lN(t.y, e, r)
@@ -102917,23 +102750,23 @@ function cN(t, e) {
   let n = e.min - t.min, r = e.max - t.max;
   return e.max - e.min < t.max - t.min && ([n, r] = [r, n]), { min: n, max: r };
 }
-function Brt(t, e) {
+function Frt(t, e) {
   return {
     x: cN(t.x, e.x),
     y: cN(t.y, e.y)
   };
 }
-function Vrt(t, e) {
+function Brt(t, e) {
   let n = 0.5;
   const r = Ri(t), i = Ri(e);
   return i > r ? n = r2(e.min, e.max - r, t.min) : r > i && (n = r2(t.min, t.max - i, e.min)), ac(0, 1, n);
 }
-function Hrt(t, e) {
+function Vrt(t, e) {
   const n = {};
   return e.min !== void 0 && (n.min = e.min - t.min), e.max !== void 0 && (n.max = e.max - t.min), n;
 }
 const lw = 0.35;
-function zrt(t = lw) {
+function Hrt(t = lw) {
   return t === !1 ? t = 0 : t === !0 && (t = lw), {
     x: uN(t, "left", "right"),
     y: uN(t, "top", "bottom")
@@ -102969,10 +102802,10 @@ function a$({ top: t, left: e, right: n, bottom: r }) {
     y: { min: t, max: r }
   };
 }
-function Urt({ x: t, y: e }) {
+function zrt({ x: t, y: e }) {
   return { top: e.min, right: t.max, bottom: e.max, left: t.min };
 }
-function qrt(t, e) {
+function Urt(t, e) {
   if (!e)
     return t;
   const n = e({ x: t.left, y: t.top }), r = e({ x: t.right, y: t.bottom });
@@ -103011,7 +102844,7 @@ function uw(t, e = 0, n = 1, r, i) {
 function c$(t, { x: e, y: n }) {
   uw(t.x, e.translate, e.scale, e.originPoint), uw(t.y, n.translate, n.scale, n.originPoint);
 }
-function Wrt(t, e, n, r = !1) {
+function qrt(t, e, n, r = !1) {
   const i = n.length;
   if (!i)
     return;
@@ -103037,19 +102870,19 @@ function gN(t, e, [n, r, i]) {
   const s = e[i] !== void 0 ? e[i] : 0.5, o = dn(t.min, t.max, s);
   uw(t, e[n], e[r], o, e.scale);
 }
-const Grt = ["x", "scaleX", "originX"], Zrt = ["y", "scaleY", "originY"];
+const Wrt = ["x", "scaleX", "originX"], Grt = ["y", "scaleY", "originY"];
 function y1(t, e) {
-  gN(t.x, e, Grt), gN(t.y, e, Zrt);
+  gN(t.x, e, Wrt), gN(t.y, e, Grt);
 }
 function u$(t, e) {
-  return a$(qrt(t.getBoundingClientRect(), e));
+  return a$(Urt(t.getBoundingClientRect(), e));
 }
-function Krt(t, e, n) {
+function Zrt(t, e, n) {
   const r = u$(t, n), { scroll: i } = e;
   return i && (cl(r.x, i.offset.x), cl(r.y, i.offset.y)), r;
 }
-const d$ = ({ current: t }) => t ? t.ownerDocument.defaultView : null, $rt = /* @__PURE__ */ new WeakMap();
-class Qrt {
+const d$ = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Krt = /* @__PURE__ */ new WeakMap();
+class $rt {
   constructor(e) {
     this.openGlobalLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = xn(), this.visualElement = e;
   }
@@ -103083,7 +102916,7 @@ class Qrt {
         return;
       const { offset: g } = d;
       if (f && this.currentDirection === null) {
-        this.currentDirection = Xrt(g), this.currentDirection !== null && p && p(this.currentDirection);
+        this.currentDirection = Qrt(g), this.currentDirection !== null && p && p(this.currentDirection);
         return;
       }
       this.updateAxis("x", d.point, g), this.updateAxis("y", d.point, g), this.visualElement.render(), m && m(u, d);
@@ -103125,13 +102958,13 @@ class Qrt {
       return;
     const s = this.getAxisMotionValue(e);
     let o = this.originPoint[e] + r[e];
-    this.constraints && this.constraints[e] && (o = jrt(o, this.constraints[e], this.elastic[e])), s.set(o);
+    this.constraints && this.constraints[e] && (o = Irt(o, this.constraints[e], this.elastic[e])), s.set(o);
   }
   resolveConstraints() {
     var e;
     const { dragConstraints: n, dragElastic: r } = this.getProps(), i = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (e = this.visualElement.projection) === null || e === void 0 ? void 0 : e.layout, s = this.constraints;
-    n && f1(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && i ? this.constraints = Frt(i.layoutBox, n) : this.constraints = !1, this.elastic = zrt(r), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && Fi((o) => {
-      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = Hrt(i.layoutBox[o], this.constraints[o]));
+    n && f1(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && i ? this.constraints = jrt(i.layoutBox, n) : this.constraints = !1, this.elastic = Hrt(r), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && Fi((o) => {
+      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = Vrt(i.layoutBox[o], this.constraints[o]));
     });
   }
   resolveRefConstraints() {
@@ -103143,10 +102976,10 @@ class Qrt {
     const { projection: i } = this.visualElement;
     if (!i || !i.layout)
       return !1;
-    const s = Krt(r, i.root, this.visualElement.getTransformPagePoint());
-    let o = Brt(i.layout.layoutBox, s);
+    const s = Zrt(r, i.root, this.visualElement.getTransformPagePoint());
+    let o = Frt(i.layout.layoutBox, s);
     if (n) {
-      const a = n(Urt(o));
+      const a = n(zrt(o));
       this.hasMutatedConstraints = !!a, a && (o = a$(a));
     }
     return o;
@@ -103228,7 +103061,7 @@ class Qrt {
       const a = this.getAxisMotionValue(o);
       if (a && this.constraints !== !1) {
         const l = a.get();
-        i[o] = Vrt({ min: l, max: l }, this.constraints[o]);
+        i[o] = Brt({ min: l, max: l }, this.constraints[o]);
       }
     });
     const { transformTemplate: s } = this.visualElement.getProps();
@@ -103242,7 +103075,7 @@ class Qrt {
   addListeners() {
     if (!this.visualElement.current)
       return;
-    $rt.set(this.visualElement, this);
+    Krt.set(this.visualElement, this);
     const e = this.visualElement.current, n = xa(e, "pointerdown", (l) => {
       const { drag: c, dragListener: u = !0 } = this.getProps();
       c && u && this.start(l);
@@ -103277,13 +103110,13 @@ class Qrt {
 function Ry(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
-function Xrt(t, e = 10) {
+function Qrt(t, e = 10) {
   let n = null;
   return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
-class Jrt extends Mc {
+class Xrt extends Mc {
   constructor(e) {
-    super(e), this.removeGroupControls = dr, this.removeListeners = dr, this.controls = new Qrt(e);
+    super(e), this.removeGroupControls = dr, this.removeListeners = dr, this.controls = new $rt(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
@@ -103296,7 +103129,7 @@ class Jrt extends Mc {
 const kN = (t) => (e, n) => {
   t && zt.postRender(() => t(e, n));
 };
-class Yrt extends Mc {
+class Jrt extends Mc {
   constructor() {
     super(...arguments), this.removePointerDownListener = dr;
   }
@@ -103327,7 +103160,7 @@ class Yrt extends Mc {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-function eit() {
+function Yrt() {
   const t = Mt(l5);
   if (t === null)
     return [!0, null];
@@ -103361,7 +103194,7 @@ const o0 = {
     const n = vN(t, e.target.x), r = vN(t, e.target.y);
     return `${n}% ${r}%`;
   }
-}, tit = {
+}, eit = {
   correct: (t, { treeScale: e, projectionDelta: n }) => {
     const r = t, i = lc.parse(t);
     if (i.length > 5)
@@ -103372,7 +103205,7 @@ const o0 = {
     return typeof i[2 + o] == "number" && (i[2 + o] /= c), typeof i[3 + o] == "number" && (i[3 + o] /= c), s(i);
   }
 };
-class nit extends zN {
+class tit extends zN {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -103380,7 +103213,7 @@ class nit extends zN {
    */
   componentDidMount() {
     const { visualElement: e, layoutGroup: n, switchLayoutGroup: r, layoutId: i } = this.props, { projection: s } = e;
-    ett(rit), s && (n.group && n.group.add(s), r && r.register && i && r.register(s), s.root.didUpdate(), s.addEventListener("animationComplete", () => {
+    Yet(nit), s && (n.group && n.group.add(s), r && r.register && i && r.register(s), s.root.didUpdate(), s.addEventListener("animationComplete", () => {
       this.safeToRemove();
     }), s.setOptions({
       ...s.options,
@@ -103413,10 +103246,10 @@ class nit extends zN {
   }
 }
 function h$(t) {
-  const [e, n] = eit(), r = Mt(bC);
-  return j.jsx(nit, { ...t, layoutGroup: r, switchLayoutGroup: Mt(sK), isPresent: e, safeToRemove: n });
+  const [e, n] = Yrt(), r = Mt(bC);
+  return j.jsx(tit, { ...t, layoutGroup: r, switchLayoutGroup: Mt(sK), isPresent: e, safeToRemove: n });
 }
-const rit = {
+const nit = {
   borderRadius: {
     ...o0,
     applyTo: [
@@ -103430,16 +103263,16 @@ const rit = {
   borderTopRightRadius: o0,
   borderBottomLeftRadius: o0,
   borderBottomRightRadius: o0,
-  boxShadow: tit
-}, f$ = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], iit = f$.length, bN = (t) => typeof t == "string" ? parseFloat(t) : t, xN = (t) => typeof t == "number" || at.test(t);
-function sit(t, e, n, r, i, s) {
+  boxShadow: eit
+}, f$ = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], rit = f$.length, bN = (t) => typeof t == "string" ? parseFloat(t) : t, xN = (t) => typeof t == "number" || at.test(t);
+function iit(t, e, n, r, i, s) {
   i ? (t.opacity = dn(
     0,
     // TODO Reinstate this if only child
     n.opacity !== void 0 ? n.opacity : 1,
-    oit(r)
-  ), t.opacityExit = dn(e.opacity !== void 0 ? e.opacity : 1, 0, ait(r))) : s && (t.opacity = dn(e.opacity !== void 0 ? e.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, r));
-  for (let o = 0; o < iit; o++) {
+    sit(r)
+  ), t.opacityExit = dn(e.opacity !== void 0 ? e.opacity : 1, 0, oit(r))) : s && (t.opacity = dn(e.opacity !== void 0 ? e.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, r));
+  for (let o = 0; o < rit; o++) {
     const a = `border${f$[o]}Radius`;
     let l = wN(e, a), c = wN(n, a);
     if (l === void 0 && c === void 0)
@@ -103451,7 +103284,7 @@ function sit(t, e, n, r, i, s) {
 function wN(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const oit = p$(0, 0.5, QK), ait = p$(0.5, 0.95, dr);
+const sit = p$(0, 0.5, QK), oit = p$(0.5, 0.95, dr);
 function p$(t, e, n) {
   return (r) => r < t ? 0 : r > e ? 1 : n(r2(t, e, r));
 }
@@ -103464,18 +103297,18 @@ function Ii(t, e) {
 function CN(t, e, n, r, i) {
   return t -= e, t = y3(t, 1 / n, r), i !== void 0 && (t = y3(t, 1 / i, r)), t;
 }
-function lit(t, e = 0, n = 1, r = 0.5, i, s = t, o = t) {
+function ait(t, e = 0, n = 1, r = 0.5, i, s = t, o = t) {
   if (po.test(e) && (e = parseFloat(e), e = dn(o.min, o.max, e / 100) - o.min), typeof e != "number")
     return;
   let a = dn(s.min, s.max, r);
   t === s && (a -= e), t.min = CN(t.min, e, n, a, i), t.max = CN(t.max, e, n, a, i);
 }
 function MN(t, e, [n, r, i], s, o) {
-  lit(t, e[n], e[r], e[i], e.scale, s, o);
+  ait(t, e[n], e[r], e[i], e.scale, s, o);
 }
-const cit = ["x", "scaleX", "originX"], uit = ["y", "scaleY", "originY"];
+const lit = ["x", "scaleX", "originX"], cit = ["y", "scaleY", "originY"];
 function EN(t, e, n, r) {
-  MN(t.x, e, cit, n ? n.x : void 0, r ? r.x : void 0), MN(t.y, e, uit, n ? n.y : void 0, r ? r.y : void 0);
+  MN(t.x, e, lit, n ? n.x : void 0, r ? r.x : void 0), MN(t.y, e, cit, n ? n.y : void 0, r ? r.y : void 0);
 }
 function SN(t) {
   return t.translate === 0 && t.scale === 1;
@@ -103483,7 +103316,7 @@ function SN(t) {
 function m$(t) {
   return SN(t.x) && SN(t.y);
 }
-function dit(t, e) {
+function uit(t, e) {
   return t.x.min === e.x.min && t.x.max === e.x.max && t.y.min === e.y.min && t.y.max === e.y.max;
 }
 function y$(t, e) {
@@ -103492,7 +103325,7 @@ function y$(t, e) {
 function TN(t) {
   return Ri(t.x) / Ri(t.y);
 }
-class hit {
+class dit {
   constructor() {
     this.members = [];
   }
@@ -103556,8 +103389,8 @@ function RN(t, e, n) {
   const a = t.x.scale * e.x, l = t.y.scale * e.y;
   return (a !== 1 || l !== 1) && (r += `scale(${a}, ${l})`), r || "none";
 }
-const fit = (t, e) => t.depth - e.depth;
-class pit {
+const hit = (t, e) => t.depth - e.depth;
+class fit {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
@@ -103568,28 +103401,28 @@ class pit {
     HC(this.children, e), this.isDirty = !0;
   }
   forEach(e) {
-    this.isDirty && this.children.sort(fit), this.isDirty = !1, this.children.forEach(e);
+    this.isDirty && this.children.sort(hit), this.isDirty = !1, this.children.forEach(e);
   }
 }
-function mit(t, e) {
+function pit(t, e) {
   const n = Zl.now(), r = ({ timestamp: i }) => {
     const s = i - n;
     s >= e && (ja(r), t(s - e));
   };
   return zt.read(r, !0), () => ja(r);
 }
-function yit(t) {
+function mit(t) {
   window.MotionDebug && window.MotionDebug.record(t);
 }
-function git(t) {
+function yit(t) {
   return t instanceof SVGElement && t.tagName !== "svg";
 }
-function kit(t, e, n) {
+function git(t, e, n) {
   const r = Cr(t) ? t : i2(t);
   return r.start(BC("", r, e, n)), r.animation;
 }
-const Kb = ["", "X", "Y", "Z"], vit = { visibility: "hidden" }, PN = 1e3;
-let bit = 0;
+const Kb = ["", "X", "Y", "Z"], kit = { visibility: "hidden" }, PN = 1e3;
+let vit = 0;
 const Vc = {
   type: "projectionFrame",
   totalNodes: 0,
@@ -103609,14 +103442,14 @@ function g$(t) {
 function k$({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: r, resetTransform: i }) {
   return class {
     constructor(o = {}, a = e == null ? void 0 : e()) {
-      this.id = bit++, this.animationId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
+      this.id = vit++, this.animationId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
         this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
       }, this.updateProjection = () => {
-        this.projectionUpdateScheduled = !1, Vc.totalNodes = Vc.resolvedTargetDeltas = Vc.recalculatedProjection = 0, this.nodes.forEach(Ait), this.nodes.forEach(Tit), this.nodes.forEach(Rit), this.nodes.forEach(Cit), yit(Vc);
+        this.projectionUpdateScheduled = !1, Vc.totalNodes = Vc.resolvedTargetDeltas = Vc.recalculatedProjection = 0, this.nodes.forEach(wit), this.nodes.forEach(Sit), this.nodes.forEach(Tit), this.nodes.forEach(Ait), mit(Vc);
       }, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = o, this.root = a ? a.root || a : this, this.path = a ? [...a.path, a] : [], this.parent = a, this.depth = a ? a.depth + 1 : 0;
       for (let l = 0; l < this.path.length; l++)
         this.path[l].shouldResetTransform = !0;
-      this.root === this && (this.nodes = new pit());
+      this.root === this && (this.nodes = new fit());
     }
     addEventListener(o, a) {
       return this.eventHandlers.has(o) || this.eventHandlers.set(o, new zC()), this.eventHandlers.get(o).add(a);
@@ -103634,13 +103467,13 @@ function k$({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     mount(o, a = this.root.hasTreeAnimated) {
       if (this.instance)
         return;
-      this.isSVG = git(o), this.instance = o;
+      this.isSVG = yit(o), this.instance = o;
       const { layoutId: l, layout: c, visualElement: u } = this.options;
       if (u && !u.current && u.mount(o), this.root.nodes.add(this), this.parent && this.parent.children.add(this), a && (c || l) && (this.isLayoutDirty = !0), t) {
         let d;
         const h = () => this.root.updateBlockedByResize = !1;
         t(o, () => {
-          this.root.updateBlockedByResize = !0, d && d(), d = mit(h, 250), hg.hasAnimatedSinceResize && (hg.hasAnimatedSinceResize = !1, this.nodes.forEach(ON));
+          this.root.updateBlockedByResize = !0, d && d(), d = pit(h, 250), hg.hasAnimatedSinceResize && (hg.hasAnimatedSinceResize = !1, this.nodes.forEach(ON));
         });
       }
       l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && u && (l || c) && this.addEventListener("didUpdate", ({ delta: d, hasLayoutChanged: h, hasRelativeTargetChanged: f, layout: p }) => {
@@ -103648,7 +103481,7 @@ function k$({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const m = this.options.transition || u.getDefaultTransition() || Lit, { onLayoutAnimationStart: g, onLayoutAnimationComplete: k } = u.getProps(), x = !this.targetLayout || !y$(this.targetLayout, p) || f, v = !h && f;
+        const m = this.options.transition || u.getDefaultTransition() || Nit, { onLayoutAnimationStart: g, onLayoutAnimationComplete: k } = u.getProps(), x = !this.targetLayout || !y$(this.targetLayout, p) || f, v = !h && f;
         if (this.options.layoutRoot || this.resumeFrom && this.resumeFrom.instance || v || h && (x || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(d, v);
           const b = {
@@ -103682,7 +103515,7 @@ function k$({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     // Note: currently only running on root node
     startUpdate() {
-      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(Pit), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(Rit), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: o } = this.options;
@@ -103711,7 +103544,7 @@ function k$({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(DN);
         return;
       }
-      this.isUpdating || this.nodes.forEach(Eit), this.isUpdating = !1, this.nodes.forEach(Sit), this.nodes.forEach(xit), this.nodes.forEach(wit), this.clearAllSnapshots();
+      this.isUpdating || this.nodes.forEach(Mit), this.isUpdating = !1, this.nodes.forEach(Eit), this.nodes.forEach(bit), this.nodes.forEach(xit), this.clearAllSnapshots();
       const a = Zl.now();
       nr.delta = ac(0, 1e3 / 60, a - nr.timestamp), nr.timestamp = a, nr.isProcessing = !0, Fb.update.process(nr), Fb.preRender.process(nr), Fb.render.process(nr), nr.isProcessing = !1;
     }
@@ -103719,7 +103552,7 @@ function k$({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.updateScheduled || (this.updateScheduled = !0, gC.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(Mit), this.sharedNodes.forEach(Dit);
+      this.nodes.forEach(Cit), this.sharedNodes.forEach(Pit);
     }
     scheduleUpdateProjection() {
       this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, zt.preRender(this.updateProjection, !1, !0));
@@ -103764,7 +103597,7 @@ function k$({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     measure(o = !0) {
       const a = this.measurePageBox();
       let l = this.removeElementScroll(a);
-      return o && (l = this.removeTransform(l)), _it(l), {
+      return o && (l = this.removeTransform(l)), Lit(l), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: l,
@@ -103850,7 +103683,7 @@ function k$({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = xn(), this.relativeTargetOrigin = xn(), $0(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), Ii(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
         if (!(!this.relativeTarget && !this.targetDelta)) {
-          if (this.target || (this.target = xn(), this.targetWithTransforms = xn()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Irt(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Ii(this.target, this.layout.layoutBox), c$(this.target, this.targetDelta)) : Ii(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
+          if (this.target || (this.target = xn(), this.targetWithTransforms = xn()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), _rt(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Ii(this.target, this.layout.layoutBox), c$(this.target, this.targetDelta)) : Ii(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
             this.attemptToResolveRelativeTarget = !1;
             const f = this.getClosestProjectingParent();
             f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = xn(), this.relativeTargetOrigin = xn(), $0(this.relativeTargetOrigin, this.target, f.target), Ii(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
@@ -103877,7 +103710,7 @@ function k$({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       Ii(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, f = this.treeScale.y;
-      Wrt(this.layoutCorrected, this.treeScale, this.path, l), a.layout && !a.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (a.target = a.layout.layoutBox, a.targetWithTransforms = xn());
+      qrt(this.layoutCorrected, this.treeScale, this.path, l), a.layout && !a.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (a.target = a.layout.layoutBox, a.targetWithTransforms = xn());
       const { target: p } = a;
       if (!p) {
         this.projectionTransform && (this.projectionDelta = m1(), this.projectionTransform = "none", this.scheduleRender());
@@ -103903,17 +103736,17 @@ function k$({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     setAnimationOrigin(o, a = !1) {
       const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, d = m1();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const h = xn(), f = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, m = f !== p, g = this.getStack(), k = !g || g.members.length <= 1, x = !!(m && !k && this.options.crossfade === !0 && !this.path.some(Nit));
+      const h = xn(), f = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, m = f !== p, g = this.getStack(), k = !g || g.members.length <= 1, x = !!(m && !k && this.options.crossfade === !0 && !this.path.some(Oit));
       this.animationProgress = 0;
       let v;
       this.mixTargetDelta = (b) => {
         const w = b / 1e3;
-        NN(d.x, o.x, w), NN(d.y, o.y, w), this.setTargetDelta(d), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && ($0(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Oit(this.relativeTarget, this.relativeTargetOrigin, h, w), v && dit(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = xn()), Ii(v, this.relativeTarget)), m && (this.animationValues = u, sit(u, c, this.latestValues, w, x, k)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
+        NN(d.x, o.x, w), NN(d.y, o.y, w), this.setTargetDelta(d), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && ($0(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Dit(this.relativeTarget, this.relativeTargetOrigin, h, w), v && uit(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = xn()), Ii(v, this.relativeTarget)), m && (this.animationValues = u, iit(u, c, this.latestValues, w, x, k)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
       this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (ja(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = zt.update(() => {
-        hg.hasAnimatedSinceResize = !0, this.currentAnimation = kit(0, PN, {
+        hg.hasAnimatedSinceResize = !0, this.currentAnimation = git(0, PN, {
           ...o,
           onUpdate: (a) => {
             this.mixTargetDelta(a), o.onUpdate && o.onUpdate(a);
@@ -103947,7 +103780,7 @@ function k$({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
     }
     registerSharedNode(o, a) {
-      this.sharedNodes.has(o) || this.sharedNodes.set(o, new hit()), this.sharedNodes.get(o).add(a);
+      this.sharedNodes.has(o) || this.sharedNodes.set(o, new dit()), this.sharedNodes.get(o).add(a);
       const c = a.options.initialPromotionConfig;
       a.promote({
         transition: c ? c.transition : void 0,
@@ -104003,7 +103836,7 @@ function k$({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!this.instance || this.isSVG)
         return;
       if (!this.isVisible)
-        return vit;
+        return kit;
       const c = {
         visibility: ""
       }, u = this.getTransformTemplate();
@@ -104043,10 +103876,10 @@ function k$({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
   };
 }
-function xit(t) {
+function bit(t) {
   t.updateLayout();
 }
-function wit(t) {
+function xit(t) {
   var e;
   const n = ((e = t.resumeFrom) === null || e === void 0 ? void 0 : e.snapshot) || t.snapshot;
   if (t.isLead() && t.layout && n && t.hasListeners("didUpdate")) {
@@ -104090,38 +103923,38 @@ function wit(t) {
   }
   t.options.transition = void 0;
 }
-function Ait(t) {
+function wit(t) {
   Vc.totalNodes++, t.parent && (t.isProjecting() || (t.isProjectionDirty = t.parent.isProjectionDirty), t.isSharedProjectionDirty || (t.isSharedProjectionDirty = !!(t.isProjectionDirty || t.parent.isProjectionDirty || t.parent.isSharedProjectionDirty)), t.isTransformDirty || (t.isTransformDirty = t.parent.isTransformDirty));
 }
-function Cit(t) {
+function Ait(t) {
   t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
 }
-function Mit(t) {
+function Cit(t) {
   t.clearSnapshot();
 }
 function DN(t) {
   t.clearMeasurements();
 }
-function Eit(t) {
+function Mit(t) {
   t.isLayoutDirty = !1;
 }
-function Sit(t) {
+function Eit(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
 function ON(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
-function Tit(t) {
+function Sit(t) {
   t.resolveTargetDelta();
 }
-function Rit(t) {
+function Tit(t) {
   t.calcProjection();
 }
-function Pit(t) {
+function Rit(t) {
   t.resetSkewAndRotation();
 }
-function Dit(t) {
+function Pit(t) {
   t.removeLeadSnapshot();
 }
 function NN(t, e, n) {
@@ -104130,26 +103963,26 @@ function NN(t, e, n) {
 function LN(t, e, n, r) {
   t.min = dn(e.min, n.min, r), t.max = dn(e.max, n.max, r);
 }
-function Oit(t, e, n, r) {
+function Dit(t, e, n, r) {
   LN(t.x, e.x, n.x, r), LN(t.y, e.y, n.y, r);
 }
-function Nit(t) {
+function Oit(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
 }
-const Lit = {
+const Nit = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
 }, _N = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), IN = _N("applewebkit/") && !_N("chrome/") ? Math.round : dr;
 function jN(t) {
   t.min = IN(t.min), t.max = IN(t.max);
 }
-function _it(t) {
+function Lit(t) {
   jN(t.x), jN(t.y);
 }
 function v$(t, e, n) {
   return t === "position" || t === "preserve-aspect" && !aw(TN(e), TN(n), 0.2);
 }
-const Iit = k$({
+const _it = k$({
   attachResizeListener: (t, e) => la(t, "resize", e),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
@@ -104165,7 +103998,7 @@ const Iit = k$({
   }),
   defaultParent: () => {
     if (!Qb.current) {
-      const t = new Iit({});
+      const t = new _it({});
       t.mount(window), t.setOptions({ layoutScroll: !0 }), Qb.current = t;
     }
     return Qb.current;
@@ -104174,17 +104007,17 @@ const Iit = k$({
     t.style.transform = e !== void 0 ? e : "none";
   },
   checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
-}), jit = {
+}), Iit = {
   pan: {
-    Feature: Yrt
+    Feature: Jrt
   },
   drag: {
-    Feature: Jrt,
+    Feature: Xrt,
     ProjectionNode: b$,
     MeasureLayout: h$
   }
 }, dw = { current: null }, x$ = { current: !1 };
-function Fit() {
+function jit() {
   if (x$.current = !0, !!pC)
     if (window.matchMedia) {
       const t = window.matchMedia("(prefers-reduced-motion)"), e = () => dw.current = t.matches;
@@ -104192,7 +104025,7 @@ function Fit() {
     } else
       dw.current = !1;
 }
-function Bit(t, e, n) {
+function Fit(t, e, n) {
   const { willChange: r } = e;
   for (const i in e) {
     const s = e[i], o = n[i];
@@ -104213,7 +104046,7 @@ function Bit(t, e, n) {
     e[i] === void 0 && t.removeValue(i);
   return e;
 }
-const FN = /* @__PURE__ */ new WeakMap(), Vit = [...DK, vr, lc], Hit = (t) => Vit.find(PK(t)), BN = [
+const FN = /* @__PURE__ */ new WeakMap(), Bit = [...DK, vr, lc], Vit = (t) => Bit.find(PK(t)), BN = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -104221,8 +104054,8 @@ const FN = /* @__PURE__ */ new WeakMap(), Vit = [...DK, vr, lc], Hit = (t) => Vi
   "LayoutMeasure",
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
-], zit = vC.length;
-class Uit {
+], Hit = vC.length;
+class zit {
   /**
    * 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.
@@ -104246,7 +104079,7 @@ class Uit {
     }
   }
   mount(e) {
-    this.current = e, FN.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, r) => this.bindToMotionValue(r, n)), x$.current || Fit(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : dw.current, process.env.NODE_ENV !== "production" && UC(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
+    this.current = e, FN.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, r) => this.bindToMotionValue(r, n)), x$.current || jit(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : dw.current, process.env.NODE_ENV !== "production" && UC(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     FN.delete(this.current), this.projection && this.projection.unmount(), ja(this.notifyUpdate), ja(this.render), this.valueSubscriptions.forEach((e) => e()), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
@@ -104311,7 +104144,7 @@ class Uit {
       const s = "on" + i, o = e[s];
       o && (this.propEventSubscriptions[i] = this.on(i, o));
     }
-    this.prevMotionValues = Bit(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = Fit(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -104342,7 +104175,7 @@ class Uit {
       return this.props.initial !== void 0 && (r.initial = this.props.initial), r;
     }
     const n = {};
-    for (let r = 0; r < zit; r++) {
+    for (let r = 0; r < Hit; r++) {
       const i = vC[r], s = this.props[i];
       (t2(s) || s === !1) && (n[i] = s);
     }
@@ -104391,7 +104224,7 @@ class Uit {
   readValue(e, n) {
     var r;
     let i = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : (r = this.getBaseTargetFromProps(this.props, e)) !== null && r !== void 0 ? r : this.readValueFromInstance(this.current, e, this.options);
-    return i != null && (typeof i == "string" && (TK(i) || SK(i)) ? i = parseFloat(i) : !Hit(i) && lc.test(n) && (i = BK(e, n)), this.setBaseTarget(e, Cr(i) ? i.get() : i)), Cr(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (TK(i) || SK(i)) ? i = parseFloat(i) : !Vit(i) && lc.test(n) && (i = BK(e, n)), this.setBaseTarget(e, Cr(i) ? i.get() : i)), Cr(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -104424,7 +104257,7 @@ class Uit {
     this.events[e] && this.events[e].notify(...n);
   }
 }
-class w$ extends Uit {
+class w$ extends zit {
   constructor() {
     super(...arguments), this.KeyframeResolver = VK;
   }
@@ -104438,10 +104271,10 @@ class w$ extends Uit {
     delete n[e], delete r[e];
   }
 }
-function qit(t) {
+function Uit(t) {
   return window.getComputedStyle(t);
 }
-class Wit extends w$ {
+class qit extends w$ {
   constructor() {
     super(...arguments), this.type = "html";
   }
@@ -104450,7 +104283,7 @@ class Wit extends w$ {
       const r = NC(n);
       return r && r.default || 0;
     } else {
-      const r = qit(e), i = (uK(n) ? r.getPropertyValue(n) : r[n]) || 0;
+      const r = Uit(e), i = (uK(n) ? r.getPropertyValue(n) : r[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
@@ -104474,7 +104307,7 @@ class Wit extends w$ {
     mK(e, n, r, i);
   }
 }
-class Git extends w$ {
+class Wit extends w$ {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1;
   }
@@ -104504,33 +104337,33 @@ class Git extends w$ {
     this.isSVGTag = SC(e.tagName), super.mount(e);
   }
 }
-const Zit = (t, e) => xC(t) ? new Git(e, { enableHardwareAcceleration: !1 }) : new Wit(e, {
+const Git = (t, e) => xC(t) ? new Wit(e, { enableHardwareAcceleration: !1 }) : new qit(e, {
   allowProjection: t !== pf,
   enableHardwareAcceleration: !0
-}), Kit = {
+}), Zit = {
   layout: {
     ProjectionNode: b$,
     MeasureLayout: h$
   }
-}, $it = {
-  ...Ort,
-  ...ztt,
-  ...jit,
-  ...Kit
-}, Qit = /* @__PURE__ */ Jet((t, e) => Rtt(t, e, $it, Zit));
+}, Kit = {
+  ...Drt,
+  ...Htt,
+  ...Iit,
+  ...Zit
+}, $it = /* @__PURE__ */ Xet((t, e) => Ttt(t, e, Kit, Git));
 function A$() {
   const t = Ge(!1);
   return mC(() => (t.current = !0, () => {
     t.current = !1;
   }), []), t;
 }
-function Xit() {
+function Qit() {
   const t = A$(), [e, n] = Ye(0), r = Rt(() => {
     t.current && n(e + 1);
   }, [e]);
   return [Rt(() => zt.postRender(r), [r]), e];
 }
-class Jit extends C.Component {
+class Xit extends C.Component {
   getSnapshotBeforeUpdate(e) {
     const n = this.props.childRef.current;
     if (n && e.isPresent && !this.props.isPresent) {
@@ -104548,7 +104381,7 @@ class Jit extends C.Component {
     return this.props.children;
   }
 }
-function Yit({ children: t, isPresent: e }) {
+function Jit({ children: t, isPresent: e }) {
   const n = mf(), r = Ge(null), i = Ge({
     width: 0,
     height: 0,
@@ -104572,10 +104405,10 @@ function Yit({ children: t, isPresent: e }) {
         `), () => {
       document.head.removeChild(u);
     };
-  }, [e]), j.jsx(Jit, { isPresent: e, childRef: r, sizeRef: i, children: C.cloneElement(t, { ref: r }) });
+  }, [e]), j.jsx(Xit, { isPresent: e, childRef: r, sizeRef: i, children: C.cloneElement(t, { ref: r }) });
 }
 const Xb = ({ children: t, initial: e, isPresent: n, onExitComplete: r, custom: i, presenceAffectsLayout: s, mode: o }) => {
-  const a = vK(est), l = mf(), c = Rn(
+  const a = vK(Yit), l = mf(), c = Rn(
     () => ({
       id: l,
       initial: e,
@@ -104601,35 +104434,35 @@ const Xb = ({ children: t, initial: e, isPresent: n, onExitComplete: r, custom:
     a.forEach((u, d) => a.set(d, !1));
   }, [n]), C.useEffect(() => {
     !n && !a.size && r && r();
-  }, [n]), o === "popLayout" && (t = j.jsx(Yit, { isPresent: n, children: t })), j.jsx(l5.Provider, { value: c, children: t });
+  }, [n]), o === "popLayout" && (t = j.jsx(Jit, { isPresent: n, children: t })), j.jsx(l5.Provider, { value: c, children: t });
 };
-function est() {
+function Yit() {
   return /* @__PURE__ */ new Map();
 }
-function tst(t) {
+function est(t) {
   return Ve(() => () => t(), []);
 }
 const Hc = (t) => t.key || "";
-function nst(t, e) {
+function tst(t, e) {
   t.forEach((n) => {
     const r = Hc(n);
     e.set(r, n);
   });
 }
-function rst(t) {
+function nst(t) {
   const e = [];
   return ca.forEach(t, (n) => {
     Eh(n) && e.push(n);
   }), e;
 }
-const ist = ({ children: t, custom: e, initial: n = !0, onExitComplete: r, exitBeforeEnter: i, presenceAffectsLayout: s = !0, mode: o = "sync" }) => {
+const rst = ({ children: t, custom: e, initial: n = !0, onExitComplete: r, exitBeforeEnter: i, presenceAffectsLayout: s = !0, mode: o = "sync" }) => {
   Ia(!i, "Replace exitBeforeEnter with mode='wait'");
-  const a = Mt(bC).forceRender || Xit()[0], l = A$(), c = rst(t);
+  const a = Mt(bC).forceRender || Qit()[0], l = A$(), c = nst(t);
   let u = c;
   const d = Ge(/* @__PURE__ */ new Map()).current, h = Ge(u), f = Ge(/* @__PURE__ */ new Map()).current, p = Ge(!0);
   if (mC(() => {
-    p.current = !1, nst(c, f), h.current = u;
-  }), tst(() => {
+    p.current = !1, tst(c, f), h.current = u;
+  }), est(() => {
     p.current = !0, f.clear(), d.clear();
   }), p.current)
     return j.jsx(j.Fragment, { children: u.map((x) => j.jsx(Xb, { isPresent: !0, initial: n ? void 0 : !1, presenceAffectsLayout: s, mode: o, children: x }, Hc(x))) });
@@ -105019,10 +104852,177 @@ g3.exports;
     }) : r.platform = T;
   }).call(rr);
 })(g3, g3.exports);
-var sst = g3.exports;
-const ost = /* @__PURE__ */ v2(sst), Jb = () => {
+var ist = g3.exports;
+const sst = /* @__PURE__ */ v2(ist), ost = ({
+  editor: t,
+  onError: e,
+  isKeyboardVisible: n,
+  isNavbarVisible: r,
+  setIsNavbarVisible: i
+}) => {
+  const { toolVisibilty: s, setToolVisibility: o, bottomToolbar: a } = N9({
+    editor: t,
+    onError: e
+  }), l = O9("(max-width: 1023px)"), [c, u] = Ye(""), [d, h] = Ye(""), [f, p] = Ye(!0), [m, g] = Ye(!0), k = Ge(null), x = () => {
+    if (c === null) {
+      g(!1), o(Qe.NONE);
+      return;
+    }
+    if (d === "" && c === "") {
+      o(Qe.NONE), p(!0), g(!0);
+      return;
+    }
+    if (c === "") {
+      t.chain().focus().extendMarkRange("link").unsetLink().run(), o(Qe.NONE);
+      return;
+    }
+    let w = c;
+    !c.startsWith("http://") || !c.startsWith("https://") ? w = "https://" + c : w = c;
+    try {
+      w.match(
+        /^((http|https):\/\/)?([w|W]{3}\.)+[a-zA-Z0-9\-\.]{3,}\.[a-zA-Z]{2,}(\.[a-zA-Z]{2,})?$/
+      ) && g(!0);
+    } catch {
+      console.error("Invalid URL"), g(!1);
+    }
+    const { from: M, to: T } = t.state.selection;
+    t.state.doc.textBetween(M, T) ? t.chain().focus().extendMarkRange("link").setLink({ href: w }).run() : t.chain().focus().command(({ tr: R, dispatch: P }) => {
+      const { from: L, to: I } = t.state.selection, V = d, H = { href: w };
+      return R.insertText(V, L, I), R.addMark(
+        L,
+        V.length + L,
+        t.schema.marks.link.create(H)
+      ), P && P(R), !0;
+    }).run(), g(!0), p(!0), h(""), u(""), o(Qe.NONE);
+  }, v = (w) => {
+    const { from: M, to: T } = w.state.selection;
+    return w.state.doc.textBetween(M, T);
+  }, b = (w) => w.getAttributes("link").href;
+  return Ve(() => {
+    let w = 0;
+    const M = () => {
+      w = Date.now();
+    }, T = () => {
+      var P, L, I;
+      if (Date.now() - w > 500) {
+        const { selection: V } = t.state, H = V.from !== V.to, F = ((P = t.state.doc.nodeAt(V.from)) == null ? void 0 : P.type.name) === "resizableMedia", W = ((L = t.state.doc.nodeAt(V.from)) == null ? void 0 : L.type.name) === "iframe";
+        H && !F && !W && ((I = k.current) == null || I.click());
+      }
+    }, S = () => {
+      var L;
+      if (!l) return;
+      const { selection: R } = t.state;
+      R.from !== R.to && ((L = k.current) == null || L.click());
+    };
+    return l ? (document.addEventListener("touchstart", M), document.addEventListener("touchend", T)) : document.addEventListener("mouseup", S), () => {
+      l ? (document.removeEventListener("touchstart", M), document.removeEventListener("touchend", T)) : document.removeEventListener("mouseup", S);
+    };
+  }, [t, l]), Ve(() => {
+    if (!t) return;
+    const w = (M) => {
+      M.key === "k" && (M.metaKey || M.ctrlKey) && (M.preventDefault(), s !== Qe.LINK_POPUP ? o(Qe.LINK_POPUP) : o(Qe.NONE));
+    };
+    return document.addEventListener("keydown", w), () => {
+      document.removeEventListener("keydown", w);
+    };
+  }, [t, s]), Ve(() => {
+    n && o(Qe.NONE);
+  }, [n, o]), /* @__PURE__ */ j.jsxs(u9, { children: [
+    /* @__PURE__ */ j.jsxs("div", { className: "flex w-full justify-between sm:justify-evenly items-center select-none", children: [
+      a.map((w, M) => w ? /* @__PURE__ */ j.jsx("div", { className: "flex items-center", children: w.title === "Text formating" ? /* @__PURE__ */ j.jsx(ST, { asChild: !0, children: /* @__PURE__ */ j.jsx(
+        bs,
+        {
+          ref: k,
+          onClick: w.onClick,
+          isActive: w.isActive,
+          icon: w.icon
+        }
+      ) }) : w.title === "Text color" ? /* @__PURE__ */ j.jsx(ST, { asChild: !0, children: /* @__PURE__ */ j.jsx(
+        bs,
+        {
+          onClick: w.onClick,
+          icon: w.icon,
+          isActive: !1
+        }
+      ) }) : /* @__PURE__ */ j.jsx(
+        bs,
+        {
+          onClick: w.onClick,
+          icon: w.icon,
+          isActive: !1
+        }
+      ) }, w.title) : /* @__PURE__ */ j.jsx("div", { className: "w-[2px] h-4 bg-gray-200 mx-2" }, M)),
+      /* @__PURE__ */ j.jsx("div", { className: "w-[2px] h-4 bg-gray-200 mx-2" }),
+      /* @__PURE__ */ j.jsx("div", { className: "w-9 h-9 flex justify-center items-center", children: /* @__PURE__ */ j.jsx(
+        ar,
+        {
+          size: "md",
+          name: r ? "ChevronUp" : "ChevronDown",
+          onClick: () => i((w) => !w)
+        }
+      ) })
+    ] }),
+    s === Qe.TEXT_FORMATING && /* @__PURE__ */ j.jsx(
+      CLe,
+      {
+        editor: t,
+        setToolVisibility: o
+      }
+    ),
+    /* @__PURE__ */ j.jsx(
+      gDe,
+      {
+        open: s === Qe.LINK_POPUP,
+        onOpenChange: (w) => !w && o(Qe.NONE),
+        title: "Link",
+        content: /* @__PURE__ */ j.jsxs("div", { className: "flex flex-col gap-4 w-full h-full px-4", children: [
+          /* @__PURE__ */ j.jsx(
+            Dg,
+            {
+              label: "Text",
+              placeholder: "Link text",
+              className: "w-full",
+              defaultValue: v(t),
+              onChange: (w) => {
+                w.preventDefault(), h(w.target.value);
+              },
+              isValid: f,
+              message: f ? "" : "Invalid text"
+            }
+          ),
+          /* @__PURE__ */ j.jsx(
+            Dg,
+            {
+              label: "Link",
+              placeholder: "Paste URL",
+              className: "w-full",
+              defaultValue: b(t),
+              onChange: (w) => {
+                w.preventDefault(), u(w.target.value);
+              },
+              isValid: m,
+              message: m ? "" : "Invalid URL"
+            }
+          )
+        ] }),
+        primaryAction: {
+          label: "Save",
+          onClick: () => x(),
+          isLoading: !1,
+          className: "w-auto min-w-[80px]"
+        },
+        secondaryAction: {
+          label: "Cancel",
+          variant: "secondary",
+          onClick: () => o(Qe.NONE),
+          className: "w-auto min-w-[80px]"
+        }
+      }
+    )
+  ] });
+}, Jb = () => {
   var t;
-  return (t = ost.os) == null ? void 0 : t.family;
+  return (t = sst.os) == null ? void 0 : t.family;
 }, Fst = Bt(
   ({
     isPreviewMode: t = !1,
@@ -105103,7 +105103,7 @@ const ost = /* @__PURE__ */ v2(sst), Jb = () => {
         "nav",
         {
           id: "Navbar",
-          className: "h-14 bg-[#ffffff] py-2 px-3 xl:px-6 flex gap-[40px] items-center justify-between w-screen xl:w-full sticky left-0 top-0 border-b color-border-default",
+          className: "h-14 bg-[#ffffff] py-2 px-3 xl:px-4 flex gap-[40px] items-center justify-between w-screen xl:w-full sticky left-0 top-0 border-b color-border-default",
           children: s == null ? void 0 : s({ editor: P.getJSON() })
         }
       ),
@@ -105175,20 +105175,20 @@ const ost = /* @__PURE__ */ v2(sst), Jb = () => {
           ]
         }
       ),
-      !t && /* @__PURE__ */ j.jsx(ist, { children: !p && /* @__PURE__ */ j.jsx(
-        Qit.div,
+      !t && /* @__PURE__ */ j.jsx(rst, { children: !p && /* @__PURE__ */ j.jsx(
+        $it.div,
         {
           initial: { y: 50, opacity: 0 },
           animate: { y: 0, opacity: 1 },
           exit: { y: 50, opacity: 0 },
           transition: { duration: 0.2 },
           className: ct(
-            "flex xl:hidden items-center w-full h-[52px] fixed left-0 z-10 px-4 bg-[#ffffff] transition-all duration-300 ease-in-out border-b border-color-default",
+            "flex xl:hidden items-center w-full h-[52px] absolute left-0 z-10 px-4 bg-[#ffffff] transition-all duration-300 ease-in-out border-b border-color-default",
             w && "hidden",
             { "top-14": v, "top-0": !v }
           ),
           children: /* @__PURE__ */ j.jsx(
-            _et,
+            ost,
             {
               onError: m,
               editor: P,