@zomako/elearning-components 2.0.0 → 2.0.3

package/dist/elearning-components.es.js

@@ -1,10 +1,10 @@
 import * as Ie from "react";
-import rr, { createContext as Ut, useRef as nt, useLayoutEffect as Ta, useEffect as Wn, useId as Be, useContext as Y, useInsertionEffect as Un, useMemo as Dt, useCallback as Ve, Children as xa, isValidElement as ba, useState as ee, Fragment as or, createElement as wa, forwardRef as Pa, Component as Sa } from "react";
+import rr, { useState as ee, createContext as Ut, useRef as nt, useLayoutEffect as Ta, useEffect as Nn, useId as Be, useContext as Y, useInsertionEffect as Wn, useMemo as Dt, useCallback as Ve, Children as xa, isValidElement as ba, Fragment as or, createElement as wa, forwardRef as Pa, Component as Sa } from "react";
 var ge = { exports: {} }, Gt = {};
-var Bi;
+var Ii;
 function Ea() {
-  if (Bi) return Gt;
-  Bi = 1;
+  if (Ii) return Gt;
+  Ii = 1;
   var t = rr, e = /* @__PURE__ */ Symbol.for("react.element"), n = /* @__PURE__ */ Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, s = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
   function r(a, l, u) {
     var c, h = {}, d = null, p = null;
@@ -16,9 +16,9 @@ function Ea() {
   return Gt.Fragment = n, Gt.jsx = r, Gt.jsxs = r, Gt;
 }
 var Xt = {};
-var _i;
+var Bi;
 function Aa() {
-  return _i || (_i = 1, process.env.NODE_ENV !== "production" && (function() {
+  return Bi || (Bi = 1, process.env.NODE_ENV !== "production" && (function() {
     var t = rr, e = /* @__PURE__ */ Symbol.for("react.element"), n = /* @__PURE__ */ Symbol.for("react.portal"), i = /* @__PURE__ */ Symbol.for("react.fragment"), s = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), r = /* @__PURE__ */ Symbol.for("react.provider"), a = /* @__PURE__ */ Symbol.for("react.context"), l = /* @__PURE__ */ Symbol.for("react.forward_ref"), u = /* @__PURE__ */ Symbol.for("react.suspense"), c = /* @__PURE__ */ Symbol.for("react.suspense_list"), h = /* @__PURE__ */ Symbol.for("react.memo"), d = /* @__PURE__ */ Symbol.for("react.lazy"), p = /* @__PURE__ */ Symbol.for("react.offscreen"), m = Symbol.iterator, x = "@@iterator";
     function T(f) {
       if (f === null || typeof f != "object")
@@ -108,18 +108,18 @@ function Aa() {
         }
       return null;
     }
-    var ct = Object.assign, vt = 0, $e, W, G, ut, pt, fe, bi;
-    function wi() {
+    var ct = Object.assign, vt = 0, $e, W, G, ut, pt, fe, xi;
+    function bi() {
     }
-    wi.__reactDisabledLog = !0;
+    bi.__reactDisabledLog = !0;
     function Yo() {
       {
         if (vt === 0) {
-          $e = console.log, W = console.info, G = console.warn, ut = console.error, pt = console.group, fe = console.groupCollapsed, bi = console.groupEnd;
+          $e = console.log, W = console.info, G = console.warn, ut = console.error, pt = console.group, fe = console.groupCollapsed, xi = console.groupEnd;
           var f = {
             configurable: !0,
             enumerable: !0,
-            value: wi,
+            value: bi,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -163,7 +163,7 @@ function Aa() {
               value: fe
             }),
             groupEnd: ct({}, f, {
-              value: bi
+              value: xi
             })
           });
         }
@@ -189,7 +189,7 @@ function Aa() {
       var Go = typeof WeakMap == "function" ? WeakMap : Map;
       de = new Go();
     }
-    function Pi(f, g) {
+    function wi(f, g) {
       if (!f || Ye)
         return "";
       {
@@ -261,7 +261,7 @@ function Aa() {
       return typeof f == "function" && de.set(f, St), St;
     }
     function Xo(f, g, w) {
-      return Pi(f, !1);
+      return wi(f, !1);
     }
     function qo(f) {
       var g = f.prototype;
@@ -271,7 +271,7 @@ function Aa() {
       if (f == null)
         return "";
       if (typeof f == "function")
-        return Pi(f, qo(f));
+        return wi(f, qo(f));
       if (typeof f == "string")
         return he(f);
       switch (f) {
@@ -296,13 +296,13 @@ function Aa() {
         }
       return "";
     }
-    var Ht = Object.prototype.hasOwnProperty, Si = {}, Ei = y.ReactDebugCurrentFrame;
+    var Ht = Object.prototype.hasOwnProperty, Pi = {}, Si = y.ReactDebugCurrentFrame;
     function me(f) {
       if (f) {
         var g = f._owner, w = pe(f.type, f._source, g ? g.type : null);
-        Ei.setExtraStackFrame(w);
+        Si.setExtraStackFrame(w);
       } else
-        Ei.setExtraStackFrame(null);
+        Si.setExtraStackFrame(null);
     }
     function Zo(f, g, w, C, L) {
       {
@@ -319,7 +319,7 @@ function Aa() {
             } catch (N) {
               V = N;
             }
-            V && !(V instanceof Error) && (me(L), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", w, M, typeof V), me(null)), V instanceof Error && !(V.message in Si) && (Si[V.message] = !0, me(L), v("Failed %s type: %s", w, V.message), me(null));
+            V && !(V instanceof Error) && (me(L), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", w, M, typeof V), me(null)), V instanceof Error && !(V.message in Pi) && (Pi[V.message] = !0, me(L), v("Failed %s type: %s", w, V.message), me(null));
           }
       }
     }
@@ -335,24 +335,24 @@ function Aa() {
     }
     function ta(f) {
       try {
-        return Ai(f), !1;
+        return Ei(f), !1;
       } catch {
         return !0;
       }
     }
-    function Ai(f) {
+    function Ei(f) {
       return "" + f;
     }
-    function Ci(f) {
+    function Ai(f) {
       if (ta(f))
-        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Qo(f)), Ai(f);
+        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Qo(f)), Ei(f);
     }
-    var Vi = y.ReactCurrentOwner, ea = {
+    var Ci = y.ReactCurrentOwner, ea = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ri, Di;
+    }, Vi, Ri;
     function na(f) {
       if (Ht.call(f, "ref")) {
         var g = Object.getOwnPropertyDescriptor(f, "ref").get;
@@ -370,12 +370,12 @@ function Aa() {
       return f.key !== void 0;
     }
     function sa(f, g) {
-      typeof f.ref == "string" && Vi.current;
+      typeof f.ref == "string" && Ci.current;
     }
     function ra(f, g) {
       {
         var w = function() {
-          Ri || (Ri = !0, v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", g));
+          Vi || (Vi = !0, v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", g));
         };
         w.isReactWarning = !0, Object.defineProperty(f, "key", {
           get: w,
@@ -386,7 +386,7 @@ function Aa() {
     function oa(f, g) {
       {
         var w = function() {
-          Di || (Di = !0, v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", g));
+          Ri || (Ri = !0, v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", g));
         };
         w.isReactWarning = !0, Object.defineProperty(f, "ref", {
           get: w,
@@ -426,7 +426,7 @@ function Aa() {
     function la(f, g, w, C, L) {
       {
         var j, M = {}, V = null, X = null;
-        w !== void 0 && (Ci(w), V = "" + w), ia(g) && (Ci(g.key), V = "" + g.key), na(g) && (X = g.ref, sa(g, L));
+        w !== void 0 && (Ai(w), V = "" + w), ia(g) && (Ai(g.key), V = "" + g.key), na(g) && (X = g.ref, sa(g, L));
         for (j in g)
           Ht.call(g, j) && !ea.hasOwnProperty(j) && (M[j] = g[j]);
         if (f && f.defaultProps) {
@@ -438,23 +438,23 @@ function Aa() {
           var U = typeof f == "function" ? f.displayName || f.name || "Unknown" : f;
           V && ra(M, U), X && oa(M, U);
         }
-        return aa(f, V, X, L, C, Vi.current, M);
+        return aa(f, V, X, L, C, Ci.current, M);
       }
     }
-    var Ge = y.ReactCurrentOwner, Mi = y.ReactDebugCurrentFrame;
+    var Ge = y.ReactCurrentOwner, Di = y.ReactDebugCurrentFrame;
     function Mt(f) {
       if (f) {
         var g = f._owner, w = pe(f.type, f._source, g ? g.type : null);
-        Mi.setExtraStackFrame(w);
+        Di.setExtraStackFrame(w);
       } else
-        Mi.setExtraStackFrame(null);
+        Di.setExtraStackFrame(null);
     }
     var Xe;
     Xe = !1;
     function qe(f) {
       return typeof f == "object" && f !== null && f.$$typeof === e;
     }
-    function ki() {
+    function Mi() {
       {
         if (Ge.current) {
           var f = tt(Ge.current.type);
@@ -469,10 +469,10 @@ Check the render method of \`` + f + "`.";
     function ca(f) {
       return "";
     }
-    var Li = {};
+    var ki = {};
     function ua(f) {
       {
-        var g = ki();
+        var g = Mi();
         if (!g) {
           var w = typeof f == "string" ? f : f.displayName || f.name;
           w && (g = `
@@ -482,27 +482,27 @@ Check the top-level render call using <` + w + ">.");
         return g;
       }
     }
-    function ji(f, g) {
+    function Li(f, g) {
       {
         if (!f._store || f._store.validated || f.key != null)
           return;
         f._store.validated = !0;
         var w = ua(g);
-        if (Li[w])
+        if (ki[w])
           return;
-        Li[w] = !0;
+        ki[w] = !0;
         var C = "";
         f && f._owner && f._owner !== Ge.current && (C = " It was passed a child from " + tt(f._owner.type) + "."), Mt(f), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', w, C), Mt(null);
       }
     }
-    function Oi(f, g) {
+    function ji(f, g) {
       {
         if (typeof f != "object")
           return;
         if (He(f))
           for (var w = 0; w < f.length; w++) {
             var C = f[w];
-            qe(C) && ji(C, g);
+            qe(C) && Li(C, g);
           }
         else if (qe(f))
           f._store && (f._store.validated = !0);
@@ -510,7 +510,7 @@ Check the top-level render call using <` + w + ">.");
           var L = T(f);
           if (typeof L == "function" && L !== f.entries)
             for (var j = L.call(f), M; !(M = j.next()).done; )
-              qe(M.value) && ji(M.value, g);
+              qe(M.value) && Li(M.value, g);
         }
       }
     }
@@ -551,15 +551,15 @@ Check the top-level render call using <` + w + ">.");
         f.ref !== null && (Mt(f), v("Invalid attribute `ref` supplied to `React.Fragment`."), Mt(null));
       }
     }
-    var Fi = {};
-    function Ii(f, g, w, C, L, j) {
+    var Oi = {};
+    function Fi(f, g, w, C, L, j) {
       {
         var M = _(f);
         if (!M) {
           var V = "";
           (f === void 0 || typeof f == "object" && f !== null && Object.keys(f).length === 0) && (V += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var X = ca();
-          X ? V += X : V += ki();
+          X ? V += X : V += Mi();
           var N;
           f === null ? N = "null" : He(f) ? N = "array" : f !== void 0 && f.$$typeof === e ? (N = "<" + (tt(f.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : N = typeof f, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", N, V);
         }
@@ -572,52 +572,105 @@ Check the top-level render call using <` + w + ">.");
             if (C)
               if (He(et)) {
                 for (var kt = 0; kt < et.length; kt++)
-                  Oi(et[kt], f);
+                  ji(et[kt], f);
                 Object.freeze && Object.freeze(et);
               } else
                 v("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Oi(et, f);
+              ji(et, f);
         }
         if (Ht.call(g, "key")) {
           var St = tt(f), J = Object.keys(g).filter(function(va) {
             return va !== "key";
           }), Ze = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Fi[St + Ze]) {
+          if (!Oi[St + Ze]) {
             var ya = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
             v(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ze, St, ya, St), Fi[St + Ze] = !0;
+  <%s key={someKey} {...props} />`, Ze, St, ya, St), Oi[St + Ze] = !0;
           }
         }
         return f === i ? ha(U) : fa(U), U;
       }
     }
     function da(f, g, w) {
-      return Ii(f, g, w, !0);
+      return Fi(f, g, w, !0);
     }
     function pa(f, g, w) {
-      return Ii(f, g, w, !1);
+      return Fi(f, g, w, !1);
     }
     var ma = pa, ga = da;
     Xt.Fragment = i, Xt.jsx = ma, Xt.jsxs = ga;
   })()), Xt;
 }
-var Ni;
+var _i;
 function Ca() {
-  return Ni || (Ni = 1, process.env.NODE_ENV === "production" ? ge.exports = Ea() : ge.exports = Aa()), ge.exports;
+  return _i || (_i = 1, process.env.NODE_ENV === "production" ? ge.exports = Ea() : ge.exports = Aa()), ge.exports;
 }
 var D = Ca();
-const $n = Ut({});
-function Kn(t) {
+const Oh = ({ cards: t = [] }) => {
+  const [e, n] = ee(0), [i, s] = ee(!1);
+  if (!t || t.length === 0)
+    return /* @__PURE__ */ D.jsx("div", { className: "flashcard-deck-container", children: /* @__PURE__ */ D.jsx("p", { className: "flashcard-empty-message", children: "No cards available" }) });
+  const o = t[e], r = e > 0, a = e < t.length - 1, l = () => {
+    r && (n(e - 1), s(!1));
+  }, u = () => {
+    a && (n(e + 1), s(!1));
+  }, c = () => {
+    s(!i);
+  };
+  return /* @__PURE__ */ D.jsxs("div", { className: "flashcard-deck-container", children: [
+    /* @__PURE__ */ D.jsx("div", { className: "flashcard-deck-header", children: /* @__PURE__ */ D.jsxs("span", { className: "flashcard-counter", children: [
+      "Card ",
+      e + 1,
+      " of ",
+      t.length
+    ] }) }),
+    /* @__PURE__ */ D.jsx("div", { className: "flashcard-wrapper", children: /* @__PURE__ */ D.jsxs(
+      "div",
+      {
+        className: `flashcard ${i ? "flashcard--flipped" : ""}`,
+        onClick: c,
+        children: [
+          /* @__PURE__ */ D.jsx("div", { className: "flashcard-face flashcard-front", children: /* @__PURE__ */ D.jsx("div", { className: "flashcard-content", children: o.front }) }),
+          /* @__PURE__ */ D.jsx("div", { className: "flashcard-face flashcard-back", children: /* @__PURE__ */ D.jsx("div", { className: "flashcard-content", children: o.back }) })
+        ]
+      },
+      e
+    ) }),
+    /* @__PURE__ */ D.jsxs("div", { className: "flashcard-controls", children: [
+      /* @__PURE__ */ D.jsx(
+        "button",
+        {
+          className: "flashcard-button flashcard-button-previous",
+          onClick: l,
+          disabled: !r,
+          "aria-label": "Previous card",
+          children: "Previous"
+        }
+      ),
+      /* @__PURE__ */ D.jsx(
+        "button",
+        {
+          className: "flashcard-button flashcard-button-next",
+          onClick: u,
+          disabled: !a,
+          "aria-label": "Next card",
+          children: "Next"
+        }
+      )
+    ] })
+  ] });
+}, Un = Ut({});
+function $n(t) {
   const e = nt(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const ar = typeof window < "u", lr = ar ? Ta : Wn, _e = /* @__PURE__ */ Ut(null);
-function zn(t, e) {
+const ar = typeof window < "u", lr = ar ? Ta : Nn, _e = /* @__PURE__ */ Ut(null);
+function Kn(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
 function Re(t, e) {
@@ -643,7 +696,7 @@ function ur(t) {
 }
 const fr = (t) => /^0[^.\s]+$/u.test(t);
 // @__NO_SIDE_EFFECTS__
-function Yn(t) {
+function zn(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
@@ -651,12 +704,12 @@ const st = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Va = (t, e) => (n) => e(t(n)), a
   const i = e - t;
   return i === 0 ? 1 : (n - t) / i;
 };
-class Hn {
+class Yn {
   constructor() {
     this.subscriptions = [];
   }
   add(e) {
-    return zn(this.subscriptions, e), () => Re(this.subscriptions, e);
+    return Kn(this.subscriptions, e), () => Re(this.subscriptions, e);
   }
   notify(e, n, i) {
     const s = this.subscriptions.length;
@@ -680,9 +733,9 @@ const rt = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, it = /* @__NO_SIDE_EFFECTS
 function hr(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
-const Wi = /* @__PURE__ */ new Set();
-function Gn(t, e, n) {
-  t || Wi.has(e) || (console.warn(gn(e, n)), Wi.add(e));
+const Ni = /* @__PURE__ */ new Set();
+function Hn(t, e, n) {
+  t || Ni.has(e) || (console.warn(gn(e, n)), Ni.add(e));
 }
 const dr = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Ra = 1e-7, Da = 12;
 function Ma(t, e, n, i, s) {
@@ -698,25 +751,25 @@ function le(t, e, n, i) {
   const s = (o) => Ma(o, 0, 1, t, n);
   return (o) => o === 0 || o === 1 ? o : dr(s(o), e, i);
 }
-const pr = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, mr = (t) => (e) => 1 - t(1 - e), gr = /* @__PURE__ */ le(0.33, 1.53, 0.69, 0.99), Xn = /* @__PURE__ */ mr(gr), yr = /* @__PURE__ */ pr(Xn), vr = (t) => (t *= 2) < 1 ? 0.5 * Xn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), qn = (t) => 1 - Math.sin(Math.acos(t)), Tr = mr(qn), xr = pr(qn), ka = /* @__PURE__ */ le(0.42, 0, 1, 1), La = /* @__PURE__ */ le(0, 0, 0.58, 1), br = /* @__PURE__ */ le(0.42, 0, 0.58, 1), ja = (t) => Array.isArray(t) && typeof t[0] != "number", wr = (t) => Array.isArray(t) && typeof t[0] == "number", Ui = {
+const pr = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, mr = (t) => (e) => 1 - t(1 - e), gr = /* @__PURE__ */ le(0.33, 1.53, 0.69, 0.99), Gn = /* @__PURE__ */ mr(gr), yr = /* @__PURE__ */ pr(Gn), vr = (t) => (t *= 2) < 1 ? 0.5 * Gn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), Xn = (t) => 1 - Math.sin(Math.acos(t)), Tr = mr(Xn), xr = pr(Xn), ka = /* @__PURE__ */ le(0.42, 0, 1, 1), La = /* @__PURE__ */ le(0, 0, 0.58, 1), br = /* @__PURE__ */ le(0.42, 0, 0.58, 1), ja = (t) => Array.isArray(t) && typeof t[0] != "number", wr = (t) => Array.isArray(t) && typeof t[0] == "number", Wi = {
   linear: st,
   easeIn: ka,
   easeInOut: br,
   easeOut: La,
-  circIn: qn,
+  circIn: Xn,
   circInOut: xr,
   circOut: Tr,
-  backIn: Xn,
+  backIn: Gn,
   backInOut: yr,
   backOut: gr,
   anticipate: vr
-}, Oa = (t) => typeof t == "string", $i = (t) => {
+}, Oa = (t) => typeof t == "string", Ui = (t) => {
   if (wr(t)) {
     mt(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [e, n, i, s] = t;
     return le(e, n, i, s);
   } else if (Oa(t))
-    return mt(Ui[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Ui[t];
+    return mt(Wi[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Wi[t];
   return t;
 }, ye = [
   "setup",
@@ -805,8 +858,8 @@ const q = {
   set: (t) => {
     be = t, queueMicrotask(Ba);
   }
-}, Sr = (t) => (e) => typeof e == "string" && e.startsWith(t), Er = /* @__PURE__ */ Sr("--"), _a = /* @__PURE__ */ Sr("var(--"), Zn = (t) => _a(t) ? Na.test(t.split("/*")[0].trim()) : !1, Na = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
-function Ki(t) {
+}, Sr = (t) => (e) => typeof e == "string" && e.startsWith(t), Er = /* @__PURE__ */ Sr("--"), _a = /* @__PURE__ */ Sr("var(--"), qn = (t) => _a(t) ? Na.test(t.split("/*")[0].trim()) : !1, Na = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+function $i(t) {
   return typeof t != "string" ? !1 : t.split("/*")[0].includes("var(--");
 }
 const Kt = {
@@ -819,14 +872,14 @@ const Kt = {
 }, ve = {
   ...Kt,
   default: 1
-}, Jt = (t) => Math.round(t * 1e5) / 1e5, Jn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+}, Jt = (t) => Math.round(t * 1e5) / 1e5, Zn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function Wa(t) {
   return t == null;
 }
-const Ua = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Qn = (t, e) => (n) => !!(typeof n == "string" && Ua.test(n) && n.startsWith(t) || e && !Wa(n) && Object.prototype.hasOwnProperty.call(n, e)), Ar = (t, e, n) => (i) => {
+const Ua = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Jn = (t, e) => (n) => !!(typeof n == "string" && Ua.test(n) && n.startsWith(t) || e && !Wa(n) && Object.prototype.hasOwnProperty.call(n, e)), Ar = (t, e, n) => (i) => {
   if (typeof i != "string")
     return i;
-  const [s, o, r, a] = i.match(Jn);
+  const [s, o, r, a] = i.match(Zn);
   return {
     [t]: parseFloat(s),
     [e]: parseFloat(o),
@@ -837,7 +890,7 @@ const Ua = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
   ...Kt,
   transform: (t) => Math.round($a(t))
 }, Ct = {
-  test: /* @__PURE__ */ Qn("rgb", "red"),
+  test: /* @__PURE__ */ Jn("rgb", "red"),
   parse: /* @__PURE__ */ Ar("red", "green", "blue"),
   transform: ({ red: t, green: e, blue: n, alpha: i = 1 }) => "rgba(" + Qe.transform(t) + ", " + Qe.transform(e) + ", " + Qe.transform(n) + ", " + Jt(ie.transform(i)) + ")"
 };
@@ -851,19 +904,19 @@ function Ka(t) {
   };
 }
 const yn = {
-  test: /* @__PURE__ */ Qn("#"),
+  test: /* @__PURE__ */ Jn("#"),
   parse: Ka,
   transform: Ct.transform
 }, ce = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), Tt = /* @__PURE__ */ ce("deg"), ht = /* @__PURE__ */ ce("%"), P = /* @__PURE__ */ ce("px"), za = /* @__PURE__ */ ce("vh"), Ya = /* @__PURE__ */ ce("vw"), zi = {
+}), Tt = /* @__PURE__ */ ce("deg"), ht = /* @__PURE__ */ ce("%"), P = /* @__PURE__ */ ce("px"), za = /* @__PURE__ */ ce("vh"), Ya = /* @__PURE__ */ ce("vw"), Ki = {
   ...ht,
   parse: (t) => ht.parse(t) / 100,
   transform: (t) => ht.transform(t * 100)
 }, jt = {
-  test: /* @__PURE__ */ Qn("hsl", "hue"),
+  test: /* @__PURE__ */ Jn("hsl", "hue"),
   parse: /* @__PURE__ */ Ar("hue", "saturation", "lightness"),
   transform: ({ hue: t, saturation: e, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(t) + ", " + ht.transform(Jt(e)) + ", " + ht.transform(Jt(n)) + ", " + Jt(ie.transform(i)) + ")"
 }, $ = {
@@ -876,9 +929,9 @@ const yn = {
   }
 }, Ha = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function Ga(t) {
-  return isNaN(t) && typeof t == "string" && (t.match(Jn)?.length || 0) + (t.match(Ha)?.length || 0) > 0;
+  return isNaN(t) && typeof t == "string" && (t.match(Zn)?.length || 0) + (t.match(Ha)?.length || 0) > 0;
 }
-const Cr = "number", Vr = "color", Xa = "var", qa = "var(", Yi = "${}", Za = /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 Cr = "number", Vr = "color", Xa = "var", qa = "var(", zi = "${}", Za = /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 se(t) {
   const e = t.toString(), n = [], i = {
     color: [],
@@ -886,7 +939,7 @@ function se(t) {
     var: []
   }, s = [];
   let o = 0;
-  const a = e.replace(Za, (l) => ($.test(l) ? (i.color.push(o), s.push(Vr), n.push($.parse(l))) : l.startsWith(qa) ? (i.var.push(o), s.push(Xa), n.push(l)) : (i.number.push(o), s.push(Cr), n.push(parseFloat(l))), ++o, Yi)).split(Yi);
+  const a = e.replace(Za, (l) => ($.test(l) ? (i.color.push(o), s.push(Vr), n.push($.parse(l))) : l.startsWith(qa) ? (i.var.push(o), s.push(Xa), n.push(l)) : (i.number.push(o), s.push(Cr), n.push(parseFloat(l))), ++o, zi)).split(zi);
   return { values: n, split: a, indexes: i, types: s };
 }
 function Rr(t) {
@@ -941,15 +994,15 @@ const B = (t, e, n) => t + (e - t) * n, en = (t, e, n) => {
   const i = t * t, s = n * (e * e - i) + i;
   return s < 0 ? 0 : Math.sqrt(s);
 }, el = [yn, Ct, jt], nl = (t) => el.find((e) => e.test(t));
-function Hi(t) {
+function Yi(t) {
   const e = nl(t);
   if ($t(!!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 === jt && (n = tl(n)), n;
 }
-const Gi = (t, e) => {
-  const n = Hi(t), i = Hi(e);
+const Hi = (t, e) => {
+  const n = Yi(t), i = Yi(e);
   if (!n || !i)
     return De(t, e);
   const s = { ...n };
@@ -961,11 +1014,11 @@ function il(t, e) {
 function sl(t, e) {
   return (n) => B(t, e, n);
 }
-function ti(t) {
-  return typeof t == "number" ? sl : typeof t == "string" ? Zn(t) ? De : $.test(t) ? Gi : al : Array.isArray(t) ? Mr : typeof t == "object" ? $.test(t) ? Gi : rl : De;
+function Qn(t) {
+  return typeof t == "number" ? sl : typeof t == "string" ? qn(t) ? De : $.test(t) ? Hi : al : Array.isArray(t) ? Mr : typeof t == "object" ? $.test(t) ? Hi : rl : De;
 }
 function Mr(t, e) {
-  const n = [...t], i = n.length, s = t.map((o, r) => ti(o)(o, e[r]));
+  const n = [...t], i = n.length, s = t.map((o, r) => Qn(o)(o, e[r]));
   return (o) => {
     for (let r = 0; r < i; r++)
       n[r] = s[r](o);
@@ -975,7 +1028,7 @@ function Mr(t, e) {
 function rl(t, e) {
   const n = { ...t, ...e }, i = {};
   for (const s in n)
-    t[s] !== void 0 && e[s] !== void 0 && (i[s] = ti(t[s])(t[s], e[s]));
+    t[s] !== void 0 && e[s] !== void 0 && (i[s] = Qn(t[s])(t[s], e[s]));
   return (s) => {
     for (const o in i)
       n[o] = i[o](s);
@@ -995,7 +1048,7 @@ const al = (t, e) => {
   return i.indexes.var.length === s.indexes.var.length && i.indexes.color.length === s.indexes.color.length && i.indexes.number.length >= s.indexes.number.length ? vn.has(t) && !s.values.length || vn.has(e) && !i.values.length ? il(t, e) : ae(Mr(ol(i, s), s.values), n) : ($t(!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"), De(t, e));
 };
 function kr(t, e, n) {
-  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? B(t, e, n) : ti(t)(t, e);
+  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? B(t, e, n) : Qn(t)(t, e);
 }
 const ll = (t) => {
   const e = ({ timestamp: n }) => t(n);
@@ -1015,7 +1068,7 @@ const ll = (t) => {
     i += Math.round(t(o / (s - 1)) * 1e4) / 1e4 + ", ";
   return `linear(${i.substring(0, i.length - 2)})`;
 }, Me = 2e4;
-function ei(t) {
+function ti(t) {
   let e = 0;
   const n = 50;
   let i = t.next(e);
@@ -1024,7 +1077,7 @@ function ei(t) {
   return e >= Me ? 1 / 0 : e;
 }
 function cl(t, e = 100, n) {
-  const i = n({ ...t, keyframes: [0, e] }), s = Math.min(ei(i), Me);
+  const i = n({ ...t, keyframes: [0, e] }), s = Math.min(ti(i), Me);
   return {
     type: "keyframes",
     ease: (o) => i.next(s * o).value / e,
@@ -1109,7 +1162,7 @@ function Tn(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
 const pl = ["duration", "bounce"], ml = ["stiffness", "damping", "mass"];
-function Xi(t, e) {
+function Gi(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
 function gl(t) {
@@ -1121,7 +1174,7 @@ function gl(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!Xi(t, ml) && Xi(t, pl))
+  if (!Gi(t, ml) && Gi(t, pl))
     if (t.visualDuration) {
       const n = t.visualDuration, i = 2 * Math.PI / (n * 1.2), s = i * i, o = 2 * dt(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(s);
       e = {
@@ -1183,7 +1236,7 @@ function ke(t = I.visualDuration, e = I.bounce) {
       return a.value = a.done ? r : k, a;
     },
     toString: () => {
-      const S = Math.min(ei(E), Me), k = Lr((F) => E.next(S * F).value, S, 30);
+      const S = Math.min(ti(E), Me), k = Lr((F) => E.next(S * F).value, S, 30);
       return S + "ms " + k;
     },
     toTransition: () => {
@@ -1277,7 +1330,7 @@ function wl(t, e) {
   return t.map(() => e || br).splice(0, t.length - 1);
 }
 function Ot({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }) {
-  const s = ja(i) ? i.map($i) : $i(i), o = {
+  const s = ja(i) ? i.map(Ui) : Ui(i), o = {
     done: !1,
     value: e[0]
   }, r = bl(
@@ -1294,7 +1347,7 @@ function Ot({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }
   };
 }
 const Pl = (t) => t !== null;
-function ni(t, { repeat: e, repeatType: n = "loop" }, i, s = 1) {
+function ei(t, { repeat: e, repeatType: n = "loop" }, i, s = 1) {
   const o = t.filter(Pl), a = s < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
   return !a || i === void 0 ? o[a] : i;
 }
@@ -1308,7 +1361,7 @@ const Sl = {
 function Or(t) {
   typeof t.type == "string" && (t.type = Sl[t.type]);
 }
-class ii {
+class ni {
   constructor() {
     this.updateFinished();
   }
@@ -1333,7 +1386,7 @@ class ii {
   }
 }
 const El = (t) => t / 100;
-class si extends ii {
+class ii extends ni {
   constructor(e) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       const { motionValue: n } = this.options;
@@ -1352,7 +1405,7 @@ class si extends ii {
       ...e,
       keyframes: [...a].reverse(),
       velocity: -r
-    })), u.calculatedDuration === null && (u.calculatedDuration = ei(u));
+    })), u.calculatedDuration === null && (u.calculatedDuration = ti(u));
     const { calculatedDuration: c } = u;
     this.calculatedDuration = c, this.resolvedDuration = c + s, this.totalDuration = this.resolvedDuration * (i + 1) - s, this.generator = u;
   }
@@ -1379,7 +1432,7 @@ class si extends ii {
     let { done: k } = S;
     !v && l !== null && (k = this.playbackSpeed >= 0 ? this.currentTime >= s : this.currentTime <= 0);
     const F = this.holdTime === null && (this.state === "finished" || this.state === "running" && k);
-    return F && m !== xn && (S.value = ni(c, this.options, T, this.speed)), x && x(S.value), F && this.finish(), S;
+    return F && m !== xn && (S.value = ei(c, this.options, T, this.speed)), x && x(S.value), F && this.finish(), S;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -1463,20 +1516,20 @@ const Vt = (t) => t * 180 / Math.PI, bn = (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
-}, wn = (t) => (t = t % 360, t < 0 && (t += 360), t), qi = bn, Zi = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Ji = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), Vl = {
+}, wn = (t) => (t = t % 360, t < 0 && (t += 360), t), Xi = bn, qi = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Zi = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), Vl = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: Zi,
-  scaleY: Ji,
-  scale: (t) => (Zi(t) + Ji(t)) / 2,
+  scaleX: qi,
+  scaleY: Zi,
+  scale: (t) => (qi(t) + Zi(t)) / 2,
   rotateX: (t) => wn(Vt(Math.atan2(t[6], t[5]))),
   rotateY: (t) => wn(Vt(Math.atan2(-t[2], t[0]))),
-  rotateZ: qi,
-  rotate: qi,
+  rotateZ: Xi,
+  rotate: Xi,
   skewX: (t) => Vt(Math.atan(t[4])),
   skewY: (t) => Vt(Math.atan(t[1])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
@@ -1525,7 +1578,7 @@ const zt = [
   "skew",
   "skewX",
   "skewY"
-], Yt = new Set(zt), Qi = (t) => t === Kt || t === P, Ml = /* @__PURE__ */ new Set(["x", "y", "z"]), kl = zt.filter((t) => !Ml.has(t));
+], Yt = new Set(zt), Ji = (t) => t === Kt || t === P, Ml = /* @__PURE__ */ new Set(["x", "y", "z"]), kl = zt.filter((t) => !Ml.has(t));
 function Ll(t) {
   const e = [];
   return kl.forEach((n) => {
@@ -1575,7 +1628,7 @@ function Ir() {
 function jl() {
   Cn = !0, Ir(), Fr(), Cn = !1;
 }
-class ri {
+class si {
   constructor(e, n, i, s, o, r = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = i, this.motionValue = s, this.element = o, this.isAsync = r;
   }
@@ -1618,9 +1671,9 @@ const Ol = (t) => t.startsWith("--");
 function Fl(t, e, n) {
   Ol(e) ? t.style.setProperty(e, n) : t.style[e] = n;
 }
-const Il = /* @__PURE__ */ Yn(() => window.ScrollTimeline !== void 0), Bl = {};
+const Il = /* @__PURE__ */ zn(() => window.ScrollTimeline !== void 0), Bl = {};
 function _l(t, e) {
-  const n = /* @__PURE__ */ Yn(t);
+  const n = /* @__PURE__ */ zn(t);
   return () => Bl[e] ?? n();
 }
 const Br = /* @__PURE__ */ _l(() => {
@@ -1630,7 +1683,7 @@ const Br = /* @__PURE__ */ _l(() => {
     return !1;
   }
   return !0;
-}, "linearEasing"), Zt = ([t, e, n, i]) => `cubic-bezier(${t}, ${e}, ${n}, ${i})`, ts = {
+}, "linearEasing"), Zt = ([t, e, n, i]) => `cubic-bezier(${t}, ${e}, ${n}, ${i})`, Qi = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -1643,7 +1696,7 @@ const Br = /* @__PURE__ */ _l(() => {
 };
 function _r(t, e) {
   if (t)
-    return typeof t == "function" ? Br() ? Lr(t, e) : "ease-out" : wr(t) ? Zt(t) : Array.isArray(t) ? t.map((n) => _r(n, e) || ts.easeOut) : ts[t];
+    return typeof t == "function" ? Br() ? Lr(t, e) : "ease-out" : wr(t) ? Zt(t) : Array.isArray(t) ? t.map((n) => _r(n, e) || Qi.easeOut) : Qi[t];
 }
 function Nl(t, e, n, { delay: i = 0, duration: s = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, u = void 0) {
   const c = {
@@ -1668,7 +1721,7 @@ function Nr(t) {
 function Wl({ type: t, ...e }) {
   return Nr(t) && Br() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
 }
-class Wr extends ii {
+class Wr extends ni {
   constructor(e) {
     if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !e)
       return;
@@ -1677,7 +1730,7 @@ class Wr extends ii {
     const u = Wl(e);
     this.animation = Nl(n, i, s, u, o), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !o) {
-        const c = ni(s, this.options, a, this.speed);
+        const c = ei(s, this.options, a, this.speed);
         this.updateMotionValue ? this.updateMotionValue(c) : Fl(n, i, c), this.animation.cancel();
       }
       l?.(), this.notifyFinished();
@@ -1793,14 +1846,14 @@ class Kl extends Wr {
       n.set(e);
       return;
     }
-    const a = new si({
+    const a = new ii({
       ...r,
       autoplay: !1
     }), l = Math.max(sn, q.now() - this.startTime), u = dt(0, sn, l - sn);
     n.setWithVelocity(a.sample(Math.max(0, l - u)).value, a.sample(l).value, u), a.stop();
   }
 }
-const es = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
+const ts = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
 (wt.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
 function zl(t) {
@@ -1817,7 +1870,7 @@ function Yl(t, e, n, i) {
     return !1;
   if (e === "display" || e === "visibility")
     return !0;
-  const o = t[t.length - 1], r = es(s, e), a = es(o, e);
+  const o = t[t.length - 1], r = ts(s, e), a = ts(o, e);
   return $t(r === a, `You are trying to animate ${e} from "${s}" to "${o}". "${r ? o : s}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : zl(t) || (n === "spring" || Nr(n)) && i;
 }
 function Vn(t) {
@@ -1830,7 +1883,7 @@ const Hl = /* @__PURE__ */ new Set([
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), Gl = /* @__PURE__ */ Yn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+]), Gl = /* @__PURE__ */ zn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
 function Xl(t) {
   const { motionValue: e, name: n, repeatDelay: i, repeatType: s, damping: o, type: r } = t;
   if (!(e?.owner?.current instanceof HTMLElement))
@@ -1843,7 +1896,7 @@ function Xl(t) {
   !l && !i && s !== "mirror" && o !== 0 && r !== "inertia";
 }
 const ql = 40;
-class Zl extends ii {
+class Zl extends ni {
   constructor({ autoplay: e = !0, delay: n = 0, type: i = "keyframes", repeat: s = 0, repeatDelay: o = 0, repeatType: r = "loop", keyframes: a, name: l, motionValue: u, element: c, ...h }) {
     super(), this.stop = () => {
       this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
@@ -1859,13 +1912,13 @@ class Zl extends ii {
       motionValue: u,
       element: c,
       ...h
-    }, p = c?.KeyframeResolver || ri;
+    }, p = c?.KeyframeResolver || si;
     this.keyframeResolver = new p(a, (m, x, T) => this.onKeyframesResolved(m, x, d, !T), l, u, c), this.keyframeResolver?.scheduleResolve();
   }
   onKeyframesResolved(e, n, i, s) {
     this.keyframeResolver = void 0;
     const { name: o, type: r, velocity: a, delay: l, isHandoff: u, onUpdate: c } = i;
-    this.resolvedAt = q.now(), Yl(e, o, r, a) || ((gt.instantAnimations || !l) && c?.(ni(e, i, n)), e[0] = e[e.length - 1], Vn(i), i.repeat = 0);
+    this.resolvedAt = q.now(), Yl(e, o, r, a) || ((gt.instantAnimations || !l) && c?.(ei(e, i, n)), e[0] = e[e.length - 1], Vn(i), i.repeat = 0);
     const d = {
       startTime: s ? this.resolvedAt ? this.resolvedAt - this.createdAt > ql ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
@@ -1874,7 +1927,7 @@ class Zl extends ii {
     }, p = !u && Xl(d), m = d.motionValue?.owner?.current, x = p ? new Kl({
       ...d,
       element: m
-    }) : new si(d);
+    }) : new ii(d);
     x.finished.then(() => {
       this.notifyFinished();
     }).catch(st), this.pendingTimeline && (this.stopTimeline = x.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = x;
@@ -1955,7 +2008,7 @@ function Kr(t, e, n = 1) {
     const r = o.trim();
     return cr(r) ? parseFloat(r) : r;
   }
-  return Zn(s) ? Kr(s, e, n + 1) : s;
+  return qn(s) ? Kr(s, e, n + 1) : s;
 }
 const ec = {
   type: "spring",
@@ -1986,15 +2039,15 @@ function zr(t, e) {
   }
   return t;
 }
-function oi(t, e) {
+function ri(t, e) {
   const n = t?.[e] ?? t?.default ?? t;
   return n !== t ? zr(n, t) : n;
 }
 function lc({ when: t, delay: e, delayChildren: n, staggerChildren: i, staggerDirection: s, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: u, ...c }) {
   return !!Object.keys(c).length;
 }
-const ai = (t, e, n, i = {}, s, o) => (r) => {
-  const a = oi(i, t) || {}, l = a.delay || i.delay || 0;
+const oi = (t, e, n, i = {}, s, o) => (r) => {
+  const a = ri(i, t) || {}, l = a.delay || i.delay || 0;
   let { elapsed: u = 0 } = i;
   u = u - /* @__PURE__ */ rt(l);
   const c = {
@@ -2024,28 +2077,28 @@ const ai = (t, e, n, i = {}, s, o) => (r) => {
       return;
     }
   }
-  return a.isSync ? new si(c) : new Zl(c);
+  return a.isSync ? new ii(c) : new Zl(c);
 };
-function ns(t) {
+function es(t) {
   const e = [{}, {}];
   return t?.values.forEach((n, i) => {
     e[0][i] = n.get(), e[1][i] = n.getVelocity();
   }), e;
 }
-function li(t, e, n, i) {
+function ai(t, e, n, i) {
   if (typeof e == "function") {
-    const [s, o] = ns(i);
+    const [s, o] = es(i);
     e = e(n !== void 0 ? n : t.custom, s, o);
   }
   if (typeof e == "string" && (e = t.variants && t.variants[e]), typeof e == "function") {
-    const [s, o] = ns(i);
+    const [s, o] = es(i);
     e = e(n !== void 0 ? n : t.custom, s, o);
   }
   return e;
 }
 function Nt(t, e, n) {
   const i = t.getProps();
-  return li(i, e, n !== void 0 ? n : i.custom, t);
+  return ai(i, e, n !== void 0 ? n : i.custom, t);
 }
 const Yr = /* @__PURE__ */ new Set([
   "width",
@@ -2055,7 +2108,7 @@ const Yr = /* @__PURE__ */ new Set([
   "right",
   "bottom",
   ...zt
-]), is = 30, cc = (t) => !isNaN(parseFloat(t));
+]), ns = 30, cc = (t) => !isNaN(parseFloat(t));
 class uc {
   /**
    * @param init - The initiating value
@@ -2118,10 +2171,10 @@ class uc {
    * @deprecated
    */
   onChange(e) {
-    return process.env.NODE_ENV !== "production" && Gn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
+    return process.env.NODE_ENV !== "production" && Hn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
   }
   on(e, n) {
-    this.events[e] || (this.events[e] = new Hn());
+    this.events[e] || (this.events[e] = new Yn());
     const i = this.events[e].add(n);
     return e === "change" ? () => {
       i(), O.read(() => {
@@ -2201,9 +2254,9 @@ class uc {
    */
   getVelocity() {
     const e = q.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > is)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > ns)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, is);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, ns);
     return hr(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
@@ -2287,10 +2340,10 @@ function Dn(t, e) {
     t.addValue("willChange", i), i.add(e);
   }
 }
-function ci(t) {
+function li(t) {
   return t.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
 }
-const mc = "framerAppearId", Hr = "data-" + ci(mc);
+const mc = "framerAppearId", Hr = "data-" + li(mc);
 function Gr(t) {
   return t.props[Hr];
 }
@@ -2311,7 +2364,7 @@ function Xr(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
       continue;
     const x = {
       delay: n,
-      ...oi(o || {}, d)
+      ...ri(o || {}, d)
     }, T = p.get();
     if (T !== void 0 && !p.isAnimating && !Array.isArray(m) && m === T && !x.velocity)
       continue;
@@ -2325,7 +2378,7 @@ function Xr(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
     }
     Dn(t, d);
     const v = u ?? t.shouldReduceMotion;
-    p.start(ai(d, p, m, v && Yr.has(d) ? { type: !1 } : x, t, y));
+    p.start(oi(d, p, m, v && Yr.has(d) ? { type: !1 } : x, t, y));
     const b = p.animation;
     b && c.push(b);
   }
@@ -2379,7 +2432,7 @@ function vc(t, e, n = {}) {
 const Tc = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, qr = (t) => (e) => e.test(t), Zr = [Kt, P, ht, Tt, Ya, za, Tc], ss = (t) => Zr.find(qr(t));
+}, qr = (t) => (e) => e.test(t), Zr = [Kt, P, ht, Tt, Ya, za, Tc], is = (t) => Zr.find(qr(t));
 function xc(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || fr(t) : !0;
 }
@@ -2388,7 +2441,7 @@ function wc(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
-  const [i] = n.match(Jn) || [];
+  const [i] = n.match(Zn) || [];
   if (!i)
     return t;
   const s = n.replace(i, "");
@@ -2401,7 +2454,7 @@ const Pc = /\b([a-z-]*)\(.*?\)/gu, kn = {
     const e = t.match(Pc);
     return e ? e.map(wc).join(" ") : t;
   }
-}, rs = {
+}, ss = {
   ...Kt,
   transform: Math.round
 }, Sc = {
@@ -2426,10 +2479,10 @@ const Pc = /\b([a-z-]*)\(.*?\)/gu, kn = {
   perspective: P,
   transformPerspective: P,
   opacity: ie,
-  originX: zi,
-  originY: zi,
+  originX: Ki,
+  originY: Ki,
   originZ: P
-}, ui = {
+}, ci = {
   // Border props
   borderWidth: P,
   borderTopWidth: P,
@@ -2486,13 +2539,13 @@ const Pc = /\b([a-z-]*)\(.*?\)/gu, kn = {
   backgroundPositionX: P,
   backgroundPositionY: P,
   ...Sc,
-  zIndex: rs,
+  zIndex: ss,
   // SVG
   fillOpacity: ie,
   strokeOpacity: ie,
-  numOctaves: rs
+  numOctaves: ss
 }, Ec = {
-  ...ui,
+  ...ci,
   // Color props
   color: $,
   backgroundColor: $,
@@ -2523,7 +2576,7 @@ function Cc(t, e, n) {
     for (const o of e)
       t[o] = Qr(n, s);
 }
-class Vc extends ri {
+class Vc extends si {
   constructor(e, n, i, s, o) {
     super(e, n, i, s, o, !0);
   }
@@ -2534,20 +2587,20 @@ class Vc extends ri {
     super.readKeyframes();
     for (let c = 0; c < e.length; c++) {
       let h = e[c];
-      if (typeof h == "string" && (h = h.trim(), Zn(h))) {
+      if (typeof h == "string" && (h = h.trim(), qn(h))) {
         const d = Kr(h, n.current);
         d !== void 0 && (e[c] = d), c === e.length - 1 && (this.finalKeyframe = h);
       }
     }
     if (this.resolveNoneKeyframes(), !Yr.has(i) || e.length !== 2)
       return;
-    const [s, o] = e, r = ss(s), a = ss(o), l = Ki(s), u = Ki(o);
+    const [s, o] = e, r = is(s), a = is(o), l = $i(s), u = $i(o);
     if (l !== u && xt[i]) {
       this.needsMeasurement = !0;
       return;
     }
     if (r !== a)
-      if (Qi(r) && Qi(a))
+      if (Ji(r) && Ji(a))
         for (let c = 0; c < e.length; c++) {
           const h = e[c];
           typeof h == "string" && (e[c] = parseFloat(h));
@@ -2605,7 +2658,7 @@ const eo = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
 function Ln(t) {
   return ur(t) && "offsetHeight" in t;
 }
-const { schedule: fi } = /* @__PURE__ */ Pr(queueMicrotask, !1), lt = {
+const { schedule: ui } = /* @__PURE__ */ Pr(queueMicrotask, !1), lt = {
   x: !1,
   y: !1
 };
@@ -2660,7 +2713,7 @@ function kc(t, e, n = {}) {
     r.addEventListener("pointerenter", x, s), r.addEventListener("pointerdown", p, s);
   }), o;
 }
-const so = (t, e) => e ? t === e ? !0 : so(t, e.parentElement) : !1, hi = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, Lc = /* @__PURE__ */ new Set([
+const so = (t, e) => e ? t === e ? !0 : so(t, e.parentElement) : !1, fi = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, Lc = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
@@ -2675,7 +2728,7 @@ function Fc(t) {
   return Oc.has(t.tagName) || t.isContentEditable === !0;
 }
 const we = /* @__PURE__ */ new WeakSet();
-function os(t) {
+function rs(t) {
   return (e) => {
     e.key === "Enter" && t(e);
   };
@@ -2687,29 +2740,29 @@ const Ic = (t, e) => {
   const n = t.currentTarget;
   if (!n)
     return;
-  const i = os(() => {
+  const i = rs(() => {
     if (we.has(n))
       return;
     rn(n, "down");
-    const s = os(() => {
+    const s = rs(() => {
       rn(n, "up");
     }), o = () => rn(n, "cancel");
     n.addEventListener("keyup", s, e), n.addEventListener("blur", o, e);
   });
   n.addEventListener("keydown", i, e), n.addEventListener("blur", () => n.removeEventListener("keydown", i), e);
 };
-function as(t) {
-  return hi(t) && !no();
+function os(t) {
+  return fi(t) && !no();
 }
-const ls = /* @__PURE__ */ new WeakSet();
+const as = /* @__PURE__ */ new WeakSet();
 function Bc(t, e, n = {}) {
   const [i, s, o] = io(t, n), r = (a) => {
     const l = a.currentTarget;
-    if (!as(a) || ls.has(a))
+    if (!os(a) || as.has(a))
       return;
-    we.add(l), n.stopPropagation && ls.add(a);
+    we.add(l), n.stopPropagation && as.add(a);
     const u = e(l, a), c = (p, m) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", d), we.has(l) && we.delete(l), as(p) && typeof u == "function" && u(p, { success: m });
+      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", d), we.has(l) && we.delete(l), os(p) && typeof u == "function" && u(p, { success: m });
     }, h = (p) => {
       c(p, l === window || l === document || n.useGlobalTarget || so(l, p.target));
     }, d = (p) => {
@@ -2721,12 +2774,12 @@ function Bc(t, e, n = {}) {
     (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, s), Ln(a) && (a.addEventListener("focus", (u) => Ic(u, s)), !jc(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), o;
 }
-function di(t) {
+function hi(t) {
   return ur(t) && "ownerSVGElement" in t;
 }
 const Pe = /* @__PURE__ */ new WeakMap();
 let Se;
-const ro = (t, e, n) => (i, s) => s && s[0] ? s[0][t + "Size"] : di(i) && "getBBox" in i ? i.getBBox()[e] : i[n], _c = /* @__PURE__ */ ro("inline", "width", "offsetWidth"), Nc = /* @__PURE__ */ ro("block", "height", "offsetHeight");
+const ro = (t, e, n) => (i, s) => s && s[0] ? s[0][t + "Size"] : hi(i) && "getBBox" in i ? i.getBBox()[e] : i[n], _c = /* @__PURE__ */ ro("inline", "width", "offsetWidth"), Nc = /* @__PURE__ */ ro("block", "height", "offsetHeight");
 function Wc({ target: t, borderBoxSize: e }) {
   Pe.get(t)?.forEach((n) => {
     n(t, {
@@ -2778,23 +2831,23 @@ function Yc(t) {
     Ee.delete(t), !Ee.size && typeof Ft == "function" && (window.removeEventListener("resize", Ft), Ft = void 0);
   };
 }
-function cs(t, e) {
+function ls(t, e) {
   return typeof t == "function" ? Yc(t) : Kc(t, e);
 }
 function Hc(t) {
-  return di(t) && t.tagName === "svg";
+  return hi(t) && t.tagName === "svg";
 }
-const Gc = [...Zr, $, wt], Xc = (t) => Gc.find(qr(t)), us = () => ({
+const Gc = [...Zr, $, wt], Xc = (t) => Gc.find(qr(t)), cs = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
   originPoint: 0
 }), It = () => ({
+  x: cs(),
+  y: cs()
+}), us = () => ({ min: 0, max: 0 }), K = () => ({
   x: us(),
   y: us()
-}), fs = () => ({ min: 0, max: 0 }), K = () => ({
-  x: fs(),
-  y: fs()
 }), qc = /* @__PURE__ */ new WeakMap();
 function Ne(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
@@ -2802,7 +2855,7 @@ function Ne(t) {
 function re(t) {
   return typeof t == "string" || Array.isArray(t);
 }
-const pi = [
+const di = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -2810,9 +2863,9 @@ const pi = [
   "whileTap",
   "whileDrag",
   "exit"
-], mi = ["initial", ...pi];
+], pi = ["initial", ...di];
 function We(t) {
-  return Ne(t.animate) || mi.some((e) => re(t[e]));
+  return Ne(t.animate) || pi.some((e) => re(t[e]));
 }
 function oo(t) {
   return !!(We(t) || t.variants);
@@ -2846,7 +2899,7 @@ function Qc() {
     } else
       jn.current = !1;
 }
-const hs = [
+const fs = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2874,7 +2927,7 @@ class eu {
     return {};
   }
   constructor({ parent: e, props: n, presenceContext: i, reducedMotionConfig: s, skipAnimations: o, blockInitialAnimation: r, visualState: a }, l = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.shouldSkipAnimations = !1, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = ri, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.hasBeenMounted = !1, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.shouldSkipAnimations = !1, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = si, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.hasBeenMounted = !1, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const p = q.now();
@@ -2892,7 +2945,7 @@ class eu {
     if (this.hasBeenMounted)
       for (const n in this.initialValues)
         this.values.get(n)?.jump(this.initialValues[n]), this.latestValues[n] = this.initialValues[n];
-    this.current = e, qc.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, i) => this.bindToMotionValue(i, n)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (ao.current || Qc(), this.shouldReduceMotion = jn.current), process.env.NODE_ENV !== "production" && Gn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, this.parent?.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
+    this.current = e, qc.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, i) => this.bindToMotionValue(i, n)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (ao.current || Qc(), this.shouldReduceMotion = jn.current), process.env.NODE_ENV !== "production" && Hn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, this.parent?.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
   }
   unmount() {
     this.projection && this.projection.unmount(), bt(this.notifyUpdate), bt(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
@@ -2974,8 +3027,8 @@ class eu {
    */
   update(e, n) {
     (e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let i = 0; i < hs.length; i++) {
-      const s = hs[i];
+    for (let i = 0; i < fs.length; i++) {
+      const s = fs[i];
       this.propEventSubscriptions[s] && (this.propEventSubscriptions[s](), delete this.propEventSubscriptions[s]);
       const o = "on" + s, r = e[o];
       r && (this.propEventSubscriptions[s] = this.on(s, r));
@@ -3062,7 +3115,7 @@ class eu {
     const { initial: n } = this.props;
     let i;
     if (typeof n == "string" || typeof n == "object") {
-      const o = li(this.props, n, this.presenceContext?.custom);
+      const o = ai(this.props, n, this.presenceContext?.custom);
       o && (i = o[e]);
     }
     if (n && i !== void 0)
@@ -3071,13 +3124,13 @@ class eu {
     return s !== void 0 && !H(s) ? s : this.initialValues[e] !== void 0 && i === void 0 ? void 0 : this.baseTarget[e];
   }
   on(e, n) {
-    return this.events[e] || (this.events[e] = new Hn()), this.events[e].add(n);
+    return this.events[e] || (this.events[e] = new Yn()), this.events[e].add(n);
   }
   notify(e, ...n) {
     this.events[e] && this.events[e].notify(...n);
   }
   scheduleRenderMicrotask() {
-    fi.render(this.render);
+    ui.render(this.render);
   }
 }
 class co extends eu {
@@ -3139,25 +3192,25 @@ function At(t) {
   return On(t) || fo(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
 }
 function fo(t) {
-  return ds(t.x) || ds(t.y);
+  return hs(t.x) || hs(t.y);
 }
-function ds(t) {
+function hs(t) {
   return t && t !== "0%";
 }
 function je(t, e, n) {
   const i = t - n, s = e * i;
   return n + s;
 }
-function ps(t, e, n, i, s) {
+function ds(t, e, n, i, s) {
   return s !== void 0 && (t = je(t, s, i)), je(t, n, i) + e;
 }
 function Fn(t, e = 0, n = 1, i, s) {
-  t.min = ps(t.min, e, n, i, s), t.max = ps(t.max, e, n, i, s);
+  t.min = ds(t.min, e, n, i, s), t.max = ds(t.max, e, n, i, s);
 }
 function ho(t, { x: e, y: n }) {
   Fn(t.x, e.translate, e.scale, e.originPoint), Fn(t.y, n.translate, n.scale, n.originPoint);
 }
-const ms = 0.999999999999, gs = 1.0000000000001;
+const ps = 0.999999999999, ms = 1.0000000000001;
 function su(t, e, n, i = !1) {
   const s = n.length;
   if (!s)
@@ -3172,17 +3225,17 @@ function su(t, e, n, i = !1) {
       y: -o.scroll.offset.y
     }), r && (e.x *= r.x.scale, e.y *= r.y.scale, ho(t, r)), i && At(o.latestValues) && _t(t, o.latestValues));
   }
-  e.x < gs && e.x > ms && (e.x = 1), e.y < gs && e.y > ms && (e.y = 1);
+  e.x < ms && e.x > ps && (e.x = 1), e.y < ms && e.y > ps && (e.y = 1);
 }
 function Bt(t, e) {
   t.min = t.min + e, t.max = t.max + e;
 }
-function ys(t, e, n, i, s = 0.5) {
+function gs(t, e, n, i, s = 0.5) {
   const o = B(t.min, t.max, s);
   Fn(t, e, n, o, i);
 }
 function _t(t, e) {
-  ys(t.x, e.x, e.scaleX, e.scale, e.originX), ys(t.y, e.y, e.scaleY, e.scale, e.originY);
+  gs(t.x, e.x, e.scaleX, e.scale, e.originX), gs(t.y, e.y, e.scaleY, e.scale, e.originY);
 }
 function po(t, e) {
   return uo(iu(t.getBoundingClientRect(), e));
@@ -3211,7 +3264,7 @@ function lu(t, e, n) {
       l = r.startsWith("scale") ? u === 1 : u === 0;
     }
     if (!l || n) {
-      const u = eo(a, ui[r]);
+      const u = eo(a, ci[r]);
       if (!l) {
         s = !1;
         const c = ou[r] || r;
@@ -3222,7 +3275,7 @@ function lu(t, e, n) {
   }
   return i = i.trim(), n ? i = n(e, s ? "" : i) : s && (i = "none"), i;
 }
-function gi(t, e, n) {
+function mi(t, e, n) {
   const { style: i, vars: s, transformOrigin: o } = t;
   let r = !1, a = !1;
   for (const l in e) {
@@ -3234,7 +3287,7 @@ function gi(t, e, n) {
       s[l] = u;
       continue;
     } else {
-      const c = eo(u, ui[l]);
+      const c = eo(u, ci[l]);
       l.startsWith("origin") ? (a = !0, o[l] = c) : i[l] = c;
     }
   }
@@ -3252,7 +3305,7 @@ function mo(t, { style: e, vars: n }, i, s) {
   for (r in n)
     o.setProperty(r, n[r]);
 }
-function vs(t, e) {
+function ys(t, e) {
   return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
 }
 const qt = {
@@ -3264,7 +3317,7 @@ const qt = {
         t = parseFloat(t);
       else
         return t;
-    const n = vs(t, e.target.x), i = vs(t, e.target.y);
+    const n = ys(t, e.target.x), i = ys(t, e.target.y);
     return `${n}% ${i}%`;
   }
 }, cu = {
@@ -3296,7 +3349,7 @@ const qt = {
 function go(t, { layout: e, layoutId: n }) {
   return Yt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!In[t] || t === "opacity");
 }
-function yi(t, e, n) {
+function gi(t, e, n) {
   const i = t.style, s = e?.style, o = {};
   if (!i)
     return o;
@@ -3323,10 +3376,10 @@ class fu extends co {
     return po(e, n);
   }
   build(e, n, i) {
-    gi(e, n, i.transformTemplate);
+    mi(e, n, i.transformTemplate);
   }
   scrapeMotionValuesFromProps(e, n, i) {
-    return yi(e, n, i);
+    return gi(e, n, i);
   }
 }
 const hu = {
@@ -3357,7 +3410,7 @@ function yo(t, {
   // This is object creation, which we try to avoid per-frame.
   ...a
 }, l, u, c) {
-  if (gi(t, a, u), l) {
+  if (mi(t, a, u), l) {
     t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
     return;
   }
@@ -3396,10 +3449,10 @@ const vo = /* @__PURE__ */ new Set([
 function gu(t, e, n, i) {
   mo(t, e, void 0, i);
   for (const s in e.attrs)
-    t.setAttribute(vo.has(s) ? s : ci(s), e.attrs[s]);
+    t.setAttribute(vo.has(s) ? s : li(s), e.attrs[s]);
 }
 function xo(t, e, n) {
-  const i = yi(t, e, n);
+  const i = gi(t, e, n);
   for (const s in t)
     if (H(t[s]) || H(e[s])) {
       const o = zt.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
@@ -3419,7 +3472,7 @@ class yu extends co {
       const i = Jr(n);
       return i && i.default || 0;
     }
-    return n = vo.has(n) ? n : ci(n), e.getAttribute(n);
+    return n = vo.has(n) ? n : li(n), e.getAttribute(n);
   }
   scrapeMotionValuesFromProps(e, n, i) {
     return xo(e, n, i);
@@ -3434,7 +3487,7 @@ class yu extends co {
     this.isSVGTag = To(e.tagName), super.mount(e);
   }
 }
-const vu = mi.length;
+const vu = pi.length;
 function bo(t) {
   if (!t)
     return;
@@ -3444,7 +3497,7 @@ function bo(t) {
   }
   const e = {};
   for (let n = 0; n < vu; n++) {
-    const i = mi[n], s = t.props[i];
+    const i = pi[n], s = t.props[i];
     (re(s) || s === !1) && (e[i] = s);
   }
   return e;
@@ -3460,12 +3513,12 @@ function wo(t, e) {
       return !1;
   return !0;
 }
-const Tu = [...pi].reverse(), xu = pi.length;
+const Tu = [...di].reverse(), xu = di.length;
 function bu(t) {
   return (e) => Promise.all(e.map(({ animation: n, options: i }) => vc(t, n, i)));
 }
 function wu(t) {
-  let e = bu(t), n = Ts(), i = !0;
+  let e = bu(t), n = vs(), i = !0;
   const s = (l) => (u, c) => {
     const h = Nt(t, c, l === "exit" ? t.presenceContext?.custom : void 0);
     if (h) {
@@ -3564,7 +3617,7 @@ function wu(t) {
     setAnimateFunction: o,
     getState: () => n,
     reset: () => {
-      n = Ts();
+      n = vs();
     }
   };
 }
@@ -3579,7 +3632,7 @@ function Et(t = !1) {
     prevResolvedValues: {}
   };
 }
-function Ts() {
+function vs() {
   return {
     animate: Et(!0),
     whileInView: Et(),
@@ -3590,13 +3643,13 @@ function Ts() {
     exit: Et()
   };
 }
-function xs(t, e) {
+function Ts(t, e) {
   t.min = e.min, t.max = e.max;
 }
 function ot(t, e) {
-  xs(t.x, e.x), xs(t.y, e.y);
+  Ts(t.x, e.x), Ts(t.y, e.y);
 }
-function bs(t, e) {
+function xs(t, e) {
   t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
 }
 const Po = 1e-4, Su = 1 - Po, Eu = 1 + Po, So = 0.01, Au = 0 - So, Cu = 0 + So;
@@ -3606,62 +3659,62 @@ function Z(t) {
 function Vu(t, e, n) {
   return Math.abs(t - e) <= n;
 }
-function ws(t, e, n, i = 0.5) {
+function bs(t, e, n, i = 0.5) {
   t.origin = i, t.originPoint = B(e.min, e.max, t.origin), t.scale = Z(n) / Z(e), t.translate = B(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Su && t.scale <= Eu || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Au && t.translate <= Cu || isNaN(t.translate)) && (t.translate = 0);
 }
 function Qt(t, e, n, i) {
-  ws(t.x, e.x, n.x, i ? i.originX : void 0), ws(t.y, e.y, n.y, i ? i.originY : void 0);
+  bs(t.x, e.x, n.x, i ? i.originX : void 0), bs(t.y, e.y, n.y, i ? i.originY : void 0);
 }
-function Ps(t, e, n) {
+function ws(t, e, n) {
   t.min = n.min + e.min, t.max = t.min + Z(e);
 }
 function Ru(t, e, n) {
-  Ps(t.x, e.x, n.x), Ps(t.y, e.y, n.y);
+  ws(t.x, e.x, n.x), ws(t.y, e.y, n.y);
 }
-function Ss(t, e, n) {
+function Ps(t, e, n) {
   t.min = e.min - n.min, t.max = t.min + Z(e);
 }
 function Oe(t, e, n) {
-  Ss(t.x, e.x, n.x), Ss(t.y, e.y, n.y);
+  Ps(t.x, e.x, n.x), Ps(t.y, e.y, n.y);
 }
-function Es(t, e, n, i, s) {
+function Ss(t, e, n, i, s) {
   return t -= e, t = je(t, 1 / n, i), s !== void 0 && (t = je(t, 1 / s, i)), t;
 }
 function Du(t, e = 0, n = 1, i = 0.5, s, o = t, r = t) {
   if (ht.test(e) && (e = parseFloat(e), e = B(r.min, r.max, e / 100) - r.min), typeof e != "number")
     return;
   let a = B(o.min, o.max, i);
-  t === o && (a -= e), t.min = Es(t.min, e, n, a, s), t.max = Es(t.max, e, n, a, s);
+  t === o && (a -= e), t.min = Ss(t.min, e, n, a, s), t.max = Ss(t.max, e, n, a, s);
 }
-function As(t, e, [n, i, s], o, r) {
+function Es(t, e, [n, i, s], o, r) {
   Du(t, e[n], e[i], e[s], e.scale, o, r);
 }
 const Mu = ["x", "scaleX", "originX"], ku = ["y", "scaleY", "originY"];
-function Cs(t, e, n, i) {
-  As(t.x, e, Mu, n ? n.x : void 0, i ? i.x : void 0), As(t.y, e, ku, n ? n.y : void 0, i ? i.y : void 0);
+function As(t, e, n, i) {
+  Es(t.x, e, Mu, n ? n.x : void 0, i ? i.x : void 0), Es(t.y, e, ku, n ? n.y : void 0, i ? i.y : void 0);
 }
-function Vs(t) {
+function Cs(t) {
   return t.translate === 0 && t.scale === 1;
 }
 function Eo(t) {
-  return Vs(t.x) && Vs(t.y);
+  return Cs(t.x) && Cs(t.y);
 }
-function Rs(t, e) {
+function Vs(t, e) {
   return t.min === e.min && t.max === e.max;
 }
 function Lu(t, e) {
-  return Rs(t.x, e.x) && Rs(t.y, e.y);
+  return Vs(t.x, e.x) && Vs(t.y, e.y);
 }
-function Ds(t, e) {
+function Rs(t, e) {
   return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
 }
 function Ao(t, e) {
-  return Ds(t.x, e.x) && Ds(t.y, e.y);
+  return Rs(t.x, e.x) && Rs(t.y, e.y);
 }
-function Ms(t) {
+function Ds(t) {
   return Z(t.x) / Z(t.y);
 }
-function ks(t, e) {
+function Ms(t, e) {
   return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
 }
 function ft(t) {
@@ -3677,19 +3730,19 @@ function ju(t, e, n) {
   const a = t.x.scale * e.x, l = t.y.scale * e.y;
   return (a !== 1 || l !== 1) && (i += `scale(${a}, ${l})`), i || "none";
 }
-const Co = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Ou = Co.length, Ls = (t) => typeof t == "string" ? parseFloat(t) : t, js = (t) => typeof t == "number" || P.test(t);
+const Co = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Ou = Co.length, ks = (t) => typeof t == "string" ? parseFloat(t) : t, Ls = (t) => typeof t == "number" || P.test(t);
 function Fu(t, e, n, i, s, o) {
   s ? (t.opacity = B(0, n.opacity ?? 1, Iu(i)), t.opacityExit = B(e.opacity ?? 1, 0, Bu(i))) : o && (t.opacity = B(e.opacity ?? 1, n.opacity ?? 1, i));
   for (let r = 0; r < Ou; r++) {
     const a = `border${Co[r]}Radius`;
-    let l = Os(e, a), u = Os(n, a);
+    let l = js(e, a), u = js(n, a);
     if (l === void 0 && u === void 0)
       continue;
-    l || (l = 0), u || (u = 0), l === 0 || u === 0 || js(l) === js(u) ? (t[a] = Math.max(B(Ls(l), Ls(u), i), 0), (ht.test(u) || ht.test(l)) && (t[a] += "%")) : t[a] = u;
+    l || (l = 0), u || (u = 0), l === 0 || u === 0 || Ls(l) === Ls(u) ? (t[a] = Math.max(B(ks(l), ks(u), i), 0), (ht.test(u) || ht.test(l)) && (t[a] += "%")) : t[a] = u;
   }
   (e.rotate || n.rotate) && (t.rotate = B(e.rotate || 0, n.rotate || 0, i));
 }
-function Os(t, e) {
+function js(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
 const Iu = /* @__PURE__ */ Vo(0, 0.5, Tr), Bu = /* @__PURE__ */ Vo(0.5, 0.95, st);
@@ -3698,7 +3751,7 @@ function Vo(t, e, n) {
 }
 function _u(t, e, n) {
   const i = H(t) ? t : Wt(t);
-  return i.start(ai("", i, e, n)), i.animation;
+  return i.start(oi("", i, e, n)), i.animation;
 }
 function oe(t, e, n, i = { passive: !0 }) {
   return t.addEventListener(e, n, i), () => t.removeEventListener(e, n);
@@ -3709,7 +3762,7 @@ class Wu {
     this.children = [], this.isDirty = !1;
   }
   add(e) {
-    zn(this.children, e), this.isDirty = !0;
+    Kn(this.children, e), this.isDirty = !0;
   }
   remove(e) {
     Re(this.children, e), this.isDirty = !0;
@@ -3733,7 +3786,7 @@ class $u {
     this.members = [];
   }
   add(e) {
-    zn(this.members, e);
+    Kn(this.members, e);
     for (let n = this.members.length - 1; n >= 0; n--) {
       const i = this.members[n];
       if (i === e || i === this.lead || i === this.prevLead)
@@ -3839,7 +3892,7 @@ function Do({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.root === this && (this.nodes = new Wu());
     }
     addEventListener(r, a) {
-      return this.eventHandlers.has(r) || this.eventHandlers.set(r, new Hn()), this.eventHandlers.get(r).add(a);
+      return this.eventHandlers.has(r) || this.eventHandlers.set(r, new Yn()), this.eventHandlers.get(r).add(a);
     }
     notifyListeners(r, ...a) {
       const l = this.eventHandlers.get(r);
@@ -3854,7 +3907,7 @@ function Do({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     mount(r) {
       if (this.instance)
         return;
-      this.isSVG = di(r) && !Hc(r), this.instance = r;
+      this.isSVG = hi(r) && !Hc(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, h = 0;
@@ -3863,7 +3916,7 @@ function Do({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           h = window.innerWidth;
         }), t(r, () => {
           const p = window.innerWidth;
-          p !== h && (h = p, this.root.updateBlockedByResize = !0, c && c(), c = Uu(d, 250), Ce.hasAnimatedSinceResize && (Ce.hasAnimatedSinceResize = !1, this.nodes.forEach(Bs)));
+          p !== h && (h = p, this.root.updateBlockedByResize = !0, c && c(), c = Uu(d, 250), Ce.hasAnimatedSinceResize && (Ce.hasAnimatedSinceResize = !1, this.nodes.forEach(Is)));
         });
       }
       a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && u && (a || l) && this.addEventListener("didUpdate", ({ delta: c, hasLayoutChanged: h, hasRelativeLayoutChanged: d, layout: p }) => {
@@ -3875,13 +3928,13 @@ function Do({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         if (this.options.layoutRoot || this.resumeFrom || v || h && (y || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const b = {
-            ...oi(m, "layout"),
+            ...ri(m, "layout"),
             onPlay: x,
             onComplete: T
           };
           (u.shouldReduceMotion || this.options.layoutRoot) && (b.delay = 0, b.type = !1), this.startAnimation(b), this.setAnimationOrigin(c, v);
         } else
-          h || Bs(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
+          h || Is(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = p;
       });
     }
@@ -3931,19 +3984,19 @@ function Do({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     update() {
       if (this.updateScheduled = !1, this.isUpdateBlocked()) {
-        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Fs);
+        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Os);
         return;
       }
       if (this.animationId <= this.animationCommitId) {
-        this.nodes.forEach(Is);
+        this.nodes.forEach(Fs);
         return;
       }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Zu), this.nodes.forEach(Yu), this.nodes.forEach(Hu)) : this.nodes.forEach(Is), this.clearAllSnapshots();
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Zu), this.nodes.forEach(Yu), this.nodes.forEach(Hu)) : this.nodes.forEach(Fs), this.clearAllSnapshots();
       const a = q.now();
       z.delta = dt(0, 1e3 / 60, a - z.timestamp), z.timestamp = a, z.isProcessing = !0, Je.update.process(z), Je.preRender.process(z), Je.render.process(z), z.isProcessing = !1;
     }
     didUpdate() {
-      this.updateScheduled || (this.updateScheduled = !0, fi.read(this.scheduleUpdate));
+      this.updateScheduled || (this.updateScheduled = !0, ui.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
       this.nodes.forEach(qu), this.sharedNodes.forEach(ef);
@@ -4045,9 +4098,9 @@ function Do({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           continue;
         On(u.latestValues) && u.updateSnapshot();
         const c = K(), h = u.measurePageBox();
-        ot(c, h), Cs(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
+        ot(c, h), As(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
       }
-      return At(this.latestValues) && Cs(a, this.latestValues), a;
+      return At(this.latestValues) && As(a, this.latestValues), a;
     }
     setTargetDelta(r) {
       this.targetDelta = r, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
@@ -4107,7 +4160,7 @@ function Do({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
         return;
       }
-      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (bs(this.prevProjectionDelta.x, this.projectionDelta.x), bs(this.prevProjectionDelta.y, this.projectionDelta.y)), Qt(this.projectionDelta, this.layoutCorrected, p, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== d || !ks(this.projectionDelta.x, this.prevProjectionDelta.x) || !ks(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", p));
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (xs(this.prevProjectionDelta.x, this.projectionDelta.x), xs(this.prevProjectionDelta.y, this.projectionDelta.y)), Qt(this.projectionDelta, this.layoutCorrected, p, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== d || !Ms(this.projectionDelta.x, this.prevProjectionDelta.x) || !Ms(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", p));
     }
     hide() {
       this.isVisible = !1;
@@ -4133,7 +4186,7 @@ function Do({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       let b;
       this.mixTargetDelta = (E) => {
         const S = E / 1e3;
-        _s(h.x, r.x, S), _s(h.y, r.y, S), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Oe(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox), nf(this.relativeTarget, this.relativeTargetOrigin, d, S), b && Lu(this.relativeTarget, b) && (this.isProjectionDirty = !1), b || (b = K()), ot(b, this.relativeTarget)), x && (this.animationValues = c, Fu(c, u, this.latestValues, S, v, y)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = S;
+        Bs(h.x, r.x, S), Bs(h.y, r.y, S), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Oe(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox), nf(this.relativeTarget, this.relativeTargetOrigin, d, S), b && Lu(this.relativeTarget, b) && (this.isProjectionDirty = !1), b || (b = K()), ot(b, this.relativeTarget)), x && (this.animationValues = c, Fu(c, u, this.latestValues, S, v, y)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = S;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
@@ -4267,7 +4320,7 @@ function Do({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     // Only run on root
     resetTree() {
-      this.root.nodes.forEach((r) => r.currentAnimation?.stop()), this.root.nodes.forEach(Fs), this.root.sharedNodes.clear();
+      this.root.nodes.forEach((r) => r.currentAnimation?.stop()), this.root.nodes.forEach(Os), this.root.sharedNodes.clear();
     }
   };
 }
@@ -4326,17 +4379,17 @@ function Xu(t) {
 function qu(t) {
   t.clearSnapshot();
 }
-function Fs(t) {
+function Os(t) {
   t.clearMeasurements();
 }
-function Is(t) {
+function Fs(t) {
   t.isLayoutDirty = !1;
 }
 function Zu(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
-function Bs(t) {
+function Is(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
 function Ju(t) {
@@ -4351,14 +4404,14 @@ function tf(t) {
 function ef(t) {
   t.removeLeadSnapshot();
 }
-function _s(t, e, n) {
+function Bs(t, e, n) {
   t.translate = B(e.translate, 0, n), t.scale = B(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
 }
-function Ns(t, e, n, i) {
+function _s(t, e, n, i) {
   t.min = B(e.min, n.min, i), t.max = B(e.max, n.max, i);
 }
 function nf(t, e, n, i) {
-  Ns(t.x, e.x, n.x, i), Ns(t.y, e.y, n.y, i);
+  _s(t.x, e.x, n.x, i), _s(t.y, e.y, n.y, i);
 }
 function sf(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
@@ -4366,15 +4419,15 @@ function sf(t) {
 const rf = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, Ws = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Us = Ws("applewebkit/") && !Ws("chrome/") ? Math.round : st;
-function $s(t) {
-  t.min = Us(t.min), t.max = Us(t.max);
+}, Ns = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Ws = Ns("applewebkit/") && !Ns("chrome/") ? Math.round : st;
+function Us(t) {
+  t.min = Ws(t.min), t.max = Ws(t.max);
 }
 function of(t) {
-  $s(t.x), $s(t.y);
+  Us(t.x), Us(t.y);
 }
 function Mo(t, e, n) {
-  return t === "position" || t === "preserve-aspect" && !Vu(Ms(e), Ms(n), 0.2);
+  return t === "position" || t === "preserve-aspect" && !Vu(Ds(e), Ds(n), 0.2);
 }
 function af(t) {
   return t !== t.root && t.scroll?.wasRoot;
@@ -4404,12 +4457,12 @@ const lf = Do({
     t.style.transform = e !== void 0 ? e : "none";
   },
   checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
-}), vi = Ut({
+}), yi = Ut({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
 });
-function Ks(t, e) {
+function $s(t, e) {
   if (typeof t == "function")
     return t(e);
   t != null && (t.current = e);
@@ -4418,14 +4471,14 @@ function cf(...t) {
   return (e) => {
     let n = !1;
     const i = t.map((s) => {
-      const o = Ks(s, e);
+      const o = $s(s, e);
       return !n && typeof o == "function" && (n = !0), o;
     });
     if (n)
       return () => {
         for (let s = 0; s < i.length; s++) {
           const o = i[s];
-          typeof o == "function" ? o() : Ks(t[s], null);
+          typeof o == "function" ? o() : $s(t[s], null);
         }
       };
   };
@@ -4459,8 +4512,8 @@ function hf({ children: t, isPresent: e, anchorX: n, anchorY: i, root: s, pop: o
     left: 0,
     right: 0,
     bottom: 0
-  }), { nonce: u } = Y(vi), c = t.props?.ref ?? t?.ref, h = uf(a, c);
-  return Un(() => {
+  }), { nonce: u } = Y(yi), c = t.props?.ref ?? t?.ref, h = uf(a, c);
+  return Wn(() => {
     const { width: d, height: p, top: m, left: x, right: T, bottom: y } = l.current;
     if (e || o === !1 || !a.current || !d || !p)
       return;
@@ -4483,7 +4536,7 @@ function hf({ children: t, isPresent: e, anchorX: n, anchorY: i, root: s, pop: o
   }, [e]), D.jsx(ff, { isPresent: e, childRef: a, sizeRef: l, pop: o, children: o === !1 ? t : Ie.cloneElement(t, { ref: h }) });
 }
 const df = ({ children: t, initial: e, isPresent: n, onExitComplete: i, custom: s, presenceAffectsLayout: o, mode: r, anchorX: a, anchorY: l, root: u }) => {
-  const c = Kn(pf), h = Be();
+  const c = $n(pf), h = Be();
   let d = !0, p = Dt(() => (d = !1, {
     id: h,
     initial: e,
@@ -4512,7 +4565,7 @@ function Lo(t = !0) {
   if (e === null)
     return [!0, null];
   const { isPresent: n, onExitComplete: i, register: s } = e, o = Be();
-  Wn(() => {
+  Nn(() => {
     if (t)
       return s(o);
   }, [t]);
@@ -4520,14 +4573,14 @@ function Lo(t = !0) {
   return !n && i ? [!1, r] : [!0];
 }
 const Te = (t) => t.key || "";
-function zs(t) {
+function Ks(t) {
   const e = [];
   return xa.forEach(t, (n) => {
     ba(n) && e.push(n);
   }), e;
 }
 const mf = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presenceAffectsLayout: s = !0, mode: o = "sync", propagate: r = !1, anchorX: a = "left", anchorY: l = "top", root: u }) => {
-  const [c, h] = Lo(r), d = Dt(() => zs(t), [t]), p = r && !c ? [] : d.map(Te), m = nt(!0), x = nt(d), T = Kn(() => /* @__PURE__ */ new Map()), y = nt(/* @__PURE__ */ new Set()), [v, b] = ee(d), [E, S] = ee(d);
+  const [c, h] = Lo(r), d = Dt(() => Ks(t), [t]), p = r && !c ? [] : d.map(Te), m = nt(!0), x = nt(d), T = $n(() => /* @__PURE__ */ new Map()), y = nt(/* @__PURE__ */ new Set()), [v, b] = ee(d), [E, S] = ee(d);
   lr(() => {
     m.current = !1, x.current = d;
     for (let A = 0; A < E.length; A++) {
@@ -4542,10 +4595,10 @@ const mf = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presen
       const _ = E[R], Q = Te(_);
       p.includes(Q) || (A.splice(R, 0, _), k.push(_));
     }
-    return o === "wait" && k.length && (A = k), S(zs(A)), b(d), null;
+    return o === "wait" && k.length && (A = k), S(Ks(A)), b(d), null;
   }
   process.env.NODE_ENV !== "production" && o === "wait" && E.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-  const { forceRender: F } = Y($n);
+  const { forceRender: F } = Y(Un);
   return D.jsx(D.Fragment, { children: E.map((A) => {
     const R = Te(A), _ = r && !c ? !1 : d === E || p.includes(R), Q = () => {
       if (y.current.has(R))
@@ -4561,7 +4614,7 @@ const mf = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presen
     };
     return D.jsx(df, { isPresent: _, initial: !m.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: s, mode: o, root: u, onExitComplete: _ ? void 0 : Q, anchorX: a, anchorY: l, children: A }, R);
   }) });
-}, jo = Ut({ strict: !1 }), Ys = {
+}, jo = Ut({ strict: !1 }), zs = {
   animation: [
     "animate",
     "variants",
@@ -4581,16 +4634,16 @@ const mf = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presen
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 };
-let Hs = !1;
+let Ys = !1;
 function gf() {
-  if (Hs)
+  if (Ys)
     return;
   const t = {};
-  for (const e in Ys)
+  for (const e in zs)
     t[e] = {
-      isEnabled: (n) => Ys[e].some((i) => !!n[i])
+      isEnabled: (n) => zs[e].some((i) => !!n[i])
     };
-  lo(t), Hs = !0;
+  lo(t), Ys = !0;
 }
 function Oo() {
   return gf(), tu();
@@ -4668,12 +4721,12 @@ function bf(t, e) {
 }
 function wf(t) {
   const { initial: e, animate: n } = bf(t, Y(Ue));
-  return Dt(() => ({ initial: e, animate: n }), [Gs(e), Gs(n)]);
+  return Dt(() => ({ initial: e, animate: n }), [Hs(e), Hs(n)]);
 }
-function Gs(t) {
+function Hs(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
-const Ti = () => ({
+const vi = () => ({
   style: {},
   transform: {},
   transformOrigin: {},
@@ -4685,8 +4738,8 @@ function Io(t, e, n) {
 }
 function Pf({ transformTemplate: t }, e) {
   return Dt(() => {
-    const n = Ti();
-    return gi(n, e, t), Object.assign({}, n.vars, n.style);
+    const n = vi();
+    return mi(n, e, t), Object.assign({}, n.vars, n.style);
   }, [e]);
 }
 function Sf(t, e) {
@@ -4698,7 +4751,7 @@ function Ef(t, e) {
   return t.drag && t.dragListener !== !1 && (n.draggable = !1, i.userSelect = i.WebkitUserSelect = i.WebkitTouchCallout = "none", i.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = i, n;
 }
 const Bo = () => ({
-  ...Ti(),
+  ...vi(),
   attrs: {}
 });
 function Af(t, e, n, i) {
@@ -4742,7 +4795,7 @@ const Cf = [
   "use",
   "view"
 ];
-function xi(t) {
+function Ti(t) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
@@ -4763,7 +4816,7 @@ function xi(t) {
   );
 }
 function Vf(t, e, n, { latestValues: i }, s, o = !1, r) {
-  const l = (r ?? xi(t) ? Af : Ef)(e, i, s, t), u = xf(e, typeof t == "string", o), c = t !== or ? { ...u, ...l, ref: n } : {}, { children: h } = e, d = Dt(() => H(h) ? h.get() : h, [h]);
+  const l = (r ?? Ti(t) ? Af : Ef)(e, i, s, t), u = xf(e, typeof t == "string", o), c = t !== or ? { ...u, ...l, ref: n } : {}, { children: h } = e, d = Dt(() => H(h) ? h.get() : h, [h]);
   return wa(t, {
     ...c,
     children: d
@@ -4788,7 +4841,7 @@ function Df(t, e, n, i) {
   if (h && typeof h != "boolean" && !Ne(h)) {
     const d = Array.isArray(h) ? h : [h];
     for (let p = 0; p < d.length; p++) {
-      const m = li(t, d[p]);
+      const m = ai(t, d[p]);
       if (m) {
         const { transitionEnd: x, transition: T, ...y } = m;
         for (const v in y) {
@@ -4808,17 +4861,17 @@ function Df(t, e, n, i) {
 }
 const _o = (t) => (e, n) => {
   const i = Y(Ue), s = Y(_e), o = () => Rf(t, e, i, s);
-  return n ? o() : Kn(o);
+  return n ? o() : $n(o);
 }, Mf = /* @__PURE__ */ _o({
-  scrapeMotionValuesFromProps: yi,
-  createRenderState: Ti
+  scrapeMotionValuesFromProps: gi,
+  createRenderState: vi
 }), kf = /* @__PURE__ */ _o({
   scrapeMotionValuesFromProps: xo,
   createRenderState: Bo
 }), Lf = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
 function jf(t, e, n) {
   const i = nt(n);
-  Un(() => {
+  Wn(() => {
     i.current = n;
   });
   const s = nt(null);
@@ -4838,7 +4891,7 @@ function Lt(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
 function Of(t, e, n, i, s, o) {
-  const { visualElement: r } = Y(Ue), a = Y(jo), l = Y(_e), u = Y(vi), c = u.reducedMotion, h = u.skipAnimations, d = nt(null), p = nt(!1);
+  const { visualElement: r } = Y(Ue), a = Y(jo), l = Y(_e), u = Y(yi), c = u.reducedMotion, h = u.skipAnimations, d = nt(null), p = nt(!1);
   i = i || a.renderer, !d.current && i && (d.current = i(t, {
     visualState: e,
     parent: r,
@@ -4852,13 +4905,13 @@ function Of(t, e, n, i, s, o) {
   const m = d.current, x = Y(No);
   m && !m.projection && s && (m.type === "html" || m.type === "svg") && Ff(d.current, n, s, x);
   const T = nt(!1);
-  Un(() => {
+  Wn(() => {
     m && T.current && m.update(n, l);
   });
   const y = n[Hr], v = nt(!!y && !window.MotionHandoffIsComplete?.(y) && window.MotionHasOptimisedAnimation?.(y));
   return lr(() => {
     p.current = !0, m && (T.current = !0, window.MotionIsMounted = !0, m.updateFeatures(), m.scheduleRenderMicrotask(), v.current && m.animationState && m.animationState.animateChanges());
-  }), Wn(() => {
+  }), Nn(() => {
     m && (!v.current && m.animationState && m.animationState.animateChanges(), v.current && (queueMicrotask(() => {
       window.MotionHandoffMarkAsComplete?.(y);
     }), v.current = !1), m.enteringChildren = void 0);
@@ -4891,11 +4944,11 @@ function Wo(t) {
 }
 function un(t, { forwardMotionProps: e = !1, type: n } = {}, i, s) {
   i && yf(i);
-  const o = n ? n === "svg" : xi(t), r = o ? kf : Mf;
+  const o = n ? n === "svg" : Ti(t), r = o ? kf : Mf;
   function a(u, c) {
     let h;
     const d = {
-      ...Y(vi),
+      ...Y(yi),
       ...u,
       layoutId: If(u)
     }, { isStatic: p } = d, m = wf(u), x = r(u, p);
@@ -4911,7 +4964,7 @@ function un(t, { forwardMotionProps: e = !1, type: n } = {}, i, s) {
   return l[Lf] = t, l;
 }
 function If({ layoutId: t }) {
-  const e = Y($n).id;
+  const e = Y(Un).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
 function Bf(t, e) {
@@ -4934,7 +4987,7 @@ function _f(t) {
 function Nf(t, e) {
   if (typeof Proxy > "u")
     return un;
-  const n = /* @__PURE__ */ new Map(), i = (o, r) => un(o, r, t, e), s = (o, r) => (process.env.NODE_ENV !== "production" && Gn(!1, "motion() is deprecated. Use motion.create() instead."), i(o, r));
+  const n = /* @__PURE__ */ new Map(), i = (o, r) => un(o, r, t, e), s = (o, r) => (process.env.NODE_ENV !== "production" && Hn(!1, "motion() is deprecated. Use motion.create() instead."), i(o, r));
   return new Proxy(s, {
     /**
      * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
@@ -4944,7 +4997,7 @@ function Nf(t, e) {
     get: (o, r) => r === "create" ? i : (n.has(r) || n.set(r, un(r, void 0, t, e)), n.get(r))
   });
 }
-const Wf = (t, e) => e.isSVG ?? xi(t) ? new yu(e) : new fu(e, {
+const Wf = (t, e) => e.isSVG ?? Ti(t) ? new yu(e) : new fu(e, {
   allowProjection: t !== or
 });
 class Uf extends Pt {
@@ -5013,16 +5066,16 @@ function ue(t) {
     }
   };
 }
-const Yf = (t) => (e) => hi(e) && t(e, ue(e));
+const Yf = (t) => (e) => fi(e) && t(e, ue(e));
 function te(t, e, n, i) {
   return oe(t, e, Yf(n), i);
 }
-const Uo = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Xs = (t, e) => Math.abs(t - e);
+const Uo = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Gs = (t, e) => Math.abs(t - e);
 function Hf(t, e) {
-  const n = Xs(t.x, e.x), i = Xs(t.y, e.y);
+  const n = Gs(t.x, e.x), i = Gs(t.y, e.y);
   return Math.sqrt(n ** 2 + i ** 2);
 }
-const qs = /* @__PURE__ */ new Set(["auto", "scroll"]);
+const Xs = /* @__PURE__ */ new Set(["auto", "scroll"]);
 class $o {
   constructor(e, n, { transformPagePoint: i, contextWindow: s = window, dragSnapToOrigin: o = !1, distanceThreshold: r = 3, element: a } = {}) {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (p) => {
@@ -5048,7 +5101,7 @@ class $o {
         return;
       const v = hn(p.type === "pointercancel" ? this.lastMoveEventInfo : fn(m, this.transformPagePoint), this.history);
       this.startEvent && x && x(p, v), T && T(p, v);
-    }, !hi(e))
+    }, !fi(e))
       return;
     this.dragSnapToOrigin = o, this.handlers = n, this.transformPagePoint = i, this.distanceThreshold = r, this.contextWindow = s || window;
     const l = ue(e), u = fn(l, this.transformPagePoint), { point: c } = u, { timestamp: h } = z;
@@ -5063,7 +5116,7 @@ class $o {
     let n = e.parentElement;
     for (; n; ) {
       const i = getComputedStyle(n);
-      (qs.has(i.overflowX) || qs.has(i.overflowY)) && this.scrollPositions.set(n, {
+      (Xs.has(i.overflowX) || Xs.has(i.overflowY)) && this.scrollPositions.set(n, {
         x: n.scrollLeft,
         y: n.scrollTop
       }), n = n.parentElement;
@@ -5108,14 +5161,14 @@ class $o {
 function fn(t, e) {
   return e ? { point: e(t.point) } : t;
 }
-function Zs(t, e) {
+function qs(t, e) {
   return { x: t.x - e.x, y: t.y - e.y };
 }
 function hn({ point: t }, e) {
   return {
     point: t,
-    delta: Zs(t, Ko(e)),
-    offset: Zs(t, Gf(e)),
+    delta: qs(t, Ko(e)),
+    offset: qs(t, Gf(e)),
     velocity: Xf(e, 0.1)
   };
 }
@@ -5147,7 +5200,7 @@ function Xf(t, e) {
 function qf(t, { min: e, max: n }, i) {
   return e !== void 0 && t < e ? t = i ? B(e, t, i.min) : Math.max(t, e) : n !== void 0 && t > n && (t = i ? B(n, t, i.max) : Math.min(t, n)), t;
 }
-function Js(t, e, n) {
+function Zs(t, e, n) {
   return {
     min: e !== void 0 ? t.min + e : void 0,
     max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
@@ -5155,18 +5208,18 @@ function Js(t, e, n) {
 }
 function Zf(t, { top: e, left: n, bottom: i, right: s }) {
   return {
-    x: Js(t.x, n, s),
-    y: Js(t.y, e, i)
+    x: Zs(t.x, n, s),
+    y: Zs(t.y, e, i)
   };
 }
-function Qs(t, e) {
+function Js(t, e) {
   let n = e.min - t.min, i = e.max - t.max;
   return e.max - e.min < t.max - t.min && ([n, i] = [i, n]), { min: n, max: i };
 }
 function Jf(t, e) {
   return {
-    x: Qs(t.x, e.x),
-    y: Qs(t.y, e.y)
+    x: Js(t.x, e.x),
+    y: Js(t.y, e.y)
   };
 }
 function Qf(t, e) {
@@ -5181,17 +5234,17 @@ function th(t, e) {
 const Bn = 0.35;
 function eh(t = Bn) {
   return t === !1 ? t = 0 : t === !0 && (t = Bn), {
-    x: tr(t, "left", "right"),
-    y: tr(t, "top", "bottom")
+    x: Qs(t, "left", "right"),
+    y: Qs(t, "top", "bottom")
   };
 }
-function tr(t, e, n) {
+function Qs(t, e, n) {
   return {
-    min: er(t, e),
-    max: er(t, n)
+    min: tr(t, e),
+    max: tr(t, n)
   };
 }
-function er(t, e) {
+function tr(t, e) {
   return typeof t == "number" ? t : t[e] || 0;
 }
 const nh = /* @__PURE__ */ new WeakMap();
@@ -5338,7 +5391,7 @@ class ih {
   }
   startAxisValueAnimation(e, n) {
     const i = this.getAxisMotionValue(e);
-    return Dn(this.visualElement, e), i.start(ai(e, i, 0, n, this.visualElement, !1));
+    return Dn(this.visualElement, e), i.start(oi(e, i, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
     ft((e) => this.getAxisMotionValue(e).stop());
@@ -5430,7 +5483,7 @@ class ih {
     };
   }
 }
-function nr(t) {
+function er(t) {
   let e = !0;
   return () => {
     if (e) {
@@ -5441,7 +5494,7 @@ function nr(t) {
   };
 }
 function sh(t, e, n) {
-  const i = cs(t, nr(n)), s = cs(e, nr(n));
+  const i = ls(t, er(n)), s = ls(e, er(n));
   return () => {
     i(), s();
   };
@@ -5532,7 +5585,7 @@ class lh extends Sa {
   }
   componentDidUpdate() {
     const { projection: e } = this.props.visualElement;
-    e && (e.root.didUpdate(), fi.postRender(() => {
+    e && (e.root.didUpdate(), ui.postRender(() => {
       !e.currentAnimation && e.isLead() && this.safeToRemove();
     }));
   }
@@ -5549,7 +5602,7 @@ class lh extends Sa {
   }
 }
 function zo(t) {
-  const [e, n] = Lo(), i = Y($n);
+  const [e, n] = Lo(), i = Y(Un);
   return D.jsx(lh, { ...t, layoutGroup: i, switchLayoutGroup: Y(No), isPresent: e, safeToRemove: n });
 }
 const ch = {
@@ -5562,7 +5615,7 @@ const ch = {
     MeasureLayout: zo
   }
 };
-function ir(t, e, n) {
+function nr(t, e, n) {
   const { props: i } = t;
   t.animationState && i.whileHover && t.animationState.setActive("whileHover", n === "Start");
   const s = "onHover" + n, o = i[s];
@@ -5571,7 +5624,7 @@ function ir(t, e, n) {
 class uh extends Pt {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = kc(e, (n, i) => (ir(this.node, i, "Start"), (s) => ir(this.node, s, "End"))));
+    e && (this.unmount = kc(e, (n, i) => (nr(this.node, i, "Start"), (s) => nr(this.node, s, "End"))));
   }
   unmount() {
   }
@@ -5598,7 +5651,7 @@ class fh extends Pt {
   unmount() {
   }
 }
-function sr(t, e, n) {
+function ir(t, e, n) {
   const { props: i } = t;
   if (t.current instanceof HTMLButtonElement && t.current.disabled)
     return;
@@ -5612,7 +5665,7 @@ class hh extends Pt {
     if (!e)
       return;
     const { globalTapTarget: n, propagate: i } = this.node.props;
-    this.unmount = Bc(e, (s, o) => (sr(this.node, o, "Start"), (r, { success: a }) => sr(this.node, r, a ? "End" : "Cancel")), {
+    this.unmount = Bc(e, (s, o) => (ir(this.node, o, "Start"), (r, { success: a }) => ir(this.node, r, a ? "End" : "Cancel")), {
       useGlobalTarget: n,
       stopPropagation: i?.tap === !1
     });
@@ -5700,63 +5753,7 @@ const xh = {
   ...xh,
   ...ch,
   ...bh
-}, Nn = /* @__PURE__ */ Nf(wh, Wf), Fh = ({ cards: t = [] }) => {
-  const [e, n] = ee(0), [i, s] = ee(!1);
-  if (!t || t.length === 0)
-    return /* @__PURE__ */ D.jsx("div", { className: "flashcard-deck-container", children: /* @__PURE__ */ D.jsx("p", { className: "flashcard-empty-message", children: "No cards available" }) });
-  const o = t[e], r = e > 0, a = e < t.length - 1, l = () => {
-    r && (n(e - 1), s(!1));
-  }, u = () => {
-    a && (n(e + 1), s(!1));
-  }, c = () => {
-    s(!i);
-  };
-  return /* @__PURE__ */ D.jsxs("div", { className: "flashcard-deck-container", children: [
-    /* @__PURE__ */ D.jsx("div", { className: "flashcard-deck-header", children: /* @__PURE__ */ D.jsxs("span", { className: "flashcard-counter", children: [
-      "Card ",
-      e + 1,
-      " of ",
-      t.length
-    ] }) }),
-    /* @__PURE__ */ D.jsx("div", { className: "flashcard-wrapper", children: /* @__PURE__ */ D.jsxs(
-      Nn.div,
-      {
-        className: "flashcard",
-        onClick: c,
-        animate: { rotateY: i ? 180 : 0 },
-        transition: { duration: 0.6, type: "spring", stiffness: 100 },
-        style: { transformStyle: "preserve-3d" },
-        children: [
-          /* @__PURE__ */ D.jsx("div", { className: "flashcard-face flashcard-front", children: /* @__PURE__ */ D.jsx("div", { className: "flashcard-content", children: o.front }) }),
-          /* @__PURE__ */ D.jsx("div", { className: "flashcard-face flashcard-back", children: /* @__PURE__ */ D.jsx("div", { className: "flashcard-content", children: o.back }) })
-        ]
-      },
-      e
-    ) }),
-    /* @__PURE__ */ D.jsxs("div", { className: "flashcard-controls", children: [
-      /* @__PURE__ */ D.jsx(
-        "button",
-        {
-          className: "flashcard-button flashcard-button-previous",
-          onClick: l,
-          disabled: !r,
-          "aria-label": "Previous card",
-          children: "Previous"
-        }
-      ),
-      /* @__PURE__ */ D.jsx(
-        "button",
-        {
-          className: "flashcard-button flashcard-button-next",
-          onClick: u,
-          disabled: !a,
-          "aria-label": "Next card",
-          children: "Next"
-        }
-      )
-    ] })
-  ] });
-}, Ph = "_accordion_1gkiv_1", Sh = "_empty_1gkiv_17", Eh = "_item_1gkiv_31", Ah = "_heading_1gkiv_73", Ch = "_trigger_1gkiv_85", Vh = "_title_1gkiv_145", Rh = "_icon_1gkiv_155", Dh = "_panelWrapper_1gkiv_179", Mh = "_panel_1gkiv_179", kh = "_content_1gkiv_195", at = {
+}, sr = /* @__PURE__ */ Nf(wh, Wf), Ph = "_accordion_1gkiv_1", Sh = "_empty_1gkiv_17", Eh = "_item_1gkiv_31", Ah = "_heading_1gkiv_73", Ch = "_trigger_1gkiv_85", Vh = "_title_1gkiv_145", Rh = "_icon_1gkiv_155", Dh = "_panelWrapper_1gkiv_179", Mh = "_panel_1gkiv_179", kh = "_content_1gkiv_195", at = {
   accordion: Ph,
   empty: Sh,
   item: Eh,
@@ -5842,7 +5839,7 @@ const xh = {
                   children: [
                     /* @__PURE__ */ D.jsx("span", { className: at.title, children: c.title }),
                     /* @__PURE__ */ D.jsx(
-                      Nn.span,
+                      sr.span,
                       {
                         className: at.icon,
                         animate: { rotate: d ? 180 : 0 },
@@ -5863,7 +5860,7 @@ const xh = {
                   "aria-hidden": !d,
                   className: at.panelWrapper,
                   children: /* @__PURE__ */ D.jsx(mf, { initial: !1, children: d && /* @__PURE__ */ D.jsx(
-                    Nn.div,
+                    sr.div,
                     {
                       initial: { height: 0, opacity: 0 },
                       animate: { height: "auto", opacity: 1 },
@@ -5885,5 +5882,5 @@ const xh = {
 };
 export {
   Ih as Accordion,
-  Fh as FlashcardDeck
+  Oh as FlashcardDeck
 };