@matthiaskrijgsman/mat-ui 0.0.1 → 0.0.2

package/dist/{mat-ui.js → index.js}

@@ -1,5 +1,5 @@
 import * as C from "react";
-import sa, { forwardRef as or, createElement as Se, useLayoutEffect as Kn, createContext as zt, useRef as wt, useEffect as Be, useId as zn, useContext as z, useInsertionEffect as ar, useMemo as kt, useCallback as lr, Children as ia, isValidElement as ra, useState as vn, Fragment as cr, Component as oa } from "react";
+import sa, { forwardRef as or, createElement as Se, useLayoutEffect as Kn, createContext as zt, useRef as bt, useEffect as Be, useId as zn, useContext as z, useInsertionEffect as ar, useMemo as kt, useCallback as lr, Children as ia, isValidElement as ra, useState as vn, Fragment as cr, Component as oa } from "react";
 import * as aa from "react-dom";
 var ye = { exports: {} }, Zt = {};
 /**
@@ -73,7 +73,7 @@ function ca() {
             return "Portal";
           case g:
             return (p.displayName || "Context") + ".Provider";
-          case w:
+          case b:
             return (p._context.displayName || "Context") + ".Consumer";
           case S:
             var V = p.render;
@@ -237,7 +237,7 @@ React keys must be passed directly to JSX without using spread:
     function f(p) {
       typeof p == "object" && p !== null && p.$$typeof === d && p._store && (p._store.validated = 1);
     }
-    var h = sa, d = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), g = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), _ = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, nt = Object.prototype.hasOwnProperty, J = Array.isArray, lt = console.createTask ? console.createTask : function() {
+    var h = sa, d = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), g = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), _ = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, nt = Object.prototype.hasOwnProperty, J = Array.isArray, lt = console.createTask ? console.createTask : function() {
       return null;
     };
     h = {
@@ -280,17 +280,19 @@ var Os;
 function ua() {
   return Os || (Os = 1, process.env.NODE_ENV === "production" ? ye.exports = la() : ye.exports = ca()), ye.exports;
 }
-var b = ua();
-const W = (...t) => t.filter(Boolean).join(" "), fa = "inline-flex flex-row items-center justify-center font-semibold ring-0 hover:ring-4 active:ring-1 rounded-xl cursor-pointer transition-all duration-150 select-none focus:outline-none focus:ring-4", ha = {
-  primary: "border border-blue-600 text-white bg-blue-600 active:bg-blue-700 active:border-blue-700 ring-blue-600/10 shadow-sm",
-  white: "border border-gray-200 text-gray-900 bg-white active:bg-gray-50 ring-gray-900/10 shadow-sm",
-  black: "border border-gray-950 text-white bg-gray-950 active:bg-gray-800 active:border-gray-800 ring-gray-900/20 shadow-sm",
-  transparent: "border border-transparent text-gray-900 bg-transparent ring-gray-900/10"
+var w = ua();
+const W = (...t) => t.filter(Boolean).join(" "), fa = "inline-flex flex-row items-center button-ring justify-center font-semibold ring-0 hover:ring-4 active:ring-1 rounded-xl cursor-pointer transition-all duration-150 select-none focus:outline-none focus:ring-4 button-ring", ha = {
+  primary: "border button-primary shadow-sm",
+  secondary: "border button-secondary shadow-sm",
+  tertiary: "border button-tertiary",
+  white: "border button-white shadow-sm",
+  black: "border button-black shadow-sm",
+  transparent: "border button-transparent"
 }, da = {
   sm: "h-10 px-4",
   md: "h-12 px-6",
   lg: "h-14 px-8"
-}, Rd = C.forwardRef((t, e) => {
+}, ma = C.forwardRef((t, e) => {
   const {
     variant: n = "white",
     size: s = "md",
@@ -298,7 +300,7 @@ const W = (...t) => t.filter(Boolean).join(" "), fa = "inline-flex flex-row item
     children: o,
     ...r
   } = t;
-  return /* @__PURE__ */ b.jsx(
+  return /* @__PURE__ */ w.jsx(
     "button",
     {
       ref: e,
@@ -312,12 +314,14 @@ const W = (...t) => t.filter(Boolean).join(" "), fa = "inline-flex flex-row item
       children: o
     }
   );
-}), ma = "inline-flex flex-row items-center justify-center font-semibold ring-0 hover:ring-4 active:ring-1 rounded-xl cursor-pointer transition-all duration-150 select-none focus:outline-none focus:ring-4 aspect-square", pa = {
-  primary: "border border-blue-600 text-white/90 bg-blue-600 active:bg-blue-700 active:border-blue-700 ring-blue-600/10 shadow-sm",
-  white: "border border-gray-200 text-gray-900/70 bg-white active:bg-gray-50 ring-gray-900/10 shadow-sm",
-  black: "border border-gray-950 text-white/90 bg-gray-950 active:bg-gray-800 active:border-gray-800 ring-gray-900/20 shadow-sm",
-  transparent: "border border-transparent text-gray-900/70 bg-transparent ring-gray-900/10"
-}, ga = {
+}), pa = "inline-flex flex-row items-center justify-center font-semibold ring-0 hover:ring-4 active:ring-1 rounded-xl cursor-pointer transition-all duration-150 select-none focus:outline-none focus:ring-4 aspect-square button-ring", ga = {
+  primary: "border button-primary shadow-sm",
+  secondary: "border button-secondary shadow-sm",
+  tertiary: "border button-tertiary",
+  white: "border button-white shadow-sm",
+  black: "border button-black shadow-sm",
+  transparent: "border button-transparent"
+}, ya = {
   sm: "h-10 w-10",
   md: "h-12 w-12",
   lg: "h-14 w-14"
@@ -329,26 +333,28 @@ const W = (...t) => t.filter(Boolean).join(" "), fa = "inline-flex flex-row item
     Icon: o,
     ...r
   } = t;
-  return /* @__PURE__ */ b.jsx(
+  return /* @__PURE__ */ w.jsx(
     "button",
     {
       ref: e,
       className: W(
-        ma,
-        pa[n],
-        ga[s],
+        pa,
+        ga[n],
+        ya[s],
         i
       ),
       ...r,
-      children: /* @__PURE__ */ b.jsx(o, { className: "h-5 w-5" })
+      children: /* @__PURE__ */ w.jsx(o, { className: "h-5 w-5" })
     }
   );
-}), ya = "inline-flex flex-row items-center justify-center font-semibold ring-0 hover:ring-4 active:ring-1 rounded-full cursor-pointer transition-all duration-150 select-none focus:outline-none focus:ring-4 aspect-square", va = {
-  primary: "border border-blue-600 text-white/90 bg-blue-600 active:bg-blue-700 active:border-blue-700 ring-blue-600/10 shadow-sm",
-  white: "border border-gray-200 text-gray-900/70 bg-white active:bg-gray-50 ring-gray-900/10 shadow-sm",
-  black: "border border-gray-950 text-white/90 bg-gray-950 active:bg-gray-800 active:border-gray-800 ring-gray-900/20 shadow-sm",
-  transparent: "border border-transparent text-gray-900/70 bg-transparent ring-gray-900/10"
-}, xa = {
+}), va = "inline-flex flex-row items-center justify-center font-semibold ring-0 hover:ring-4 active:ring-1 rounded-full cursor-pointer transition-all duration-150 select-none focus:outline-none focus:ring-4 aspect-square button-ring", xa = {
+  primary: "border button-primary shadow-sm",
+  secondary: "border button-secondary shadow-sm",
+  tertiary: "border button-tertiary",
+  white: "border button-white shadow-sm",
+  black: "border button-black shadow-sm",
+  transparent: "border button-transparent"
+}, wa = {
   sm: "h-10 w-10",
   md: "h-12 w-12",
   lg: "h-14 w-14"
@@ -360,18 +366,18 @@ const W = (...t) => t.filter(Boolean).join(" "), fa = "inline-flex flex-row item
     Icon: o,
     ...r
   } = t;
-  return /* @__PURE__ */ b.jsx(
+  return /* @__PURE__ */ w.jsx(
     "button",
     {
       ref: e,
       className: W(
-        ya,
-        va[n],
-        xa[s],
+        va,
+        xa[n],
+        wa[s],
         i
       ),
       ...r,
-      children: /* @__PURE__ */ b.jsx(o, { className: "h-5 w-5" })
+      children: /* @__PURE__ */ w.jsx(o, { className: "h-5 w-5" })
     }
   );
 });
