@lzzjokerzzl/react-ui-components 1.4.6 → 1.4.7

package/dist/index.js

@@ -572,8 +572,8 @@ function ir(e = me.visualDuration, t = me.bounce) {
       else {
         let S = C === 0 ? m : 0;
         x < 1 && (S = C === 0 ? /* @__PURE__ */ We(m) : Ei(v, C, T));
-        const k = Math.abs(S) <= n, P = Math.abs(o - T) <= s;
-        i.done = k && P;
+        const k = Math.abs(S) <= n, V = Math.abs(o - T) <= s;
+        i.done = k && V;
       }
       return i.value = i.done ? o : T, i;
     },
@@ -599,8 +599,8 @@ function Nn({ keyframes: e, velocity: t = 0, power: r = 0.8, timeConstant: n = 3
   const y = u + x, g = o === void 0 ? y : o(y);
   g !== y && (x = g - u);
   const b = (k) => -x * Math.exp(-k / n), v = (k) => g + b(k), w = (k) => {
-    const P = b(k), V = v(k);
-    f.done = Math.abs(P) <= c, f.value = f.done ? g : V;
+    const V = b(k), P = v(k);
+    f.done = Math.abs(V) <= c, f.value = f.done ? g : P;
   };
   let C, T;
   const S = (k) => {
@@ -617,8 +617,8 @@ function Nn({ keyframes: e, velocity: t = 0, power: r = 0.8, timeConstant: n = 3
   return S(0), {
     calculatedDuration: null,
     next: (k) => {
-      let P = !1;
-      return !T && C === void 0 && (P = !0, w(k), S(k)), C !== void 0 && k >= C ? T.next(k - C) : (!P && w(k), f);
+      let V = !1;
+      return !T && C === void 0 && (V = !0, w(k), S(k)), C !== void 0 && k >= C ? T.next(k - C) : (!V && w(k), f);
     }
   };
 }
@@ -766,8 +766,8 @@ class Jr extends Ps {
     let v = this.currentTime, w = n;
     if (u) {
       const k = Math.min(this.currentTime, s) / i;
-      let P = Math.floor(k), V = k % 1;
-      !V && k >= 1 && (V = 1), V === 1 && P--, P = Math.min(P, u + 1), !!(P % 2) && (f === "reverse" ? (V = 1 - V, p && (V -= p / i)) : f === "mirror" && (w = o)), v = Ze(0, 1, V) * i;
+      let V = Math.floor(k), P = k % 1;
+      !P && k >= 1 && (P = 1), P === 1 && V--, V = Math.min(V, u + 1), !!(V % 2) && (f === "reverse" ? (P = 1 - P, p && (P -= p / i)) : f === "mirror" && (w = o)), v = Ze(0, 1, P) * i;
     }
     const C = b ? { done: !1, value: d[0] } : w.next(v);
     a && (C.value = a(C.value));
@@ -2173,25 +2173,25 @@ const Je = ({ children: e, custom: t, initial: r = !0, onExitComplete: n, presen
   if (u !== y) {
     let T = [...u];
     for (let S = 0; S < b.length; S++) {
-      const k = b[S], P = Sr(k);
-      f.includes(P) || (T.splice(S, 0, k), w.push(k));
+      const k = b[S], V = Sr(k);
+      f.includes(V) || (T.splice(S, 0, k), w.push(k));
     }
     return a === "wait" && w.length && (T = w), v(Ea(T)), g(u), null;
   }
   process.env.NODE_ENV !== "production" && a === "wait" && b.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
   const { forceRender: C } = ce(us);
   return h(Se, { children: b.map((T) => {
-    const S = Sr(T), k = o && !c ? !1 : u === b || f.includes(S), P = () => {
+    const S = Sr(T), k = o && !c ? !1 : u === b || f.includes(S), V = () => {
       if (x.has(S))
         x.set(S, !0);
       else
         return;
-      let V = !0;
+      let P = !0;
       x.forEach((B) => {
-        B || (V = !1);
-      }), V && (C?.(), v(m.current), o && d?.(), n && n());
+        B || (P = !1);
+      }), P && (C?.(), v(m.current), o && d?.(), n && n());
     };
-    return h(kf, { isPresent: k, initial: !p.current || r ? void 0 : !1, custom: t, presenceAffectsLayout: s, mode: a, root: l, onExitComplete: k ? void 0 : P, anchorX: i, children: T }, S);
+    return h(kf, { isPresent: k, initial: !p.current || r ? void 0 : !1, custom: t, presenceAffectsLayout: s, mode: a, root: l, onExitComplete: k ? void 0 : V, anchorX: i, children: T }, S);
   }) });
 }, Qi = Ce({ strict: !1 }), Ia = {
   animation: [
@@ -3380,15 +3380,15 @@ function P0(e) {
       const S = M0(b.prevProp, v);
       let k = S || // If we're making this variant active, we want to always make it active
       g === l && b.isActive && !T && w || // If we removed a higher-priority variant (i is in reverse order)
-      y > m && w, P = !1;
-      const V = Array.isArray(v) ? v : [v];
-      let B = V.reduce(s(g), {});
+      y > m && w, V = !1;
+      const P = Array.isArray(v) ? v : [v];
+      let B = P.reduce(s(g), {});
       C === !1 && (B = {});
       const { prevResolvedValues: O = {} } = b, R = {
         ...O,
         ...B
       }, I = (M) => {
-        k = !0, f.has(M) && (P = !0, f.delete(M)), b.needsAnimating[M] = !0;
+        k = !0, f.has(M) && (V = !0, f.delete(M)), b.needsAnimating[M] = !0;
         const A = e.getValue(M);
         A && (A.liveStyle = !1);
       };
@@ -3401,7 +3401,7 @@ function P0(e) {
       }
       b.prevProp = v, b.prevResolvedValues = B, b.isActive && (p = { ...p, ...B }), n && e.blockInitialAnimation && (k = !1);
       const D = T && S;
-      k && (!D || P) && u.push(...V.map((M) => {
+      k && (!D || V) && u.push(...P.map((M) => {
         const A = { type: g };
         if (typeof M == "string" && n && !D && e.manuallyAnimateOnMount && e.parent) {
           const { parent: N } = e, E = Lt(N, M);
@@ -5339,13 +5339,13 @@ function Sp(e, { defaultTransition: t = {}, ...r } = {}, n, s) {
     g.at !== void 0 && (u = Io(u, g.at, d, c));
     let b = 0;
     const v = (w, C, T, S = 0, k = 0) => {
-      const P = Ap(w), { delay: V = 0, times: B = As(P), type: O = "keyframes", repeat: R, repeatType: I, repeatDelay: D = 0, ...L } = C;
+      const V = Ap(w), { delay: P = 0, times: B = As(V), type: O = "keyframes", repeat: R, repeatType: I, repeatDelay: D = 0, ...L } = C;
       let { ease: M = t.ease || "easeOut", duration: A } = C;
-      const N = typeof V == "function" ? V(S, k) : V, E = P.length, z = Es(O) ? O : s?.[O || "keyframes"];
+      const N = typeof P == "function" ? P(S, k) : P, E = V.length, z = Es(O) ? O : s?.[O || "keyframes"];
       if (E <= 2 && z) {
         let W = 100;
-        if (E === 2 && Mp(P)) {
-          const re = P[1] - P[0];
+        if (E === 2 && Mp(V)) {
+          const re = V[1] - V[0];
           W = Math.abs(re);
         }
         const ne = { ...L };
@@ -5356,21 +5356,21 @@ function Sp(e, { defaultTransition: t = {}, ...r } = {}, n, s) {
       A ?? (A = a);
       const $ = u + N;
       B.length === 1 && B[0] === 0 && (B[1] = 1);
-      const j = B.length - P.length;
-      if (j > 0 && Ii(B, j), P.length === 1 && P.unshift(null), R) {
+      const j = B.length - V.length;
+      if (j > 0 && Ii(B, j), V.length === 1 && V.unshift(null), R) {
         Ae(R < Tp, "Repeat count too high, must be less than 20", "repeat-count-high"), A = yp(A, R);
-        const W = [...P], ne = [...B];
+        const W = [...V], ne = [...B];
         M = Array.isArray(M) ? [...M] : [M];
         const ee = [...M];
         for (let re = 0; re < R; re++) {
-          P.push(...W);
+          V.push(...W);
           for (let de = 0; de < W.length; de++)
             B.push(ne[de] + (re + 1)), M.push(de === 0 ? "linear" : bi(ee, de - 1));
         }
         wp(B, R);
       }
       const Z = $ + A;
-      vp(T, P, M, B, $, Z), b = Math.max(N + A, b), f = Math.max(Z, f);
+      vp(T, V, M, B, $, Z), b = Math.max(N + A, b), f = Math.max(Z, f);
     };
     if (xe(x)) {
       const w = No(x, i);
@@ -5380,8 +5380,8 @@ function Sp(e, { defaultTransition: t = {}, ...r } = {}, n, s) {
       for (let T = 0; T < C; T++) {
         y = y, g = g;
         const S = w[T], k = No(S, i);
-        for (const P in y)
-          v(y[P], Vp(g, P), Do(P, k), T, C);
+        for (const V in y)
+          v(y[V], Vp(g, V), Do(V, k), T, C);
       }
     }
     d = u, u += b;
@@ -6270,15 +6270,15 @@ const tc = ({
     showDivider: v
   } = f, w = n !== void 0 ? n : p.includes(e), C = b || s, T = a !== void 0 ? a : v, S = () => {
     C || (i ? i(e) : m(e));
-  }, k = Xp(x), P = _p(y, x, C), V = Yl[g], B = Hp(y, x), O = G(() => {
+  }, k = Xp(x), V = _p(y, x, C), P = Yl[g], B = Hp(y, x), O = G(() => {
     const R = [
       k,
-      P,
       V,
+      P,
       l
     ];
     return x === "splitted" && R.push("border rounded-lg overflow-hidden"), R.filter(Boolean).join(" ").trim();
-  }, [k, P, V, l, x]);
+  }, [k, V, P, l, x]);
   return /* @__PURE__ */ F(Se, { children: [
     /* @__PURE__ */ F(
       "div",
@@ -6349,17 +6349,17 @@ const rc = Ce(null), an = () => {
   "data-testid": S,
   ...k
 }) => {
-  const P = Wp({
+  const V = Wp({
     selectionMode: r,
     defaultExpandedKeys: n,
     expandedKeys: s,
     onExpandedChange: a,
     onSelectionChange: o,
     isDisabled: u
-  }), V = G(
+  }), P = G(
     () => ({
-      expandedKeys: P.expandedKeys,
-      toggle: P.toggle,
+      expandedKeys: V.expandedKeys,
+      toggle: V.toggle,
       selectionMode: r,
       size: i,
       color: l,
@@ -6376,8 +6376,8 @@ const rc = Ce(null), an = () => {
       animationConfig: y
     }),
     [
-      P.expandedKeys,
-      P.toggle,
+      V.expandedKeys,
+      V.toggle,
       r,
       i,
       l,
@@ -6429,7 +6429,7 @@ const rc = Ce(null), an = () => {
     );
     return /* @__PURE__ */ h(K.div, { ...M, children: D }, L);
   }) : t;
-  return /* @__PURE__ */ h(rc.Provider, { value: V, children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ h(rc.Provider, { value: P, children: /* @__PURE__ */ h(
     K.div,
     {
       className: B,
@@ -6696,7 +6696,7 @@ const Qp = {
   const k = u || {
     ...St(s, n),
     delay: r
-  }, V = { ...ht(), ...p }, B = () => {
+  }, P = { ...ht(), ...p }, B = () => {
     t === "hover" && !a && !w && b.start("visible");
   }, O = () => {
     t === "hover" && !a && !w && b.start("hidden");
@@ -6724,7 +6724,7 @@ const Qp = {
       onFocus: R,
       onBlur: I,
       className: f,
-      style: V,
+      style: P,
       ...A,
       children: e
     }
@@ -6793,7 +6793,7 @@ const Qp = {
       stiffness: 200,
       damping: 20
     }
-  }, P = { ...ht(), ...f }, V = () => {
+  }, V = { ...ht(), ...f }, P = () => {
     t === "hover" && !a && !v && g.start("visible");
   }, B = () => {
     t === "hover" && !a && !v && g.start("hidden");
@@ -6816,12 +6816,12 @@ const Qp = {
       initial: a || v ? "visible" : "hidden",
       animate: g,
       transition: S,
-      onMouseEnter: V,
+      onMouseEnter: P,
       onMouseLeave: B,
       onFocus: O,
       onBlur: R,
       className: u,
-      style: P,
+      style: V,
       ...M,
       children: e
     }
@@ -6892,9 +6892,9 @@ const Qp = {
       damping: 20,
       bounce: 0.3
     }
-  }, P = ht(), V = {
+  }, V = ht(), P = {
     transformOrigin: l,
-    ...P,
+    ...V,
     ...p
   }, B = () => {
     t === "hover" && !a && !w && b.start("visible");
@@ -6924,7 +6924,7 @@ const Qp = {
       onFocus: R,
       onBlur: I,
       className: f,
-      style: V,
+      style: P,
       ...A,
       children: e
     }
@@ -6994,7 +6994,7 @@ const Qp = {
     }[o],
     delay: r,
     duration: n
-  }, V = { ...ht(), ...f }, B = () => {
+  }, P = { ...ht(), ...f }, B = () => {
     t === "hover" && !a && !v && g.start("visible");
   }, O = () => {
     t === "hover" && !a && !v && g.start("hidden");
@@ -7022,7 +7022,7 @@ const Qp = {
       onFocus: R,
       onBlur: I,
       className: u,
-      style: V,
+      style: P,
       ...A,
       children: e
     }
@@ -7086,12 +7086,12 @@ const Qp = {
   const S = d || {
     ...St(s, n),
     delay: r
-  }, k = ht(), P = {
+  }, k = ht(), V = {
     perspective: `${i}px`,
     transformStyle: "preserve-3d",
     ...k,
     ...f
-  }, V = () => {
+  }, P = () => {
     t === "hover" && !a && !v && g.start("visible");
   }, B = () => {
     t === "hover" && !a && !v && g.start("hidden");
@@ -7114,12 +7114,12 @@ const Qp = {
       initial: a || v ? "visible" : "hidden",
       animate: g,
       transition: S,
-      onMouseEnter: V,
+      onMouseEnter: P,
       onMouseLeave: B,
       onFocus: O,
       onBlur: R,
       className: u,
-      style: P,
+      style: V,
       ...M,
       children: e
     }
@@ -7187,7 +7187,7 @@ const Qp = {
   const S = d || {
     ...St(s, n),
     delay: r
-  }, P = { ...ht(), ...f }, V = () => {
+  }, V = { ...ht(), ...f }, P = () => {
     t === "hover" && !a && !v && g.start("visible");
   }, B = () => {
     t === "hover" && !a && !v && g.start("hidden");
@@ -7218,12 +7218,12 @@ const Qp = {
       initial: a || v ? "visible" : "hidden",
       animate: g,
       transition: S,
-      onMouseEnter: V,
+      onMouseEnter: P,
       onMouseLeave: B,
       onFocus: O,
       onBlur: R,
       className: u,
-      style: P,
+      style: V,
       ...A,
       children: I()
     }
@@ -7264,20 +7264,20 @@ const Qp = {
               { onStart: p },
               "start",
               pe(T.current, n)
-            ), await g.start("initial"), P();
+            ), await g.start("initial"), V();
             break;
           case "inView":
             b && (ie(
               { onStart: p },
               "start",
               pe(T.current, n)
-            ), await g.start("initial"), P());
+            ), await g.start("initial"), V());
             break;
           case "manual":
             await g.start("initial");
             break;
           default:
-            await g.start("initial"), P();
+            await g.start("initial"), V();
         }
         ie(
           { onComplete: m },
@@ -7291,14 +7291,14 @@ const Qp = {
       S.current && clearInterval(S.current);
     };
   }, [b, t, g, a, v, n, p, m]);
-  const P = () => {
+  const V = () => {
     !l || o.length <= 1 || (S.current = window.setInterval(() => {
       C(($) => {
         const j = ($ + 1) % o.length;
         return g.start(`morph${j}`), j;
       });
     }, i));
-  }, V = ($) => {
+  }, P = ($) => {
     $ >= 0 && $ < o.length && (C($), g.start(`morph${$}`));
   }, B = d || {
     ...St(s, n),
@@ -7312,17 +7312,17 @@ const Qp = {
   }, I = () => {
     if (t === "hover" && !a && !v) {
       const $ = (w + 1) % o.length;
-      V($);
+      P($);
     }
   }, D = () => {
-    t === "hover" && !a && !v && V(0);
+    t === "hover" && !a && !v && P(0);
   }, L = () => {
     if (t === "focus" && !a && !v) {
       const $ = (w + 1) % o.length;
-      V($);
+      P($);
     }
   }, M = () => {
-    t === "focus" && !a && !v && V(0);
+    t === "focus" && !a && !v && P(0);
   };
   q(() => () => {
     y.current && st(y.current), S.current && clearInterval(S.current);
@@ -7387,7 +7387,7 @@ const Qp = {
   onAnimationComplete: x,
   ...y
 }) => {
-  const g = Y(null), b = at(), v = De(g, { once: !0, margin: "0px 0px -10% 0px" }), w = ot(), [C, T] = U(!1), S = Y(0), { scrollY: k } = Ul(), P = d || dm;
+  const g = Y(null), b = at(), v = De(g, { once: !0, margin: "0px 0px -10% 0px" }), w = ot(), [C, T] = U(!1), S = Y(0), { scrollY: k } = Ul(), V = d || dm;
   q(() => {
     const ee = () => {
       T(window.innerWidth <= 768);
@@ -7396,7 +7396,7 @@ const Qp = {
       window.removeEventListener("resize", ee);
     };
   }, []);
-  const V = jt(k, [0, 1e3], [0, -o * 100]), B = jt(k, [0, 1e3], [0, -o * 100]), O = Ur(V, {
+  const P = jt(k, [0, 1e3], [0, -o * 100]), B = jt(k, [0, 1e3], [0, -o * 100]), O = Ur(P, {
     stiffness: 100,
     damping: 30,
     mass: 1
@@ -7482,7 +7482,7 @@ const Qp = {
     K.div,
     {
       ref: g,
-      variants: P,
+      variants: V,
       initial: a || w ? "visible" : "hidden",
       animate: b,
       transition: D,
@@ -8124,18 +8124,18 @@ var tt = xm(), vm = (e) => {
           N && L.push(N);
         }
         return L;
-      }, P = {};
+      }, V = {};
       for (let I in w) {
         let D = w[I];
-        D !== void 0 && (P[I] = D);
+        D !== void 0 && (V[I] = D);
       }
-      let V = (I, D) => {
+      let P = (I, D) => {
         let L = typeof w?.[I] == "object" ? { [I]: w[I]?.initial } : {};
-        return { ...p, ...P, ...L, ...D };
+        return { ...p, ...V, ...L, ...D };
       }, B = (I = [], D) => {
         let L = [], M = I.length;
         for (let A = 0; A < M; A++) {
-          let { class: N, className: E, ...z } = I[A], $ = !0, j = V(null, D);
+          let { class: N, className: E, ...z } = I[A], $ = !0, j = P(null, D);
           for (let Z in z) {
             let W = z[Z], ne = j[Z];
             if (Array.isArray(W)) {
@@ -8166,7 +8166,7 @@ var tt = xm(), vm = (e) => {
         return L;
       }, R = (I) => {
         if (l.length < 1) return null;
-        let D = {}, L = V(null, I);
+        let D = {}, L = P(null, I);
         for (let M = 0; M < l.length; M++) {
           let { slots: A = [], class: N, className: E, ...z } = l[M];
           if (!Ee(z)) {
@@ -8477,7 +8477,7 @@ const ve = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], C = () => [...w(), X, H], T = () => ["auto", "hidden", "clip", "visible", "scroll"], S = () => ["auto", "contain", "none"], k = () => [X, H, l], P = () => [At, "full", "auto", ...k()], V = () => [lt, "none", "subgrid", X, H], B = () => ["auto", {
+  ], C = () => [...w(), X, H], T = () => ["auto", "hidden", "clip", "visible", "scroll"], S = () => ["auto", "contain", "none"], k = () => [X, H, l], V = () => [At, "full", "auto", ...k()], P = () => [lt, "none", "subgrid", X, H], B = () => ["auto", {
     span: ["full", lt, X, H]
   }, lt, X, H], O = () => [lt, "auto", X, H], R = () => ["auto", "min", "max", "fr", X, H], I = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], D = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], L = () => ["auto", ...k()], M = () => [At, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], A = () => [e, X, H], N = () => [...w(), _o, Wo, {
     position: [X, H]
@@ -8678,63 +8678,63 @@ const ve = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: P()
+        inset: V()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": P()
+        "inset-x": V()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": P()
+        "inset-y": V()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: P()
+        start: V()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: P()
+        end: V()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: P()
+        top: V()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: P()
+        right: V()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: P()
+        bottom: V()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: P()
+        left: V()
       }],
       /**
        * Visibility
@@ -8805,7 +8805,7 @@ const ve = (e) => {
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": V()
+        "grid-cols": P()
       }],
       /**
        * Grid Column Start / End
@@ -8833,7 +8833,7 @@ const ve = (e) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": V()
+        "grid-rows": P()
       }],
       /**
        * Grid Row Start / End
@@ -11306,10 +11306,10 @@ const pg = oe(({
       isFocusable: c
     });
     return te(M, m.base);
-  }, [s, a, o, i, l, c, m.base]), P = G(() => {
+  }, [s, a, o, i, l, c, m.base]), V = G(() => {
     const M = ng();
     return te(M, m.img);
-  }, [m.img]), V = G(() => {
+  }, [m.img]), P = G(() => {
     const M = sg();
     return te(M, m.fallback);
   }, [m.fallback]), B = G(() => {
@@ -11317,8 +11317,8 @@ const pg = oe(({
     return te(M, m.name);
   }, [m.name]), O = G(() => te("w-1/2 h-1/2", m.icon), [m.icon]), R = () => !e || !b ? null : Pe.createElement(u, {
     ...C,
-    className: P
-  }), I = () => v ? /* @__PURE__ */ F("div", { ...S, className: V, children: [
+    className: V
+  }), I = () => v ? /* @__PURE__ */ F("div", { ...S, className: P, children: [
     n,
     !n && t && /* @__PURE__ */ h("span", { className: B, "aria-label": `${t} initials`, children: w }),
     !n && !t && r && /* @__PURE__ */ h("span", { className: O, "aria-hidden": "true", children: r }),
@@ -11463,34 +11463,34 @@ const mg = (e) => {
   }, [r, s, a, c.count]), w = G(() => {
     if (!d) return null;
     const S = cs.toArray(d).slice(0, e);
-    return S.map((k, P) => a ? /* @__PURE__ */ h(
+    return S.map((k, V) => a ? /* @__PURE__ */ h(
       K.div,
       {
         initial: { opacity: 0, scale: 0.8 },
         animate: { opacity: 1, scale: 1 },
         transition: {
-          delay: P * 0.05,
+          delay: V * 0.05,
           duration: 0.2,
           ease: [0.4, 0, 0.2, 1]
         },
         children: k
       },
-      P
+      V
     ) : /* @__PURE__ */ h(
       K.div,
       {
-        className: P > 0 ? "-ml-2" : "",
+        className: V > 0 ? "-ml-2" : "",
         initial: { opacity: 0, x: -10 },
         animate: { opacity: 1, x: 0 },
         transition: {
-          delay: P * 0.05,
+          delay: V * 0.05,
           duration: 0.2,
           ease: [0.4, 0, 0.2, 1]
         },
-        style: { zIndex: S.length - P },
+        style: { zIndex: S.length - V },
         children: k
       },
-      P
+      V
     ));
   }, [d, e, a]);
   return /* @__PURE__ */ h(bg, { value: p, children: /* @__PURE__ */ F(
@@ -12391,8 +12391,8 @@ const Go = (e) => {
     const T = b.length, S = Math.max(2, c - 1);
     if (T <= S)
       return b;
-    const k = b.slice(0, f), P = b.slice(T - p), V = T - f - p, B = m ? m(V) : /* @__PURE__ */ h("span", { "aria-label": `${V} more items`, children: "..." }, "ellipsis");
-    return [...k, B, ...P];
+    const k = b.slice(0, f), V = b.slice(T - p), P = T - f - p, B = m ? m(P) : /* @__PURE__ */ h("span", { "aria-label": `${P} more items`, children: "..." }, "ellipsis");
+    return [...k, B, ...V];
   }, [b, c, f, p, m]), w = G(
     () => bc({
       size: r,
@@ -12511,12 +12511,12 @@ const Zs = ({
       isDisabled: C
     }),
     [b, v, w, C]
-  ), S = _((P) => {
+  ), S = _((V) => {
     if (C || o) {
-      P.preventDefault();
+      V.preventDefault();
       return;
     }
-    x && x(P);
+    x && x(V);
   }, [C, o, x]);
   return {
     children: r,
@@ -12865,7 +12865,7 @@ const Mg = {
   clickAnimation: y = "scale",
   "data-testid": g
 }) => {
-  const [b, v] = U(!1), w = "inline-flex items-center justify-center font-medium border", C = Mg[l], T = Eg[d], S = Ig(n, c), k = Ng(a), P = Dg(s), V = Bg(p), B = Lg(
+  const [b, v] = U(!1), w = "inline-flex items-center justify-center font-medium border", C = Mg[l], T = Eg[d], S = Ig(n, c), k = Ng(a), V = Dg(s), P = Bg(p), B = Lg(
     s,
     a
   ), O = [
@@ -12874,8 +12874,8 @@ const Mg = {
     T,
     S,
     k,
-    P,
     V,
+    P,
     B,
     t
     // User className has highest priority
@@ -13170,32 +13170,32 @@ const Mg = {
   onValueChange: w,
   "data-testid": C
 }) => {
-  const [T, S] = U(c), k = Y(null), P = l !== void 0, V = P ? l : T, B = m || x === "invalid", O = (Z) => {
+  const [T, S] = U(c), k = Y(null), V = l !== void 0, P = V ? l : T, B = m || x === "invalid", O = (Z) => {
     if (f || u) return;
     const W = Z.target.checked;
-    P || S(W), v?.(Z), w?.(W);
+    V || S(W), v?.(Z), w?.(W);
   }, I = [Qg(f), b?.base, g].filter(Boolean).join(" "), L = [qg(
     s,
     o,
     a,
-    V || p,
+    P || p,
     f,
     B,
     y
   ), b?.wrapper].filter(Boolean).join(" "), A = [Zg(
     s,
-    V,
+    P,
     p,
     y
   ), b?.icon].filter(Boolean).join(" "), E = [Jg(
     s,
     f,
     i,
-    V
+    P
   ), b?.label].filter(Boolean).join(" "), $ = [eb(), b?.hiddenInput].filter(Boolean).join(" "), j = () => t ? /* @__PURE__ */ h(
     t,
     {
-      isSelected: V,
+      isSelected: P,
       isIndeterminate: p,
       disableAnimation: y,
       className: A,
@@ -13204,7 +13204,7 @@ const Mg = {
   ) : /* @__PURE__ */ h(
     rb,
     {
-      isSelected: V,
+      isSelected: P,
       isIndeterminate: p,
       disableAnimation: y,
       className: A,
@@ -13225,13 +13225,13 @@ const Mg = {
               type: "checkbox",
               value: r,
               name: n,
-              checked: V || p,
+              checked: P || p,
               onChange: O,
               disabled: f,
               readOnly: u,
               required: d,
               "aria-invalid": B,
-              "aria-checked": p ? "mixed" : V,
+              "aria-checked": p ? "mixed" : P,
               className: $,
               "data-testid": `${C}-input`
             }
@@ -13828,7 +13828,7 @@ const Qs = {
   onError: g,
   "data-testid": b
 }) => {
-  const [v, w] = U(!p), [C, T] = U(!1), [S, k] = U(e), P = Y(null), V = (E) => {
+  const [v, w] = U(!p), [C, T] = U(!1), [S, k] = U(e), V = Y(null), P = (E) => {
     w(!1), T(!1), y?.(E);
   }, B = () => {
     T(!0), w(!1), c && S !== c && (k(c), w(!p)), g?.();
@@ -13852,7 +13852,7 @@ const Qs = {
   ), D = /* @__PURE__ */ h(
     "img",
     {
-      ref: P,
+      ref: V,
       src: S,
       srcSet: t,
       sizes: r,
@@ -13861,7 +13861,7 @@ const Qs = {
       height: a,
       loading: l,
       className: R,
-      onLoad: V,
+      onLoad: P,
       onError: B,
       "data-testid": b
     }
@@ -14187,9 +14187,9 @@ const Qs = {
     // Animation & styling
     disableAnimation: S = !1,
     classNames: k,
-    className: P,
+    className: V,
     // Validation
-    validate: V,
+    validate: P,
     validationBehavior: B = "native",
     // Refs
     baseRef: O,
@@ -14208,7 +14208,7 @@ const Qs = {
     "aria-describedby": j,
     ...Z
   }, W) => {
-    const [ne, ee] = U(i || ""), [re, de] = U(!1), [fe, Re] = U(!1), [we, mt] = U([]), He = Y(null), ue = o !== void 0, Be = ue ? o : ne, Ve = Be && Be.length > 0, it = Ve || re, Xe = m === "password", on = Xe && fe ? "text" : m, kr = V !== void 0, je = (C || we.length > 0) && !v, se = `input-label-${Math.random().toString(36).substring(2, 11)}`, be = r ? `input-description-${Math.random().toString(36).substring(2, 11)}` : void 0, Te = je ? `input-error-${Math.random().toString(36).substring(2, 11)}` : void 0;
+    const [ne, ee] = U(i || ""), [re, de] = U(!1), [fe, Re] = U(!1), [we, mt] = U([]), He = Y(null), ue = o !== void 0, Be = ue ? o : ne, Ve = Be && Be.length > 0, it = Ve || re, Xe = m === "password", on = Xe && fe ? "text" : m, kr = P !== void 0, je = (C || we.length > 0) && !v, se = `input-label-${Math.random().toString(36).substring(2, 11)}`, be = r ? `input-description-${Math.random().toString(36).substring(2, 11)}` : void 0, Te = je ? `input-error-${Math.random().toString(36).substring(2, 11)}` : void 0;
     q(() => {
       if (kr || b || x || y || g) {
         const _e = Sb(Be, {
@@ -14217,7 +14217,7 @@ const Qs = {
           maxLength: y,
           pattern: g,
           type: m,
-          customValidate: V
+          customValidate: P
         });
         mt(_e.errors);
       }
@@ -14228,7 +14228,7 @@ const Qs = {
       y,
       g,
       m,
-      V,
+      P,
       kr
     ]);
     const Qe = (_e) => {
@@ -14246,7 +14246,7 @@ const Qs = {
       p,
       v,
       f
-    ), k?.base, P].filter(Boolean).join(" "), Zc = [
+    ), k?.base, V].filter(Boolean).join(" "), Zc = [
       mb(f),
       k?.mainWrapper
     ].filter(Boolean).join(" "), Jc = [gb(
@@ -14837,8 +14837,8 @@ const fr = J({
     onClose: T,
     ...S
   }, k) => {
-    const [P, V] = U(l), B = Y(null), O = i !== void 0 ? i : P, R = (W) => {
-      i === void 0 && V(W), C?.(W), W || T?.();
+    const [V, P] = U(l), B = Y(null), O = i !== void 0 ? i : V, R = (W) => {
+      i === void 0 && P(W), C?.(W), W || T?.();
     }, I = () => {
       R(!1);
     };
@@ -15238,7 +15238,7 @@ const pt = J({
     onScrollPositionChange: x,
     ...y
   }, g) => {
-    const [b, v] = U(l), [w, C] = U(!1), [T, S] = U(0), k = Y(null), P = i ?? b, V = (I) => {
+    const [b, v] = U(l), [w, C] = U(!1), [T, S] = U(0), k = Y(null), V = i ?? b, P = (I) => {
       i === void 0 && v(I), m?.(I);
     };
     q(() => {
@@ -15261,7 +15261,7 @@ const pt = J({
       isBlurred: o,
       disableAnimation: u
     }), R = {
-      isMenuOpen: P,
+      isMenuOpen: V,
       position: r,
       maxWidth: n,
       height: t,
@@ -15270,7 +15270,7 @@ const pt = J({
       shouldHideOnScroll: c,
       disableAnimation: u,
       classNames: f,
-      onMenuOpenChange: V,
+      onMenuOpenChange: P,
       onScrollPositionChange: x
     };
     return /* @__PURE__ */ h(wc.Provider, { value: R, children: /* @__PURE__ */ h(
@@ -15279,7 +15279,7 @@ const pt = J({
         ref: g || k,
         className: B({ className: f?.base || p }),
         style: { height: t },
-        "data-menu-open": P,
+        "data-menu-open": V,
         "data-hidden": w,
         initial: c ? { y: 0 } : !1,
         animate: c ? { y: w ? -100 : 0 } : !1,
@@ -16239,7 +16239,7 @@ const xr = {
     C || v($), x?.(z), y?.($);
   }, k = () => {
     u || d || w.current?.click();
-  }, V = [ay(u), m?.base, p].filter(Boolean).join(" "), O = [oy(
+  }, P = [ay(u), m?.base, p].filter(Boolean).join(" "), O = [oy(
     n,
     s,
     T,
@@ -16252,7 +16252,7 @@ const xr = {
     cy(),
     m?.hiddenInput
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ F("label", { className: V, "data-testid": g, children: [
+  return /* @__PURE__ */ F("label", { className: P, "data-testid": g, children: [
     o && /* @__PURE__ */ h(
       K.div,
       {
@@ -16480,8 +16480,8 @@ const xr = {
   selectedKeys: T = /* @__PURE__ */ new Set(),
   defaultSelectedKeys: S = /* @__PURE__ */ new Set(),
   disabledKeys: k = /* @__PURE__ */ new Set(),
-  disallowEmptySelection: P = !1,
-  selectionMode: V = "none",
+  disallowEmptySelection: V = !1,
+  selectionMode: P = "none",
   selectionBehavior: B = "toggle",
   disabledBehavior: O = "selection",
   allowDuplicateSelectionEvents: R = !1,
@@ -16503,7 +16503,7 @@ const xr = {
   const re = G(() => ({
     color: r,
     customColor: n,
-    selectionMode: V,
+    selectionMode: P,
     selectionBehavior: B,
     selectedKeys: T,
     disabledKeys: k,
@@ -16523,7 +16523,7 @@ const xr = {
   }), [
     r,
     n,
-    V,
+    P,
     B,
     T,
     k,
@@ -16975,42 +16975,49 @@ const xr = {
   type: t = "default",
   title: r,
   description: n,
-  closable: s = !0,
-  action: a,
-  icon: o,
-  size: i = "md",
-  variant: l = "solid",
-  radius: c = "md",
-  position: d = "top-right",
-  className: u = "",
-  onRemove: f,
-  onClose: p,
-  "data-testid": m
+  duration: s,
+  closable: a = !0,
+  action: o,
+  icon: i,
+  size: l = "md",
+  variant: c = "solid",
+  radius: d = "md",
+  position: u = "top-right",
+  className: f = "",
+  onRemove: p,
+  onClose: m,
+  "data-testid": x
 }) => {
-  const [x, y] = U(!1), g = "flex items-start gap-3 border w-full max-w-sm pointer-events-auto", b = Ay[i], v = Vy[c], w = Py(t, l), C = Ey(d), T = [
-    g,
+  const [y, g] = U(!1), b = "flex items-start gap-3 border w-full max-w-sm pointer-events-auto", v = Ay[l], w = Vy[d], C = Py(t, c), T = Ey(u), S = [
     b,
     v,
     w,
-    x ? C.exit : C.enter,
-    u
-  ].filter(Boolean).join(" "), S = () => {
-    p && p(e), y(!0), setTimeout(() => {
-      f(e);
+    C,
+    y ? T.exit : T.enter,
+    f
+  ].filter(Boolean).join(" "), k = _(() => {
+    m && m(e), g(!0), setTimeout(() => {
+      p(e);
     }, 200);
-  };
-  return q(() => () => {
-  }, []), /* @__PURE__ */ F("div", { className: T, "data-testid": m, children: [
-    o !== !1 && /* @__PURE__ */ h(By, { type: t, customIcon: o }),
+  }, [e, m, p]);
+  return q(() => {
+    if (s && s > 0) {
+      const V = setTimeout(() => {
+        k();
+      }, s);
+      return () => clearTimeout(V);
+    }
+  }, [s, k]), /* @__PURE__ */ F("div", { className: S, "data-testid": x, children: [
+    i !== !1 && /* @__PURE__ */ h(By, { type: t, customIcon: i }),
     /* @__PURE__ */ F("div", { className: "flex-1 min-w-0", children: [
       r && /* @__PURE__ */ h("div", { className: "font-semibold text-sm mb-1 break-words", children: r }),
       n && /* @__PURE__ */ h("div", { className: "text-sm opacity-90 break-words", children: n }),
-      a && /* @__PURE__ */ h("div", { className: "mt-2", children: a })
+      o && /* @__PURE__ */ h("div", { className: "mt-2", children: o })
     ] }),
-    s && /* @__PURE__ */ h(
+    a && /* @__PURE__ */ h(
       "button",
       {
-        onClick: S,
+        onClick: k,
         className: "flex-shrink-0 p-1 rounded-sm opacity-70 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-current focus:ring-offset-1 dark:focus:ring-offset-gray-800",
         "aria-label": "Close notification",
         type: "button",
@@ -17073,9 +17080,7 @@ const Vv = ({
         ...p,
         id: m
       };
-      return i({ type: "ADD_TOAST", payload: x }), x.duration && x.duration > 0 && setTimeout(() => {
-        i({ type: "REMOVE_TOAST", payload: m });
-      }, x.duration), m;
+      return i({ type: "ADD_TOAST", payload: x }), m;
     },
     [n, t]
   ), c = _((p) => {
@@ -17164,8 +17169,8 @@ const Vv = ({
     (f, p = {}) => e({
       type: "error",
       description: f,
-      duration: p.duration ?? 0,
-      // Error toasts don't auto-dismiss by default
+      duration: p.duration ?? 7e3,
+      // Error toasts auto-dismiss after 7 seconds by default
       ...p
     }),
     [e]
@@ -17844,22 +17849,22 @@ const Vv = ({
       window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0);
     };
   }, [k, m, y, t, l]);
-  const P = _(() => {
+  const V = _(() => {
     if (n) return;
     C.current && (window.clearTimeout(C.current), C.current = void 0);
     const R = d.show;
     R > 0 ? w.current = window.setTimeout(() => {
       S ? o?.(!0) : p(!0);
     }, R) : S ? o?.(!0) : p(!0);
-  }, [n, d.show, S, o]), V = _(() => {
+  }, [n, d.show, S, o]), P = _(() => {
     w.current && (window.clearTimeout(w.current), w.current = void 0);
     const R = d.hide;
     R > 0 ? C.current = window.setTimeout(() => {
       S ? o?.(!1) : p(!1);
     }, R) : S ? o?.(!1) : p(!1);
   }, [d.hide, S, o]), B = _(() => {
-    k ? V() : P();
-  }, [k, P, V]);
+    k ? P() : V();
+  }, [k, V, P]);
   q(() => () => {
     w.current && window.clearTimeout(w.current), C.current && window.clearTimeout(C.current);
   }, []);
@@ -17873,8 +17878,8 @@ const Vv = ({
       case "hover":
         return {
           ...R,
-          onMouseEnter: P,
-          onMouseLeave: V
+          onMouseEnter: V,
+          onMouseLeave: P
         };
       case "click":
         return {
@@ -17884,15 +17889,15 @@ const Vv = ({
       case "focus":
         return {
           ...R,
-          onFocus: P,
-          onBlur: V
+          onFocus: V,
+          onBlur: P
         };
       case "manual":
         return R;
       default:
         return R;
     }
-  }, [n, r, T, k, P, V, B]);
+  }, [n, r, T, k, V, P, B]);
   return {
     isOpen: k,
     referenceElement: m,
@@ -17902,8 +17907,8 @@ const Vv = ({
     position: b,
     id: T,
     getTriggerProps: O,
-    openTooltip: P,
-    closeTooltip: V,
+    openTooltip: V,
+    closeTooltip: P,
     toggleTooltip: B
   };
 }, Zy = ({ variant: e = "dark", size: t = "md", placement: r, animation: n = "fade", className: s }) => {
@@ -17997,11 +18002,11 @@ const Vv = ({
   } = qy(e), C = () => {
     const S = w();
     if (o && ti(t)) {
-      const k = t.props, P = {
+      const k = t.props, V = {
         ...k,
         ...S,
-        ref: (V) => {
-          y(V), typeof k.ref == "function" ? k.ref(V) : k.ref?.current !== void 0 && (k.ref.current = V);
+        ref: (P) => {
+          y(P), typeof k.ref == "function" ? k.ref(P) : k.ref?.current !== void 0 && (k.ref.current = P);
         },
         className: Yo({
           active: x,
@@ -18009,7 +18014,7 @@ const Vv = ({
           className: k.className
         })
       };
-      return Pe.createElement(t.type, P);
+      return Pe.createElement(t.type, V);
     }
     return /* @__PURE__ */ h(
       "span",
@@ -18644,8 +18649,8 @@ function fx(e) {
     onKeyDown: T,
     onKeyUp: S,
     onClose: k,
-    onClear: P,
-    ...V
+    onClear: V,
+    ...P
   } = e, B = Y(null), O = Y(null), [R, I] = U(s), [D, L] = U(o || null), [M, A] = U(!1), [N] = U(!1), [E, z] = U(null), $ = n ?? R, j = a ?? D, Z = G(() => ux(t ?? r), [t, r]), W = G(() => !$.trim() && i !== "focus" ? c ? Z : [] : $.trim() ? Z.filter((se) => {
     const be = Vn(se);
     return u(be, $);
@@ -18728,8 +18733,8 @@ function fx(e) {
       A(!1), b?.(!1), k?.();
     }, 150);
   }, [w, C, d, M, b, k]), we = _(() => {
-    ne(""), a === void 0 && L(null), g?.(null), P?.(), B.current && B.current.focus();
-  }, [ne, a, g, P]), mt = _((se) => {
+    ne(""), a === void 0 && L(null), g?.(null), V?.(), B.current && B.current.focus();
+  }, [ne, a, g, V]), mt = _((se) => {
     ee(se);
   }, [ee]), He = _(() => {
     M || re(!0, "manual");
@@ -18747,7 +18752,7 @@ function fx(e) {
         document.removeEventListener("mousedown", se);
       };
   }, [M, b, k]);
-  const { size: Be, ...Ve } = V, it = G(() => ({
+  const { size: Be, ...Ve } = P, it = G(() => ({
     ...Ve,
     ref: B,
     value: $,
@@ -19699,17 +19704,17 @@ const is = oe(({
   onKeyDown: C,
   ...T
 }, S) => {
-  const [k, P] = Pe.useState(!1), V = _(() => {
+  const [k, V] = Pe.useState(!1), P = _(() => {
     c || (y?.(), m !== void 0 && x && x(m));
   }, [c, y, m, x]), B = _((N) => {
-    c || (N.preventDefault(), N.stopPropagation(), v?.(N), V());
-  }, [c, v, V]), O = _((N) => {
+    c || (N.preventDefault(), N.stopPropagation(), v?.(N), P());
+  }, [c, v, P]), O = _((N) => {
     c || (N.preventDefault(), w?.(N), g?.());
   }, [c, w, g]), R = _(() => {
     c || b?.();
   }, [c, b]), I = _((N) => {
-    c || (C?.(N), (N.key === "Enter" || N.key === " ") && (N.preventDefault(), N.stopPropagation(), V()));
-  }, [c, C, V]), D = G(() => gx({
+    c || (C?.(N), (N.key === "Enter" || N.key === " ") && (N.preventDefault(), N.stopPropagation(), P()));
+  }, [c, C, P]), D = G(() => gx({
     variant: u,
     color: f,
     size: p,
@@ -19735,8 +19740,8 @@ const is = oe(({
       onClick: B,
       onMouseDown: O,
       onMouseUp: R,
-      onMouseEnter: () => P(!0),
-      onMouseLeave: () => P(!1),
+      onMouseEnter: () => V(!0),
+      onMouseLeave: () => V(!1),
       onKeyDown: I,
       ...T,
       children: /* @__PURE__ */ F("div", { className: te(D.wrapper(), r?.wrapper), children: [
@@ -19812,8 +19817,8 @@ const kx = oe(({
   popoverProps: T,
   listboxProps: S,
   inputProps: k,
-  selectorButtonProps: P,
-  clearButtonProps: V,
+  selectorButtonProps: V,
+  clearButtonProps: P,
   children: B,
   ...O
 }, R) => {
@@ -19969,11 +19974,11 @@ const kx = oe(({
                   "button",
                   {
                     ...j,
-                    ...V,
+                    ...P,
                     className: te(
                       "p-1 rounded-small opacity-70 hover:opacity-100 transition-opacity",
                       j.className,
-                      V?.className
+                      P?.className
                     ),
                     children: v || mt
                   }
@@ -19982,11 +19987,11 @@ const kx = oe(({
                   "button",
                   {
                     ...Z,
-                    ...P,
+                    ...V,
                     className: te(
                       "p-1 rounded-small opacity-70 hover:opacity-100 transition-opacity",
                       Z.className,
-                      P?.className
+                      V?.className
                     ),
                     disabled: d,
                     children: b || we
@@ -20341,18 +20346,18 @@ const Ax = {
     "aria-label": u,
     "data-testid": f
   }, p) => {
-    const m = ta(), x = i ?? m.size, y = l ?? m.color, g = c ?? m.variant, b = d ?? m.radius, v = m.isDisabled, w = m.disableAnimation, C = v || n, T = Oc(x, b), S = Rc(y, g, r, C), k = jc(w, C), P = () => {
+    const m = ta(), x = i ?? m.size, y = l ?? m.color, g = c ?? m.variant, b = d ?? m.radius, v = m.isDisabled, w = m.disableAnimation, C = v || n, T = Oc(x, b), S = Rc(y, g, r, C), k = jc(w, C), V = () => {
       C || t === "dots" || s?.(e);
-    }, V = t === "page" ? r ? `Current page, page ${e}` : `Go to page ${e}` : u, B = `${T} ${S} ${k} ${o}`.trim();
+    }, P = t === "page" ? r ? `Current page, page ${e}` : `Go to page ${e}` : u, B = `${T} ${S} ${k} ${o}`.trim();
     return /* @__PURE__ */ h(
       "button",
       {
         ref: p,
         type: "button",
         disabled: C,
-        onClick: P,
+        onClick: V,
         className: B,
-        "aria-label": V,
+        "aria-label": P,
         "aria-current": r ? "page" : void 0,
         "data-testid": f,
         children: a ?? e
@@ -20377,7 +20382,7 @@ const wr = oe(
   }, u) => {
     const f = ta(), p = a ?? f.size, m = o ?? f.color, x = i ?? f.variant, y = l ?? f.radius, g = f.isDisabled, b = f.disableAnimation, v = g || t, w = Oc(p, y), C = Px(m, x, v), T = jc(b, v), S = () => {
       v || r?.();
-    }, k = e === "prev" ? "Go to previous page" : "Go to next page", P = `${w} ${C} ${T} ${s}`.trim();
+    }, k = e === "prev" ? "Go to previous page" : "Go to next page", V = `${w} ${C} ${T} ${s}`.trim();
     return /* @__PURE__ */ h(
       "button",
       {
@@ -20385,7 +20390,7 @@ const wr = oe(
         type: "button",
         disabled: v,
         onClick: S,
-        className: P,
+        className: V,
         "aria-label": c ?? k,
         "data-testid": d,
         children: n
@@ -20575,8 +20580,8 @@ const Dr = {
     siblings: v.siblings,
     showDots: v.showDots,
     loop: v.loop,
-    onChange: (V) => {
-      s?.(V), a?.(V);
+    onChange: (P) => {
+      s?.(P), a?.(P);
     }
   }), C = {
     activePage: w.activePage,
@@ -20594,7 +20599,7 @@ const Dr = {
     o,
     v.showShadow,
     v.compact
-  ), S = (V) => !b.showFirstLast || b.placement !== "both" && b.placement !== V ? null : V === "start" ? /* @__PURE__ */ h(
+  ), S = (P) => !b.showFirstLast || b.placement !== "both" && b.placement !== P ? null : P === "start" ? /* @__PURE__ */ h(
     Wc,
     {
       isDisabled: d || w.isFirst,
@@ -20608,7 +20613,7 @@ const Dr = {
       onClick: w.last,
       children: b.labels.last
     }
-  ), k = (V) => !b.showControls || b.placement !== "both" && b.placement !== V ? null : V === "start" ? /* @__PURE__ */ h(
+  ), k = (P) => !b.showControls || b.placement !== "both" && b.placement !== P ? null : P === "start" ? /* @__PURE__ */ h(
     zc,
     {
       isDisabled: d || w.isFirst,
@@ -20622,17 +20627,17 @@ const Dr = {
       onClick: w.next,
       children: b.labels.next
     }
-  ), P = () => v.showPages ? w.range.map((V) => V.type === "dots" ? /* @__PURE__ */ h(Gc, {}, V.key) : /* @__PURE__ */ h(
+  ), V = () => v.showPages ? w.range.map((P) => P.type === "dots" ? /* @__PURE__ */ h(Gc, {}, P.key) : /* @__PURE__ */ h(
     $c,
     {
       type: "page",
-      value: V.value,
-      isActive: V.isActive,
-      isDisabled: d || V.isDisabled,
-      onClick: () => !d && !V.isDisabled && w.setPage(V.value),
-      children: V.value
+      value: P.value,
+      isActive: P.isActive,
+      isDisabled: d || P.isDisabled,
+      onClick: () => !d && !P.isDisabled && w.setPage(P.value),
+      children: P.value
     },
-    V.key
+    P.key
   )) : null;
   return /* @__PURE__ */ h(Uc.Provider, { value: C, children: /* @__PURE__ */ F(
     "nav",
@@ -20645,7 +20650,7 @@ const Dr = {
       children: [
         S("start"),
         k("start"),
-        P(),
+        V(),
         k("end"),
         S("end")
       ]
@@ -20842,7 +20847,7 @@ const sr = (e) => ({
   onStart: g,
   "data-testid": b
 }) => {
-  const [v, w] = U(""), [C, T] = U(0), [S, k] = U(!1), [P, V] = U(!1), [B, O] = U(!0), [R, I] = U(!1), D = Y(null), L = Y(null), M = Y(null), A = Kt(), E = (t || [e])[C] || e, z = !m && !A && (n === "immediate" || n === "inView" && R || n === "manual" && x);
+  const [v, w] = U(""), [C, T] = U(0), [S, k] = U(!1), [V, P] = U(!1), [B, O] = U(!0), [R, I] = U(!1), D = Y(null), L = Y(null), M = Y(null), A = Kt(), E = (t || [e])[C] || e, z = !m && !A && (n === "immediate" || n === "inView" && R || n === "manual" && x);
   q(() => {
     if (!(n !== "inView" || !D.current))
       return M.current = new IntersectionObserver(
@@ -20873,9 +20878,9 @@ const sr = (e) => ({
       }, 1e3 / s);
       return () => clearInterval(fe);
     }, ee = () => {
-      V(!0), O(!1);
+      P(!0), O(!1);
       const re = setInterval(() => {
-        w((de) => de.length > 0 ? de.slice(0, -1) : (clearInterval(re), V(!1), O(!0), t && t.length > 1 && (u ? T((fe) => (fe + 1) % t.length) : C < t.length - 1 && T((fe) => fe + 1), L.current = setTimeout(() => {
+        w((de) => de.length > 0 ? de.slice(0, -1) : (clearInterval(re), P(!1), O(!0), t && t.length > 1 && (u ? T((fe) => (fe + 1) % t.length) : C < t.length - 1 && T((fe) => fe + 1), L.current = setTimeout(() => {
           ne();
         }, 300)), ""));
       }, 1e3 / c);
@@ -20883,7 +20888,7 @@ const sr = (e) => ({
     };
     W();
   }, [z, E, C, s, c, p, l, u, t, g, y, d]), q(() => {
-    n === "manual" && !x && (w(""), T(0), k(!1), V(!1));
+    n === "manual" && !x && (w(""), T(0), k(!1), P(!1));
   }, [n, x]);
   const $ = () => {
     const W = {
@@ -20917,9 +20922,9 @@ const sr = (e) => ({
         };
     }
   }, j = () => {
-    n === "hover" && !S && !P && (w(""), T(0));
+    n === "hover" && !S && !V && (w(""), T(0));
   }, Z = () => {
-    n === "focus" && !S && !P && (w(""), T(0));
+    n === "focus" && !S && !V && (w(""), T(0));
   };
   return /* @__PURE__ */ F(Se, { children: [
     /* @__PURE__ */ h("style", { dangerouslySetInnerHTML: {
@@ -20980,16 +20985,16 @@ const sr = (e) => ({
   onStart: g,
   "data-testid": b
 }) => {
-  const [v, w] = U(!1), [C, T] = U(!1), [S, k] = U(!1), P = Y(null), V = Y(null), B = Kt(), O = Nx(e, n, a, s), R = !m && !B && (r === "immediate" || r === "inView" && v || r === "manual" && x);
+  const [v, w] = U(!1), [C, T] = U(!1), [S, k] = U(!1), V = Y(null), P = Y(null), B = Kt(), O = Nx(e, n, a, s), R = !m && !B && (r === "immediate" || r === "inView" && v || r === "manual" && x);
   q(() => {
-    if (!(r !== "inView" || !P.current))
-      return V.current = new IntersectionObserver(
+    if (!(r !== "inView" || !V.current))
+      return P.current = new IntersectionObserver(
         ([E]) => {
-          E.isIntersecting ? (w(!0), !f && V.current && V.current.disconnect()) : f && (w(!1), k(!1));
+          E.isIntersecting ? (w(!0), !f && P.current && P.current.disconnect()) : f && (w(!1), k(!1));
         },
         { threshold: 0.1 }
-      ), V.current.observe(P.current), () => {
-        V.current && V.current.disconnect();
+      ), P.current.observe(V.current), () => {
+        P.current && P.current.disconnect();
       };
   }, [r, f]), q(() => {
     R && !S ? (T(!0), g && g()) : R || T(!1);
@@ -21032,7 +21037,7 @@ const sr = (e) => ({
   return m || B ? /* @__PURE__ */ h(
     "div",
     {
-      ref: P,
+      ref: V,
       className: `reveal-text ${t}`,
       "data-testid": b,
       children: e
@@ -21040,7 +21045,7 @@ const sr = (e) => ({
   ) : /* @__PURE__ */ h(Je, { mode: "wait", children: n === "word" ? /* @__PURE__ */ h(
     "div",
     {
-      ref: P,
+      ref: V,
       className: `reveal-text reveal-text--words ${t}`,
       onMouseEnter: r === "hover" ? L : void 0,
       onFocus: r === "focus" ? M : void 0,
@@ -21071,7 +21076,7 @@ const sr = (e) => ({
   ) : n === "line" ? /* @__PURE__ */ h(
     "div",
     {
-      ref: P,
+      ref: V,
       className: `reveal-text reveal-text--lines ${t}`,
       onMouseEnter: r === "hover" ? L : void 0,
       onFocus: r === "focus" ? M : void 0,
@@ -21097,7 +21102,7 @@ const sr = (e) => ({
   ) : /* @__PURE__ */ h(
     "div",
     {
-      ref: P,
+      ref: V,
       className: `reveal-text reveal-text--letters ${t}`,
       onMouseEnter: r === "hover" ? L : void 0,
       onFocus: r === "focus" ? M : void 0,
@@ -21148,18 +21153,18 @@ const sr = (e) => ({
   onComplete: b,
   "data-testid": v
 }) => {
-  const [w, C] = U(!1), [T, S] = U(!1), [k, P] = U(!1), V = Y(null), B = Y(null), O = Y(null), R = Kt(), I = Hs(e), D = !x && !R && (n === "immediate" || n === "inView" && w || n === "manual" && y), L = jt(I, (N) => {
+  const [w, C] = U(!1), [T, S] = U(!1), [k, V] = U(!1), P = Y(null), B = Y(null), O = Y(null), R = Kt(), I = Hs(e), D = !x && !R && (n === "immediate" || n === "inView" && w || n === "manual" && y), L = jt(I, (N) => {
     const E = Math.round(N * Math.pow(10, a)) / Math.pow(10, a);
     return c ? c(E) : ei(E, o, a, l, i);
   });
   q(() => {
-    if (!(n !== "inView" || !V.current))
+    if (!(n !== "inView" || !P.current))
       return B.current = new IntersectionObserver(
         ([N]) => {
-          N.isIntersecting ? (C(!0), !p && B.current && B.current.disconnect()) : p && (C(!1), P(!1));
+          N.isIntersecting ? (C(!0), !p && B.current && B.current.disconnect()) : p && (C(!1), V(!1));
         },
         { threshold: 0.1 }
-      ), B.current.observe(V.current), () => {
+      ), B.current.observe(P.current), () => {
         B.current && B.current.disconnect();
       };
   }, [n, p]), q(() => (D && !k ? (S(!0), g && g(), O.current && O.current.cancel(), O.current = Op(
@@ -21173,25 +21178,25 @@ const sr = (e) => ({
         I.set(N);
       },
       onComplete: () => {
-        S(!1), P(!0), b && b();
+        S(!1), V(!0), b && b();
       }
     }
   )) : !D && O.current && (O.current.cancel(), I.set(e), S(!1)), () => {
     O.current && O.current.cancel();
   }), [D, k, e, t, s, m, d, g, b, I]), q(() => {
-    n === "manual" && !y && (P(!1), S(!1), I.set(e));
+    n === "manual" && !y && (V(!1), S(!1), I.set(e));
   }, [n, y, e, I]);
   const M = () => {
-    n === "hover" && !T && P(!1);
+    n === "hover" && !T && V(!1);
   }, A = () => {
-    n === "focus" && !T && P(!1);
+    n === "focus" && !T && V(!1);
   };
   if (x || R) {
     const N = c ? c(t) : ei(t, o, a, l, i);
     return /* @__PURE__ */ F(
       "span",
       {
-        ref: V,
+        ref: P,
         className: `counter-text ${r}`,
         "data-testid": v,
         children: [
@@ -21205,7 +21210,7 @@ const sr = (e) => ({
   return /* @__PURE__ */ F(
     K.span,
     {
-      ref: V,
+      ref: P,
       className: `counter-text ${r}`,
       onMouseEnter: n === "hover" ? M : void 0,
       onFocus: n === "focus" ? A : void 0,
@@ -21237,7 +21242,7 @@ const sr = (e) => ({
   onComplete: x,
   "data-testid": y
 }) => {
-  const [g, b] = U(!1), [v, w] = U(!1), [C, T] = U(!1), S = Y(null), k = Y(null), P = Kt(), V = !f && !P && i && (r === "immediate" || r === "inView" && g || r === "manual" && p), B = () => {
+  const [g, b] = U(!1), [v, w] = U(!1), [C, T] = U(!1), S = Y(null), k = Y(null), V = Kt(), P = !f && !V && i && (r === "immediate" || r === "inView" && g || r === "manual" && p), B = () => {
     if (!c || c.length !== n.length)
       return Kc(n, s);
     const N = n.map(
@@ -21267,8 +21272,8 @@ const sr = (e) => ({
         k.current && k.current.disconnect();
       };
   }, [r, d]), q(() => {
-    V && !C ? (w(!0), m && m()) : V || w(!1);
-  }, [V, C, m]), q(() => {
+    P && !C ? (w(!0), m && m()) : P || w(!1);
+  }, [P, C, m]), q(() => {
     r === "manual" && !p && (T(!1), w(!1));
   }, [r, p]);
   const D = () => {
@@ -21283,11 +21288,11 @@ const sr = (e) => ({
     WebkitBackgroundClip: "text",
     color: "transparent",
     backgroundSize: I,
-    ...V && {
+    ...P && {
       animation: `gradientMove ${a / o}s linear ${u}s ${d ? "infinite" : "1"} ${s === "horizontal" ? "alternate" : "normal"}`
     }
   };
-  return f || P ? /* @__PURE__ */ h(
+  return f || V ? /* @__PURE__ */ h(
     "span",
     {
       ref: S,
@@ -21347,7 +21352,7 @@ const sr = (e) => ({
   onComplete: p,
   "data-testid": m
 }) => {
-  const [x, y] = U(!1), [g, b] = U(!1), [v, w] = U(!1), [C, T] = U(0), [S, k] = U(e[0] || ""), P = Y(null), V = Y(null), B = Y(null), O = Y(null), R = Kt(), I = !d && !R && (r === "immediate" || r === "inView" && x || r === "manual" && u), D = _(() => {
+  const [x, y] = U(!1), [g, b] = U(!1), [v, w] = U(!1), [C, T] = U(0), [S, k] = U(e[0] || ""), V = Y(null), P = Y(null), B = Y(null), O = Y(null), R = Kt(), I = !d && !R && (r === "immediate" || r === "inView" && x || r === "manual" && u), D = _(() => {
     B.current && (clearTimeout(B.current), B.current = null), O.current && (clearTimeout(O.current), O.current = null);
   }, []), L = _(() => {
     if (e.length <= 1) return;
@@ -21366,14 +21371,14 @@ const sr = (e) => ({
       }, n));
   }, [C, e, i, s, n, a, I, p]);
   q(() => {
-    if (!(r !== "inView" || !P.current))
-      return V.current = new IntersectionObserver(
+    if (!(r !== "inView" || !V.current))
+      return P.current = new IntersectionObserver(
         ([z]) => {
-          z.isIntersecting ? (y(!0), !l && V.current && V.current.disconnect()) : l && (y(!1), w(!1));
+          z.isIntersecting ? (y(!0), !l && P.current && P.current.disconnect()) : l && (y(!1), w(!1));
         },
         { threshold: 0.1 }
-      ), V.current.observe(P.current), () => {
-        V.current && V.current.disconnect();
+      ), P.current.observe(V.current), () => {
+        P.current && P.current.disconnect();
       };
   }, [r, l]), q(() => (I && !v && e.length > 1 ? (b(!0), f && f(), B.current = setTimeout(() => {
     L();
@@ -21389,7 +21394,7 @@ const sr = (e) => ({
     return /* @__PURE__ */ h(
       "span",
       {
-        ref: P,
+        ref: V,
         className: `morphing-text ${t}`,
         "data-testid": m,
         children: e[0] || ""
@@ -21415,7 +21420,7 @@ const sr = (e) => ({
   return i === "scramble" ? /* @__PURE__ */ h(
     "span",
     {
-      ref: P,
+      ref: V,
       className: `morphing-text morphing-text--scramble ${t}`,
       onMouseEnter: r === "hover" ? M : void 0,
       onFocus: r === "focus" ? A : void 0,
@@ -21432,7 +21437,7 @@ const sr = (e) => ({
   ) : /* @__PURE__ */ h(
     "span",
     {
-      ref: P,
+      ref: V,
       className: `morphing-text morphing-text--${i} ${t}`,
       onMouseEnter: r === "hover" ? M : void 0,
       onFocus: r === "focus" ? A : void 0,
@@ -21479,16 +21484,16 @@ const sr = (e) => ({
   onComplete: x,
   "data-testid": y
 }) => {
-  const [g, b] = U(!1), [v, w] = U(!1), [C, T] = U(!1), [S, k] = U(e), P = Y(null), V = Y(null), B = Y(null), O = Kt(), R = !f && !O && (r === "immediate" || r === "inView" && g || r === "manual" && p), I = l || Dx(20), D = Bx(n), L = ($, j = 0.3) => $.split("").map((Z) => Math.random() < j ? I[Math.floor(Math.random() * I.length)] : Z).join("");
+  const [g, b] = U(!1), [v, w] = U(!1), [C, T] = U(!1), [S, k] = U(e), V = Y(null), P = Y(null), B = Y(null), O = Kt(), R = !f && !O && (r === "immediate" || r === "inView" && g || r === "manual" && p), I = l || Dx(20), D = Bx(n), L = ($, j = 0.3) => $.split("").map((Z) => Math.random() < j ? I[Math.floor(Math.random() * I.length)] : Z).join("");
   q(() => {
-    if (!(r !== "inView" || !P.current))
-      return V.current = new IntersectionObserver(
+    if (!(r !== "inView" || !V.current))
+      return P.current = new IntersectionObserver(
         ([$]) => {
-          $.isIntersecting ? (b(!0), !d && V.current && V.current.disconnect()) : d && (b(!1), T(!1));
+          $.isIntersecting ? (b(!0), !d && P.current && P.current.disconnect()) : d && (b(!1), T(!1));
         },
         { threshold: 0.1 }
-      ), V.current.observe(P.current), () => {
-        V.current && V.current.disconnect();
+      ), P.current.observe(V.current), () => {
+        P.current && P.current.disconnect();
       };
   }, [r, d]), q(() => {
     if (i && R) {
@@ -21516,7 +21521,7 @@ const sr = (e) => ({
     return /* @__PURE__ */ h(
       "span",
       {
-        ref: P,
+        ref: V,
         className: `glitch-text ${t}`,
         "data-testid": y,
         children: e
@@ -21559,7 +21564,7 @@ const sr = (e) => ({
     /* @__PURE__ */ F(
       K.span,
       {
-        ref: P,
+        ref: V,
         className: `glitch-text glitch-text--${n} ${t}`,
         style: E,
         variants: D,