@@ -441,38 +447,38 @@ const _e = (t, e, n, s) => {
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wa = [["path", { d: "M5 12l5 5l10 -10", key: "svg-0" }]], Ta = _e("outline", "check", "Check", wa);
+const Ta = [["path", { d: "M5 12l5 5l10 -10", key: "svg-0" }]], Sa = _e("outline", "check", "Check", Ta);
 /**
  * @license @tabler/icons-react v3.34.1 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Sa = [["path", { d: "M6 9l6 6l6 -6", key: "svg-0" }]], ur = _e("outline", "chevron-down", "ChevronDown", Sa);
+const Pa = [["path", { d: "M6 9l6 6l6 -6", key: "svg-0" }]], ur = _e("outline", "chevron-down", "ChevronDown", Pa);
 /**
  * @license @tabler/icons-react v3.34.1 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pa = [["path", { d: "M18 6l-12 12", key: "svg-0" }], ["path", { d: "M6 6l12 12", key: "svg-1" }]], Ca = _e("outline", "x", "X", Pa);
+const Ca = [["path", { d: "M18 6l-12 12", key: "svg-0" }], ["path", { d: "M6 6l12 12", key: "svg-1" }]], Aa = _e("outline", "x", "X", Ca);
 /**
  * @license @tabler/icons-react v3.34.1 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Aa = [["path", { d: "M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1 14.995 -8.336m-5 11.66a1 1 0 0 0 -1 1v.01a1 1 0 0 0 2 0v-.01a1 1 0 0 0 -1 -1m0 -7a1 1 0 0 0 -1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0 -1 -1", key: "svg-0" }]], Ra = _e("filled", "exclamation-circle-filled", "ExclamationCircleFilled", Aa), Hn = (t) => {
+const Ra = [["path", { d: "M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1 14.995 -8.336m-5 11.66a1 1 0 0 0 -1 1v.01a1 1 0 0 0 2 0v-.01a1 1 0 0 0 -1 -1m0 -7a1 1 0 0 0 -1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0 -1 -1", key: "svg-0" }]], Ea = _e("filled", "exclamation-circle-filled", "ExclamationCircleFilled", Ra), Hn = (t) => {
   const {
     children: e
   } = t;
-  return e ? /* @__PURE__ */ b.jsx("label", { className: "text-gray-900 font-medium mb-1", children: e }) : null;
-}, Yn = () => /* @__PURE__ */ b.jsx("div", { className: "h-5 w-5", children: /* @__PURE__ */ b.jsx(Ra, { className: "h-5 w-5 text-red-600" }) }), Xn = (t) => {
+  return e ? /* @__PURE__ */ w.jsx("label", { className: "text-gray-900 font-medium mb-1", children: e }) : null;
+}, Yn = () => /* @__PURE__ */ w.jsx("div", { className: "h-5 w-5", children: /* @__PURE__ */ w.jsx(Ea, { className: "h-5 w-5 text-red-600" }) }), Xn = (t) => {
   const {
     children: e,
     className: n
   } = t;
-  return /* @__PURE__ */ b.jsx("div", { className: W(
+  return /* @__PURE__ */ w.jsx("div", { className: W(
     "absolute top-1/2 -translate-y-1/2 right-3.5 flex flex-row items-center gap-1",
     n
   ), children: e });
@@ -480,13 +486,13 @@ const Aa = [["path", { d: "M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1
   const {
     children: e
   } = t;
-  return e ? /* @__PURE__ */ b.jsx("div", { className: "text-gray-500 text-sm font-medium mt-2", children: e }) : null;
+  return e ? /* @__PURE__ */ w.jsx("div", { className: "text-gray-500 text-sm font-medium mt-2", children: e }) : null;
 }, We = (t) => {
   const {
     children: e
   } = t;
-  return e ? /* @__PURE__ */ b.jsx("div", { className: "text-red-600 text-sm font-medium mt-2", children: e }) : null;
-}, Ea = (t) => {
+  return e ? /* @__PURE__ */ w.jsx("div", { className: "text-red-600 text-sm font-medium mt-2", children: e }) : null;
+}, Va = (t) => {
   const {
     className: e,
     label: n,
@@ -496,7 +502,7 @@ const Aa = [["path", { d: "M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1
     buttonTray: r,
     ...a
   } = t;
-  return /* @__PURE__ */ b.jsxs(
+  return /* @__PURE__ */ w.jsxs(
     "div",
     {
       className: W(
@@ -504,10 +510,10 @@ const Aa = [["path", { d: "M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1
         e
       ),
       children: [
-        /* @__PURE__ */ b.jsx(Hn, { children: n }),
-        /* @__PURE__ */ b.jsxs("div", { className: "flex flex-col relative", children: [
-          i && /* @__PURE__ */ b.jsx(i, { className: "h-4 w-4 text-gray-900/70 absolute left-4 top-1/2 -translate-y-1/2" }),
-          /* @__PURE__ */ b.jsx(
+        /* @__PURE__ */ w.jsx(Hn, { children: n }),
+        /* @__PURE__ */ w.jsxs("div", { className: "flex flex-col relative", children: [
+          i && /* @__PURE__ */ w.jsx(i, { className: "h-4 w-4 text-gray-900/70 absolute left-4 top-1/2 -translate-y-1/2" }),
+          /* @__PURE__ */ w.jsx(
             "input",
             {
               className: W(
@@ -518,13 +524,13 @@ const Aa = [["path", { d: "M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1
               ...a
             }
           ),
-          /* @__PURE__ */ b.jsxs(Xn, { children: [
-            o && /* @__PURE__ */ b.jsx(Yn, {}),
+          /* @__PURE__ */ w.jsxs(Xn, { children: [
+            o && /* @__PURE__ */ w.jsx(Yn, {}),
             r
           ] })
         ] }),
-        /* @__PURE__ */ b.jsx($e, { children: s }),
-        /* @__PURE__ */ b.jsx(We, { children: o })
+        /* @__PURE__ */ w.jsx($e, { children: s }),
+        /* @__PURE__ */ w.jsx(We, { children: o })
       ]
     }
   );
@@ -536,7 +542,7 @@ const Aa = [["path", { d: "M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1
     error: i,
     ...o
   } = t;
-  return /* @__PURE__ */ b.jsxs(
+  return /* @__PURE__ */ w.jsxs(
     "div",
     {
       className: W(
@@ -544,8 +550,8 @@ const Aa = [["path", { d: "M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1
         e
       ),
       children: [
-        /* @__PURE__ */ b.jsxs("div", { className: "flex flex-row gap-3", children: [
-          /* @__PURE__ */ b.jsx(
+        /* @__PURE__ */ w.jsxs("div", { className: "flex flex-row gap-3", children: [
+          /* @__PURE__ */ w.jsx(
             "input",
             {
               type: "checkbox",
@@ -553,24 +559,24 @@ const Aa = [["path", { d: "M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1
               ...o
             }
           ),
-          n && /* @__PURE__ */ b.jsx("label", { htmlFor: t.id, className: W(
+          n && /* @__PURE__ */ w.jsx("label", { htmlFor: t.id, className: W(
             "text-gray-900 font-medium mb-1",
             t.id && "cursor-pointer"
           ), children: n })
         ] }),
-        /* @__PURE__ */ b.jsx($e, { children: s }),
-        /* @__PURE__ */ b.jsx(We, { children: i })
+        /* @__PURE__ */ w.jsx($e, { children: s }),
+        /* @__PURE__ */ w.jsx(We, { children: i })
       ]
     }
   );
-}, Va = (t) => {
+}, Da = (t) => {
   const {
     children: e,
     onClick: n,
     selected: s,
     disabled: i = !1
   } = t;
-  return /* @__PURE__ */ b.jsxs(
+  return /* @__PURE__ */ w.jsxs(
     "div",
     {
       onClick: () => !i && n && n(),
@@ -580,8 +586,8 @@ const Aa = [["path", { d: "M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1
         i && "text-gray-400 cursor-not-allowed hover:bg-transparent active:bg-transparent"
       ),
       children: [
-        /* @__PURE__ */ b.jsx("div", { className: "flex-1", children: e }),
-        s && !i && /* @__PURE__ */ b.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ b.jsx(Ta, { className: "h-5 w-5" }) })
+        /* @__PURE__ */ w.jsx("div", { className: "flex-1", children: e }),
+        s && !i && /* @__PURE__ */ w.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ w.jsx(Sa, { className: "h-5 w-5" }) })
       ]
     }
   );
@@ -612,7 +618,7 @@ function dt(t) {
 function Ns(t) {
   return !Ue() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof Z(t).ShadowRoot;
 }
-const Da = /* @__PURE__ */ new Set(["inline", "contents"]);
+const Ma = /* @__PURE__ */ new Set(["inline", "contents"]);
 function he(t) {
   const {
     overflow: e,
@@ -620,15 +626,15 @@ function he(t) {
     overflowY: s,
     display: i
   } = at(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + s + n) && !Da.has(i);
+  return /auto|scroll|overlay|hidden|clip/.test(e + s + n) && !Ma.has(i);
 }
-const Ma = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function ka(t) {
-  return Ma.has(Ht(t));
+const ka = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function ja(t) {
+  return ka.has(Ht(t));
 }
-const ja = [":popover-open", ":modal"];
+const La = [":popover-open", ":modal"];
 function Ke(t) {
-  return ja.some((e) => {
+  return La.some((e) => {
     try {
       return t.matches(e);
     } catch {
@@ -636,12 +642,12 @@ function Ke(t) {
     }
   });
 }
-const La = ["transform", "translate", "scale", "rotate", "perspective"], Oa = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Na = ["paint", "layout", "strict", "content"];
+const Oa = ["transform", "translate", "scale", "rotate", "perspective"], Na = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ia = ["paint", "layout", "strict", "content"];
 function Gn(t) {
   const e = qn(), n = H(t) ? at(t) : t;
-  return La.some((s) => n[s] ? n[s] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || Oa.some((s) => (n.willChange || "").includes(s)) || Na.some((s) => (n.contain || "").includes(s));
+  return Oa.some((s) => n[s] ? n[s] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || Na.some((s) => (n.willChange || "").includes(s)) || Ia.some((s) => (n.contain || "").includes(s));
 }
-function Ia(t) {
+function Fa(t) {
   let e = Tt(t);
   for (; dt(e) && !Wt(e); ) {
     if (Gn(e))
@@ -655,9 +661,9 @@ function Ia(t) {
 function qn() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const Fa = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+const Ba = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function Wt(t) {
-  return Fa.has(Ht(t));
+  return Ba.has(Ht(t));
 }
 function at(t) {
   return Z(t).getComputedStyle(t);
@@ -709,20 +715,20 @@ function Zn(t) {
 function pr(t) {
   return t.split("-")[1];
 }
-function Ba(t) {
+function _a(t) {
   return t === "x" ? "y" : "x";
 }
-function _a(t) {
+function $a(t) {
   return t === "y" ? "height" : "width";
 }
-const $a = /* @__PURE__ */ new Set(["top", "bottom"]);
+const Wa = /* @__PURE__ */ new Set(["top", "bottom"]);
 function Jn(t) {
-  return $a.has(Zn(t)) ? "y" : "x";
-}
-function Wa(t) {
-  return Ba(Jn(t));
+  return Wa.has(Zn(t)) ? "y" : "x";
 }
 function Ua(t) {
+  return _a(Jn(t));
+}
+function Ka(t) {
   return {
     top: 0,
     right: 0,
@@ -731,8 +737,8 @@ function Ua(t) {
     ...t
   };
 }
-function Ka(t) {
-  return typeof t != "number" ? Ua(t) : {
+function za(t) {
+  return typeof t != "number" ? Ka(t) : {
     top: t,
     right: t,
     bottom: t,
@@ -757,21 +763,21 @@ function Me(t) {
     y: n
   };
 }
-function za() {
+function Ha() {
   const t = navigator.userAgentData;
   return t != null && t.platform ? t.platform : navigator.platform;
 }
-var Ha = typeof document < "u", Ya = function() {
-}, ke = Ha ? Kn : Ya;
-const Xa = {
+var Ya = typeof document < "u", Xa = function() {
+}, ke = Ya ? Kn : Xa;
+const Ga = {
   ...C
-}, Ga = Xa.useInsertionEffect, qa = Ga || ((t) => t());
-function Za(t) {
+}, qa = Ga.useInsertionEffect, Za = qa || ((t) => t());
+function Ja(t) {
   const e = C.useRef(() => {
     if (process.env.NODE_ENV !== "production")
       throw new Error("Cannot call an event handler while rendering.");
   });
-  return qa(() => {
+  return Za(() => {
     e.current = t;
   }), C.useCallback(function() {
     for (var n = arguments.length, s = new Array(n), i = 0; i < n; i++)
@@ -784,7 +790,7 @@ function Is(t, e, n) {
     reference: s,
     floating: i
   } = t;
-  const o = Jn(e), r = Wa(e), a = _a(r), l = Zn(e), u = o === "y", c = s.x + s.width / 2 - i.width / 2, f = s.y + s.height / 2 - i.height / 2, h = s[a] / 2 - i[a] / 2;
+  const o = Jn(e), r = Ua(e), a = $a(r), l = Zn(e), u = o === "y", c = s.x + s.width / 2 - i.width / 2, f = s.y + s.height / 2 - i.height / 2, h = s[a] / 2 - i[a] / 2;
   let d;
   switch (l) {
     case "top":
@@ -827,7 +833,7 @@ function Is(t, e, n) {
   }
   return d;
 }
-const Ja = async (t, e, n) => {
+const Qa = async (t, e, n) => {
   const {
     placement: s = "bottom",
     strategy: i = "absolute",
@@ -847,7 +853,7 @@ const Ja = async (t, e, n) => {
       name: x,
       fn: v
     } = a[y], {
-      x: w,
+      x: b,
       y: g,
       data: S,
       reset: T
@@ -865,7 +871,7 @@ const Ja = async (t, e, n) => {
         floating: e
       }
     });
-    c = w ?? c, f = g ?? f, d = {
+    c = b ?? c, f = g ?? f, d = {
       ...d,
       [x]: {
         ...d[x],
@@ -888,7 +894,7 @@ const Ja = async (t, e, n) => {
     middlewareData: d
   };
 };
-async function Qa(t, e) {
+async function tl(t, e) {
   var n;
   e === void 0 && (e = {});
   const {
@@ -904,12 +910,12 @@ async function Qa(t, e) {
     elementContext: f = "floating",
     altBoundary: h = !1,
     padding: d = 0
-  } = mr(e, t), m = Ka(d), x = a[h ? f === "floating" ? "reference" : "floating" : f], v = Me(await o.getClippingRect({
+  } = mr(e, t), m = za(d), x = a[h ? f === "floating" ? "reference" : "floating" : f], v = Me(await o.getClippingRect({
     element: (n = await (o.isElement == null ? void 0 : o.isElement(x))) == null || n ? x : x.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(a.floating)),
     boundary: u,
     rootBoundary: c,
     strategy: l
-  })), w = f === "floating" ? {
+  })), b = f === "floating" ? {
     x: s,
     y: i,
     width: r.floating.width,
@@ -922,10 +928,10 @@ async function Qa(t, e) {
     y: 1
   }, T = Me(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
-    rect: w,
+    rect: b,
     offsetParent: g,
     strategy: l
-  }) : w);
+  }) : b);
   return {
     top: (v.top - T.top + m.top) / S.y,
     bottom: (T.bottom - v.bottom + m.bottom) / S.y,
@@ -933,7 +939,7 @@ async function Qa(t, e) {
     right: (T.right - v.right + m.right) / S.x
   };
 }
-const tl = function(t) {
+const el = function(t) {
   return t === void 0 && (t = {}), {
     name: "size",
     options: t,
@@ -948,15 +954,15 @@ const tl = function(t) {
         apply: l = () => {
         },
         ...u
-      } = mr(t, e), c = await Qa(e, u), f = Zn(i), h = pr(i), d = Jn(i) === "y", {
+      } = mr(t, e), c = await tl(e, u), f = Zn(i), h = pr(i), d = Jn(i) === "y", {
         width: m,
         height: y
       } = o.floating;
       let x, v;
       f === "top" || f === "bottom" ? (x = f, v = h === (await (r.isRTL == null ? void 0 : r.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (v = f, x = h === "end" ? "top" : "bottom");
-      const w = y - c.top - c.bottom, g = m - c.left - c.right, S = Ve(y - c[x], w), T = Ve(m - c[v], g), A = !e.middlewareData.shift;
+      const b = y - c.top - c.bottom, g = m - c.left - c.right, S = Ve(y - c[x], b), T = Ve(m - c[v], g), A = !e.middlewareData.shift;
       let E = S, P = T;
-      if ((n = e.middlewareData.shift) != null && n.enabled.x && (P = g), (s = e.middlewareData.shift) != null && s.enabled.y && (E = w), A && !h) {
+      if ((n = e.middlewareData.shift) != null && n.enabled.x && (P = g), (s = e.middlewareData.shift) != null && s.enabled.y && (E = b), A && !h) {
         const k = rt(c.left, 0), _ = rt(c.right, 0), nt = rt(c.top, 0), J = rt(c.bottom, 0);
         d ? P = m - 2 * (k !== 0 || _ !== 0 ? k + _ : rt(c.left, c.right)) : E = y - 2 * (nt !== 0 || J !== 0 ? nt + J : rt(c.top, c.bottom));
       }
@@ -1002,15 +1008,15 @@ function _t(t) {
     y: a
   };
 }
-const el = /* @__PURE__ */ ut(0);
+const nl = /* @__PURE__ */ ut(0);
 function vr(t) {
   const e = Z(t);
-  return !qn() || !e.visualViewport ? el : {
+  return !qn() || !e.visualViewport ? nl : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function nl(t, e, n) {
+function sl(t, e, n) {
   return e === void 0 && (e = !1), !n || e && n !== Z(t) ? !1 : e;
 }
 function re(t, e, n, s) {
@@ -1018,13 +1024,13 @@ function re(t, e, n, s) {
   const i = t.getBoundingClientRect(), o = yr(t);
   let r = ut(1);
   e && (s ? H(s) && (r = _t(s)) : r = _t(t));
-  const a = nl(o, n, s) ? vr(o) : ut(0);
+  const a = sl(o, n, s) ? vr(o) : ut(0);
   let l = (i.left + a.x) / r.x, u = (i.top + a.y) / r.y, c = i.width / r.x, f = i.height / r.y;
   if (o) {
     const h = Z(o), d = s && H(s) ? Z(s) : s;
     let m = h, y = xn(m);
     for (; y && s && d !== m; ) {
-      const x = _t(y), v = y.getBoundingClientRect(), w = at(y), g = v.left + (y.clientLeft + parseFloat(w.paddingLeft)) * x.x, S = v.top + (y.clientTop + parseFloat(w.paddingTop)) * x.y;
+      const x = _t(y), v = y.getBoundingClientRect(), b = at(y), g = v.left + (y.clientLeft + parseFloat(b.paddingLeft)) * x.x, S = v.top + (y.clientTop + parseFloat(b.paddingTop)) * x.y;
       l *= x.x, u *= x.y, c *= x.x, f *= x.y, l += g, u += S, m = Z(y), y = xn(m);
     }
   }
@@ -1046,7 +1052,7 @@ function xr(t, e) {
     y: i
   };
 }
-function sl(t) {
+function il(t) {
   let {
     elements: e,
     rect: n,
@@ -1073,10 +1079,10 @@ function sl(t) {
     y: n.y * u.y - l.scrollTop * u.y + c.y + h.y
   };
 }
-function il(t) {
+function rl(t) {
   return Array.from(t.getClientRects());
 }
-function rl(t) {
+function ol(t) {
   const e = yt(t), n = ze(t), s = t.ownerDocument.body, i = rt(e.scrollWidth, e.clientWidth, s.scrollWidth, s.clientWidth), o = rt(e.scrollHeight, e.clientHeight, s.scrollHeight, s.clientHeight);
   let r = -n.scrollLeft + He(t);
   const a = -n.scrollTop;
@@ -1088,7 +1094,7 @@ function rl(t) {
   };
 }
 const Fs = 25;
-function ol(t, e) {
+function al(t, e) {
   const n = Z(t), s = yt(t), i = n.visualViewport;
   let o = s.clientWidth, r = s.clientHeight, a = 0, l = 0;
   if (i) {
@@ -1108,8 +1114,8 @@ function ol(t, e) {
     y: l
   };
 }
-const al = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function ll(t, e) {
+const ll = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function cl(t, e) {
   const n = re(t, !0, e === "fixed"), s = n.top + t.clientTop, i = n.left + t.clientLeft, o = dt(t) ? _t(t) : ut(1), r = t.clientWidth * o.x, a = t.clientHeight * o.y, l = i * o.x, u = s * o.y;
   return {
     width: r,
@@ -1121,11 +1127,11 @@ function ll(t, e) {
 function Bs(t, e, n) {
   let s;
   if (e === "viewport")
-    s = ol(t, n);
+    s = al(t, n);
   else if (e === "document")
-    s = rl(yt(t));
+    s = ol(yt(t));
   else if (H(e))
-    s = ll(e, n);
+    s = cl(e, n);
   else {
     const i = vr(t);
     s = {
@@ -1137,11 +1143,11 @@ function Bs(t, e, n) {
   }
   return Me(s);
 }
-function br(t, e) {
+function wr(t, e) {
   const n = Tt(t);
-  return n === e || !H(n) || Wt(n) ? !1 : at(n).position === "fixed" || br(n, e);
+  return n === e || !H(n) || Wt(n) ? !1 : at(n).position === "fixed" || wr(n, e);
 }
-function cl(t, e) {
+function ul(t, e) {
   const n = e.get(t);
   if (n)
     return n;
@@ -1150,18 +1156,18 @@ function cl(t, e) {
   let r = o ? Tt(t) : t;
   for (; H(r) && !Wt(r); ) {
     const a = at(r), l = Gn(r);
-    !l && a.position === "fixed" && (i = null), (o ? !l && !i : !l && a.position === "static" && !!i && al.has(i.position) || he(r) && !l && br(t, r)) ? s = s.filter((c) => c !== r) : i = a, r = Tt(r);
+    !l && a.position === "fixed" && (i = null), (o ? !l && !i : !l && a.position === "static" && !!i && ll.has(i.position) || he(r) && !l && wr(t, r)) ? s = s.filter((c) => c !== r) : i = a, r = Tt(r);
   }
   return e.set(t, s), s;
 }
-function ul(t) {
+function fl(t) {
   let {
     element: e,
     boundary: n,
     rootBoundary: s,
     strategy: i
   } = t;
-  const r = [...n === "clippingAncestors" ? Ke(e) ? [] : cl(e, this._c) : [].concat(n), s], a = r[0], l = r.reduce((u, c) => {
+  const r = [...n === "clippingAncestors" ? Ke(e) ? [] : ul(e, this._c) : [].concat(n), s], a = r[0], l = r.reduce((u, c) => {
     const f = Bs(e, c, i);
     return u.top = rt(f.top, u.top), u.right = Ve(f.right, u.right), u.bottom = Ve(f.bottom, u.bottom), u.left = rt(f.left, u.left), u;
   }, Bs(e, a, i));
@@ -1172,7 +1178,7 @@ function ul(t) {
     y: l.top
   };
 }
-function fl(t) {
+function hl(t) {
   const {
     width: e,
     height: n
@@ -1182,7 +1188,7 @@ function fl(t) {
     height: n
   };
 }
-function hl(t, e, n) {
+function dl(t, e, n) {
   const s = dt(e), i = yt(e), o = n === "fixed", r = re(t, !0, o, e);
   let a = {
     scrollLeft: 0,
@@ -1217,7 +1223,7 @@ function _s(t, e) {
   let n = t.offsetParent;
   return yt(t) === n && (n = n.ownerDocument.body), n;
 }
-function wr(t, e) {
+function br(t, e) {
   const n = Z(t);
   if (Ke(t))
     return n;
@@ -1231,14 +1237,14 @@ function wr(t, e) {
     return n;
   }
   let s = _s(t, e);
-  for (; s && ka(s) && tn(s); )
+  for (; s && ja(s) && tn(s); )
     s = _s(s, e);
-  return s && Wt(s) && tn(s) && !Gn(s) ? n : s || Ia(t) || n;
+  return s && Wt(s) && tn(s) && !Gn(s) ? n : s || Fa(t) || n;
 }
-const dl = async function(t) {
-  const e = this.getOffsetParent || wr, n = this.getDimensions, s = await n(t.floating);
+const ml = async function(t) {
+  const e = this.getOffsetParent || br, n = this.getDimensions, s = await n(t.floating);
   return {
-    reference: hl(t.reference, await e(t.floating), t.strategy),
+    reference: dl(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1247,35 +1253,35 @@ const dl = async function(t) {
     }
   };
 };
-function ml(t) {
+function pl(t) {
   return at(t).direction === "rtl";
 }
-const pl = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: sl,
+const gl = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: il,
   getDocumentElement: yt,
-  getClippingRect: ul,
-  getOffsetParent: wr,
-  getElementRects: dl,
-  getClientRects: il,
-  getDimensions: fl,
+  getClippingRect: fl,
+  getOffsetParent: br,
+  getElementRects: ml,
+  getClientRects: rl,
+  getDimensions: hl,
   getScale: _t,
   isElement: H,
-  isRTL: ml
-}, gl = tl, yl = (t, e, n) => {
+  isRTL: pl
+}, yl = el, vl = (t, e, n) => {
   const s = /* @__PURE__ */ new Map(), i = {
-    platform: pl,
+    platform: gl,
     ...n
   }, o = {
     ...i.platform,
     _c: s
   };
-  return Ja(t, e, {
+  return Qa(t, e, {
     ...i,
     platform: o
   });
 };
-var vl = typeof document < "u", xl = function() {
-}, Pe = vl ? Kn : xl;
+var xl = typeof document < "u", wl = function() {
+}, Pe = xl ? Kn : wl;
 function je(t, e) {
   if (t === e)
     return !0;
@@ -1342,7 +1348,7 @@ function bl(t) {
     isPositioned: !1
   }), [h, d] = C.useState(s);
   je(h, s) || d(s);
-  const [m, y] = C.useState(null), [x, v] = C.useState(null), w = C.useCallback((D) => {
+  const [m, y] = C.useState(null), [x, v] = C.useState(null), b = C.useCallback((D) => {
     D !== A.current && (A.current = D, y(D));
   }, []), g = C.useCallback((D) => {
     D !== E.current && (E.current = D, v(D));
@@ -1354,7 +1360,7 @@ function bl(t) {
       strategy: n,
       middleware: h
     };
-    _.current && (D.platform = _.current), yl(A.current, E.current, D).then((X) => {
+    _.current && (D.platform = _.current), vl(A.current, E.current, D).then((X) => {
       const p = {
         ...X,
         // The floating element's position may be recomputed while it's closed
@@ -1387,9 +1393,9 @@ function bl(t) {
   const vt = C.useMemo(() => ({
     reference: A,
     floating: E,
-    setReference: w,
+    setReference: b,
     setFloating: g
-  }), [w, g]), st = C.useMemo(() => ({
+  }), [b, g]), st = C.useMemo(() => ({
     reference: S,
     floating: T
   }), [S, T]), L = C.useMemo(() => {
@@ -1421,19 +1427,19 @@ function bl(t) {
     floatingStyles: L
   }), [c, J, vt, st, L]);
 }
-const wl = (t, e) => ({
-  ...gl(t),
+const Tl = (t, e) => ({
+  ...yl(t),
   options: [t, e]
-}), Tl = {
+}), Sl = {
   ...C
 };
-let Ws = !1, Sl = 0;
+let Ws = !1, Pl = 0;
 const Us = () => (
   // Ensure the id is unique with multiple independent versions of Floating UI
   // on <React 18
-  "floating-ui-" + Math.random().toString(36).slice(2, 6) + Sl++
+  "floating-ui-" + Math.random().toString(36).slice(2, 6) + Pl++
 );
-function Pl() {
+function Cl() {
   const [t, e] = C.useState(() => Ws ? Us() : void 0);
   return ke(() => {
     t == null && e(Us());
@@ -1441,19 +1447,19 @@ function Pl() {
     Ws = !0;
   }, []), t;
 }
-const Cl = Tl.useId, Al = Cl || Pl;
-let bn;
-process.env.NODE_ENV !== "production" && (bn = /* @__PURE__ */ new Set());
-function Rl() {
+const Al = Sl.useId, Rl = Al || Cl;
+let wn;
+process.env.NODE_ENV !== "production" && (wn = /* @__PURE__ */ new Set());
+function El() {
   for (var t, e = arguments.length, n = new Array(e), s = 0; s < e; s++)
     n[s] = arguments[s];
   const i = "Floating UI: " + n.join(" ");
-  if (!((t = bn) != null && t.has(i))) {
+  if (!((t = wn) != null && t.has(i))) {
     var o;
-    (o = bn) == null || o.add(i), console.error(i);
+    (o = wn) == null || o.add(i), console.error(i);
   }
 }
-function El() {
+function Vl() {
   const t = /* @__PURE__ */ new Map();
   return {
     emit(e, n) {
@@ -1469,14 +1475,14 @@ function El() {
     }
   };
 }
-const Vl = /* @__PURE__ */ C.createContext(null), Dl = /* @__PURE__ */ C.createContext(null), Ml = () => {
+const Dl = /* @__PURE__ */ C.createContext(null), Ml = /* @__PURE__ */ C.createContext(null), kl = () => {
   var t;
-  return ((t = C.useContext(Vl)) == null ? void 0 : t.id) || null;
-}, kl = () => C.useContext(Dl);
+  return ((t = C.useContext(Dl)) == null ? void 0 : t.id) || null;
+}, jl = () => C.useContext(Ml);
 let ve = 0;
 const Ks = "--floating-ui-scrollbar-width";
-function jl() {
-  const t = za(), e = /iP(hone|ad|od)|iOS/.test(t) || // iPads can claim to be MacIntel
+function Ll() {
+  const t = Ha(), e = /iP(hone|ad|od)|iOS/.test(t) || // iPads can claim to be MacIntel
   t === "MacIntel" && navigator.maxTouchPoints > 1, n = document.body.style, i = Math.round(document.documentElement.getBoundingClientRect().left) + document.documentElement.scrollLeft ? "paddingLeft" : "paddingRight", o = window.innerWidth - document.documentElement.clientWidth, r = n.left ? parseFloat(n.left) : window.scrollX, a = n.top ? parseFloat(n.top) : window.scrollY;
   if (n.overflow = "hidden", n.setProperty(Ks, o + "px"), o && (n[i] = o + "px"), e) {
     var l, u;
@@ -1502,17 +1508,17 @@ function jl() {
 }
 let zs = () => {
 };
-const Ll = /* @__PURE__ */ C.forwardRef(function(e, n) {
+const Ol = /* @__PURE__ */ C.forwardRef(function(e, n) {
   const {
     lockScroll: s = !1,
     ...i
   } = e;
   return ke(() => {
     if (s)
-      return ve++, ve === 1 && (zs = jl()), () => {
+      return ve++, ve === 1 && (zs = Ll()), () => {
         ve--, ve === 0 && zs();
       };
-  }, [s]), /* @__PURE__ */ b.jsx("div", {
+  }, [s]), /* @__PURE__ */ w.jsx("div", {
     ref: n,
     ...i,
     style: {
@@ -1526,17 +1532,17 @@ const Ll = /* @__PURE__ */ C.forwardRef(function(e, n) {
     }
   });
 });
-function Ol(t) {
+function Nl(t) {
   const {
     open: e = !1,
     onOpenChange: n,
     elements: s
-  } = t, i = Al(), o = C.useRef({}), [r] = C.useState(() => El()), a = Ml() != null;
+  } = t, i = Rl(), o = C.useRef({}), [r] = C.useState(() => Vl()), a = kl() != null;
   if (process.env.NODE_ENV !== "production") {
     const d = s.reference;
-    d && !H(d) && Rl("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
+    d && !H(d) && El("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
   }
-  const [l, u] = C.useState(s.reference), c = Za((d, m, y) => {
+  const [l, u] = C.useState(s.reference), c = Ja((d, m, y) => {
     o.current.openEvent = d ? m : void 0, r.emit("openchange", {
       open: d,
       event: m,
@@ -1560,18 +1566,18 @@ function Ol(t) {
     refs: f
   }), [e, c, h, r, i, f]);
 }
-function Nl(t) {
+function Il(t) {
   t === void 0 && (t = {});
   const {
     nodeId: e
-  } = t, n = Ol({
+  } = t, n = Nl({
     ...t,
     elements: {
       reference: null,
       floating: null,
       ...t.elements
     }
-  }), s = t.rootContext || n, i = s.elements, [o, r] = C.useState(null), [a, l] = C.useState(null), c = i?.domReference || o, f = C.useRef(null), h = kl();
+  }), s = t.rootContext || n, i = s.elements, [o, r] = C.useState(null), [a, l] = C.useState(null), c = i?.domReference || o, f = C.useRef(null), h = jl();
   ke(() => {
     c && (f.current = c);
   }, [c]);
@@ -1603,7 +1609,7 @@ function Nl(t) {
   }), [d.refs, y, m]), v = C.useMemo(() => ({
     ...d.elements,
     domReference: c
-  }), [d.elements, c]), w = C.useMemo(() => ({
+  }), [d.elements, c]), b = C.useMemo(() => ({
     ...d,
     ...s,
     refs: x,
@@ -1611,19 +1617,19 @@ function Nl(t) {
     nodeId: e
   }), [d, x, v, e, s]);
   return ke(() => {
-    s.dataRef.current.floatingContext = w;
+    s.dataRef.current.floatingContext = b;
     const g = h?.nodesRef.current.find((S) => S.id === e);
-    g && (g.context = w);
+    g && (g.context = b);
   }), C.useMemo(() => ({
     ...d,
-    context: w,
+    context: b,
     refs: x,
     elements: v
-  }), [d, x, v, w]);
+  }), [d, x, v, b]);
 }
 const Qn = zt({});
 function ts(t) {
-  const e = wt(null);
+  const e = bt(null);
   return e.current === null && (e.current = t()), e.current;
 }
 const es = typeof window < "u", Sr = es ? Kn : Be, Ye = /* @__PURE__ */ zt(null);
@@ -1635,17 +1641,17 @@ function ss(t, e) {
   n > -1 && t.splice(n, 1);
 }
 const mt = (t, e, n) => n > e ? e : n < t ? t : n;
-function wn(t, e) {
+function bn(t, e) {
   return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
 }
 let Yt = () => {
 }, pt = () => {
 };
 process.env.NODE_ENV !== "production" && (Yt = (t, e, n) => {
-  !t && typeof console < "u" && console.warn(wn(e, n));
+  !t && typeof console < "u" && console.warn(bn(e, n));
 }, pt = (t, e, n) => {
   if (!t)
-    throw new Error(wn(e, n));
+    throw new Error(bn(e, n));
 });
 const gt = {}, Pr = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
 function Cr(t) {
@@ -1657,7 +1663,7 @@ function is(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const et = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Il = (t, e) => (n) => e(t(n)), de = (...t) => t.reduce(Il), oe = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
+const et = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Fl = (t, e) => (n) => e(t(n)), de = (...t) => t.reduce(Fl), oe = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const s = e - t;
   return s === 0 ? 1 : (n - t) / s;
 };
@@ -1692,27 +1698,27 @@ function Rr(t, e) {
 }
 const Hs = /* @__PURE__ */ new Set();
 function os(t, e, n) {
-  t || Hs.has(e) || (console.warn(wn(e, n)), Hs.add(e));
+  t || Hs.has(e) || (console.warn(bn(e, n)), Hs.add(e));
 }
-const Er = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Fl = 1e-7, Bl = 12;
-function _l(t, e, n, s, i) {
+const Er = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Bl = 1e-7, _l = 12;
+function $l(t, e, n, s, i) {
   let o, r, a = 0;
   do
     r = e + (n - e) / 2, o = Er(r, s, i) - t, o > 0 ? n = r : e = r;
-  while (Math.abs(o) > Fl && ++a < Bl);
+  while (Math.abs(o) > Bl && ++a < _l);
   return r;
 }
 function me(t, e, n, s) {
   if (t === e && n === s)
     return et;
-  const i = (o) => _l(o, 0, 1, t, n);
+  const i = (o) => $l(o, 0, 1, t, n);
   return (o) => o === 0 || o === 1 ? o : Er(i(o), e, s);
 }
-const Vr = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Dr = (t) => (e) => 1 - t(1 - e), Mr = /* @__PURE__ */ me(0.33, 1.53, 0.69, 0.99), as = /* @__PURE__ */ Dr(Mr), kr = /* @__PURE__ */ Vr(as), jr = (t) => (t *= 2) < 1 ? 0.5 * as(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), ls = (t) => 1 - Math.sin(Math.acos(t)), Lr = Dr(ls), Or = Vr(ls), $l = /* @__PURE__ */ me(0.42, 0, 1, 1), Wl = /* @__PURE__ */ me(0, 0, 0.58, 1), Nr = /* @__PURE__ */ me(0.42, 0, 0.58, 1), Ul = (t) => Array.isArray(t) && typeof t[0] != "number", Ir = (t) => Array.isArray(t) && typeof t[0] == "number", Ys = {
+const Vr = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Dr = (t) => (e) => 1 - t(1 - e), Mr = /* @__PURE__ */ me(0.33, 1.53, 0.69, 0.99), as = /* @__PURE__ */ Dr(Mr), kr = /* @__PURE__ */ Vr(as), jr = (t) => (t *= 2) < 1 ? 0.5 * as(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), ls = (t) => 1 - Math.sin(Math.acos(t)), Lr = Dr(ls), Or = Vr(ls), Wl = /* @__PURE__ */ me(0.42, 0, 1, 1), Ul = /* @__PURE__ */ me(0, 0, 0.58, 1), Nr = /* @__PURE__ */ me(0.42, 0, 0.58, 1), Kl = (t) => Array.isArray(t) && typeof t[0] != "number", Ir = (t) => Array.isArray(t) && typeof t[0] == "number", Ys = {
   linear: et,
-  easeIn: $l,
+  easeIn: Wl,
   easeInOut: Nr,
-  easeOut: Wl,
+  easeOut: Ul,
   circIn: ls,
   circInOut: Or,
   circOut: Lr,
@@ -1720,12 +1726,12 @@ const Vr = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Dr
   backInOut: kr,
   backOut: Mr,
   anticipate: jr
-}, Kl = (t) => typeof t == "string", Xs = (t) => {
+}, zl = (t) => typeof t == "string", Xs = (t) => {
   if (Ir(t)) {
     pt(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [e, n, s, i] = t;
     return me(e, n, s, i);
-  } else if (Kl(t))
+  } else if (zl(t))
     return pt(Ys[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Ys[t];
   return t;
 }, xe = [
@@ -1746,7 +1752,7 @@ const Vr = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Dr
   "postRender"
   // Compute
 ];
-function zl(t, e) {
+function Hl(t, e) {
   let n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), i = !1, o = !1;
   const r = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -1784,16 +1790,16 @@ function zl(t, e) {
   };
   return u;
 }
-const Hl = 40;
+const Yl = 40;
 function Fr(t, e) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, o = () => n = !0, r = xe.reduce((g, S) => (g[S] = zl(o), g), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: f, preRender: h, render: d, postRender: m } = r, y = () => {
+  }, o = () => n = !0, r = xe.reduce((g, S) => (g[S] = Hl(o), g), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: f, preRender: h, render: d, postRender: m } = r, y = () => {
     const g = gt.useManualTiming ? i.timestamp : performance.now();
-    n = !1, gt.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(g - i.timestamp, Hl), 1)), i.timestamp = g, i.isProcessing = !0, a.process(i), l.process(i), u.process(i), c.process(i), f.process(i), h.process(i), d.process(i), m.process(i), i.isProcessing = !1, n && e && (s = !1, t(y));
+    n = !1, gt.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(g - i.timestamp, Yl), 1)), i.timestamp = g, i.isProcessing = !0, a.process(i), l.process(i), u.process(i), c.process(i), f.process(i), h.process(i), d.process(i), m.process(i), i.isProcessing = !1, n && e && (s = !1, t(y));
   }, x = () => {
     n = !0, s = !0, i.isProcessing || t(y);
   };
@@ -1807,29 +1813,29 @@ function Fr(t, e) {
 }
 const { schedule: j, cancel: St, state: $, steps: nn } = /* @__PURE__ */ Fr(typeof requestAnimationFrame < "u" ? requestAnimationFrame : et, !0);
 let Ce;
-function Yl() {
+function Xl() {
   Ce = void 0;
 }
 const q = {
   now: () => (Ce === void 0 && q.set($.isProcessing || gt.useManualTiming ? $.timestamp : performance.now()), Ce),
   set: (t) => {
-    Ce = t, queueMicrotask(Yl);
+    Ce = t, queueMicrotask(Xl);
   }
-}, Br = (t) => (e) => typeof e == "string" && e.startsWith(t), cs = /* @__PURE__ */ Br("--"), Xl = /* @__PURE__ */ Br("var(--"), us = (t) => Xl(t) ? Gl.test(t.split("/*")[0].trim()) : !1, Gl = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Xt = {
+}, Br = (t) => (e) => typeof e == "string" && e.startsWith(t), cs = /* @__PURE__ */ Br("--"), Gl = /* @__PURE__ */ Br("var(--"), us = (t) => Gl(t) ? ql.test(t.split("/*")[0].trim()) : !1, ql = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Xt = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
 }, ae = {
   ...Xt,
   transform: (t) => mt(0, 1, t)
-}, be = {
+}, we = {
   ...Xt,
   default: 1
 }, ee = (t) => Math.round(t * 1e5) / 1e5, fs = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function ql(t) {
+function Zl(t) {
   return t == null;
 }
-const Zl = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, hs = (t, e) => (n) => !!(typeof n == "string" && Zl.test(n) && n.startsWith(t) || e && !ql(n) && Object.prototype.hasOwnProperty.call(n, e)), _r = (t, e, n) => (s) => {
+const Jl = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, hs = (t, e) => (n) => !!(typeof n == "string" && Jl.test(n) && n.startsWith(t) || e && !Zl(n) && Object.prototype.hasOwnProperty.call(n, e)), _r = (t, e, n) => (s) => {
   if (typeof s != "string")
     return s;
   const [i, o, r, a] = s.match(fs);
@@ -1839,15 +1845,15 @@ const Zl = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(r),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Jl = (t) => mt(0, 255, t), sn = {
+}, Ql = (t) => mt(0, 255, t), sn = {
   ...Xt,
-  transform: (t) => Math.round(Jl(t))
+  transform: (t) => Math.round(Ql(t))
 }, Et = {
   test: /* @__PURE__ */ hs("rgb", "red"),
   parse: /* @__PURE__ */ _r("red", "green", "blue"),
   transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + sn.transform(t) + ", " + sn.transform(e) + ", " + sn.transform(n) + ", " + ee(ae.transform(s)) + ")"
 };
-function Ql(t) {
+function tc(t) {
   let e = "", n = "", s = "", i = "";
   return t.length > 5 ? (e = t.substring(1, 3), n = t.substring(3, 5), s = t.substring(5, 7), i = t.substring(7, 9)) : (e = t.substring(1, 2), n = t.substring(2, 3), s = t.substring(3, 4), i = t.substring(4, 5), e += e, n += n, s += s, i += i), {
     red: parseInt(e, 16),
@@ -1858,13 +1864,13 @@ function Ql(t) {
 }
 const Tn = {
   test: /* @__PURE__ */ hs("#"),
-  parse: Ql,
+  parse: tc,
   transform: Et.transform
 }, pe = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), bt = /* @__PURE__ */ pe("deg"), ht = /* @__PURE__ */ pe("%"), R = /* @__PURE__ */ pe("px"), tc = /* @__PURE__ */ pe("vh"), ec = /* @__PURE__ */ pe("vw"), Gs = {
+}), wt = /* @__PURE__ */ pe("deg"), ht = /* @__PURE__ */ pe("%"), R = /* @__PURE__ */ pe("px"), ec = /* @__PURE__ */ pe("vh"), nc = /* @__PURE__ */ pe("vw"), Gs = {
   ...ht,
   parse: (t) => ht.parse(t) / 100,
   transform: (t) => ht.transform(t * 100)
@@ -1880,11 +1886,11 @@ const Tn = {
     const e = B.parse(t);
     return e.alpha = 0, B.transform(e);
   }
-}, nc = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function sc(t) {
-  return isNaN(t) && typeof t == "string" && (t.match(fs)?.length || 0) + (t.match(nc)?.length || 0) > 0;
+}, sc = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function ic(t) {
+  return isNaN(t) && typeof t == "string" && (t.match(fs)?.length || 0) + (t.match(sc)?.length || 0) > 0;
 }
-const $r = "number", Wr = "color", ic = "var", rc = "var(", qs = "${}", oc = /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 $r = "number", Wr = "color", rc = "var", oc = "var(", qs = "${}", ac = /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 le(t) {
   const e = t.toString(), n = [], s = {
     color: [],
@@ -1892,7 +1898,7 @@ function le(t) {
     var: []
   }, i = [];
   let o = 0;
-  const a = e.replace(oc, (l) => (B.test(l) ? (s.color.push(o), i.push(Wr), n.push(B.parse(l))) : l.startsWith(rc) ? (s.var.push(o), i.push(ic), n.push(l)) : (s.number.push(o), i.push($r), n.push(parseFloat(l))), ++o, qs)).split(qs);
+  const a = e.replace(ac, (l) => (B.test(l) ? (s.color.push(o), i.push(Wr), n.push(B.parse(l))) : l.startsWith(oc) ? (s.var.push(o), i.push(rc), n.push(l)) : (s.number.push(o), i.push($r), n.push(parseFloat(l))), ++o, qs)).split(qs);
   return { values: n, split: a, indexes: s, types: i };
 }
 function Ur(t) {
@@ -1910,21 +1916,21 @@ function Kr(t) {
     return o;
   };
 }
-const ac = (t) => typeof t == "number" ? 0 : B.test(t) ? B.getAnimatableNone(t) : t;
-function lc(t) {
+const lc = (t) => typeof t == "number" ? 0 : B.test(t) ? B.getAnimatableNone(t) : t;
+function cc(t) {
   const e = Ur(t);
-  return Kr(t)(e.map(ac));
+  return Kr(t)(e.map(lc));
 }
 const Pt = {
-  test: sc,
+  test: ic,
   parse: Ur,
   createTransformer: Kr,
-  getAnimatableNone: lc
+  getAnimatableNone: cc
 };
 function rn(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 cc({ hue: t, saturation: e, lightness: n, alpha: s }) {
+function uc({ hue: t, saturation: e, lightness: n, alpha: s }) {
   t /= 360, e /= 100, n /= 100;
   let i = 0, o = 0, r = 0;
   if (!e)
@@ -1946,13 +1952,13 @@ function Le(t, e) {
 const I = (t, e, n) => t + (e - t) * n, on = (t, e, n) => {
   const s = t * t, i = n * (e * e - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, uc = [Tn, Et, Lt], fc = (t) => uc.find((e) => e.test(t));
+}, fc = [Tn, Et, Lt], hc = (t) => fc.find((e) => e.test(t));
 function Zs(t) {
-  const e = fc(t);
+  const e = hc(t);
   if (Yt(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !e)
     return !1;
   let n = e.parse(t);
-  return e === Lt && (n = cc(n)), n;
+  return e === Lt && (n = uc(n)), n;
 }
 const Js = (t, e) => {
   const n = Zs(t), s = Zs(e);
@@ -1961,14 +1967,14 @@ const Js = (t, e) => {
   const i = { ...n };
   return (o) => (i.red = on(n.red, s.red, o), i.green = on(n.green, s.green, o), i.blue = on(n.blue, s.blue, o), i.alpha = I(n.alpha, s.alpha, o), Et.transform(i));
 }, Sn = /* @__PURE__ */ new Set(["none", "hidden"]);
-function hc(t, e) {
+function dc(t, e) {
   return Sn.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
-function dc(t, e) {
+function mc(t, e) {
   return (n) => I(t, e, n);
 }
 function ds(t) {
-  return typeof t == "number" ? dc : typeof t == "string" ? us(t) ? Le : B.test(t) ? Js : gc : Array.isArray(t) ? zr : typeof t == "object" ? B.test(t) ? Js : mc : Le;
+  return typeof t == "number" ? mc : typeof t == "string" ? us(t) ? Le : B.test(t) ? Js : yc : Array.isArray(t) ? zr : typeof t == "object" ? B.test(t) ? Js : pc : Le;
 }
 function zr(t, e) {
   const n = [...t], s = n.length, i = t.map((o, r) => ds(o)(o, e[r]));
@@ -1978,7 +1984,7 @@ function zr(t, e) {
     return n;
   };
 }
-function mc(t, e) {
+function pc(t, e) {
   const n = { ...t, ...e }, s = {};
   for (const i in n)
     t[i] !== void 0 && e[i] !== void 0 && (s[i] = ds(t[i])(t[i], e[i]));
@@ -1988,7 +1994,7 @@ function mc(t, e) {
     return n;
   };
 }
-function pc(t, e) {
+function gc(t, e) {
   const n = [], s = { color: 0, var: 0, number: 0 };
   for (let i = 0; i < e.values.length; i++) {
     const o = e.types[i], r = t.indexes[o][s[o]], a = t.values[r] ?? 0;
@@ -1996,14 +2002,14 @@ function pc(t, e) {
   }
   return n;
 }
-const gc = (t, e) => {
+const yc = (t, e) => {
   const n = Pt.createTransformer(e), s = le(t), i = le(e);
-  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Sn.has(t) && !i.values.length || Sn.has(e) && !s.values.length ? hc(t, e) : de(zr(pc(s, i), i.values), n) : (Yt(!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.`, "complex-values-different"), Le(t, e));
+  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Sn.has(t) && !i.values.length || Sn.has(e) && !s.values.length ? dc(t, e) : de(zr(gc(s, i), i.values), n) : (Yt(!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.`, "complex-values-different"), Le(t, e));
 };
 function Hr(t, e, n) {
   return typeof t == "number" && typeof e == "number" && typeof n == "number" ? I(t, e, n) : ds(t)(t, e);
 }
-const yc = (t) => {
+const vc = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
     start: (n = !0) => j.update(e, n),
@@ -2029,7 +2035,7 @@ function ms(t) {
     e += n, s = t.next(e);
   return e >= Oe ? 1 / 0 : e;
 }
-function vc(t, e = 100, n) {
+function xc(t, e = 100, n) {
   const s = n({ ...t, keyframes: [0, e] }), i = Math.min(ms(s), Oe);
   return {
     type: "keyframes",
@@ -2037,9 +2043,9 @@ function vc(t, e = 100, n) {
     duration: /* @__PURE__ */ ft(i)
   };
 }
-const xc = 5;
+const wc = 5;
 function Xr(t, e, n) {
-  const s = Math.max(e - xc, 0);
+  const s = Math.max(e - wc, 0);
   return Rr(n - t(s), e - s);
 }
 const N = {
@@ -2088,7 +2094,7 @@ function bc({ duration: t = N.duration, bounce: e = N.bounce, velocity: n = N.ve
     const c = Math.exp(-u * t), f = (n - u) * (t * t);
     return c * f;
   });
-  const a = 5 / t, l = Tc(i, o, a);
+  const a = 5 / t, l = Sc(i, o, a);
   if (t = /* @__PURE__ */ ot(t), isNaN(l))
     return {
       stiffness: N.stiffness,
@@ -2104,21 +2110,21 @@ function bc({ duration: t = N.duration, bounce: e = N.bounce, velocity: n = N.ve
     };
   }
 }
-const wc = 12;
-function Tc(t, e, n) {
+const Tc = 12;
+function Sc(t, e, n) {
   let s = n;
-  for (let i = 1; i < wc; i++)
+  for (let i = 1; i < Tc; i++)
     s = s - t(s) / e(s);
   return s;
 }
 function Pn(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const Sc = ["duration", "bounce"], Pc = ["stiffness", "damping", "mass"];
+const Pc = ["duration", "bounce"], Cc = ["stiffness", "damping", "mass"];
 function Qs(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
-function Cc(t) {
+function Ac(t) {
   let e = {
     velocity: N.velocity,
     stiffness: N.stiffness,
@@ -2127,7 +2133,7 @@ function Cc(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!Qs(t, Pc) && Qs(t, Sc))
+  if (!Qs(t, Cc) && Qs(t, Pc))
     if (t.visualDuration) {
       const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, o = 2 * mt(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
       e = {
@@ -2153,11 +2159,11 @@ function Ne(t = N.visualDuration, e = N.bounce) {
     bounce: e
   } : t;
   let { restSpeed: s, restDelta: i } = n;
-  const o = n.keyframes[0], r = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: u, mass: c, duration: f, velocity: h, isResolvedFromDuration: d } = Cc({
+  const o = n.keyframes[0], r = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: u, mass: c, duration: f, velocity: h, isResolvedFromDuration: d } = Ac({
     ...n,
     velocity: -/* @__PURE__ */ ft(n.velocity || 0)
-  }), m = h || 0, y = u / (2 * Math.sqrt(l * c)), x = r - o, v = /* @__PURE__ */ ft(Math.sqrt(l / c)), w = Math.abs(x) < 5;
-  s || (s = w ? N.restSpeed.granular : N.restSpeed.default), i || (i = w ? N.restDelta.granular : N.restDelta.default);
+  }), m = h || 0, y = u / (2 * Math.sqrt(l * c)), x = r - o, v = /* @__PURE__ */ ft(Math.sqrt(l / c)), b = Math.abs(x) < 5;
+  s || (s = b ? N.restSpeed.granular : N.restSpeed.default), i || (i = b ? N.restDelta.granular : N.restDelta.default);
   let g;
   if (y < 1) {
     const T = Pn(v, y);
@@ -2198,7 +2204,7 @@ function Ne(t = N.visualDuration, e = N.bounce) {
   return S;
 }
 Ne.applyToOptions = (t) => {
-  const e = vc(t, 100, Ne);
+  const e = xc(t, 100, Ne);
   return t.ease = e.ease, t.duration = /* @__PURE__ */ ot(e.duration), t.type = "keyframes", t;
 };
 function Cn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
@@ -2209,8 +2215,8 @@ function Cn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   let y = n * e;
   const x = f + y, v = r === void 0 ? x : r(x);
   v !== x && (y = v - f);
-  const w = (P) => -y * Math.exp(-P / s), g = (P) => v + w(P), S = (P) => {
-    const M = w(P), k = g(P);
+  const b = (P) => -y * Math.exp(-P / s), g = (P) => v + b(P), S = (P) => {
+    const M = b(P), k = g(P);
     h.done = Math.abs(M) <= u, h.value = h.done ? v : k;
   };
   let T, A;
@@ -2233,7 +2239,7 @@ function Cn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
     }
   };
 }
-function Ac(t, e, n) {
+function Rc(t, e, n) {
   const s = [], i = n || gt.mix || Hr, o = t.length - 1;
   for (let r = 0; r < o; r++) {
     let a = i(t[r], t[r + 1]);
@@ -2245,7 +2251,7 @@ function Ac(t, e, n) {
   }
   return s;
 }
-function Rc(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
+function Ec(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const o = t.length;
   if (pt(o === e.length, "Both input and output ranges must be the same length", "range-length"), o === 1)
     return () => e[0];
@@ -2253,7 +2259,7 @@ function Rc(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
     return () => e[1];
   const r = t[0] === t[1];
   t[0] > t[o - 1] && (t = [...t].reverse(), e = [...e].reverse());
-  const a = Ac(e, s, i), l = a.length, u = (c) => {
+  const a = Rc(e, s, i), l = a.length, u = (c) => {
     if (r && c < t[0])
       return e[0];
     let f = 0;
@@ -2265,46 +2271,46 @@ function Rc(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
   };
   return n ? (c) => u(mt(t[0], t[o - 1], c)) : u;
 }
-function Ec(t, e) {
+function Vc(t, e) {
   const n = t[t.length - 1];
   for (let s = 1; s <= e; s++) {
     const i = /* @__PURE__ */ oe(0, e, s);
     t.push(I(n, 1, i));
   }
 }
-function Vc(t) {
+function Dc(t) {
   const e = [0];
-  return Ec(e, t.length - 1), e;
+  return Vc(e, t.length - 1), e;
 }
-function Dc(t, e) {
+function Mc(t, e) {
   return t.map((n) => n * e);
 }
-function Mc(t, e) {
+function kc(t, e) {
   return t.map(() => e || Nr).splice(0, t.length - 1);
 }
 function Ot({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
-  const i = Ul(s) ? s.map(Xs) : Xs(s), o = {
+  const i = Kl(s) ? s.map(Xs) : Xs(s), o = {
     done: !1,
     value: e[0]
-  }, r = Dc(
+  }, r = Mc(
     // 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 : Vc(e),
+    n && n.length === e.length ? n : Dc(e),
     t
-  ), a = Rc(r, e, {
-    ease: Array.isArray(i) ? i : Mc(e, i)
+  ), a = Ec(r, e, {
+    ease: Array.isArray(i) ? i : kc(e, i)
   });
   return {
     calculatedDuration: t,
     next: (l) => (o.value = a(l), o.done = l >= t, o)
   };
 }
-const kc = (t) => t !== null;
+const jc = (t) => t !== null;
 function ps(t, { repeat: e, repeatType: n = "loop" }, s, i = 1) {
-  const o = t.filter(kc), a = i < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
+  const o = t.filter(jc), a = i < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
   return !a || s === void 0 ? o[a] : s;
 }
-const jc = {
+const Lc = {
   decay: Cn,
   inertia: Cn,
   tween: Ot,
@@ -2312,7 +2318,7 @@ const jc = {
   spring: Ne
 };
 function Gr(t) {
-  typeof t.type == "string" && (t.type = jc[t.type]);
+  typeof t.type == "string" && (t.type = Lc[t.type]);
 }
 class gs {
   constructor() {
@@ -2338,7 +2344,7 @@ class gs {
     return this.finished.then(e, n);
   }
 }
-const Lc = (t) => t / 100;
+const Oc = (t) => t / 100;
 class ys extends gs {
   constructor(e) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
@@ -2352,7 +2358,7 @@ class ys extends gs {
     const { type: n = Ot, repeat: s = 0, repeatDelay: i = 0, repeatType: o, velocity: r = 0 } = e;
     let { keyframes: a } = e;
     const l = n || Ot;
-    process.env.NODE_ENV !== "production" && l !== Ot && pt(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== Ot && typeof a[0] != "number" && (this.mixKeyframes = de(Lc, Hr(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== Ot && pt(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== Ot && typeof a[0] != "number" && (this.mixKeyframes = de(Oc, Hr(a[0], a[1])), a = [0, 100]);
     const u = l({ ...e, keyframes: a });
     o === "mirror" && (this.mirroredGenerator = l({
       ...e,
@@ -2372,7 +2378,7 @@ class ys extends gs {
       return s.next(0);
     const { delay: u = 0, keyframes: c, repeat: f, repeatType: h, repeatDelay: d, type: m, onUpdate: y, finalKeyframe: x } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - i / this.speed, this.startTime)), n ? this.currentTime = e : this.updateTime(e);
-    const v = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), w = this.playbackSpeed >= 0 ? v < 0 : v > i;
+    const v = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), b = this.playbackSpeed >= 0 ? v < 0 : v > i;
     this.currentTime = Math.max(v, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
     let g = this.currentTime, S = s;
     if (f) {
@@ -2380,10 +2386,10 @@ class ys extends gs {
       let M = Math.floor(P), k = P % 1;
       !k && P >= 1 && (k = 1), k === 1 && M--, M = Math.min(M, f + 1), !!(M % 2) && (h === "reverse" ? (k = 1 - k, d && (k -= d / a)) : h === "mirror" && (S = r)), g = mt(0, 1, k) * a;
     }
-    const T = w ? { done: !1, value: c[0] } : S.next(g);
+    const T = b ? { done: !1, value: c[0] } : S.next(g);
     o && (T.value = o(T.value));
     let { done: A } = T;
-    !w && l !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
+    !b && l !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
     const E = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
     return E && m !== Cn && (T.value = ps(c, this.options, x, this.speed)), y && y(T.value), E && this.finish(), T;
   }
@@ -2415,7 +2421,7 @@ class ys extends gs {
   play() {
     if (this.isStopped)
       return;
-    const { driver: e = yc, startTime: n } = this.options;
+    const { driver: e = vc, startTime: n } = this.options;
     this.driver || (this.driver = e((i) => this.tick(i))), this.options.onPlay?.();
     const s = this.driver.now();
     this.state === "finished" ? (this.updateFinished(), this.startTime = s) : this.holdTime !== null ? this.startTime = s - this.holdTime : this.startTime || (this.startTime = n ?? s), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
@@ -2445,14 +2451,14 @@ class ys extends gs {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), this.driver?.stop(), e.observe(this);
   }
 }
-function Oc(t) {
+function Nc(t) {
   for (let e = 1; e < t.length; e++)
     t[e] ?? (t[e] = t[e - 1]);
 }
 const Vt = (t) => t * 180 / Math.PI, An = (t) => {
   const e = Vt(Math.atan2(t[1], t[0]));
   return Rn(e);
-}, Nc = {
+}, Ic = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -2465,7 +2471,7 @@ const Vt = (t) => t * 180 / Math.PI, An = (t) => {
   skewX: (t) => Vt(Math.atan(t[1])),
   skewY: (t) => Vt(Math.atan(t[2])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, Rn = (t) => (t = t % 360, t < 0 && (t += 360), t), ti = An, ei = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), ni = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), Ic = {
+}, Rn = (t) => (t = t % 360, t < 0 && (t += 360), t), ti = An, ei = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), ni = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), Fc = {
   x: 12,
   y: 13,
   z: 14,
@@ -2492,21 +2498,21 @@ function Vn(t, e) {
   const n = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, i;
   if (n)
-    s = Ic, i = n;
+    s = Fc, i = n;
   else {
     const a = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    s = Nc, i = a;
+    s = Ic, i = a;
   }
   if (!i)
     return En(e);
-  const o = s[e], r = i[1].split(",").map(Bc);
+  const o = s[e], r = i[1].split(",").map(_c);
   return typeof o == "function" ? o(r) : r[o];
 }
-const Fc = (t, e) => {
+const Bc = (t, e) => {
   const { transform: n = "none" } = getComputedStyle(t);
   return Vn(n, e);
 };
-function Bc(t) {
+function _c(t) {
   return parseFloat(t.trim());
 }
 const Gt = [
@@ -2527,10 +2533,10 @@ const Gt = [
   "skew",
   "skewX",
   "skewY"
-], qt = new Set(Gt), si = (t) => t === Xt || t === R, _c = /* @__PURE__ */ new Set(["x", "y", "z"]), $c = Gt.filter((t) => !_c.has(t));
-function Wc(t) {
+], qt = new Set(Gt), si = (t) => t === Xt || t === R, $c = /* @__PURE__ */ new Set(["x", "y", "z"]), Wc = Gt.filter((t) => !$c.has(t));
+function Uc(t) {
   const e = [];
-  return $c.forEach((n) => {
+  return Wc.forEach((n) => {
     const s = t.getValue(n);
     s !== void 0 && (e.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), e;
@@ -2555,7 +2561,7 @@ function qr() {
   if (Mn) {
     const t = Array.from(Mt).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     e.forEach((s) => {
-      const i = Wc(s);
+      const i = Uc(s);
       i.length && (n.set(s, i), s.render());
     }), t.forEach((s) => s.measureInitialState()), e.forEach((s) => {
       s.render();
@@ -2574,7 +2580,7 @@ function Zr() {
     t.readKeyframes(), t.needsMeasurement && (Mn = !0);
   });
 }
-function Uc() {
+function Kc() {
   kn = !0, Zr(), qr(), kn = !1;
 }
 class vs {
@@ -2596,7 +2602,7 @@ class vs {
       }
       e[0] === void 0 && (e[0] = r), i && o === void 0 && i.set(e[0]);
     }
-    Oc(e);
+    Nc(e);
   }
   setFinalKeyframe() {
   }
@@ -2616,16 +2622,16 @@ class vs {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const Kc = (t) => t.startsWith("--");
-function zc(t, e, n) {
-  Kc(e) ? t.style.setProperty(e, n) : t.style[e] = n;
+const zc = (t) => t.startsWith("--");
+function Hc(t, e, n) {
+  zc(e) ? t.style.setProperty(e, n) : t.style[e] = n;
 }
-const Hc = /* @__PURE__ */ is(() => window.ScrollTimeline !== void 0), Yc = {};
-function Xc(t, e) {
+const Yc = /* @__PURE__ */ is(() => window.ScrollTimeline !== void 0), Xc = {};
+function Gc(t, e) {
   const n = /* @__PURE__ */ is(t);
-  return () => Yc[e] ?? n();
+  return () => Xc[e] ?? n();
 }
-const Jr = /* @__PURE__ */ Xc(() => {
+const Jr = /* @__PURE__ */ Gc(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -2647,7 +2653,7 @@ function Qr(t, e) {
   if (t)
     return typeof t == "function" ? Jr() ? Yr(t, e) : "ease-out" : Ir(t) ? te(t) : Array.isArray(t) ? t.map((n) => Qr(n, e) || ii.easeOut) : ii[t];
 }
-function Gc(t, e, n, { delay: s = 0, duration: i = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, u = void 0) {
+function qc(t, e, n, { delay: s = 0, duration: i = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, u = void 0) {
   const c = {
     [e]: n
   };
@@ -2667,20 +2673,20 @@ function Gc(t, e, n, { delay: s = 0, duration: i = 300, repeat: o = 0, repeatTyp
 function to(t) {
   return typeof t == "function" && "applyToOptions" in t;
 }
-function qc({ type: t, ...e }) {
+function Zc({ type: t, ...e }) {
   return to(t) && Jr() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
 }
-class Zc extends gs {
+class Jc extends gs {
   constructor(e) {
     if (super(), this.finishedTime = null, this.isStopped = !1, !e)
       return;
     const { element: n, name: s, keyframes: i, pseudoElement: o, allowFlatten: r = !1, finalKeyframe: a, onComplete: l } = e;
     this.isPseudoElement = !!o, this.allowFlatten = r, this.options = e, pt(typeof e.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
-    const u = qc(e);
-    this.animation = Gc(n, s, i, u, o), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    const u = Zc(e);
+    this.animation = qc(n, s, i, u, o), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !o) {
         const c = ps(i, this.options, a, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(c) : zc(n, s, c), this.animation.cancel();
+        this.updateMotionValue ? this.updateMotionValue(c) : Hc(n, s, c), this.animation.cancel();
       }
       l?.(), this.notifyFinished();
     };
@@ -2755,7 +2761,7 @@ class Zc extends gs {
    * Attaches a timeline to the animation, for instance the `ScrollTimeline`.
    */
   attachTimeline({ timeline: e, observe: n }) {
-    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, e && Hc() ? (this.animation.timeline = e, et) : n(this);
+    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, e && Yc() ? (this.animation.timeline = e, et) : n(this);
   }
 }
 const eo = {
@@ -2763,16 +2769,16 @@ const eo = {
   backInOut: kr,
   circInOut: Or
 };
-function Jc(t) {
+function Qc(t) {
   return t in eo;
 }
-function Qc(t) {
-  typeof t.ease == "string" && Jc(t.ease) && (t.ease = eo[t.ease]);
+function tu(t) {
+  typeof t.ease == "string" && Qc(t.ease) && (t.ease = eo[t.ease]);
 }
 const ri = 10;
-class tu extends Zc {
+class eu extends Jc {
   constructor(e) {
-    Qc(e), Gr(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
+    tu(e), Gr(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -2800,7 +2806,7 @@ class tu extends Zc {
 const oi = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
 (Pt.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
-function eu(t) {
+function nu(t) {
   const e = t[0];
   if (t.length === 1)
     return !0;
@@ -2808,39 +2814,39 @@ function eu(t) {
     if (t[n] !== e)
       return !0;
 }
-function nu(t, e, n, s) {
+function su(t, e, n, s) {
   const i = t[0];
   if (i === null)
     return !1;
   if (e === "display" || e === "visibility")
     return !0;
   const o = t[t.length - 1], r = oi(i, e), a = oi(o, e);
-  return Yt(r === a, `You are trying to animate ${e} from "${i}" to "${o}". "${r ? o : i}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : eu(t) || (n === "spring" || to(n)) && s;
+  return Yt(r === a, `You are trying to animate ${e} from "${i}" to "${o}". "${r ? o : i}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : nu(t) || (n === "spring" || to(n)) && s;
 }
 function jn(t) {
   t.duration = 0, t.type;
 }
-const su = /* @__PURE__ */ new Set([
+const iu = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), iu = /* @__PURE__ */ is(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function ru(t) {
+]), ru = /* @__PURE__ */ is(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function ou(t) {
   const { motionValue: e, name: n, repeatDelay: s, repeatType: i, damping: o, type: r } = t;
   if (!(e?.owner?.current instanceof HTMLElement))
     return !1;
   const { onUpdate: l, transformTemplate: u } = e.owner.getProps();
-  return iu() && n && su.has(n) && (n !== "transform" || !u) && /**
+  return ru() && n && iu.has(n) && (n !== "transform" || !u) && /**
    * If we're outputting values to onUpdate then we can't use WAAPI as there's
    * no way to read the value from WAAPI every frame.
    */
   !l && !s && i !== "mirror" && o !== 0 && r !== "inertia";
 }
-const ou = 40;
-class au extends gs {
+const au = 40;
+class lu extends gs {
   constructor({ autoplay: e = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: o = 0, repeatType: r = "loop", keyframes: a, name: l, motionValue: u, element: c, ...f }) {
     super(), this.stop = () => {
       this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
@@ -2862,13 +2868,13 @@ class au extends gs {
   onKeyframesResolved(e, n, s, i) {
     this.keyframeResolver = void 0;
     const { name: o, type: r, velocity: a, delay: l, isHandoff: u, onUpdate: c } = s;
-    this.resolvedAt = q.now(), nu(e, o, r, a) || ((gt.instantAnimations || !l) && c?.(ps(e, s, n)), e[0] = e[e.length - 1], jn(s), s.repeat = 0);
+    this.resolvedAt = q.now(), su(e, o, r, a) || ((gt.instantAnimations || !l) && c?.(ps(e, s, n)), e[0] = e[e.length - 1], jn(s), s.repeat = 0);
     const h = {
-      startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > ou ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > au ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
       ...s,
       keyframes: e
-    }, d = !u && ru(h) ? new tu({
+    }, d = !u && ou(h) ? new eu({
       ...h,
       element: h.motionValue.owner.current
     }) : new ys(h);
@@ -2882,7 +2888,7 @@ class au extends gs {
     });
   }
   get animation() {
-    return this._animation || (this.keyframeResolver?.resume(), Uc()), this._animation;
+    return this._animation || (this.keyframeResolver?.resume(), Kc()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -2921,21 +2927,21 @@ class au extends gs {
     this._animation && this.animation.cancel(), this.keyframeResolver?.cancel();
   }
 }
-const lu = (
+const cu = (
   // 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 cu(t) {
-  const e = lu.exec(t);
+function uu(t) {
+  const e = cu.exec(t);
   if (!e)
     return [,];
   const [, n, s, i] = e;
   return [`--${n ?? s}`, i];
 }
-const uu = 4;
+const fu = 4;
 function no(t, e, n = 1) {
-  pt(n <= uu, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
-  const [s, i] = cu(t);
+  pt(n <= fu, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  const [s, i] = uu(t);
   if (!s)
     return;
   const o = window.getComputedStyle(e).getPropertyValue(s);
@@ -2956,15 +2962,15 @@ const so = /* @__PURE__ */ new Set([
   "right",
   "bottom",
   ...Gt
-]), fu = {
+]), hu = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, io = (t) => (e) => e.test(t), ro = [Xt, R, ht, bt, ec, tc, fu], ai = (t) => ro.find(io(t));
-function hu(t) {
+}, io = (t) => (e) => e.test(t), ro = [Xt, R, ht, wt, nc, ec, hu], ai = (t) => ro.find(io(t));
+function du(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || Ar(t) : !0;
 }
-const du = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function mu(t) {
+const mu = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function pu(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
@@ -2972,30 +2978,30 @@ function mu(t) {
   if (!s)
     return t;
   const i = n.replace(s, "");
-  let o = du.has(e) ? 1 : 0;
+  let o = mu.has(e) ? 1 : 0;
   return s !== n && (o *= 100), e + "(" + o + i + ")";
 }
-const pu = /\b([a-z-]*)\(.*?\)/gu, Ln = {
+const gu = /\b([a-z-]*)\(.*?\)/gu, Ln = {
   ...Pt,
   getAnimatableNone: (t) => {
-    const e = t.match(pu);
-    return e ? e.map(mu).join(" ") : t;
+    const e = t.match(gu);
+    return e ? e.map(pu).join(" ") : t;
   }
 }, li = {
   ...Xt,
   transform: Math.round
-}, gu = {
-  rotate: bt,
-  rotateX: bt,
-  rotateY: bt,
-  rotateZ: bt,
-  scale: be,
-  scaleX: be,
-  scaleY: be,
-  scaleZ: be,
-  skew: bt,
-  skewX: bt,
-  skewY: bt,
+}, yu = {
+  rotate: wt,
+  rotateX: wt,
+  rotateY: wt,
+  rotateZ: wt,
+  scale: we,
+  scaleX: we,
+  scaleY: we,
+  scaleZ: we,
+  skew: wt,
+  skewX: wt,
+  skewY: wt,
   distance: R,
   translateX: R,
   translateY: R,
@@ -3009,7 +3015,7 @@ const pu = /\b([a-z-]*)\(.*?\)/gu, Ln = {
   originX: Gs,
   originY: Gs,
   originZ: R
-}, bs = {
+}, ws = {
   // Border props
   borderWidth: R,
   borderTopWidth: R,
@@ -3045,14 +3051,14 @@ const pu = /\b([a-z-]*)\(.*?\)/gu, Ln = {
   // Misc
   backgroundPositionX: R,
   backgroundPositionY: R,
-  ...gu,
+  ...yu,
   zIndex: li,
   // SVG
   fillOpacity: ae,
   strokeOpacity: ae,
   numOctaves: li
-}, yu = {
-  ...bs,
+}, vu = {
+  ...ws,
   // Color props
   color: B,
   backgroundColor: B,
@@ -3067,17 +3073,17 @@ const pu = /\b([a-z-]*)\(.*?\)/gu, Ln = {
   borderLeftColor: B,
   filter: Ln,
   WebkitFilter: Ln
-}, oo = (t) => yu[t];
+}, oo = (t) => vu[t];
 function ao(t, e) {
   let n = oo(t);
   return n !== Ln && (n = Pt), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
-const vu = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function xu(t, e, n) {
+const xu = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function wu(t, e, n) {
   let s = 0, i;
   for (; s < t.length && !i; ) {
     const o = t[s];
-    typeof o == "string" && !vu.has(o) && le(o).values.length && (i = t[s]), s++;
+    typeof o == "string" && !xu.has(o) && le(o).values.length && (i = t[s]), s++;
   }
   if (i && n)
     for (const o of e)
@@ -3113,8 +3119,8 @@ class bu extends vs {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: n } = this, s = [];
     for (let i = 0; i < e.length; i++)
-      (e[i] === null || hu(e[i])) && s.push(i);
-    s.length && xu(e, s, n);
+      (e[i] === null || du(e[i])) && s.push(i);
+    s.length && wu(e, s, n);
   }
   measureInitialState() {
     const { element: e, unresolvedKeyframes: n, name: s } = this;
@@ -3136,7 +3142,7 @@ class bu extends vs {
     }), this.resolveNoneKeyframes();
   }
 }
-function wu(t, e, n) {
+function Tu(t, e, n) {
   if (t instanceof EventTarget)
     return [t];
   if (typeof t == "string") {
@@ -3150,8 +3156,8 @@ const lo = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
 function co(t) {
   return Cr(t) && "offsetHeight" in t;
 }
-const ci = 30, Tu = (t) => !isNaN(parseFloat(t));
-class Su {
+const ci = 30, Su = (t) => !isNaN(parseFloat(t));
+class Pu {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -3167,7 +3173,7 @@ class Su {
     }, this.hasAnimated = !1, this.setCurrent(e), this.owner = n.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = q.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = Tu(this.current));
+    this.current = e, this.updatedAt = q.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = Su(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -3351,16 +3357,16 @@ class Su {
   }
 }
 function Ut(t, e) {
-  return new Su(t, e);
+  return new Pu(t, e);
 }
-const { schedule: ws } = /* @__PURE__ */ Fr(queueMicrotask, !1), it = {
+const { schedule: bs } = /* @__PURE__ */ Fr(queueMicrotask, !1), it = {
   x: !1,
   y: !1
 };
 function uo() {
   return it.x || it.y;
 }
-function Pu(t) {
+function Cu(t) {
   return t === "x" || t === "y" ? it[t] ? null : (it[t] = !0, () => {
     it[t] = !1;
   }) : it.x || it.y ? null : (it.x = it.y = !0, () => {
@@ -3368,7 +3374,7 @@ function Pu(t) {
   });
 }
 function fo(t, e) {
-  const n = wu(t), s = new AbortController(), i = {
+  const n = Tu(t), s = new AbortController(), i = {
     passive: !0,
     ...e,
     signal: s.signal
@@ -3378,7 +3384,7 @@ function fo(t, e) {
 function ui(t) {
   return !(t.pointerType === "touch" || uo());
 }
-function Cu(t, e, n = {}) {
+function Au(t, e, n = {}) {
   const [s, i, o] = fo(t, n), r = (a) => {
     if (!ui(a))
       return;
@@ -3394,15 +3400,15 @@ function Cu(t, e, n = {}) {
     a.addEventListener("pointerenter", r, i);
   }), o;
 }
-const ho = (t, e) => e ? t === e ? !0 : ho(t, e.parentElement) : !1, Ts = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, Au = /* @__PURE__ */ new Set([
+const ho = (t, e) => e ? t === e ? !0 : ho(t, e.parentElement) : !1, Ts = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, Ru = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function Ru(t) {
-  return Au.has(t.tagName) || t.tabIndex !== -1;
+function Eu(t) {
+  return Ru.has(t.tagName) || t.tabIndex !== -1;
 }
 const Ae = /* @__PURE__ */ new WeakSet();
 function fi(t) {
@@ -3413,7 +3419,7 @@ function fi(t) {
 function ln(t, e) {
   t.dispatchEvent(new PointerEvent("pointer" + e, { isPrimary: !0, bubbles: !0 }));
 }
-const Eu = (t, e) => {
+const Vu = (t, e) => {
   const n = t.currentTarget;
   if (!n)
     return;
@@ -3431,7 +3437,7 @@ const Eu = (t, e) => {
 function hi(t) {
   return Ts(t) && !uo();
 }
-function Vu(t, e, n = {}) {
+function Du(t, e, n = {}) {
   const [s, i, o] = fo(t, n), r = (a) => {
     const l = a.currentTarget;
     if (!hi(a))
@@ -3447,21 +3453,21 @@ function Vu(t, e, n = {}) {
     window.addEventListener("pointerup", f, i), window.addEventListener("pointercancel", h, i);
   };
   return s.forEach((a) => {
-    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, i), co(a) && (a.addEventListener("focus", (u) => Eu(u, i)), !Ru(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
+    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, i), co(a) && (a.addEventListener("focus", (u) => Vu(u, i)), !Eu(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), o;
 }
 function mo(t) {
   return Cr(t) && "ownerSVGElement" in t;
 }
-function Du(t) {
+function Mu(t) {
   return mo(t) && t.tagName === "svg";
 }
-const Y = (t) => !!(t && t.getVelocity), Mu = [...ro, B, Pt], ku = (t) => Mu.find(io(t)), Ss = zt({
+const Y = (t) => !!(t && t.getVelocity), ku = [...ro, B, Pt], ju = (t) => ku.find(io(t)), Ss = zt({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
 });
-class ju extends C.Component {
+class Lu extends C.Component {
   getSnapshotBeforeUpdate(e) {
     const n = this.props.childRef.current;
     if (n && e.isPresent && !this.props.isPresent) {
@@ -3479,8 +3485,8 @@ class ju extends C.Component {
     return this.props.children;
   }
 }
-function Lu({ children: t, isPresent: e, anchorX: n, root: s }) {
-  const i = zn(), o = wt(null), r = wt({
+function Ou({ children: t, isPresent: e, anchorX: n, root: s }) {
+  const i = zn(), o = bt(null), r = bt({
     width: 0,
     height: 0,
     top: 0,
@@ -3507,10 +3513,10 @@ function Lu({ children: t, isPresent: e, anchorX: n, root: s }) {
         `), () => {
       y.contains(m) && y.removeChild(m);
     };
-  }, [e]), b.jsx(ju, { isPresent: e, childRef: o, sizeRef: r, children: C.cloneElement(t, { ref: o }) });
+  }, [e]), w.jsx(Lu, { isPresent: e, childRef: o, sizeRef: r, children: C.cloneElement(t, { ref: o }) });
 }
-const Ou = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom: i, presenceAffectsLayout: o, mode: r, anchorX: a, root: l }) => {
-  const u = ts(Nu), c = zn();
+const Nu = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom: i, presenceAffectsLayout: o, mode: r, anchorX: a, root: l }) => {
+  const u = ts(Iu), c = zn();
   let f = !0, h = kt(() => (f = !1, {
     id: c,
     initial: e,
@@ -3529,9 +3535,9 @@ const Ou = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom:
     u.forEach((d, m) => u.set(m, !1));
   }, [n]), C.useEffect(() => {
     !n && !u.size && s && s();
-  }, [n]), r === "popLayout" && (t = b.jsx(Lu, { isPresent: n, anchorX: a, root: l, children: t })), b.jsx(Ye.Provider, { value: h, children: t });
+  }, [n]), r === "popLayout" && (t = w.jsx(Ou, { isPresent: n, anchorX: a, root: l, children: t })), w.jsx(Ye.Provider, { value: h, children: t });
 };
-function Nu() {
+function Iu() {
   return /* @__PURE__ */ new Map();
 }
 function po(t = !0) {
@@ -3546,35 +3552,35 @@ function po(t = !0) {
   const r = lr(() => t && s && s(o), [o, s, t]);
   return !n && s ? [!1, r] : [!0];
 }
-const we = (t) => t.key || "";
+const be = (t) => t.key || "";
 function di(t) {
   const e = [];
   return ia.forEach(t, (n) => {
     ra(n) && e.push(n);
   }), e;
 }
-const Iu = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presenceAffectsLayout: i = !0, mode: o = "sync", propagate: r = !1, anchorX: a = "left", root: l }) => {
-  const [u, c] = po(r), f = kt(() => di(t), [t]), h = r && !u ? [] : f.map(we), d = wt(!0), m = wt(f), y = ts(() => /* @__PURE__ */ new Map()), [x, v] = vn(f), [w, g] = vn(f);
+const Fu = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presenceAffectsLayout: i = !0, mode: o = "sync", propagate: r = !1, anchorX: a = "left", root: l }) => {
+  const [u, c] = po(r), f = kt(() => di(t), [t]), h = r && !u ? [] : f.map(be), d = bt(!0), m = bt(f), y = ts(() => /* @__PURE__ */ new Map()), [x, v] = vn(f), [b, g] = vn(f);
   Sr(() => {
     d.current = !1, m.current = f;
-    for (let A = 0; A < w.length; A++) {
-      const E = we(w[A]);
+    for (let A = 0; A < b.length; A++) {
+      const E = be(b[A]);
       h.includes(E) ? y.delete(E) : y.get(E) !== !0 && y.set(E, !1);
     }
-  }, [w, h.length, h.join("-")]);
+  }, [b, h.length, h.join("-")]);
   const S = [];
   if (f !== x) {
     let A = [...f];
-    for (let E = 0; E < w.length; E++) {
-      const P = w[E], M = we(P);
+    for (let E = 0; E < b.length; E++) {
+      const P = b[E], M = be(P);
       h.includes(M) || (A.splice(E, 0, P), S.push(P));
     }
     return o === "wait" && S.length && (A = S), g(di(A)), v(f), null;
   }
-  process.env.NODE_ENV !== "production" && o === "wait" && w.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
+  process.env.NODE_ENV !== "production" && o === "wait" && b.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
   const { forceRender: T } = z(Qn);
-  return b.jsx(b.Fragment, { children: w.map((A) => {
-    const E = we(A), P = r && !u ? !1 : f === w || h.includes(E), M = () => {
+  return w.jsx(w.Fragment, { children: b.map((A) => {
+    const E = be(A), P = r && !u ? !1 : f === b || h.includes(E), M = () => {
       if (y.has(E))
         y.set(E, !0);
       else
@@ -3584,7 +3590,7 @@ const Iu = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presen
         _ || (k = !1);
       }), k && (T?.(), g(m.current), r && c?.(), s && s());
     };
-    return b.jsx(Ou, { isPresent: P, initial: !d.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: i, mode: o, root: l, onExitComplete: P ? void 0 : M, anchorX: a, children: A }, E);
+    return w.jsx(Nu, { isPresent: P, initial: !d.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: i, mode: o, root: l, onExitComplete: P ? void 0 : M, anchorX: a, children: A }, E);
   }) });
 }, go = zt({ strict: !1 }), mi = {
   animation: [
@@ -3610,14 +3616,14 @@ for (const t in mi)
   Kt[t] = {
     isEnabled: (e) => mi[t].some((n) => !!e[n])
   };
-function Fu(t) {
+function Bu(t) {
   for (const e in t)
     Kt[e] = {
       ...Kt[e],
       ...t[e]
     };
 }
-const Bu = /* @__PURE__ */ new Set([
+const _u = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -3650,17 +3656,17 @@ const Bu = /* @__PURE__ */ new Set([
   "viewport"
 ]);
 function Ie(t) {
-  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Bu.has(t);
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || _u.has(t);
 }
 let yo = (t) => !Ie(t);
-function _u(t) {
+function $u(t) {
   typeof t == "function" && (yo = (e) => e.startsWith("on") ? !Ie(e) : t(e));
 }
 try {
-  _u(require("@emotion/is-prop-valid").default);
+  $u(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function $u(t, e, n) {
+function Wu(t, e, n) {
   const s = {};
   for (const i in t)
     i === "values" && typeof t.values == "object" || (yo(i) || n === !0 && Ie(i) || !e && !Ie(i) || // If trying to use native HTML drag events, forward drag listeners
@@ -3689,7 +3695,7 @@ function qe(t) {
 function vo(t) {
   return !!(qe(t) || t.variants);
 }
-function Wu(t, e) {
+function Uu(t, e) {
   if (qe(t)) {
     const { initial: n, animate: s } = t;
     return {
@@ -3699,39 +3705,39 @@ function Wu(t, e) {
   }
   return t.inherit !== !1 ? e : {};
 }
-function Uu(t) {
-  const { initial: e, animate: n } = Wu(t, z(Xe));
+function Ku(t) {
+  const { initial: e, animate: n } = Uu(t, z(Xe));
   return kt(() => ({ initial: e, animate: n }), [pi(e), pi(n)]);
 }
 function pi(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
 const ue = {};
-function Ku(t) {
+function zu(t) {
   for (const e in t)
     ue[e] = t[e], cs(e) && (ue[e].isCSSVariable = !0);
 }
 function xo(t, { layout: e, layoutId: n }) {
   return qt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!ue[t] || t === "opacity");
 }
-const zu = {
+const Hu = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Hu = Gt.length;
-function Yu(t, e, n) {
+}, Yu = Gt.length;
+function Xu(t, e, n) {
   let s = "", i = !0;
-  for (let o = 0; o < Hu; o++) {
+  for (let o = 0; o < Yu; o++) {
     const r = Gt[o], a = t[r];
     if (a === void 0)
       continue;
     let l = !0;
     if (typeof a == "number" ? l = a === (r.startsWith("scale") ? 1 : 0) : l = parseFloat(a) === 0, !l || n) {
-      const u = lo(a, bs[r]);
+      const u = lo(a, ws[r]);
       if (!l) {
         i = !1;
-        const c = zu[r] || r;
+        const c = Hu[r] || r;
         s += `${c}(${u}) `;
       }
       n && (e[r] = u);
@@ -3751,11 +3757,11 @@ function As(t, e, n) {
       i[l] = u;
       continue;
     } else {
-      const c = lo(u, bs[l]);
+      const c = lo(u, ws[l]);
       l.startsWith("origin") ? (a = !0, o[l] = c) : s[l] = c;
     }
   }
-  if (e.transform || (r || n ? s.transform = Yu(e, t.transform, n) : s.transform && (s.transform = "none")), a) {
+  if (e.transform || (r || n ? s.transform = Xu(e, t.transform, n) : s.transform && (s.transform = "none")), a) {
     const { originX: l = "50%", originY: u = "50%", originZ: c = 0 } = o;
     s.transformOrigin = `${l} ${u} ${c}`;
   }
@@ -3766,39 +3772,39 @@ const Rs = () => ({
   transformOrigin: {},
   vars: {}
 });
-function bo(t, e, n) {
+function wo(t, e, n) {
   for (const s in e)
     !Y(e[s]) && !xo(s, n) && (t[s] = e[s]);
 }
-function Xu({ transformTemplate: t }, e) {
+function Gu({ transformTemplate: t }, e) {
   return kt(() => {
     const n = Rs();
     return As(n, e, t), Object.assign({}, n.vars, n.style);
   }, [e]);
 }
-function Gu(t, e) {
+function qu(t, e) {
   const n = t.style || {}, s = {};
-  return bo(s, n, t), Object.assign(s, Xu(t, e)), s;
+  return wo(s, n, t), Object.assign(s, Gu(t, e)), s;
 }
-function qu(t, e) {
-  const n = {}, s = Gu(t, e);
+function Zu(t, e) {
+  const n = {}, s = qu(t, e);
   return t.drag && t.dragListener !== !1 && (n.draggable = !1, s.userSelect = s.WebkitUserSelect = s.WebkitTouchCallout = "none", s.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = s, n;
 }
-const Zu = {
+const Ju = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Ju = {
+}, Qu = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Qu(t, e, n = 1, s = 0, i = !0) {
+function tf(t, e, n = 1, s = 0, i = !0) {
   t.pathLength = 1;
-  const o = i ? Zu : Ju;
+  const o = i ? Ju : Qu;
   t[o.offset] = R.transform(-s);
   const r = R.transform(e), a = R.transform(n);
   t[o.array] = `${r} ${a}`;
 }
-function wo(t, {
+function bo(t, {
   attrX: e,
   attrY: n,
   attrScale: s,
@@ -3814,27 +3820,27 @@ function wo(t, {
   }
   t.attrs = t.style, t.style = {};
   const { attrs: f, style: h } = t;
-  f.transform && (h.transform = f.transform, delete f.transform), (h.transform || f.transformOrigin) && (h.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), h.transform && (h.transformBox = c?.transformBox ?? "fill-box", delete f.transformBox), e !== void 0 && (f.x = e), n !== void 0 && (f.y = n), s !== void 0 && (f.scale = s), i !== void 0 && Qu(f, i, o, r, !1);
+  f.transform && (h.transform = f.transform, delete f.transform), (h.transform || f.transformOrigin) && (h.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), h.transform && (h.transformBox = c?.transformBox ?? "fill-box", delete f.transformBox), e !== void 0 && (f.x = e), n !== void 0 && (f.y = n), s !== void 0 && (f.scale = s), i !== void 0 && tf(f, i, o, r, !1);
 }
 const To = () => ({
   ...Rs(),
   attrs: {}
 }), So = (t) => typeof t == "string" && t.toLowerCase() === "svg";
-function tf(t, e, n, s) {
+function ef(t, e, n, s) {
   const i = kt(() => {
     const o = To();
-    return wo(o, e, So(s), t.transformTemplate, t.style), {
+    return bo(o, e, So(s), t.transformTemplate, t.style), {
       ...o.attrs,
       style: { ...o.style }
     };
   }, [e]);
   if (t.style) {
     const o = {};
-    bo(o, t.style, t), i.style = { ...o, ...i.style };
+    wo(o, t.style, t), i.style = { ...o, ...i.style };
   }
   return i;
 }
-const ef = [
+const nf = [
   "animate",
   "circle",
   "defs",
@@ -3874,15 +3880,15 @@ function Es(t) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(ef.indexOf(t) > -1 || /**
+      !!(nf.indexOf(t) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(t))
     )
   );
 }
-function nf(t, e, n, { latestValues: s }, i, o = !1) {
-  const a = (Es(t) ? tf : qu)(e, s, i, t), l = $u(e, typeof t == "string", o), u = t !== cr ? { ...l, ...a, ref: n } : {}, { children: c } = e, f = kt(() => Y(c) ? c.get() : c, [c]);
+function sf(t, e, n, { latestValues: s }, i, o = !1) {
+  const a = (Es(t) ? ef : Zu)(e, s, i, t), l = Wu(e, typeof t == "string", o), u = t !== cr ? { ...l, ...a, ref: n } : {}, { children: c } = e, f = kt(() => Y(c) ? c.get() : c, [c]);
   return Se(t, {
     ...u,
     children: f
@@ -3908,13 +3914,13 @@ function Vs(t, e, n, s) {
 function Re(t) {
   return Y(t) ? t.get() : t;
 }
-function sf({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
+function rf({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
   return {
-    latestValues: rf(n, s, i, t),
+    latestValues: of(n, s, i, t),
     renderState: e()
   };
 }
-function rf(t, e, n, s) {
+function of(t, e, n, s) {
   const i = {}, o = s(t, {});
   for (const h in o)
     i[h] = Re(o[h]);
@@ -3930,23 +3936,23 @@ function rf(t, e, n, s) {
       const m = Vs(t, h[d]);
       if (m) {
         const { transitionEnd: y, transition: x, ...v } = m;
-        for (const w in v) {
-          let g = v[w];
+        for (const b in v) {
+          let g = v[b];
           if (Array.isArray(g)) {
             const S = c ? g.length - 1 : 0;
             g = g[S];
           }
-          g !== null && (i[w] = g);
+          g !== null && (i[b] = g);
         }
-        for (const w in y)
-          i[w] = y[w];
+        for (const b in y)
+          i[b] = y[b];
       }
     }
   }
   return i;
 }
 const Po = (t) => (e, n) => {
-  const s = z(Xe), i = z(Ye), o = () => sf(t, e, s, i);
+  const s = z(Xe), i = z(Ye), o = () => rf(t, e, s, i);
   return n ? o() : ts(o);
 };
 function Ds(t, e, n) {
@@ -3955,7 +3961,7 @@ function Ds(t, e, n) {
     (Y(s[o]) || e.style && Y(e.style[o]) || xo(o, t) || n?.getValue(o)?.liveStyle !== void 0) && (i[o] = s[o]);
   return i;
 }
-const of = /* @__PURE__ */ Po({
+const af = /* @__PURE__ */ Po({
   scrapeMotionValuesFromProps: Ds,
   createRenderState: Rs
 });
@@ -3968,14 +3974,14 @@ function Co(t, e, n) {
     }
   return s;
 }
-const af = /* @__PURE__ */ Po({
+const lf = /* @__PURE__ */ Po({
   scrapeMotionValuesFromProps: Co,
   createRenderState: To
-}), lf = Symbol.for("motionComponentSymbol");
+}), cf = Symbol.for("motionComponentSymbol");
 function Nt(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
-function cf(t, e, n) {
+function uf(t, e, n) {
   return lr(
     (s) => {
       s && t.onMount && t.onMount(s), e && (s ? e.mount(s) : e.unmount()), n && (typeof n == "function" ? n(s) : Nt(n) && (n.current = s));
@@ -3988,9 +3994,9 @@ function cf(t, e, n) {
     [e]
   );
 }
-const Ms = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), uf = "framerAppearId", Ao = "data-" + Ms(uf), Ro = zt({});
-function ff(t, e, n, s, i) {
-  const { visualElement: o } = z(Xe), r = z(go), a = z(Ye), l = z(Ss).reducedMotion, u = wt(null);
+const Ms = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), ff = "framerAppearId", Ao = "data-" + Ms(ff), Ro = zt({});
+function hf(t, e, n, s, i) {
+  const { visualElement: o } = z(Xe), r = z(go), a = z(Ye), l = z(Ss).reducedMotion, u = bt(null);
   s = s || r.renderer, !u.current && s && (u.current = s(t, {
     visualState: e,
     parent: o,
@@ -4000,12 +4006,12 @@ function ff(t, e, n, s, i) {
     reducedMotionConfig: l
   }));
   const c = u.current, f = z(Ro);
-  c && !c.projection && i && (c.type === "html" || c.type === "svg") && hf(u.current, n, i, f);
-  const h = wt(!1);
+  c && !c.projection && i && (c.type === "html" || c.type === "svg") && df(u.current, n, i, f);
+  const h = bt(!1);
   ar(() => {
     c && h.current && c.update(n, a);
   });
-  const d = n[Ao], m = wt(!!d && !window.MotionHandoffIsComplete?.(d) && window.MotionHasOptimisedAnimation?.(d));
+  const d = n[Ao], m = bt(!!d && !window.MotionHandoffIsComplete?.(d) && window.MotionHasOptimisedAnimation?.(d));
   return Sr(() => {
     c && (h.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), c.scheduleRenderMicrotask(), m.current && c.animationState && c.animationState.animateChanges());
   }), Be(() => {
@@ -4014,7 +4020,7 @@ function ff(t, e, n, s, i) {
     }), m.current = !1), c.enteringChildren = void 0);
   }), c;
 }
-function hf(t, e, n, s) {
+function df(t, e, n, s) {
   const { layoutId: i, layout: o, drag: r, dragConstraints: a, layoutScroll: l, layoutRoot: u, layoutCrossfade: c } = e;
   t.projection = new n(t.latestValues, e["data-framer-portal-id"] ? void 0 : Eo(t.parent)), t.projection.setOptions({
     layoutId: i,
@@ -4040,38 +4046,38 @@ function Eo(t) {
     return t.options.allowProjection !== !1 ? t.projection : Eo(t.parent);
 }
 function cn(t, { forwardMotionProps: e = !1 } = {}, n, s) {
-  n && Fu(n);
-  const i = Es(t) ? af : of;
+  n && Bu(n);
+  const i = Es(t) ? lf : af;
   function o(a, l) {
     let u;
     const c = {
       ...z(Ss),
       ...a,
-      layoutId: df(a)
-    }, { isStatic: f } = c, h = Uu(a), d = i(a, f);
+      layoutId: mf(a)
+    }, { isStatic: f } = c, h = Ku(a), d = i(a, f);
     if (!f && es) {
-      mf(c, n);
-      const m = pf(c);
-      u = m.MeasureLayout, h.visualElement = ff(t, d, c, s, m.ProjectionNode);
+      pf(c, n);
+      const m = gf(c);
+      u = m.MeasureLayout, h.visualElement = hf(t, d, c, s, m.ProjectionNode);
     }
-    return b.jsxs(Xe.Provider, { value: h, children: [u && h.visualElement ? b.jsx(u, { visualElement: h.visualElement, ...c }) : null, nf(t, a, cf(d, h.visualElement, l), d, f, e)] });
+    return w.jsxs(Xe.Provider, { value: h, children: [u && h.visualElement ? w.jsx(u, { visualElement: h.visualElement, ...c }) : null, sf(t, a, uf(d, h.visualElement, l), d, f, e)] });
   }
   o.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
   const r = or(o);
-  return r[lf] = t, r;
+  return r[cf] = t, r;
 }
-function df({ layoutId: t }) {
+function mf({ layoutId: t }) {
   const e = z(Qn).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
-function mf(t, e) {
+function pf(t, e) {
   const n = z(go).strict;
   if (process.env.NODE_ENV !== "production" && e && n) {
     const s = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     t.ignoreStrict ? Yt(!1, s, "lazy-strict-mode") : pt(!1, s, "lazy-strict-mode");
   }
 }
-function pf(t) {
+function gf(t) {
   const { drag: e, layout: n } = Kt;
   if (!e && !n)
     return {};
@@ -4081,7 +4087,7 @@ function pf(t) {
     ProjectionNode: s.ProjectionNode
   };
 }
-function gf(t, e) {
+function yf(t, e) {
   if (typeof Proxy > "u")
     return cn;
   const n = /* @__PURE__ */ new Map(), s = (o, r) => cn(o, r, t, e), i = (o, r) => (process.env.NODE_ENV !== "production" && os(!1, "motion() is deprecated. Use motion.create() instead."), s(o, r));
@@ -4100,10 +4106,10 @@ function Vo({ top: t, left: e, right: n, bottom: s }) {
     y: { min: t, max: s }
   };
 }
-function yf({ x: t, y: e }) {
+function vf({ x: t, y: e }) {
   return { top: e.min, right: t.max, bottom: e.max, left: t.min };
 }
-function vf(t, e) {
+function xf(t, e) {
   if (!e)
     return t;
   const n = e({ x: t.left, y: t.top }), s = e({ x: t.right, y: t.bottom });
@@ -4142,8 +4148,8 @@ function Nn(t, e = 0, n = 1, s, i) {
 function Mo(t, { x: e, y: n }) {
   Nn(t.x, e.translate, e.scale, e.originPoint), Nn(t.y, n.translate, n.scale, n.originPoint);
 }
-const xi = 0.999999999999, bi = 1.0000000000001;
-function xf(t, e, n, s = !1) {
+const xi = 0.999999999999, wi = 1.0000000000001;
+function wf(t, e, n, s = !1) {
   const i = n.length;
   if (!i)
     return;
@@ -4157,20 +4163,20 @@ function xf(t, e, n, s = !1) {
       y: -o.scroll.offset.y
     }), r && (e.x *= r.x.scale, e.y *= r.y.scale, Mo(t, r)), s && Rt(o.latestValues) && Ft(t, o.latestValues));
   }
-  e.x < bi && e.x > xi && (e.x = 1), e.y < bi && e.y > xi && (e.y = 1);
+  e.x < wi && e.x > xi && (e.x = 1), e.y < wi && e.y > xi && (e.y = 1);
 }
 function It(t, e) {
   t.min = t.min + e, t.max = t.max + e;
 }
-function wi(t, e, n, s, i = 0.5) {
+function bi(t, e, n, s, i = 0.5) {
   const o = I(t.min, t.max, i);
   Nn(t, e, n, o, s);
 }
 function Ft(t, e) {
-  wi(t.x, e.x, e.scaleX, e.scale, e.originX), wi(t.y, e.y, e.scaleY, e.scale, e.originY);
+  bi(t.x, e.x, e.scaleX, e.scale, e.originX), bi(t.y, e.y, e.scaleY, e.scale, e.originY);
 }
 function ko(t, e) {
-  return Vo(vf(t.getBoundingClientRect(), e));
+  return Vo(xf(t.getBoundingClientRect(), e));
 }
 function bf(t, e, n) {
   const s = ko(t, n), { scroll: i } = e;
@@ -4188,7 +4194,7 @@ const Ti = () => ({
   x: Si(),
   y: Si()
 }), In = { current: null }, jo = { current: !1 };
-function wf() {
+function Tf() {
   if (jo.current = !0, !!es)
     if (window.matchMedia) {
       const t = window.matchMedia("(prefers-reduced-motion)"), e = () => In.current = t.matches;
@@ -4196,8 +4202,8 @@ function wf() {
     } else
       In.current = !1;
 }
-const Tf = /* @__PURE__ */ new WeakMap();
-function Sf(t, e, n) {
+const Sf = /* @__PURE__ */ new WeakMap();
+function Pf(t, e, n) {
   for (const s in e) {
     const i = e[s], o = n[s];
     if (Y(i))
@@ -4226,7 +4232,7 @@ const Pi = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class Pf {
+class Cf {
   /**
    * 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.
@@ -4253,7 +4259,7 @@ class Pf {
     }
   }
   mount(e) {
-    this.current = e, Tf.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, s) => this.bindToMotionValue(s, n)), jo.current || wf(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : In.current, process.env.NODE_ENV !== "production" && os(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.parent?.addChild(this), this.update(this.props, this.presenceContext);
+    this.current = e, Sf.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, s) => this.bindToMotionValue(s, n)), jo.current || Tf(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : In.current, process.env.NODE_ENV !== "production" && os(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.parent?.addChild(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     this.projection && this.projection.unmount(), St(this.notifyUpdate), St(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
@@ -4328,7 +4334,7 @@ class Pf {
       const o = "on" + i, r = e[o];
       r && (this.propEventSubscriptions[i] = this.on(i, r));
     }
-    this.prevMotionValues = Sf(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = Pf(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -4393,7 +4399,7 @@ class Pf {
    */
   readValue(e, n) {
     let s = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : this.getBaseTargetFromProps(this.props, e) ?? this.readValueFromInstance(this.current, e, this.options);
-    return s != null && (typeof s == "string" && (Pr(s) || Ar(s)) ? s = parseFloat(s) : !ku(s) && Pt.test(n) && (s = ao(e, n)), this.setBaseTarget(e, Y(s) ? s.get() : s)), Y(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && (Pr(s) || Ar(s)) ? s = parseFloat(s) : !ju(s) && Pt.test(n) && (s = ao(e, n)), this.setBaseTarget(e, Y(s) ? s.get() : s)), Y(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -4425,10 +4431,10 @@ class Pf {
     this.events[e] && this.events[e].notify(...n);
   }
   scheduleRenderMicrotask() {
-    ws.render(this.render);
+    bs.render(this.render);
   }
 }
-class Lo extends Pf {
+class Lo extends Cf {
   constructor() {
     super(...arguments), this.KeyframeResolver = bu;
   }
@@ -4458,18 +4464,18 @@ function Oo(t, { style: e, vars: n }, s, i) {
   for (r in n)
     o.setProperty(r, n[r]);
 }
-function Cf(t) {
+function Af(t) {
   return window.getComputedStyle(t);
 }
-class Af extends Lo {
+class Rf extends Lo {
   constructor() {
     super(...arguments), this.type = "html", this.renderInstance = Oo;
   }
   readValueFromInstance(e, n) {
     if (qt.has(n))
-      return this.projection?.isProjecting ? En(n) : Fc(e, n);
+      return this.projection?.isProjecting ? En(n) : Bc(e, n);
     {
-      const s = Cf(e), i = (cs(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = Af(e), i = (cs(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
@@ -4508,12 +4514,12 @@ const No = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]);
-function Rf(t, e, n, s) {
+function Ef(t, e, n, s) {
   Oo(t, e, void 0, s);
   for (const i in e.attrs)
     t.setAttribute(No.has(i) ? i : Ms(i), e.attrs[i]);
 }
-class Ef extends Lo {
+class Vf extends Lo {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = F;
   }
@@ -4531,16 +4537,16 @@ class Ef extends Lo {
     return Co(e, n, s);
   }
   build(e, n, s) {
-    wo(e, n, this.isSVGTag, s.transformTemplate, s.style);
+    bo(e, n, this.isSVGTag, s.transformTemplate, s.style);
   }
   renderInstance(e, n, s, i) {
-    Rf(e, n, s, i);
+    Ef(e, n, s, i);
   }
   mount(e) {
     this.isSVGTag = So(e.tagName), super.mount(e);
   }
 }
-const Vf = (t, e) => Es(t) ? new Ef(e) : new Af(e, {
+const Df = (t, e) => Es(t) ? new Vf(e) : new Rf(e, {
   allowProjection: t !== cr
 });
 function $t(t, e, n) {
@@ -4548,27 +4554,27 @@ function $t(t, e, n) {
   return Vs(s, e, n !== void 0 ? n : s.custom, t);
 }
 const Fn = (t) => Array.isArray(t);
-function Df(t, e, n) {
+function Mf(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, Ut(n));
 }
-function Mf(t) {
+function kf(t) {
   return Fn(t) ? t[t.length - 1] || 0 : t;
 }
-function kf(t, e) {
+function jf(t, e) {
   const n = $t(t, e);
   let { transitionEnd: s = {}, transition: i = {}, ...o } = n || {};
   o = { ...o, ...s };
   for (const r in o) {
-    const a = Mf(o[r]);
-    Df(t, r, a);
+    const a = kf(o[r]);
+    Mf(t, r, a);
   }
 }
-function jf(t) {
+function Lf(t) {
   return !!(Y(t) && t.add);
 }
 function Bn(t, e) {
   const n = t.getValue("willChange");
-  if (jf(n))
+  if (Lf(n))
     return n.add(e);
   if (!n && gt.WillChange) {
     const s = new gt.WillChange("auto");
@@ -4578,30 +4584,30 @@ function Bn(t, e) {
 function Io(t) {
   return t.props[Ao];
 }
-const Lf = (t) => t !== null;
-function Of(t, { repeat: e, repeatType: n = "loop" }, s) {
-  const i = t.filter(Lf), o = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
+const Of = (t) => t !== null;
+function Nf(t, { repeat: e, repeatType: n = "loop" }, s) {
+  const i = t.filter(Of), o = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
   return i[o];
 }
-const Nf = {
+const If = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, If = (t) => ({
+}, Ff = (t) => ({
   type: "spring",
   stiffness: 550,
   damping: t === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Ff = {
+}), Bf = {
   type: "keyframes",
   duration: 0.8
-}, Bf = {
+}, _f = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, _f = (t, { keyframes: e }) => e.length > 2 ? Ff : qt.has(t) ? t.startsWith("scale") ? If(e[1]) : Nf : Bf;
-function $f({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: u, ...c }) {
+}, $f = (t, { keyframes: e }) => e.length > 2 ? Bf : qt.has(t) ? t.startsWith("scale") ? Ff(e[1]) : If : _f;
+function Wf({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: u, ...c }) {
   return !!Object.keys(c).length;
 }
 const ks = (t, e, n, s = {}, i, o) => (r) => {
@@ -4624,10 +4630,10 @@ const ks = (t, e, n, s = {}, i, o) => (r) => {
     motionValue: e,
     element: o ? void 0 : i
   };
-  $f(a) || Object.assign(c, _f(t, c)), c.duration && (c.duration = /* @__PURE__ */ ot(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ ot(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
+  Wf(a) || Object.assign(c, $f(t, c)), c.duration && (c.duration = /* @__PURE__ */ ot(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ ot(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
   let f = !1;
   if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (jn(c), c.delay === 0 && (f = !0)), (gt.instantAnimations || gt.skipAnimations) && (f = !0, jn(c), c.delay = 0), c.allowFlatten = !a.type && !a.ease, f && !o && e.get() !== void 0) {
-    const h = Of(c.keyframes, a);
+    const h = Nf(c.keyframes, a);
     if (h !== void 0) {
       j.update(() => {
         c.onUpdate(h), c.onComplete();
@@ -4635,9 +4641,9 @@ const ks = (t, e, n, s = {}, i, o) => (r) => {
       return;
     }
   }
-  return a.isSync ? new ys(c) : new au(c);
+  return a.isSync ? new ys(c) : new lu(c);
 };
-function Wf({ protectedKeys: t, needsAnimating: e }, n) {
+function Uf({ protectedKeys: t, needsAnimating: e }, n) {
   const s = t.hasOwnProperty(n) && e[n] !== !0;
   return e[n] = !1, s;
 }
@@ -4647,7 +4653,7 @@ function Fo(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   const l = [], u = i && t.animationState && t.animationState.getState()[i];
   for (const c in a) {
     const f = t.getValue(c, t.latestValues[c] ?? null), h = a[c];
-    if (h === void 0 || u && Wf(u, c))
+    if (h === void 0 || u && Uf(u, c))
       continue;
     const d = {
       delay: n,
@@ -4659,8 +4665,8 @@ function Fo(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
     if (window.MotionHandoffAnimation) {
       const v = Io(t);
       if (v) {
-        const w = window.MotionHandoffAnimation(v, c, j);
-        w !== null && (d.startTime = w, y = !0);
+        const b = window.MotionHandoffAnimation(v, c, j);
+        b !== null && (d.startTime = b, y = !0);
       }
     }
     Bn(t, c), f.start(ks(c, f, h, t.shouldReduceMotion && so.has(c) ? { type: !1 } : d, t, y));
@@ -4669,7 +4675,7 @@ function Fo(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   }
   return r && Promise.all(l).then(() => {
     j.update(() => {
-      r && kf(t, r);
+      r && jf(t, r);
     });
   }), l;
 }
@@ -4683,7 +4689,7 @@ function _n(t, e, n = {}) {
   n.transitionOverride && (i = n.transitionOverride);
   const o = s ? () => Promise.all(Fo(t, s, n)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (l = 0) => {
     const { delayChildren: u = 0, staggerChildren: c, staggerDirection: f } = i;
-    return Uf(t, e, l, u, c, f, n);
+    return Kf(t, e, l, u, c, f, n);
   } : () => Promise.resolve(), { when: a } = i;
   if (a) {
     const [l, u] = a === "beforeChildren" ? [o, r] : [r, o];
@@ -4691,7 +4697,7 @@ function _n(t, e, n = {}) {
   } else
     return Promise.all([o(), r(n.delay)]);
 }
-function Uf(t, e, n = 0, s = 0, i = 0, o = 1, r) {
+function Kf(t, e, n = 0, s = 0, i = 0, o = 1, r) {
   const a = [];
   for (const l of t.variantChildren)
     l.notify("AnimationStart", e), a.push(_n(l, e, {
@@ -4700,7 +4706,7 @@ function Uf(t, e, n = 0, s = 0, i = 0, o = 1, r) {
     }).then(() => l.notify("AnimationComplete", e)));
   return Promise.all(a);
 }
-function Kf(t, e, n = {}) {
+function zf(t, e, n = {}) {
   t.notify("AnimationStart", e);
   let s;
   if (Array.isArray(e)) {
@@ -4727,7 +4733,7 @@ function _o(t, e) {
       return !1;
   return !0;
 }
-const zf = Cs.length;
+const Hf = Cs.length;
 function $o(t) {
   if (!t)
     return;
@@ -4736,18 +4742,18 @@ function $o(t) {
     return t.props.initial !== void 0 && (n.initial = t.props.initial), n;
   }
   const e = {};
-  for (let n = 0; n < zf; n++) {
+  for (let n = 0; n < Hf; n++) {
     const s = Cs[n], i = t.props[s];
     (ce(i) || i === !1) && (e[s] = i);
   }
   return e;
 }
-const Hf = [...Ps].reverse(), Yf = Ps.length;
-function Xf(t) {
-  return (e) => Promise.all(e.map(({ animation: n, options: s }) => Kf(t, n, s)));
-}
+const Yf = [...Ps].reverse(), Xf = Ps.length;
 function Gf(t) {
-  let e = Xf(t), n = Ci(), s = !0;
+  return (e) => Promise.all(e.map(({ animation: n, options: s }) => zf(t, n, s)));
+}
+function qf(t) {
+  let e = Gf(t), n = Ci(), s = !0;
   const i = (l) => (u, c) => {
     const f = $t(t, c, l === "exit" ? t.presenceContext?.custom : void 0);
     if (f) {
@@ -4762,27 +4768,27 @@ function Gf(t) {
   function r(l) {
     const { props: u } = t, c = $o(t.parent) || {}, f = [], h = /* @__PURE__ */ new Set();
     let d = {}, m = 1 / 0;
-    for (let x = 0; x < Yf; x++) {
-      const v = Hf[x], w = n[v], g = u[v] !== void 0 ? u[v] : c[v], S = ce(g), T = v === l ? w.isActive : null;
+    for (let x = 0; x < Xf; x++) {
+      const v = Yf[x], b = n[v], g = u[v] !== void 0 ? u[v] : c[v], S = ce(g), T = v === l ? b.isActive : null;
       T === !1 && (m = x);
       let A = g === c[v] && g !== u[v] && S;
-      if (A && s && t.manuallyAnimateOnMount && (A = !1), w.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
-      !w.isActive && T === null || // If we didn't and don't have any defined prop for this animation type
-      !g && !w.prevProp || // Or if the prop doesn't define an animation
+      if (A && s && t.manuallyAnimateOnMount && (A = !1), b.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
+      !b.isActive && T === null || // If we didn't and don't have any defined prop for this animation type
+      !g && !b.prevProp || // Or if the prop doesn't define an animation
       Ge(g) || typeof g == "boolean")
         continue;
-      const E = qf(w.prevProp, g);
+      const E = Zf(b.prevProp, g);
       let P = E || // If we're making this variant active, we want to always make it active
-      v === l && w.isActive && !A && S || // If we removed a higher-priority variant (i is in reverse order)
+      v === l && b.isActive && !A && S || // If we removed a higher-priority variant (i is in reverse order)
       x > m && S, M = !1;
       const k = Array.isArray(g) ? g : [g];
       let _ = k.reduce(i(v), {});
       T === !1 && (_ = {});
-      const { prevResolvedValues: nt = {} } = w, J = {
+      const { prevResolvedValues: nt = {} } = b, J = {
         ...nt,
         ..._
       }, lt = (L) => {
-        P = !0, h.has(L) && (M = !0, h.delete(L)), w.needsAnimating[L] = !0;
+        P = !0, h.has(L) && (M = !0, h.delete(L)), b.needsAnimating[L] = !0;
         const D = t.getValue(L);
         D && (D.liveStyle = !1);
       };
@@ -4791,9 +4797,9 @@ function Gf(t) {
         if (d.hasOwnProperty(L))
           continue;
         let p = !1;
-        Fn(D) && Fn(X) ? p = !_o(D, X) : p = D !== X, p ? D != null ? lt(L) : h.add(L) : D !== void 0 && h.has(L) ? lt(L) : w.protectedKeys[L] = !0;
+        Fn(D) && Fn(X) ? p = !_o(D, X) : p = D !== X, p ? D != null ? lt(L) : h.add(L) : D !== void 0 && h.has(L) ? lt(L) : b.protectedKeys[L] = !0;
       }
-      w.prevProp = g, w.prevResolvedValues = _, w.isActive && (d = { ...d, ..._ }), s && t.blockInitialAnimation && (P = !1);
+      b.prevProp = g, b.prevResolvedValues = _, b.isActive && (d = { ...d, ..._ }), s && t.blockInitialAnimation && (P = !1);
       const vt = A && E;
       P && (!vt || M) && f.push(...k.map((L) => {
         const D = { type: v };
@@ -4817,8 +4823,8 @@ function Gf(t) {
         v && v.transition && (x.transition = v.transition);
       }
       h.forEach((v) => {
-        const w = t.getBaseTarget(v), g = t.getValue(v);
-        g && (g.liveStyle = !0), x[v] = w ?? null;
+        const b = t.getBaseTarget(v), g = t.getValue(v);
+        g && (g.liveStyle = !0), x[v] = b ?? null;
       }), f.push({ animation: x });
     }
     let y = !!f.length;
@@ -4843,7 +4849,7 @@ function Gf(t) {
     }
   };
 }
-function qf(t, e) {
+function Zf(t, e) {
   return typeof e == "string" ? e !== t : Array.isArray(e) ? !_o(e, t) : !1;
 }
 function At(t = !1) {
@@ -4872,14 +4878,14 @@ class Ct {
   update() {
   }
 }
-class Zf extends Ct {
+class Jf extends Ct {
   /**
    * 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 = Gf(e));
+    super(e), e.animationState || (e.animationState = qf(e));
   }
   updateAnimationControlsSubscription() {
     const { animate: e } = this.node.getProps();
@@ -4899,10 +4905,10 @@ class Zf extends Ct {
     this.node.animationState.reset(), this.unmountControls?.();
   }
 }
-let Jf = 0;
-class Qf extends Ct {
+let Qf = 0;
+class th extends Ct {
   constructor() {
-    super(...arguments), this.id = Jf++;
+    super(...arguments), this.id = Qf++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -4922,12 +4928,12 @@ class Qf extends Ct {
   unmount() {
   }
 }
-const th = {
+const eh = {
   animation: {
-    Feature: Zf
+    Feature: Jf
   },
   exit: {
-    Feature: Qf
+    Feature: th
   }
 };
 function fe(t, e, n, s = { passive: !0 }) {
@@ -4941,19 +4947,19 @@ function ge(t) {
     }
   };
 }
-const eh = (t) => (e) => Ts(e) && t(e, ge(e));
+const nh = (t) => (e) => Ts(e) && t(e, ge(e));
 function ne(t, e, n, s) {
-  return fe(t, e, eh(n), s);
+  return fe(t, e, nh(n), s);
 }
-const Wo = 1e-4, nh = 1 - Wo, sh = 1 + Wo, Uo = 0.01, ih = 0 - Uo, rh = 0 + Uo;
+const Wo = 1e-4, sh = 1 - Wo, ih = 1 + Wo, Uo = 0.01, rh = 0 - Uo, oh = 0 + Uo;
 function G(t) {
   return t.max - t.min;
 }
-function oh(t, e, n) {
+function ah(t, e, n) {
   return Math.abs(t - e) <= n;
 }
 function Ai(t, e, n, s = 0.5) {
-  t.origin = s, t.originPoint = I(e.min, e.max, t.origin), t.scale = G(n) / G(e), t.translate = I(n.min, n.max, t.origin) - t.originPoint, (t.scale >= nh && t.scale <= sh || isNaN(t.scale)) && (t.scale = 1), (t.translate >= ih && t.translate <= rh || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = s, t.originPoint = I(e.min, e.max, t.origin), t.scale = G(n) / G(e), t.translate = I(n.min, n.max, t.origin) - t.originPoint, (t.scale >= sh && t.scale <= ih || isNaN(t.scale)) && (t.scale = 1), (t.translate >= rh && t.translate <= oh || isNaN(t.translate)) && (t.translate = 0);
 }
 function se(t, e, n, s) {
   Ai(t.x, e.x, n.x, s ? s.originX : void 0), Ai(t.y, e.y, n.y, s ? s.originY : void 0);
@@ -4961,7 +4967,7 @@ function se(t, e, n, s) {
 function Ri(t, e, n) {
   t.min = n.min + e.min, t.max = t.min + G(e);
 }
-function ah(t, e, n) {
+function lh(t, e, n) {
   Ri(t.x, e.x, n.x), Ri(t.y, e.y, n.y);
 }
 function Ei(t, e, n) {
@@ -4974,7 +4980,7 @@ function tt(t) {
   return [t("x"), t("y")];
 }
 const Ko = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Vi = (t, e) => Math.abs(t - e);
-function lh(t, e) {
+function ch(t, e) {
   const n = Vi(t.x, e.x), s = Vi(t.y, e.y);
   return Math.sqrt(n ** 2 + s ** 2);
 }
@@ -4983,13 +4989,13 @@ class zo {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const h = hn(this.lastMoveEventInfo, this.history), d = this.startEvent !== null, m = lh(h.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      const h = hn(this.lastMoveEventInfo, this.history), d = this.startEvent !== null, m = ch(h.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!d && !m)
         return;
       const { point: y } = h, { timestamp: x } = $;
       this.history.push({ ...y, timestamp: x });
-      const { onStart: v, onMove: w } = this.handlers;
-      d || (v && v(this.lastMoveEvent, h), this.startEvent = this.lastMoveEvent), w && w(this.lastMoveEvent, h);
+      const { onStart: v, onMove: b } = this.handlers;
+      d || (v && v(this.lastMoveEvent, h), this.startEvent = this.lastMoveEvent), b && b(this.lastMoveEvent, h);
     }, this.handlePointerMove = (h, d) => {
       this.lastMoveEvent = h, this.lastMoveEventInfo = fn(d, this.transformPagePoint), j.update(this.updatePoint, !0);
     }, this.handlePointerUp = (h, d) => {
@@ -5024,17 +5030,17 @@ function hn({ point: t }, e) {
   return {
     point: t,
     delta: Di(t, Ho(e)),
-    offset: Di(t, ch(e)),
-    velocity: uh(e, 0.1)
+    offset: Di(t, uh(e)),
+    velocity: fh(e, 0.1)
   };
 }
-function ch(t) {
+function uh(t) {
   return t[0];
 }
 function Ho(t) {
   return t[t.length - 1];
 }
-function uh(t, e) {
+function fh(t, e) {
   if (t.length < 2)
     return { x: 0, y: 0 };
   let n = t.length - 1, s = null;
@@ -5052,7 +5058,7 @@ function uh(t, e) {
   };
   return r.x === 1 / 0 && (r.x = 0), r.y === 1 / 0 && (r.y = 0), r;
 }
-function fh(t, { min: e, max: n }, s) {
+function hh(t, { min: e, max: n }, s) {
   return e !== void 0 && t < e ? t = s ? I(e, t, s.min) : Math.max(t, e) : n !== void 0 && t > n && (t = s ? I(n, t, s.max) : Math.min(t, n)), t;
 }
 function Mi(t, e, n) {
@@ -5061,7 +5067,7 @@ function Mi(t, e, n) {
     max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
   };
 }
-function hh(t, { top: e, left: n, bottom: s, right: i }) {
+function dh(t, { top: e, left: n, bottom: s, right: i }) {
   return {
     x: Mi(t.x, n, i),
     y: Mi(t.y, e, s)
@@ -5071,23 +5077,23 @@ function ki(t, e) {
   let n = e.min - t.min, s = e.max - t.max;
   return e.max - e.min < t.max - t.min && ([n, s] = [s, n]), { min: n, max: s };
 }
-function dh(t, e) {
+function mh(t, e) {
   return {
     x: ki(t.x, e.x),
     y: ki(t.y, e.y)
   };
 }
-function mh(t, e) {
+function ph(t, e) {
   let n = 0.5;
   const s = G(t), i = G(e);
   return i > s ? n = /* @__PURE__ */ oe(e.min, e.max - s, t.min) : s > i && (n = /* @__PURE__ */ oe(t.min, t.max - i, e.min)), mt(0, 1, n);
 }
-function ph(t, e) {
+function gh(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 $n = 0.35;
-function gh(t = $n) {
+function yh(t = $n) {
   return t === !1 ? t = 0 : t === !0 && (t = $n), {
     x: ji(t, "left", "right"),
     y: ji(t, "top", "bottom")
@@ -5102,8 +5108,8 @@ function ji(t, e, n) {
 function Li(t, e) {
   return typeof t == "number" ? t : t[e] || 0;
 }
-const yh = /* @__PURE__ */ new WeakMap();
-class vh {
+const vh = /* @__PURE__ */ new WeakMap();
+class xh {
   constructor(e) {
     this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = F(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
   }
@@ -5116,18 +5122,18 @@ class vh {
       h ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(ge(f).point);
     }, r = (f, h) => {
       const { drag: d, dragPropagation: m, onDragStart: y } = this.getProps();
-      if (d && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = Pu(d), !this.openDragLock))
+      if (d && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = Cu(d), !this.openDragLock))
         return;
       this.latestPointerEvent = f, this.latestPanInfo = h, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), tt((v) => {
-        let w = this.getAxisMotionValue(v).get() || 0;
-        if (ht.test(w)) {
+        let b = this.getAxisMotionValue(v).get() || 0;
+        if (ht.test(b)) {
           const { projection: g } = this.visualElement;
           if (g && g.layout) {
             const S = g.layout.layoutBox[v];
-            S && (w = G(S) * (parseFloat(w) / 100));
+            S && (b = G(S) * (parseFloat(b) / 100));
           }
         }
-        this.originPoint[v] = w;
+        this.originPoint[v] = b;
       }), y && j.postRender(() => y(f, h)), Bn(this.visualElement, "transform");
       const { animationState: x } = this.visualElement;
       x && x.setActive("whileDrag", !0);
@@ -5138,7 +5144,7 @@ class vh {
         return;
       const { offset: v } = h;
       if (m && this.currentDirection === null) {
-        this.currentDirection = xh(v), this.currentDirection !== null && y && y(this.currentDirection);
+        this.currentDirection = wh(v), this.currentDirection !== null && y && y(this.currentDirection);
         return;
       }
       this.updateAxis("x", h.point, v), this.updateAxis("y", h.point, v), this.visualElement.render(), x && x(f, h);
@@ -5186,12 +5192,12 @@ class vh {
       return;
     const o = this.getAxisMotionValue(e);
     let r = this.originPoint[e] + s[e];
-    this.constraints && this.constraints[e] && (r = fh(r, this.constraints[e], this.elastic[e])), o.set(r);
+    this.constraints && this.constraints[e] && (r = hh(r, this.constraints[e], this.elastic[e])), o.set(r);
   }
   resolveConstraints() {
     const { dragConstraints: e, dragElastic: n } = this.getProps(), s = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, i = this.constraints;
-    e && Nt(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && s ? this.constraints = hh(s.layoutBox, e) : this.constraints = !1, this.elastic = gh(n), i !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && tt((o) => {
-      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = ph(s.layoutBox[o], this.constraints[o]));
+    e && Nt(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && s ? this.constraints = dh(s.layoutBox, e) : this.constraints = !1, this.elastic = yh(n), i !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && tt((o) => {
+      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = gh(s.layoutBox[o], this.constraints[o]));
     });
   }
   resolveRefConstraints() {
@@ -5204,9 +5210,9 @@ class vh {
     if (!i || !i.layout)
       return !1;
     const o = bf(s, i.root, this.visualElement.getTransformPagePoint());
-    let r = dh(i.layout.layoutBox, o);
+    let r = mh(i.layout.layoutBox, o);
     if (n) {
-      const a = n(yf(r));
+      const a = n(vf(r));
       this.hasMutatedConstraints = !!a, a && (r = Vo(a));
     }
     return r;
@@ -5284,7 +5290,7 @@ class vh {
       const a = this.getAxisMotionValue(r);
       if (a && this.constraints !== !1) {
         const l = a.get();
-        i[r] = mh({ min: l, max: l }, this.constraints[r]);
+        i[r] = ph({ min: l, max: l }, this.constraints[r]);
       }
     });
     const { transformTemplate: o } = this.visualElement.getProps();
@@ -5298,7 +5304,7 @@ class vh {
   addListeners() {
     if (!this.visualElement.current)
       return;
-    yh.set(this.visualElement, this);
+    vh.set(this.visualElement, this);
     const e = this.visualElement.current, n = ne(e, "pointerdown", (l) => {
       const { drag: u, dragListener: c = !0 } = this.getProps();
       u && c && this.start(l);
@@ -5333,13 +5339,13 @@ class vh {
 function Te(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
-function xh(t, e = 10) {
+function wh(t, e = 10) {
   let n = null;
   return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
 class bh extends Ct {
   constructor(e) {
-    super(e), this.removeGroupControls = et, this.removeListeners = et, this.controls = new vh(e);
+    super(e), this.removeGroupControls = et, this.removeListeners = et, this.controls = new xh(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
@@ -5352,7 +5358,7 @@ class bh extends Ct {
 const Oi = (t) => (e, n) => {
   t && j.postRender(() => t(e, n));
 };
-class wh extends Ct {
+class Th extends Ct {
   constructor() {
     super(...arguments), this.removePointerDownListener = et;
   }
@@ -5410,7 +5416,7 @@ const Qt = {
     const n = Ni(t, e.target.x), s = Ni(t, e.target.y);
     return `${n}% ${s}%`;
   }
-}, Th = {
+}, Sh = {
   correct: (t, { treeScale: e, projectionDelta: n }) => {
     const s = t, i = Pt.parse(t);
     if (i.length > 5)
@@ -5422,7 +5428,7 @@ const Qt = {
   }
 };
 let dn = !1;
-class Sh extends oa {
+class Ph extends oa {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -5430,7 +5436,7 @@ class Sh extends oa {
    */
   componentDidMount() {
     const { visualElement: e, layoutGroup: n, switchLayoutGroup: s, layoutId: i } = this.props, { projection: o } = e;
-    Ku(Ph), o && (n.group && n.group.add(o), s && s.register && i && s.register(o), dn && o.root.didUpdate(), o.addEventListener("animationComplete", () => {
+    zu(Ch), o && (n.group && n.group.add(o), s && s.register && i && s.register(o), dn && o.root.didUpdate(), o.addEventListener("animationComplete", () => {
       this.safeToRemove();
     }), o.setOptions({
       ...o.options,
@@ -5446,7 +5452,7 @@ class Sh extends oa {
   }
   componentDidUpdate() {
     const { projection: e } = this.props.visualElement;
-    e && (e.root.didUpdate(), ws.postRender(() => {
+    e && (e.root.didUpdate(), bs.postRender(() => {
       !e.currentAnimation && e.isLead() && this.safeToRemove();
     }));
   }
@@ -5464,9 +5470,9 @@ class Sh extends oa {
 }
 function Yo(t) {
   const [e, n] = po(), s = z(Qn);
-  return b.jsx(Sh, { ...t, layoutGroup: s, switchLayoutGroup: z(Ro), isPresent: e, safeToRemove: n });
+  return w.jsx(Ph, { ...t, layoutGroup: s, switchLayoutGroup: z(Ro), isPresent: e, safeToRemove: n });
 }
-const Ph = {
+const Ch = {
   borderRadius: {
     ...Qt,
     applyTo: [
@@ -5480,14 +5486,14 @@ const Ph = {
   borderTopRightRadius: Qt,
   borderBottomLeftRadius: Qt,
   borderBottomRightRadius: Qt,
-  boxShadow: Th
+  boxShadow: Sh
 };
-function Ch(t, e, n) {
+function Ah(t, e, n) {
   const s = Y(t) ? t : Ut(t);
   return s.start(ks("", s, e, n)), s.animation;
 }
-const Ah = (t, e) => t.depth - e.depth;
-class Rh {
+const Rh = (t, e) => t.depth - e.depth;
+class Eh {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
@@ -5498,20 +5504,20 @@ class Rh {
     ss(this.children, e), this.isDirty = !0;
   }
   forEach(e) {
-    this.isDirty && this.children.sort(Ah), this.isDirty = !1, this.children.forEach(e);
+    this.isDirty && this.children.sort(Rh), this.isDirty = !1, this.children.forEach(e);
   }
 }
-function Eh(t, e) {
+function Vh(t, e) {
   const n = q.now(), s = ({ timestamp: i }) => {
     const o = i - n;
     o >= e && (St(s), t(o - e));
   };
   return j.setup(s, !0), () => St(s);
 }
-const Xo = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Vh = Xo.length, Ii = (t) => typeof t == "string" ? parseFloat(t) : t, Fi = (t) => typeof t == "number" || R.test(t);
-function Dh(t, e, n, s, i, o) {
-  i ? (t.opacity = I(0, n.opacity ?? 1, Mh(s)), t.opacityExit = I(e.opacity ?? 1, 0, kh(s))) : o && (t.opacity = I(e.opacity ?? 1, n.opacity ?? 1, s));
-  for (let r = 0; r < Vh; r++) {
+const Xo = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Dh = Xo.length, Ii = (t) => typeof t == "string" ? parseFloat(t) : t, Fi = (t) => typeof t == "number" || R.test(t);
+function Mh(t, e, n, s, i, o) {
+  i ? (t.opacity = I(0, n.opacity ?? 1, kh(s)), t.opacityExit = I(e.opacity ?? 1, 0, jh(s))) : o && (t.opacity = I(e.opacity ?? 1, n.opacity ?? 1, s));
+  for (let r = 0; r < Dh; r++) {
     const a = `border${Xo[r]}Radius`;
     let l = Bi(e, a), u = Bi(n, a);
     if (l === void 0 && u === void 0)
@@ -5523,7 +5529,7 @@ function Dh(t, e, n, s, i, o) {
 function Bi(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const Mh = /* @__PURE__ */ Go(0, 0.5, Lr), kh = /* @__PURE__ */ Go(0.5, 0.95, et);
+const kh = /* @__PURE__ */ Go(0, 0.5, Lr), jh = /* @__PURE__ */ Go(0.5, 0.95, et);
 function Go(t, e, n) {
   return (s) => s < t ? 0 : s > e ? 1 : n(/* @__PURE__ */ oe(t, e, s));
 }
@@ -5539,18 +5545,18 @@ function $i(t, e) {
 function Wi(t, e, n, s, i) {
   return t -= e, t = Fe(t, 1 / n, s), i !== void 0 && (t = Fe(t, 1 / i, s)), t;
 }
-function jh(t, e = 0, n = 1, s = 0.5, i, o = t, r = t) {
+function Lh(t, e = 0, n = 1, s = 0.5, i, o = t, r = t) {
   if (ht.test(e) && (e = parseFloat(e), e = I(r.min, r.max, e / 100) - r.min), typeof e != "number")
     return;
   let a = I(o.min, o.max, s);
   t === o && (a -= e), t.min = Wi(t.min, e, n, a, i), t.max = Wi(t.max, e, n, a, i);
 }
 function Ui(t, e, [n, s, i], o, r) {
-  jh(t, e[n], e[s], e[i], e.scale, o, r);
+  Lh(t, e[n], e[s], e[i], e.scale, o, r);
 }
-const Lh = ["x", "scaleX", "originX"], Oh = ["y", "scaleY", "originY"];
+const Oh = ["x", "scaleX", "originX"], Nh = ["y", "scaleY", "originY"];
 function Ki(t, e, n, s) {
-  Ui(t.x, e, Lh, n ? n.x : void 0, s ? s.x : void 0), Ui(t.y, e, Oh, n ? n.y : void 0, s ? s.y : void 0);
+  Ui(t.x, e, Oh, n ? n.x : void 0, s ? s.x : void 0), Ui(t.y, e, Nh, n ? n.y : void 0, s ? s.y : void 0);
 }
 function zi(t) {
   return t.translate === 0 && t.scale === 1;
@@ -5561,7 +5567,7 @@ function qo(t) {
 function Hi(t, e) {
   return t.min === e.min && t.max === e.max;
 }
-function Nh(t, e) {
+function Ih(t, e) {
   return Hi(t.x, e.x) && Hi(t.y, e.y);
 }
 function Yi(t, e) {
@@ -5576,7 +5582,7 @@ function Xi(t) {
 function Gi(t, e) {
   return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
 }
-class Ih {
+class Fh {
   constructor() {
     this.members = [];
   }
@@ -5630,7 +5636,7 @@ class Ih {
     this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
   }
 }
-function Fh(t, e, n) {
+function Bh(t, e, n) {
   let s = "";
   const i = t.x.translate / e.x, o = t.y.translate / e.y, r = n?.z || 0;
   if ((i || o || r) && (s = `translate3d(${i}px, ${o}px, ${r}px) `), (e.x !== 1 || e.y !== 1) && (s += `scale(${1 / e.x}, ${1 / e.y}) `), n) {
@@ -5640,8 +5646,8 @@ function Fh(t, e, n) {
   const a = t.x.scale * e.x, l = t.y.scale * e.y;
   return (a !== 1 || l !== 1) && (s += `scale(${a}, ${l})`), s || "none";
 }
-const mn = ["", "X", "Y", "Z"], Bh = 1e3;
-let _h = 0;
+const mn = ["", "X", "Y", "Z"], _h = 1e3;
+let $h = 0;
 function pn(t, e, n, s) {
   const { latestValues: i } = e;
   i[t] && (n[t] = i[t], e.setStaticValue(t, 0), s && (s[t] = 0));
@@ -5663,14 +5669,14 @@ function Jo(t) {
 function Qo({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: s, resetTransform: i }) {
   return class {
     constructor(r = {}, a = e?.()) {
-      this.id = _h++, this.animationId = 0, this.animationCommitId = 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 = $h++, this.animationId = 0, this.animationCommitId = 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, this.nodes.forEach(Uh), this.nodes.forEach(Yh), this.nodes.forEach(Xh), this.nodes.forEach(Kh);
+        this.projectionUpdateScheduled = !1, this.nodes.forEach(Kh), this.nodes.forEach(Xh), this.nodes.forEach(Gh), this.nodes.forEach(zh);
       }, this.resolvedRelativeTargetAt = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = r, 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 Rh());
+      this.root === this && (this.nodes = new Eh());
     }
     addEventListener(r, a) {
       return this.eventHandlers.has(r) || this.eventHandlers.set(r, new rs()), this.eventHandlers.get(r).add(a);
@@ -5688,7 +5694,7 @@ function Qo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     mount(r) {
       if (this.instance)
         return;
-      this.isSVG = mo(r) && !Du(r), this.instance = r;
+      this.isSVG = mo(r) && !Mu(r), this.instance = r;
       const { layoutId: a, layout: l, visualElement: u } = this.options;
       if (u && !u.current && u.mount(r), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || a) && (this.isLayoutDirty = !0), t) {
         let c, f = 0;
@@ -5697,7 +5703,7 @@ function Qo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           f = window.innerWidth;
         }), t(r, () => {
           const d = window.innerWidth;
-          d !== f && (f = d, this.root.updateBlockedByResize = !0, c && c(), c = Eh(h, 250), Ee.hasAnimatedSinceResize && (Ee.hasAnimatedSinceResize = !1, this.nodes.forEach(Ji)));
+          d !== f && (f = d, this.root.updateBlockedByResize = !0, c && c(), c = Vh(h, 250), Ee.hasAnimatedSinceResize && (Ee.hasAnimatedSinceResize = !1, this.nodes.forEach(Ji)));
         });
       }
       a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && u && (a || l) && this.addEventListener("didUpdate", ({ delta: c, hasLayoutChanged: f, hasRelativeLayoutChanged: h, layout: d }) => {
@@ -5705,15 +5711,15 @@ function Qo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const m = this.options.transition || u.getDefaultTransition() || Qh, { onLayoutAnimationStart: y, onLayoutAnimationComplete: x } = u.getProps(), v = !this.targetLayout || !Zo(this.targetLayout, d), w = !f && h;
-        if (this.options.layoutRoot || this.resumeFrom || w || f && (v || !this.currentAnimation)) {
+        const m = this.options.transition || u.getDefaultTransition() || td, { onLayoutAnimationStart: y, onLayoutAnimationComplete: x } = u.getProps(), v = !this.targetLayout || !Zo(this.targetLayout, d), b = !f && h;
+        if (this.options.layoutRoot || this.resumeFrom || b || f && (v || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const g = {
             ...xs(m, "layout"),
             onPlay: y,
             onComplete: x
           };
-          (u.shouldReduceMotion || this.options.layoutRoot) && (g.delay = 0, g.type = !1), this.startAnimation(g), this.setAnimationOrigin(c, w);
+          (u.shouldReduceMotion || this.options.layoutRoot) && (g.delay = 0, g.type = !1), this.startAnimation(g), this.setAnimationOrigin(c, b);
         } else
           f || Ji(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = d;
@@ -5739,7 +5745,7 @@ function Qo({ 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(Gh), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(qh), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: r } = this.options;
@@ -5772,15 +5778,15 @@ function Qo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.nodes.forEach(Zi);
         return;
       }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Hh), this.nodes.forEach($h), this.nodes.forEach(Wh)) : this.nodes.forEach(Zi), this.clearAllSnapshots();
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Yh), this.nodes.forEach(Wh), this.nodes.forEach(Uh)) : this.nodes.forEach(Zi), this.clearAllSnapshots();
       const a = q.now();
       $.delta = mt(0, 1e3 / 60, a - $.timestamp), $.timestamp = a, $.isProcessing = !0, nn.update.process($), nn.preRender.process($), nn.render.process($), $.isProcessing = !1;
     }
     didUpdate() {
-      this.updateScheduled || (this.updateScheduled = !0, ws.read(this.scheduleUpdate));
+      this.updateScheduled || (this.updateScheduled = !0, bs.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(zh), this.sharedNodes.forEach(qh);
+      this.nodes.forEach(Hh), this.sharedNodes.forEach(Zh);
     }
     scheduleUpdateProjection() {
       this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, j.preRender(this.updateProjection, !1, !0));
@@ -5829,7 +5835,7 @@ function Qo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     measure(r = !0) {
       const a = this.measurePageBox();
       let l = this.removeElementScroll(a);
-      return r && (l = this.removeTransform(l)), td(l), {
+      return r && (l = this.removeTransform(l)), ed(l), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: l,
@@ -5842,7 +5848,7 @@ function Qo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!r)
         return F();
       const a = r.measureViewportBox();
-      if (!(this.scroll?.wasRoot || this.path.some(ed))) {
+      if (!(this.scroll?.wasRoot || this.path.some(nd))) {
         const { scroll: u } = this.root;
         u && (It(a.x, u.offset.x), It(a.y, u.offset.y));
       }
@@ -5911,7 +5917,7 @@ function Qo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           const h = this.getClosestProjectingParent();
           h && h.layout && this.animationProgress !== 1 ? (this.relativeParent = h, this.forceRelativeParentToResolveTarget(), this.relativeTarget = F(), this.relativeTargetOrigin = F(), ie(this.relativeTargetOrigin, this.layout.layoutBox, h.layout.layoutBox), Q(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
-        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = F(), this.targetWithTransforms = F()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), ah(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Q(this.target, this.layout.layoutBox), Mo(this.target, this.targetDelta)) : Q(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
+        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = F(), this.targetWithTransforms = F()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), lh(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Q(this.target, this.layout.layoutBox), Mo(this.target, this.targetDelta)) : Q(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
           this.attemptToResolveRelativeTarget = !1;
           const h = this.getClosestProjectingParent();
           h && !!h.resumingFrom == !!this.resumingFrom && !h.options.layoutScroll && h.target && this.animationProgress !== 1 ? (this.relativeParent = h, this.forceRelativeParentToResolveTarget(), this.relativeTarget = F(), this.relativeTargetOrigin = F(), ie(this.relativeTargetOrigin, this.target, h.target), Q(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
@@ -5935,7 +5941,7 @@ function Qo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       Q(this.layoutCorrected, this.layout.layoutBox);
       const f = this.treeScale.x, h = this.treeScale.y;
-      xf(this.layoutCorrected, this.treeScale, this.path, a), r.layout && !r.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (r.target = r.layout.layoutBox, r.targetWithTransforms = F());
+      wf(this.layoutCorrected, this.treeScale, this.path, a), r.layout && !r.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (r.target = r.layout.layoutBox, r.targetWithTransforms = F());
       const { target: d } = r;
       if (!d) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -5962,17 +5968,17 @@ function Qo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     setAnimationOrigin(r, a = !1) {
       const l = this.snapshot, u = l ? l.latestValues : {}, c = { ...this.latestValues }, f = Bt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const h = F(), d = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, y = d !== m, x = this.getStack(), v = !x || x.members.length <= 1, w = !!(y && !v && this.options.crossfade === !0 && !this.path.some(Jh));
+      const h = F(), d = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, y = d !== m, x = this.getStack(), v = !x || x.members.length <= 1, b = !!(y && !v && this.options.crossfade === !0 && !this.path.some(Qh));
       this.animationProgress = 0;
       let g;
       this.mixTargetDelta = (S) => {
         const T = S / 1e3;
-        Qi(f.x, r.x, T), Qi(f.y, r.y, T), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ie(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Zh(this.relativeTarget, this.relativeTargetOrigin, h, T), g && Nh(this.relativeTarget, g) && (this.isProjectionDirty = !1), g || (g = F()), Q(g, this.relativeTarget)), y && (this.animationValues = c, Dh(c, u, this.latestValues, T, w, v)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = T;
+        Qi(f.x, r.x, T), Qi(f.y, r.y, T), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ie(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Jh(this.relativeTarget, this.relativeTargetOrigin, h, T), g && Ih(this.relativeTarget, g) && (this.isProjectionDirty = !1), g || (g = F()), Q(g, this.relativeTarget)), y && (this.animationValues = c, Mh(c, u, this.latestValues, T, b, v)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = T;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
       this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (St(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = j.update(() => {
-        Ee.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = Ut(0)), this.currentAnimation = Ch(this.motionValue, [0, 1e3], {
+        Ee.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = Ut(0)), this.currentAnimation = Ah(this.motionValue, [0, 1e3], {
           ...r,
           velocity: 0,
           isSync: !0,
@@ -5993,7 +5999,7 @@ function Qo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       r && r.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
     }
     finishAnimation() {
-      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(Bh), this.currentAnimation.stop()), this.completeAnimation();
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(_h), this.currentAnimation.stop()), this.completeAnimation();
     }
     applyTransformsToTarget() {
       const r = this.getLead();
@@ -6010,7 +6016,7 @@ function Qo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
     }
     registerSharedNode(r, a) {
-      this.sharedNodes.has(r) || this.sharedNodes.set(r, new Ih()), this.sharedNodes.get(r).add(a);
+      this.sharedNodes.has(r) || this.sharedNodes.set(r, new Fh()), this.sharedNodes.get(r).add(a);
       const u = a.options.initialPromotionConfig;
       a.promote({
         transition: u ? u.transition : void 0,
@@ -6079,20 +6085,20 @@ function Qo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       r.visibility = "";
       const c = u.animationValues || u.latestValues;
       this.applyTransformsToTarget();
-      let f = Fh(this.projectionDeltaWithTransform, this.treeScale, c);
+      let f = Bh(this.projectionDeltaWithTransform, this.treeScale, c);
       l && (f = l(c, f)), r.transform = f;
       const { x: h, y: d } = this.projectionDelta;
       r.transformOrigin = `${h.origin * 100}% ${d.origin * 100}% 0`, u.animationValues ? r.opacity = u === this ? c.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : c.opacityExit : r.opacity = u === this ? c.opacity !== void 0 ? c.opacity : "" : c.opacityExit !== void 0 ? c.opacityExit : 0;
       for (const m in ue) {
         if (c[m] === void 0)
           continue;
-        const { correct: y, applyTo: x, isCSSVariable: v } = ue[m], w = f === "none" ? c[m] : y(c[m], u);
+        const { correct: y, applyTo: x, isCSSVariable: v } = ue[m], b = f === "none" ? c[m] : y(c[m], u);
         if (x) {
           const g = x.length;
           for (let S = 0; S < g; S++)
-            r[x[S]] = w;
+            r[x[S]] = b;
         } else
-          v ? this.options.visualElement.renderState.vars[m] = w : r[m] = w;
+          v ? this.options.visualElement.renderState.vars[m] = b : r[m] = b;
       }
       this.options.layoutId && (r.pointerEvents = u === this ? Re(a?.pointerEvents) || "" : "none");
     }
@@ -6105,10 +6111,10 @@ function Qo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
   };
 }
-function $h(t) {
+function Wh(t) {
   t.updateLayout();
 }
-function Wh(t) {
+function Uh(t) {
   const e = t.resumeFrom?.snapshot || t.snapshot;
   if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
     const { layoutBox: n, measuredBox: s } = t.layout, { animationType: i } = t.options, o = e.source !== t.layout.source;
@@ -6151,13 +6157,13 @@ function Wh(t) {
   }
   t.options.transition = void 0;
 }
-function Uh(t) {
+function Kh(t) {
   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 Kh(t) {
+function zh(t) {
   t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
 }
-function zh(t) {
+function Hh(t) {
   t.clearSnapshot();
 }
 function qi(t) {
@@ -6166,23 +6172,23 @@ function qi(t) {
 function Zi(t) {
   t.isLayoutDirty = !1;
 }
-function Hh(t) {
+function Yh(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
 function Ji(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
-function Yh(t) {
+function Xh(t) {
   t.resolveTargetDelta();
 }
-function Xh(t) {
+function Gh(t) {
   t.calcProjection();
 }
-function Gh(t) {
+function qh(t) {
   t.resetSkewAndRotation();
 }
-function qh(t) {
+function Zh(t) {
   t.removeLeadSnapshot();
 }
 function Qi(t, e, n) {
@@ -6191,29 +6197,29 @@ function Qi(t, e, n) {
 function tr(t, e, n, s) {
   t.min = I(e.min, n.min, s), t.max = I(e.max, n.max, s);
 }
-function Zh(t, e, n, s) {
+function Jh(t, e, n, s) {
   tr(t.x, e.x, n.x, s), tr(t.y, e.y, n.y, s);
 }
-function Jh(t) {
+function Qh(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
 }
-const Qh = {
+const td = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
 }, er = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), nr = er("applewebkit/") && !er("chrome/") ? Math.round : et;
 function sr(t) {
   t.min = nr(t.min), t.max = nr(t.max);
 }
-function td(t) {
+function ed(t) {
   sr(t.x), sr(t.y);
 }
 function ta(t, e, n) {
-  return t === "position" || t === "preserve-aspect" && !oh(Xi(e), Xi(n), 0.2);
+  return t === "position" || t === "preserve-aspect" && !ah(Xi(e), Xi(n), 0.2);
 }
-function ed(t) {
+function nd(t) {
   return t !== t.root && t.scroll?.wasRoot;
 }
-const nd = Qo({
+const sd = Qo({
   attachResizeListener: (t, e) => fe(t, "resize", e),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
@@ -6229,7 +6235,7 @@ const nd = Qo({
   }),
   defaultParent: () => {
     if (!gn.current) {
-      const t = new nd({});
+      const t = new sd({});
       t.mount(window), t.setOptions({ layoutScroll: !0 }), gn.current = t;
     }
     return gn.current;
@@ -6238,9 +6244,9 @@ const nd = Qo({
     t.style.transform = e !== void 0 ? e : "none";
   },
   checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
-}), sd = {
+}), id = {
   pan: {
-    Feature: wh
+    Feature: Th
   },
   drag: {
     Feature: bh,
@@ -6254,15 +6260,15 @@ function ir(t, e, n) {
   const i = "onHover" + n, o = s[i];
   o && j.postRender(() => o(e, ge(e)));
 }
-class id extends Ct {
+class rd extends Ct {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = Cu(e, (n, s) => (ir(this.node, s, "Start"), (i) => ir(this.node, i, "End"))));
+    e && (this.unmount = Au(e, (n, s) => (ir(this.node, s, "Start"), (i) => ir(this.node, i, "End"))));
   }
   unmount() {
   }
 }
-class rd extends Ct {
+class od extends Ct {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -6292,37 +6298,37 @@ function rr(t, e, n) {
   const i = "onTap" + (n === "End" ? "" : n), o = s[i];
   o && j.postRender(() => o(e, ge(e)));
 }
-class od extends Ct {
+class ad extends Ct {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = Vu(e, (n, s) => (rr(this.node, s, "Start"), (i, { success: o }) => rr(this.node, i, o ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+    e && (this.unmount = Du(e, (n, s) => (rr(this.node, s, "Start"), (i, { success: o }) => rr(this.node, i, o ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
   unmount() {
   }
 }
-const Wn = /* @__PURE__ */ new WeakMap(), yn = /* @__PURE__ */ new WeakMap(), ad = (t) => {
+const Wn = /* @__PURE__ */ new WeakMap(), yn = /* @__PURE__ */ new WeakMap(), ld = (t) => {
   const e = Wn.get(t.target);
   e && e(t);
-}, ld = (t) => {
-  t.forEach(ad);
+}, cd = (t) => {
+  t.forEach(ld);
 };
-function cd({ root: t, ...e }) {
+function ud({ root: t, ...e }) {
   const n = t || document;
   yn.has(n) || yn.set(n, {});
   const s = yn.get(n), i = JSON.stringify(e);
-  return s[i] || (s[i] = new IntersectionObserver(ld, { root: t, ...e })), s[i];
+  return s[i] || (s[i] = new IntersectionObserver(cd, { root: t, ...e })), s[i];
 }
-function ud(t, e, n) {
-  const s = cd(e);
+function fd(t, e, n) {
+  const s = ud(e);
   return Wn.set(t, n), s.observe(t), () => {
     Wn.delete(t), s.unobserve(t);
   };
 }
-const fd = {
+const hd = {
   some: 0,
   all: 1
 };
-class hd extends Ct {
+class dd extends Ct {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -6331,7 +6337,7 @@ class hd extends Ct {
     const { viewport: e = {} } = this.node.getProps(), { root: n, margin: s, amount: i = "some", once: o } = e, r = {
       root: n ? n.current : void 0,
       rootMargin: s,
-      threshold: typeof i == "number" ? i : fd[i]
+      threshold: typeof i == "number" ? i : hd[i]
     }, a = (l) => {
       const { isIntersecting: u } = l;
       if (this.isInView === u || (this.isInView = u, o && !u && this.hasEnteredView))
@@ -6340,7 +6346,7 @@ class hd extends Ct {
       const { onViewportEnter: c, onViewportLeave: f } = this.node.getProps(), h = u ? c : f;
       h && h(l);
     };
-    return ud(this.node.current, r, a);
+    return fd(this.node.current, r, a);
   }
   mount() {
     this.startObserver();
@@ -6349,38 +6355,38 @@ class hd extends Ct {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: e, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(dd(e, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(md(e, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function dd({ viewport: t = {} }, { viewport: e = {} } = {}) {
+function md({ viewport: t = {} }, { viewport: e = {} } = {}) {
   return (n) => t[n] !== e[n];
 }
-const md = {
+const pd = {
   inView: {
-    Feature: hd
+    Feature: dd
   },
   tap: {
-    Feature: od
+    Feature: ad
   },
   focus: {
-    Feature: rd
+    Feature: od
   },
   hover: {
-    Feature: id
+    Feature: rd
   }
-}, pd = {
+}, gd = {
   layout: {
     ProjectionNode: ea,
     MeasureLayout: Yo
   }
-}, gd = {
-  ...th,
-  ...md,
-  ...sd,
-  ...pd
-}, yd = /* @__PURE__ */ gf(gd, Vf), vd = {
+}, yd = {
+  ...eh,
+  ...pd,
+  ...id,
+  ...gd
+}, vd = /* @__PURE__ */ yf(yd, Df), xd = {
   top: "bottom center",
   "top-start": "bottom left",
   "top-end": "bottom right",
@@ -6393,14 +6399,14 @@ const md = {
   left: "right center",
   "left-start": "top right",
   "left-end": "bottom right"
-}, xd = C.memo(
-  ({ open: t, children: e, className: n, onOutsideClick: s, floatingStyles: i, setFloating: o, placement: r }) => /* @__PURE__ */ b.jsx(Iu, { children: t && /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
-    s && /* @__PURE__ */ b.jsx(Ll, { onClick: s }),
-    /* @__PURE__ */ b.jsx("div", { ref: o, style: i, className: "z-10", children: /* @__PURE__ */ b.jsx(
-      yd.div,
+}, wd = C.memo(
+  ({ open: t, children: e, className: n, onOutsideClick: s, floatingStyles: i, setFloating: o, placement: r }) => /* @__PURE__ */ w.jsx(Fu, { children: t && /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
+    s && /* @__PURE__ */ w.jsx(Ol, { onClick: s }),
+    /* @__PURE__ */ w.jsx("div", { ref: o, style: i, className: "z-10", children: /* @__PURE__ */ w.jsx(
+      vd.div,
       {
         className: n,
-        style: { transformOrigin: vd[r] },
+        style: { transformOrigin: xd[r] },
         initial: { opacity: 0, scale: 0.95 },
         animate: { opacity: 1, scale: 1 },
         exit: { opacity: 0, scale: 0.95 },
@@ -6411,12 +6417,12 @@ const md = {
   ] }) })
 ), bd = (t) => {
   const { placement: e = "bottom", onOutsideClick: n, fullWidth: s, minWidth: i, maxWidth: o } = t, r = C.useMemo(() => [
-    wl({
+    Tl({
       apply({ rects: f, elements: h }) {
         s && (h.floating.style.width = `${f.reference.width}px`), i && (h.floating.style.minWidth = `${i}px`), o && (h.floating.style.maxWidth = `${o}px`);
       }
     })
-  ], [s, i]), { refs: a, floatingStyles: l } = Nl({
+  ], [s, i]), { refs: a, floatingStyles: l } = Il({
     placement: e,
     middleware: r
   }), u = C.useRef({
@@ -6433,11 +6439,11 @@ const md = {
   };
   const c = C.useMemo(() => {
     const f = (h) => {
-      const { floatingStyles: d, setFloating: m, onOutsideClick: y, placement: x } = u.current, { className: v, open: w, children: g } = h;
-      return /* @__PURE__ */ b.jsx(
-        xd,
+      const { floatingStyles: d, setFloating: m, onOutsideClick: y, placement: x } = u.current, { className: v, open: b, children: g } = h;
+      return /* @__PURE__ */ w.jsx(
+        wd,
         {
-          open: w,
+          open: b,
           className: v,
           onOutsideClick: y,
           floatingStyles: d,
@@ -6453,16 +6459,16 @@ const md = {
     anchorRef: a.setReference,
     Popover: c
   };
-}, wd = "flex flex-col bg-white border mt-1 border-gray-200 rounded-xl shadow-lg p-3 overflow-y-auto relative", Td = (t) => {
+}, Td = "flex flex-col bg-white border mt-1 border-gray-200 rounded-xl shadow-lg p-3 overflow-y-auto relative", Sd = (t) => {
   const {
     className: e,
     children: n,
     ...s
   } = t;
-  return /* @__PURE__ */ b.jsx(
+  return /* @__PURE__ */ w.jsx(
     "div",
     {
-      className: W(wd, e),
+      className: W(Td, e),
       ...s,
       children: n
     }
@@ -6472,7 +6478,7 @@ const md = {
     onClick: e,
     Icon: n
   } = t;
-  return /* @__PURE__ */ b.jsx(
+  return /* @__PURE__ */ w.jsx(
     "div",
     {
       onClick: e,
@@ -6480,7 +6486,7 @@ const md = {
         "h-6 w-6 select-none rounded-full p-0.5",
         e && "ring-0 transition-all duration-150 ring-gray-200 active:ring-2 cursor-pointer hover:ring-4 group"
       ),
-      children: /* @__PURE__ */ b.jsx(n, { className: W("h-5 w-5 text-gray-500", e && "group-active:scale-[0.8] transition-transform origin-center") })
+      children: /* @__PURE__ */ w.jsx(n, { className: W("h-5 w-5 text-gray-500", e && "group-active:scale-[0.8] transition-transform origin-center") })
     }
   );
 }, kd = (t) => {
@@ -6503,7 +6509,7 @@ const md = {
     fullWidth: !0,
     onOutsideClick: () => f(!1)
   });
-  return /* @__PURE__ */ b.jsxs(
+  return /* @__PURE__ */ w.jsxs(
     "div",
     {
       className: W(
@@ -6511,9 +6517,9 @@ const md = {
         e
       ),
       children: [
-        /* @__PURE__ */ b.jsx(Hn, { children: n }),
-        /* @__PURE__ */ b.jsxs("div", { className: "relative flex w-full flex-col", ref: m, children: [
-          /* @__PURE__ */ b.jsxs(
+        /* @__PURE__ */ w.jsx(Hn, { children: n }),
+        /* @__PURE__ */ w.jsxs("div", { className: "relative flex w-full flex-col", ref: m, children: [
+          /* @__PURE__ */ w.jsxs(
             "div",
             {
               ref: h,
@@ -6527,20 +6533,20 @@ const md = {
               onKeyDown: (x) => x.key === " " && f((v) => !v),
               onClick: () => f(!c),
               children: [
-                d && /* @__PURE__ */ b.jsx("span", { children: d.label }),
-                !d && a && /* @__PURE__ */ b.jsx("span", { children: a })
+                d && /* @__PURE__ */ w.jsx("span", { children: d.label }),
+                !d && a && /* @__PURE__ */ w.jsx("span", { children: a })
               ]
             }
           ),
-          /* @__PURE__ */ b.jsxs(Xn, { children: [
-            u && /* @__PURE__ */ b.jsx(Yn, {}),
-            !!r && /* @__PURE__ */ b.jsx(Un, { Icon: Ca, onClick: () => o(null) }),
-            /* @__PURE__ */ b.jsx(Un, { Icon: ur })
+          /* @__PURE__ */ w.jsxs(Xn, { children: [
+            u && /* @__PURE__ */ w.jsx(Yn, {}),
+            !!r && /* @__PURE__ */ w.jsx(Un, { Icon: Aa, onClick: () => o(null) }),
+            /* @__PURE__ */ w.jsx(Un, { Icon: ur })
           ] }),
-          /* @__PURE__ */ b.jsx(y, { open: c, children: /* @__PURE__ */ b.jsx(Td, { className: "!p-0", style: { maxHeight: l }, children: /* @__PURE__ */ b.jsx("div", { className: "flex flex-col p-2 gap-1", children: i.map((x) => {
+          /* @__PURE__ */ w.jsx(y, { open: c, children: /* @__PURE__ */ w.jsx(Sd, { className: "!p-0", style: { maxHeight: l }, children: /* @__PURE__ */ w.jsx("div", { className: "flex flex-col p-2 gap-1", children: i.map((x) => {
             const v = x.value === r;
-            return /* @__PURE__ */ b.jsx(
-              Va,
+            return /* @__PURE__ */ w.jsx(
+              Da,
               {
                 onClick: () => {
                   !x.disabled && o && (o(x.value), f(!1));
@@ -6553,8 +6559,8 @@ const md = {
             );
           }) }) }) })
         ] }),
-        /* @__PURE__ */ b.jsx($e, { children: s }),
-        /* @__PURE__ */ b.jsx(We, { children: u })
+        /* @__PURE__ */ w.jsx($e, { children: s }),
+        /* @__PURE__ */ w.jsx(We, { children: u })
       ]
     }
   );
@@ -6567,7 +6573,7 @@ const md = {
     error: o,
     ...r
   } = t;
-  return /* @__PURE__ */ b.jsxs(
+  return /* @__PURE__ */ w.jsxs(
     "div",
     {
       className: W(
@@ -6575,9 +6581,9 @@ const md = {
         e
       ),
       children: [
-        /* @__PURE__ */ b.jsx(Hn, { children: n }),
-        /* @__PURE__ */ b.jsxs("div", { className: "relative flex w-full flex-col", children: [
-          /* @__PURE__ */ b.jsx(
+        /* @__PURE__ */ w.jsx(Hn, { children: n }),
+        /* @__PURE__ */ w.jsxs("div", { className: "relative flex w-full flex-col", children: [
+          /* @__PURE__ */ w.jsx(
             "select",
             {
               className: `
@@ -6601,7 +6607,7 @@ const md = {
           focus:outline-none
           `,
               ...r,
-              children: i && i.map((a, l) => /* @__PURE__ */ b.jsx(
+              children: i && i.map((a, l) => /* @__PURE__ */ w.jsx(
                 "option",
                 {
                   value: a.value,
@@ -6612,13 +6618,13 @@ const md = {
               ))
             }
           ),
-          /* @__PURE__ */ b.jsxs(Xn, { children: [
-            o && /* @__PURE__ */ b.jsx(Yn, {}),
-            /* @__PURE__ */ b.jsx(Un, { Icon: ur })
+          /* @__PURE__ */ w.jsxs(Xn, { children: [
+            o && /* @__PURE__ */ w.jsx(Yn, {}),
+            /* @__PURE__ */ w.jsx(Un, { Icon: ur })
           ] })
         ] }),
-        /* @__PURE__ */ b.jsx($e, { children: s }),
-        /* @__PURE__ */ b.jsx(We, { children: o })
+        /* @__PURE__ */ w.jsx($e, { children: s }),
+        /* @__PURE__ */ w.jsx(We, { children: o })
       ]
     }
   );
@@ -6628,7 +6634,7 @@ const md = {
     children: s,
     ...i
   } = t;
-  return /* @__PURE__ */ b.jsx(
+  return /* @__PURE__ */ w.jsx(
     "div",
     {
       ref: e,
@@ -6646,7 +6652,7 @@ const md = {
     vertical: n = !1,
     ...s
   } = t;
-  return /* @__PURE__ */ b.jsx(
+  return /* @__PURE__ */ w.jsx(
     "div",
     {
       className: W(
@@ -6656,45 +6662,46 @@ const md = {
       ...s
     }
   );
-}, Sd = (t) => {
+}, Pd = (t) => {
   const {
     columns: e,
     rows: n
   } = t;
-  return /* @__PURE__ */ b.jsxs("table", { children: [
-    /* @__PURE__ */ b.jsx("thead", { children: /* @__PURE__ */ b.jsx("tr", { className: "text-left", children: e.map((s) => /* @__PURE__ */ b.jsx("th", { children: s.header }, s.id)) }) }),
-    /* @__PURE__ */ b.jsx("tbody", { children: n.map((s, i) => /* @__PURE__ */ b.jsx("tr", { children: e.map((o) => /* @__PURE__ */ b.jsx("td", { children: o.renderCell(s) }, o.id)) }, i)) })
+  return /* @__PURE__ */ w.jsxs("table", { children: [
+    /* @__PURE__ */ w.jsx("thead", { children: /* @__PURE__ */ w.jsx("tr", { className: "text-left", children: e.map((s) => /* @__PURE__ */ w.jsx("th", { children: s.header }, s.id)) }) }),
+    /* @__PURE__ */ w.jsx("tbody", { children: n.map((s, i) => /* @__PURE__ */ w.jsx("tr", { children: e.map((o) => /* @__PURE__ */ w.jsx("td", { children: o.renderCell(s) }, o.id)) }, i)) })
   ] });
-}, Pd = [
+}, Cd = [
   { id: 1, email: "matthiaskrijgsman@gmail.com", firstname: "Matthias", lastname: "Krijgsman", status: "active" },
   { id: 2, email: "dennis@snijder.io", firstname: "Dennis", lastname: "Snijder", status: "inactive" },
   { id: 3, email: "arcokrijgsman@gmail.com", firstname: "Arco", lastname: "Krijgsman", status: "active" }
-], Cd = [
+], Ad = [
   { id: "id", header: "ID", renderCell: (t) => t.id },
   { id: "email", header: "Email", renderCell: (t) => t.email },
   { id: "firstname", header: "First Name", renderCell: (t) => t.firstname },
   { id: "lastname", header: "Last Name", renderCell: (t) => t.lastname },
   { id: "status", header: "Status", renderCell: (t) => t.status }
-], Nd = () => /* @__PURE__ */ b.jsxs("div", { className: "flex flex-col gap-12", children: [
-  /* @__PURE__ */ b.jsx(Ea, { type: "text", label: "Label", description: "Description", placeholder: "Enter something" }),
-  /* @__PURE__ */ b.jsx(
-    Sd,
+], Nd = () => /* @__PURE__ */ w.jsxs("div", { className: "flex flex-col gap-12", children: [
+  /* @__PURE__ */ w.jsx(ma, { variant: "primary", children: "Test" }),
+  /* @__PURE__ */ w.jsx(Va, { type: "text", label: "Label", description: "Description", placeholder: "Enter something" }),
+  /* @__PURE__ */ w.jsx(
+    Pd,
     {
-      columns: Cd,
-      rows: Pd
+      columns: Ad,
+      rows: Cd
     }
   )
 ] });
 export {
-  Rd as Button,
+  ma as Button,
   Vd as ButtonIconRound,
   Ed as ButtonIconSquare,
   Od as Divider,
-  Ea as Input,
+  Va as Input,
   Dd as InputCheck,
   kd as InputSelect,
   jd as InputSelectNative,
   Ld as Panel,
   Nd as Test
 };
-//# sourceMappingURL=mat-ui.js.map
+//# sourceMappingURL=index.js.map