ymy-components 0.1.2 → 0.1.3

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as m, jsxs as C, Fragment as Jt } from "react/jsx-runtime";
 import * as Lt from "react";
-import Q, { useState as B, useRef as I, useEffect as F, useLayoutEffect as Rn, forwardRef as Ln, useCallback as G, useContext as Vt, useMemo as He, createContext as Vn, memo as Mn } from "react";
+import Q, { useState as B, useRef as $, useEffect as F, useLayoutEffect as Rn, forwardRef as Ln, useCallback as G, useContext as Vt, useMemo as He, createContext as Vn, memo as Mn } from "react";
 import { unstable_batchedUpdates as Fn } from "react-dom";
 import _, { keyframes as Z, css as gt } from "styled-components";
 import { createSlice as zn, combineReducers as Nn, configureStore as jn } from "@reduxjs/toolkit";
@@ -137,7 +137,7 @@ function X(e, t) {
   }
   return e === t;
 }
-var A = (e, t) => e.forEach(t);
+var P = (e, t) => e.forEach(t);
 function Y(e, t, r) {
   if (h.arr(e)) {
     for (let n = 0; n < e.length; n++)
@@ -151,7 +151,7 @@ var M = (e) => h.und(e) ? [] : h.arr(e) ? e : [e];
 function ke(e, t) {
   if (e.size) {
     const r = Array.from(e);
-    e.clear(), A(r, t);
+    e.clear(), P(r, t);
   }
 }
 var xe = (e, ...t) => ke(e, (r) => r(...t)), Bt = () => typeof window > "u" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent), Ht, Br, ne = null, Hr = !1, Ut = Tt, Wn = (e) => {
@@ -162,10 +162,10 @@ var xe = (e, ...t) => ke(e, (r) => r(...t)), Bt = () => typeof window > "u" || !
   },
   /** Advance the given animation on every frame until idle. */
   start(e) {
-    Ye > e.priority ? (Se.add(e), S.onStart(Gn)) : (Ur(e), S(At));
+    Ye > e.priority ? (Se.add(e), S.onStart(Gn)) : (Ur(e), S(Pt));
   },
   /** Advance all animations by the given time. */
-  advance: At,
+  advance: Pt,
   /** Call this when an animation's priority changes. */
   sort(e) {
     if (Ye)
@@ -185,7 +185,7 @@ var xe = (e, ...t) => ke(e, (r) => r(...t)), Bt = () => typeof window > "u" || !
   }
 };
 function Gn() {
-  Se.forEach(Ur), Se.clear(), S(At);
+  Se.forEach(Ur), Se.clear(), S(Pt);
 }
 function Ur(e) {
   j.includes(e) || qr(e);
@@ -197,7 +197,7 @@ function qr(e) {
     e
   );
 }
-function At(e) {
+function Pt(e) {
   const t = mt;
   for (let r = 0; r < j.length; r++) {
     const n = j[r];
@@ -439,11 +439,11 @@ function nr(e) {
   const r = (t & 4278190080) >>> 24, n = (t & 16711680) >>> 16, i = (t & 65280) >>> 8, s = (t & 255) / 255;
   return `rgba(${r}, ${n}, ${i}, ${s})`;
 }
-var Pe = (e, t, r) => {
+var Ae = (e, t, r) => {
   if (h.fun(e))
     return e;
   if (h.arr(e))
-    return Pe({
+    return Ae({
       range: e,
       output: t,
       extrapolate: r
@@ -511,7 +511,7 @@ function ge(e, t) {
   }
   return t;
 }
-function De(e, t) {
+function Oe(e, t) {
   const r = e[he];
   if (r && r.has(t)) {
     const n = r.size - 1;
@@ -560,7 +560,7 @@ var Gr = (e, t, r) => Object.defineProperty(e, t, {
       return a[o];
     })
   ).map(
-    (s) => Pe({ ...e, output: s })
+    (s) => Ae({ ...e, output: s })
   );
   return (s) => {
     var l;
@@ -596,7 +596,7 @@ function ct(e) {
   !Bt() && at.test(e) || e in (ne || {}));
 }
 var Wt = Bt() ? F : Rn, bi = () => {
-  const e = I(!1);
+  const e = $(!1);
   return Wt(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
@@ -613,7 +613,7 @@ function vi(e, t) {
       inputs: t,
       result: e()
     })
-  ), n = I(), i = n.current;
+  ), n = $(), i = n.current;
   let s = i;
   return s ? t && s.inputs && wi(t, s.inputs) || (s = {
     inputs: t,
@@ -632,12 +632,12 @@ function wi(e, t) {
 }
 var Zr = (e) => F(e, _i), _i = [];
 function or(e) {
-  const t = I();
+  const t = $();
   return F(() => {
     t.current = e;
   }), t.current;
 }
-var Oe = Symbol.for("Animated:node"), xi = (e) => !!e && e[Oe] === e, W = (e) => e && e[Oe], Gt = (e, t) => qn(e, Oe, t), ut = (e) => e && e[Oe] && e[Oe].getPayload(), Jr = class {
+var De = Symbol.for("Animated:node"), xi = (e) => !!e && e[De] === e, W = (e) => e && e[De], Gt = (e, t) => qn(e, De, t), ut = (e) => e && e[De] && e[De].getPayload(), Jr = class {
   constructor() {
     Gt(this, this);
   }
@@ -666,15 +666,15 @@ var Oe = Symbol.for("Animated:node"), xi = (e) => !!e && e[Oe] === e, W = (e) =>
     const { done: e } = this;
     this.done = !1, h.num(this._value) && (this.elapsedTime = 0, this.durationProgress = 0, this.lastPosition = this._value, e && (this.lastVelocity = null), this.v0 = null);
   }
-}, Ie = class extends Fe {
+}, $e = class extends Fe {
   constructor(e) {
-    super(0), this._string = null, this._toString = Pe({
+    super(0), this._string = null, this._toString = Ae({
       output: [e, e]
     });
   }
   /** @internal */
   static create(e) {
-    return new Ie(e);
+    return new $e(e);
   }
   getValue() {
     const e = this._string;
@@ -692,7 +692,7 @@ var Oe = Symbol.for("Animated:node"), xi = (e) => !!e && e[Oe] === e, W = (e) =>
     return !0;
   }
   reset(e) {
-    e && (this._toString = Pe({
+    e && (this._toString = Ae({
       output: [this.getValue(), e]
     })), this._value = 0, super.reset();
   }
@@ -711,7 +711,7 @@ var Oe = Symbol.for("Animated:node"), xi = (e) => !!e && e[Oe] === e, W = (e) =>
     this.source = e, this.payload = this._makePayload(e);
   }
   reset() {
-    this.payload && A(this.payload, (e) => e.reset());
+    this.payload && P(this.payload, (e) => e.reset());
   }
   /** Create a payload set. */
   _makePayload(e) {
@@ -724,7 +724,7 @@ var Oe = Symbol.for("Animated:node"), xi = (e) => !!e && e[Oe] === e, W = (e) =>
   _addToPayload(e) {
     Xe.dependencies && z(e) && Xe.dependencies.add(e);
     const t = ut(e);
-    t && A(t, (r) => this.add(r));
+    t && P(t, (r) => this.add(r));
   }
 }, en = class extends lt {
   constructor(e) {
@@ -743,11 +743,11 @@ var Oe = Symbol.for("Animated:node"), xi = (e) => !!e && e[Oe] === e, W = (e) =>
   }
 };
 function ki(e) {
-  return (ct(e) ? Ie : Fe).create(e);
+  return (ct(e) ? $e : Fe).create(e);
 }
-function Pt(e) {
+function At(e) {
   const t = W(e);
-  return t ? t.constructor : h.arr(e) ? en : ct(e) ? Ie : Fe;
+  return t ? t.constructor : h.arr(e) ? en : ct(e) ? $e : Fe;
 }
 var ar = (e, t) => {
   const r = (
@@ -756,10 +756,10 @@ var ar = (e, t) => {
     !h.fun(e) || e.prototype && e.prototype.isReactComponent
   );
   return Ln((n, i) => {
-    const s = I(null), o = r && // eslint-disable-next-line react-hooks/rules-of-hooks
+    const s = $(null), o = r && // eslint-disable-next-line react-hooks/rules-of-hooks
     G(
       (b) => {
-        s.current = Ai(i, b);
+        s.current = Pi(i, b);
       },
       [i]
     ), [a, l] = Ti(n, t), c = Xr(), u = () => {
@@ -767,15 +767,15 @@ var ar = (e, t) => {
       if (r && !b)
         return;
       (b ? t.applyAnimatedValues(b, a.getValue(!0)) : !1) === !1 && c();
-    }, d = new Si(u, l), f = I();
-    Wt(() => (f.current = d, A(l, (b) => ge(b, d)), () => {
-      f.current && (A(
+    }, d = new Si(u, l), f = $();
+    Wt(() => (f.current = d, P(l, (b) => ge(b, d)), () => {
+      f.current && (P(
         f.current.deps,
-        (b) => De(b, f.current)
+        (b) => Oe(b, f.current)
       ), S.cancel(f.current.update));
     })), F(u, []), Zr(() => () => {
       const b = f.current;
-      A(b.deps, (g) => De(g, b));
+      P(b.deps, (g) => Oe(g, b));
     });
     const p = t.getComponentProps(a.getValue());
     return /* @__PURE__ */ Lt.createElement(e, { ...p, ref: o });
@@ -795,10 +795,10 @@ function Ti(e, t) {
     style: t.createAnimatedStyle(e.style)
   }), e = new lt(e), Xe.dependencies = null, [e, r];
 }
-function Ai(e, t) {
+function Pi(e, t) {
   return e && (h.fun(e) ? e(t) : e.current = t), t;
 }
-var cr = Symbol.for("AnimatedComponent"), Pi = (e, {
+var cr = Symbol.for("AnimatedComponent"), Ai = (e, {
   applyAnimatedValues: t = () => !1,
   createAnimatedStyle: r = (i) => new lt(i),
   getComponentProps: n = (i) => i
@@ -837,7 +837,7 @@ var Te = (e, t) => e === !0 || !!(t && e && (h.fun(e) ? e(t) : M(e).includes(t))
   "onPause",
   "onResume",
   "onRest"
-], Di = {
+], Oi = {
   config: 1,
   from: 1,
   to: 1,
@@ -873,29 +873,29 @@ var Te = (e, t) => e === !0 || !!(t && e && (h.fun(e) ? e(t) : M(e).includes(t))
   callId: 1,
   parentId: 1
 };
-function Oi(e) {
+function Di(e) {
   const t = {};
   let r = 0;
   if (Y(e, (n, i) => {
-    Di[i] || (t[i] = n, r++);
+    Oi[i] || (t[i] = n, r++);
   }), r)
     return t;
 }
 function nn(e) {
-  const t = Oi(e);
+  const t = Di(e);
   if (t) {
     const r = { to: t };
     return Y(e, (n, i) => i in t || (r[i] = n)), r;
   }
   return { ...e };
 }
-function $e(e) {
-  return e = L(e), h.arr(e) ? e.map($e) : ct(e) ? q.createStringInterpolator({
+function Ie(e) {
+  return e = L(e), h.arr(e) ? e.map(Ie) : ct(e) ? q.createStringInterpolator({
     range: [0, 1],
     output: [e, e]
   })(1) : e;
 }
-function Ii(e) {
+function $i(e) {
   for (const t in e)
     return !0;
   return !1;
@@ -903,7 +903,7 @@ function Ii(e) {
 function Et(e) {
   return h.fun(e) || h.arr(e) && h.obj(e[0]);
 }
-function $i(e, t) {
+function Ii(e, t) {
   var r;
   (r = e.ref) == null || r.delete(e), t == null || t.delete(e);
 }
@@ -1017,8 +1017,8 @@ function an(e, t, r, n) {
           throw Re(r), w.result = H(n, !1), d(w), w;
         p(x);
         const T = h.obj(v) ? { ...v } : { ...y, to: v };
-        T.parentId = i, Y(c, (E, D) => {
-          h.und(T[D]) && (T[D] = E);
+        T.parentId = i, Y(c, (E, O) => {
+          h.und(T[O]) && (T[O] = E);
         });
         const k = await n.start(T);
         return p(x), r.paused && await new Promise((E) => {
@@ -1063,7 +1063,7 @@ var fr = class extends Error {
   constructor() {
     super("SkipAnimationSignal");
   }
-}, Dt = (e) => e instanceof Kt, zi = 1, Kt = class extends Wr {
+}, Ot = (e) => e instanceof Kt, zi = 1, Kt = class extends Wr {
   constructor() {
     super(...arguments), this.id = zi++, this._priority = 0;
   }
@@ -1179,7 +1179,7 @@ var fr = class extends Error {
         return;
       const d = (
         // Animated strings always go from 0 to 1.
-        c.constructor == Ie ? 1 : o ? o[u].lastPosition : i[u]
+        c.constructor == $e ? 1 : o ? o[u].lastPosition : i[u]
       );
       let f = n.immediate, p = d;
       if (!f) {
@@ -1198,12 +1198,12 @@ var fr = class extends Error {
           } else {
             y = c.lastVelocity == null ? v : c.lastVelocity;
             const w = s.restVelocity || x / 10, T = s.clamp ? 0 : s.bounce, k = !h.und(T), E = g == d ? c.v0 > 0 : g < d;
-            let D, ce = !1;
-            const $ = 1, se = Math.ceil(e / $);
-            for (let V = 0; V < se && (D = Math.abs(y) > w, !(!D && (f = Math.abs(d - p) <= x, f))); ++V) {
+            let O, ce = !1;
+            const I = 1, se = Math.ceil(e / I);
+            for (let V = 0; V < se && (O = Math.abs(y) > w, !(!O && (f = Math.abs(d - p) <= x, f))); ++V) {
               k && (ce = p == d || p > d == E, ce && (y = -y * T, p = d));
               const K = -s.tension * 1e-6 * (p - d), J = -s.friction * 1e-3 * y, ht = (K + J) / s.mass;
-              y = y + ht * $, p = p + y * $;
+              y = y + ht * I, p = p + y * I;
             }
           }
         else {
@@ -1368,11 +1368,11 @@ var fr = class extends Error {
       // except for declarative updates. When `reset` is defined, there
       // must exist a value to animate from.
       h.und(t.reset) ? i && !t.default : !h.und(d) && Te(t.reset, s)
-    ), T = w ? d : this.get(), k = $e(u), E = h.num(k) || h.arr(k) || ct(k), D = !b && (!E || Te(o.immediate || t.immediate, s));
+    ), T = w ? d : this.get(), k = Ie(u), E = h.num(k) || h.arr(k) || ct(k), O = !b && (!E || Te(o.immediate || t.immediate, s));
     if (p) {
-      const V = Pt(u);
+      const V = At(u);
       if (V !== x.constructor)
-        if (D)
+        if (O)
           x = this._set(k);
         else
           throw Error(
@@ -1380,21 +1380,21 @@ var fr = class extends Error {
           );
     }
     const ce = x.constructor;
-    let $ = z(u), se = !1;
-    if (!$) {
+    let I = z(u), se = !1;
+    if (!I) {
       const V = w || !vt(this) && f;
-      (p || V) && (se = X($e(T), k), $ = !se), (!X(a.immediate, D) && !D || !X(g.decay, v) || !X(g.velocity, y)) && ($ = !0);
+      (p || V) && (se = X(Ie(T), k), I = !se), (!X(a.immediate, O) && !O || !X(g.decay, v) || !X(g.velocity, y)) && (I = !0);
     }
-    if (se && ee(this) && (a.changed && !w ? $ = !0 : $ || this._stop(l)), !b && (($ || z(l)) && (a.values = x.getPayload(), a.toValues = z(u) ? null : ce == Ie ? [1] : M(k)), a.immediate != D && (a.immediate = D, !D && !w && this._set(l)), $)) {
+    if (se && ee(this) && (a.changed && !w ? I = !0 : I || this._stop(l)), !b && ((I || z(l)) && (a.values = x.getPayload(), a.toValues = z(u) ? null : ce == $e ? [1] : M(k)), a.immediate != O && (a.immediate = O, !O && !w && this._set(l)), I)) {
       const { onRest: V } = a;
-      A(Bi, (J) => yr(this, t, J));
+      P(Bi, (J) => yr(this, t, J));
       const K = H(this, ye(this, l));
       xe(this._pendingCalls, K), this._pendingCalls.add(r), a.changed && S.batchedUpdates(() => {
         var J;
         a.changed = !w, V == null || V(K, this), w ? oe(o.onRest, K) : (J = a.onStart) == null || J.call(a, K, this);
       });
     }
-    w && this._set(T), b ? r(an(t.to, t, this._state, this)) : $ ? this._start() : ee(this) && !p ? this._pendingCalls.add(r) : r(on(T));
+    w && this._set(T), b ? r(an(t.to, t, this._state, this)) : I ? this._start() : ee(this) && !p ? this._pendingCalls.add(r) : r(on(T));
   }
   /** Update the `animation.to` value, which might be a `FluidValue` */
   _focus(e) {
@@ -1404,11 +1404,11 @@ var fr = class extends Error {
   _attach() {
     let e = 0;
     const { to: t } = this.animation;
-    z(t) && (ge(t, this), Dt(t) && (e = t.priority + 1)), this.priority = e;
+    z(t) && (ge(t, this), Ot(t) && (e = t.priority + 1)), this.priority = e;
   }
   _detach() {
     const { to: e } = this.animation;
-    z(e) && De(e, this);
+    z(e) && Oe(e, this);
   }
   /**
    * Update the current value from outside the frameloop,
@@ -1419,7 +1419,7 @@ var fr = class extends Error {
     if (!h.und(r)) {
       const n = W(this);
       if (!n || !X(r, n.getValue())) {
-        const i = Pt(r);
+        const i = At(r);
         !n || n.constructor != i ? Gt(this, i.create(r)) : n.setValue(r), n && S.batchedUpdates(() => {
           this._onChange(r, t);
         });
@@ -1458,7 +1458,7 @@ var fr = class extends Error {
     if (ee(this)) {
       pr(this, !1);
       const r = this.animation;
-      A(r.values, (i) => {
+      P(r.values, (i) => {
         i.done = !0;
       }), r.toValues && (r.onChange = r.onPause = r.onResume = void 0), Ce(this, {
         type: "idle",
@@ -1470,7 +1470,7 @@ var fr = class extends Error {
   }
 };
 function ye(e, t) {
-  const r = $e(t), n = $e(e.get());
+  const r = Ie(t), n = Ie(e.get());
   return X(n, r);
 }
 function dn(e, t = e.loop, r = e.to) {
@@ -1573,13 +1573,13 @@ var Hi = ["onStart", "onChange", "onRest"], Ui = 1, qi = class {
    */
   start(t) {
     let { queue: r } = this;
-    return t ? r = M(t).map(Le) : this.queue = [], this._flush ? this._flush(this, r) : (mn(this, r), Ot(this, r));
+    return t ? r = M(t).map(Le) : this.queue = [], this._flush ? this._flush(this, r) : (mn(this, r), Dt(this, r));
   }
   /** @internal */
   stop(t, r) {
     if (t !== !!t && (r = t), r) {
       const n = this.springs;
-      A(M(r), (i) => n[i].stop(!!t));
+      P(M(r), (i) => n[i].stop(!!t));
     } else
       Re(this._state, this._lastAsyncId), this.each((n) => n.stop(!!t));
     return this;
@@ -1590,7 +1590,7 @@ var Hi = ["onStart", "onChange", "onRest"], Ui = 1, qi = class {
       this.start({ pause: !0 });
     else {
       const r = this.springs;
-      A(M(t), (n) => r[n].pause());
+      P(M(t), (n) => r[n].pause());
     }
     return this;
   }
@@ -1600,7 +1600,7 @@ var Hi = ["onStart", "onChange", "onRest"], Ui = 1, qi = class {
       this.start({ pause: !1 });
     else {
       const r = this.springs;
-      A(M(t), (n) => r[n].resume());
+      P(M(t), (n) => r[n].resume());
     }
     return this;
   }
@@ -1632,7 +1632,7 @@ var Hi = ["onStart", "onChange", "onRest"], Ui = 1, qi = class {
     S.onFrame(this._onFrame);
   }
 };
-function Ot(e, t) {
+function Dt(e, t) {
   return Promise.all(t.map((r) => fn(e, r))).then(
     (r) => Yt(e, r)
   );
@@ -1641,7 +1641,7 @@ async function fn(e, t, r) {
   const { keys: n, to: i, from: s, loop: o, onRest: a, onResolve: l } = t, c = h.obj(t.default) && t.default;
   o && (t.loop = !1), i === !1 && (t.to = null), s === !1 && (t.from = null);
   const u = h.arr(i) || h.fun(i) ? i : void 0;
-  u ? (t.to = void 0, t.onRest = void 0, c && (c.onRest = void 0)) : A(Hi, (g) => {
+  u ? (t.to = void 0, t.onRest = void 0, c && (c.onRest = void 0)) : P(Hi, (g) => {
     const v = t[g];
     if (h.fun(v)) {
       const y = e._events[g];
@@ -1692,7 +1692,7 @@ async function fn(e, t, r) {
 }
 function br(e, t) {
   const r = { ...e.springs };
-  return t && A(M(t), (n) => {
+  return t && P(M(t), (n) => {
     h.und(n.keys) && (n = Le(n)), h.obj(n.to) || (n = { ...n, to: void 0 }), gn(r, n, (i) => pn(i));
   }), hn(e, r), r;
 }
@@ -1706,12 +1706,12 @@ function pn(e, t) {
   return r.key = e, t && ge(r, t), r;
 }
 function gn(e, t, r) {
-  t.keys && A(t.keys, (n) => {
+  t.keys && P(t.keys, (n) => {
     (e[n] || (e[n] = r(n)))._prepareNode(t);
   });
 }
 function mn(e, t) {
-  A(t, (r) => {
+  P(t, (r) => {
     gn(e.springs, r, (n) => pn(n, e));
   });
 }
@@ -1733,7 +1733,7 @@ var Gi = () => {
   const e = [], t = function(n) {
     yi();
     const i = [];
-    return A(e, (s, o) => {
+    return P(e, (s, o) => {
       if (h.und(n))
         i.push(s.start());
       else {
@@ -1748,17 +1748,17 @@ var Gi = () => {
     const i = e.indexOf(n);
     ~i && e.splice(i, 1);
   }, t.pause = function() {
-    return A(e, (n) => n.pause(...arguments)), this;
+    return P(e, (n) => n.pause(...arguments)), this;
   }, t.resume = function() {
-    return A(e, (n) => n.resume(...arguments)), this;
+    return P(e, (n) => n.resume(...arguments)), this;
   }, t.set = function(n) {
-    A(e, (i, s) => {
+    P(e, (i, s) => {
       const o = h.fun(n) ? n(s, i) : n;
       o && i.set(o);
     });
   }, t.start = function(n) {
     const i = [];
-    return A(e, (s, o) => {
+    return P(e, (s, o) => {
       if (h.und(n))
         i.push(s.start());
       else {
@@ -1767,9 +1767,9 @@ var Gi = () => {
       }
     }), i;
   }, t.stop = function() {
-    return A(e, (n) => n.stop(...arguments)), this;
+    return P(e, (n) => n.stop(...arguments)), this;
   }, t.update = function(n) {
-    return A(e, (i, s) => i.update(this._getProps(n, i, s))), this;
+    return P(e, (i, s) => i.update(this._getProps(n, i, s))), this;
   };
   const r = function(n, i, s) {
     return h.fun(n) ? n(s, i) : n;
@@ -1782,24 +1782,24 @@ function Qi(e, t, r) {
   const i = He(
     () => n || arguments.length == 3 ? Gi() : void 0,
     []
-  ), s = I(0), o = Xr(), a = He(
+  ), s = $(0), o = Xr(), a = He(
     () => ({
       ctrls: [],
       queue: [],
       flush(y, x) {
         const w = br(y, x);
-        return s.current > 0 && !a.queue.length && !Object.keys(w).some((k) => !y.springs[k]) ? Ot(y, x) : new Promise((k) => {
+        return s.current > 0 && !a.queue.length && !Object.keys(w).some((k) => !y.springs[k]) ? Dt(y, x) : new Promise((k) => {
           hn(y, w), a.queue.push(() => {
-            k(Ot(y, x));
+            k(Dt(y, x));
           }), o();
         });
       }
     }),
     []
-  ), l = I([...a.ctrls]), c = [], u = or(e) || 0;
+  ), l = $([...a.ctrls]), c = [], u = or(e) || 0;
   He(() => {
-    A(l.current.slice(e, u), (y) => {
-      $i(y, i), y.stop(!0);
+    P(l.current.slice(e, u), (y) => {
+      Ii(y, i), y.stop(!0);
     }), l.current.length = e, d(u, e);
   }, [e]), He(() => {
     d(0, Math.min(u, e));
@@ -1810,17 +1810,17 @@ function Qi(e, t, r) {
       k && (c[w] = ji(k));
     }
   }
-  const f = l.current.map((y, x) => br(y, c[x])), p = Vt(dt), b = or(p), g = p !== b && Ii(p);
+  const f = l.current.map((y, x) => br(y, c[x])), p = Vt(dt), b = or(p), g = p !== b && $i(p);
   Wt(() => {
     s.current++, a.ctrls = l.current;
     const { queue: y } = a;
-    y.length && (a.queue = [], A(y, (x) => x())), A(l.current, (x, w) => {
+    y.length && (a.queue = [], P(y, (x) => x())), P(l.current, (x, w) => {
       i == null || i.add(x), g && x.start({ default: p });
       const T = c[w];
       T && (Ri(x, T.ref), x.ref ? x.queue.push(T) : x.start(T));
     });
   }), Zr(() => () => {
-    A(a.ctrls, (y) => y.stop(!0));
+    P(a.ctrls, (y) => y.stop(!0));
   });
   const v = f.map((y) => ({ ...y }));
   return i ? [v, i] : v;
@@ -1835,8 +1835,8 @@ function ze(e, t) {
 }
 var Yi = class extends Kt {
   constructor(e, t) {
-    super(), this.source = e, this.idle = !0, this._active = /* @__PURE__ */ new Set(), this.calc = Pe(...t);
-    const r = this._get(), n = Pt(r);
+    super(), this.source = e, this.idle = !0, this._active = /* @__PURE__ */ new Set(), this.calc = Ae(...t);
+    const r = this._get(), n = At(r);
     Gt(this, n.create(r));
   }
   advance(e) {
@@ -1848,27 +1848,27 @@ var Yi = class extends Kt {
     return this.calc(...e);
   }
   _start() {
-    this.idle && !vr(this._active) && (this.idle = !1, A(ut(this), (e) => {
+    this.idle && !vr(this._active) && (this.idle = !1, P(ut(this), (e) => {
       e.done = !1;
     }), q.skipAnimation ? (S.batchedUpdates(() => this.advance()), wt(this)) : st.start(this));
   }
   // Observe our sources only when we're observed.
   _attach() {
     let e = 1;
-    A(M(this.source), (t) => {
-      z(t) && ge(t, this), Dt(t) && (t.idle || this._active.add(t), e = Math.max(e, t.priority + 1));
+    P(M(this.source), (t) => {
+      z(t) && ge(t, this), Ot(t) && (t.idle || this._active.add(t), e = Math.max(e, t.priority + 1));
     }), this.priority = e, this._start();
   }
   // Stop observing our sources once we have no observers.
   _detach() {
-    A(M(this.source), (e) => {
-      z(e) && De(e, this);
+    P(M(this.source), (e) => {
+      z(e) && Oe(e, this);
     }), this._active.clear(), wt(this);
   }
   /** @internal */
   eventObserved(e) {
     e.type == "change" ? e.idle ? this.advance() : (this._active.add(e.parent), this._start()) : e.type == "idle" ? this._active.delete(e.parent) : e.type == "priority" && (this.priority = M(this.source).reduce(
-      (t, r) => Math.max(t, (Dt(r) ? r.priority : 0) + 1),
+      (t, r) => Math.max(t, (Ot(r) ? r.priority : 0) + 1),
       0
     ));
   }
@@ -1880,7 +1880,7 @@ function vr(e) {
   return !e.size || Array.from(e).every(Ki);
 }
 function wt(e) {
-  e.idle || (e.idle = !0, A(ut(e), (t) => {
+  e.idle || (e.idle = !0, P(ut(e), (t) => {
     t.done = !0;
   }), Ce(e, {
     type: "idle",
@@ -1893,7 +1893,7 @@ q.assign({
 });
 var yn = /^--/;
 function Xi(e, t) {
-  return t == null || typeof t == "boolean" || t === "" ? "" : typeof t == "number" && t !== 0 && !yn.test(e) && !(Ae.hasOwnProperty(e) && Ae[e]) ? t + "px" : ("" + t).trim();
+  return t == null || typeof t == "boolean" || t === "" ? "" : typeof t == "number" && t !== 0 && !yn.test(e) && !(Pe.hasOwnProperty(e) && Pe[e]) ? t + "px" : ("" + t).trim();
 }
 var wr = {};
 function Zi(e, t) {
@@ -1924,7 +1924,7 @@ function Zi(e, t) {
     e.setAttribute(f, u[p]);
   }), n !== void 0 && (e.className = n), o !== void 0 && (e.scrollTop = o), a !== void 0 && (e.scrollLeft = a), l !== void 0 && e.setAttribute("viewBox", l);
 }
-var Ae = {
+var Pe = {
   animationIterationCount: !0,
   borderImageOutset: !0,
   borderImageSlice: !0,
@@ -1968,7 +1968,7 @@ var Ae = {
   strokeOpacity: !0,
   strokeWidth: !0
 }, Ji = (e, t) => e + t.charAt(0).toUpperCase() + t.substring(1), es = ["Webkit", "Ms", "Moz", "O"];
-Ae = Object.keys(Ae).reduce((e, t) => (es.forEach((r) => e[Ji(r, t)] = e[t]), e), Ae);
+Pe = Object.keys(Pe).reduce((e, t) => (es.forEach((r) => e[Ji(r, t)] = e[t]), e), Pe);
 var ts = /^(matrix|translate|scale|rotate|skew)/, rs = /^(translate)/, ns = /^(rotate|skew)/, _t = (e, t) => h.num(e) && e !== 0 ? e + t : e, Ge = (e, t) => h.arr(e) ? e.every((r) => Ge(r, t)) : h.num(e) ? e === t : parseFloat(e) === t, is = class extends lt {
   constructor({ x: e, y: t, z: r, ...n }) {
     const i = [], s = [];
@@ -2004,7 +2004,7 @@ var ts = /^(matrix|translate|scale|rotate|skew)/, rs = /^(translate)/, ns = /^(r
   }
   _get() {
     let e = "", t = !0;
-    return A(this.inputs, (r, n) => {
+    return P(this.inputs, (r, n) => {
       const i = L(r[0]), [s, o] = this.transforms[n](
         h.arr(i) ? i : r.map(L)
       );
@@ -2013,9 +2013,9 @@ var ts = /^(matrix|translate|scale|rotate|skew)/, rs = /^(translate)/, ns = /^(r
   }
   // Start observing our inputs once we have an observer.
   observerAdded(e) {
-    e == 1 && A(
+    e == 1 && P(
       this.inputs,
-      (t) => A(
+      (t) => P(
         t,
         (r) => z(r) && ge(r, this)
       )
@@ -2023,11 +2023,11 @@ var ts = /^(matrix|translate|scale|rotate|skew)/, rs = /^(translate)/, ns = /^(r
   }
   // Stop observing our inputs once we have no observers.
   observerRemoved(e) {
-    e == 0 && A(
+    e == 0 && P(
       this.inputs,
-      (t) => A(
+      (t) => P(
         t,
-        (r) => z(r) && De(r, this)
+        (r) => z(r) && Oe(r, this)
       )
     );
   }
@@ -2175,14 +2175,14 @@ q.assign({
   createStringInterpolator: Yr,
   colors: Yn
 });
-var as = Pi(os, {
+var as = Ai(os, {
   applyAnimatedValues: Zi,
   createAnimatedStyle: (e) => new is(e),
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   getComponentProps: ({ scrollTop: e, scrollLeft: t, ...r }) => r
 }), pe = as.animated;
 const bn = Vn({});
-function Oa({
+function Da({
   children: e,
   ...t
 }) {
@@ -2204,38 +2204,38 @@ function vn({
   const l = cs(), c = e ?? l.animate ?? !0, u = s ?? l.characterPreference ?? "simplified", d = a ?? l.staticLanguage ?? "english", f = n ?? "div", [p, b] = B(!1), [g, v] = ze(() => ({
     opacity: i ? 0 : 1,
     config: { duration: 600 }
-  })), y = I(c);
+  })), y = $(c);
   F(() => {
     if (!c) {
       y.current = c;
       return;
     }
-    const Dn = !y.current && c;
+    const On = !y.current && c;
     y.current = c;
-    const On = Dn ? 500 : Math.floor(Math.random() * (o - 3500 + 1)) + 3500, In = setTimeout(() => {
+    const Dn = On ? 500 : Math.floor(Math.random() * (o - 3500 + 1)) + 3500, $n = setTimeout(() => {
       v.start({
         opacity: 0,
         onRest: () => {
-          b(($n) => !$n), v.start({ opacity: 1 });
+          b((In) => !In), v.start({ opacity: 1 });
         }
       });
-    }, On);
-    return () => clearTimeout(In);
+    }, Dn);
+    return () => clearTimeout($n);
   }, [p, c, v, o]);
   const x = u === "traditional" ? t.traditional : t.simplified, w = d === "chinese" ? x : t.english, T = c ? p ? x : t.english : w, {
     fontSize: k,
     fontFamily: E,
-    fontWeight: D,
+    fontWeight: O,
     fontStyle: ce,
-    letterSpacing: $,
+    letterSpacing: I,
     lineHeight: se,
     ...V
   } = r || {}, K = {
     fontSize: k,
     fontFamily: E,
-    fontWeight: D,
+    fontWeight: O,
     fontStyle: ce,
-    letterSpacing: $,
+    letterSpacing: I,
     lineHeight: se
   }, J = {
     ...V,
@@ -2445,7 +2445,7 @@ function ws(e) {
 function _s(e) {
   return ie({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "22", y1: "2", x2: "11", y2: "13" }, child: [] }, { tag: "polygon", attr: { points: "22 2 15 22 11 13 2 9 22 2" }, child: [] }] })(e);
 }
-const Ia = ({
+const $a = ({
   iconComponent: e,
   buttonText: t,
   buttonType: r = "primary",
@@ -2494,7 +2494,7 @@ function Ss(e) {
 function Ts(e) {
   return ie({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M0 .5A.5.5 0 0 1 .5 0h3a.5.5 0 0 1 0 1H1v2.5a.5.5 0 0 1-1 0zm12 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V1h-2.5a.5.5 0 0 1-.5-.5M.5 12a.5.5 0 0 1 .5.5V15h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5m15 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H15v-2.5a.5.5 0 0 1 .5-.5M4 4h1v1H4z" }, child: [] }, { tag: "path", attr: { d: "M7 2H2v5h5zM3 3h3v3H3zm2 8H4v1h1z" }, child: [] }, { tag: "path", attr: { d: "M7 9H2v5h5zm-4 1h3v3H3zm8-6h1v1h-1z" }, child: [] }, { tag: "path", attr: { d: "M9 2h5v5H9zm1 1v3h3V3zM8 8v2h1v1H8v1h2v-2h1v2h1v-1h2v-1h-3V8zm2 2H9V9h1zm4 2h-1v1h-2v1h3zm-4 2v-1H8v1z" }, child: [] }, { tag: "path", attr: { d: "M12 9h2V8h-2z" }, child: [] }] })(e);
 }
-const $a = ({ iconComponent: e, onClick: t }) => {
+const Ia = ({ iconComponent: e, onClick: t }) => {
   const r = ze({
     from: { opacity: 0, transform: "scale(0.5)" },
     to: { opacity: 1, transform: "scale(1)" }
@@ -2504,12 +2504,12 @@ const $a = ({ iconComponent: e, onClick: t }) => {
   let i;
   return e === "person" ? i = /* @__PURE__ */ m(Ss, {}) : e === "qr" && (i = /* @__PURE__ */ m(Ts, {})), /* @__PURE__ */ m(xs, { style: r, onClick: n, children: /* @__PURE__ */ m(ks, { children: i }) });
 };
-function As(e) {
+function Ps(e) {
   return ie({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "48", d: "M328 112 184 256l144 144" }, child: [] }] })(e);
 }
-const Ra = ({ size: e, onClick: t }) => /* @__PURE__ */ m(As, { size: e ?? "1.5rem", onClick: () => {
+const Ra = ({ size: e, onClick: t }) => /* @__PURE__ */ m(Ps, { size: e ?? "1.5rem", onClick: () => {
   t && t();
-} }), Ps = Z`
+} }), As = Z`
 	0% {
 		transform: scale(0);
 		opacity: 0.6;
@@ -2532,7 +2532,7 @@ const Ra = ({ size: e, onClick: t }) => /* @__PURE__ */ m(As, { size: e ?? "1.5r
   return ((t = e.colors) == null ? void 0 : t.ripple) || "rgba(0, 0, 0, 0.1)";
 }};
 	pointer-events: none;
-	animation: ${Ps} 0.4s ease-out forwards;
+	animation: ${As} 0.4s ease-out forwards;
 `;
 _.div`
 	position: absolute;
@@ -2579,7 +2579,7 @@ const La = _.ul`
 	justify-content: space-between;
 	align-items: center;
 	padding: 0.5rem 0.75rem;
-`, Ds = _.div`
+`, Os = _.div`
 	display: flex;
 	flex-direction: row;
 	gap: 2rem;
@@ -2588,13 +2588,13 @@ const La = _.ul`
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
-`, Os = _.span`
+`, Ds = _.span`
 	font-size: 1rem;
 `;
-function Is(e) {
+function $s(e) {
   return ie({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "m12.87 15.07-2.54-2.51.03-.03A17.52 17.52 0 0 0 14.07 6H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7 1.62-4.33L19.12 17h-3.24z" }, child: [] }] })(e);
 }
-function $s(e) {
+function Is(e) {
   return ie({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }, child: [] }] })(e);
 }
 function Rs(e) {
@@ -2605,7 +2605,7 @@ const Ls = _.input`
 	width: 0;
 	height: 0;
 	position: absolute;
-`, It = _.span`
+`, $t = _.span`
 	position: absolute;
 	top: 50%;
 	left: ${({ $checked: e }) => e ? "14px" : "0px"};
@@ -2615,7 +2615,7 @@ const Ls = _.input`
 	border-radius: 50%;
 	background-color: transparent;
 	transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-		left 150ms cubic-bezier(0.4, 0, 0.2, 1);
+		left 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
 	pointer-events: none;
 `, Vs = _.label`
 	position: relative;
@@ -2625,7 +2625,7 @@ const Ls = _.input`
 	-webkit-tap-highlight-color: transparent;
 
 	@media (hover: hover) {
-		&:hover ${It} {
+		&:hover ${$t} {
 			background-color: ${({ $checked: e, theme: t }) => {
   var r, n;
   return e ? ((r = t.colors) == null ? void 0 : r.toggleHoverOn) || "rgba(72, 159, 181, 0.08)" : ((n = t.colors) == null ? void 0 : n.toggleHoverOff) || "rgba(0, 0, 0, 0.04)";
@@ -2633,7 +2633,7 @@ const Ls = _.input`
 		}
 	}
 
-	&:focus-within ${It} {
+	&:focus-within ${$t} {
 		background-color: ${({ $checked: e, theme: t }) => {
   var r, n;
   return e ? ((r = t.colors) == null ? void 0 : r.toggleFocusOn) || "rgba(72, 159, 181, 0.12)" : ((n = t.colors) == null ? void 0 : n.toggleFocusOff) || "rgba(0, 0, 0, 0.06)";
@@ -2652,7 +2652,7 @@ const Ls = _.input`
 	position: absolute;
 	top: 50%;
 	left: ${({ $checked: e }) => e ? "14px" : "0px"};
-	transform: translateY(-50%);
+	transform: translateY(-50%) scale(${({ $checked: e }) => e ? 1.1 : 1});
 	width: 20px;
 	height: 20px;
 	background-color: ${({ $checked: e, theme: t }) => {
@@ -2672,7 +2672,8 @@ const Ls = _.input`
   var t;
   return ((t = e.colors) == null ? void 0 : t.shadowLighter) || "rgba(0, 0, 0, 0.12)";
 }};
-	transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1),
+	transition: left 400ms cubic-bezier(0.34, 1.56, 0.64, 1),
+		transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1),
 		background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
 	pointer-events: none;
 `, zs = ({
@@ -2698,11 +2699,11 @@ const Ls = _.input`
       }
     ),
     /* @__PURE__ */ m(Ms, { $checked: a }),
-    /* @__PURE__ */ m(It, { $checked: a }),
+    /* @__PURE__ */ m($t, { $checked: a }),
     /* @__PURE__ */ m(Fs, { $checked: a })
   ] });
 }, Ns = {
-  translate: Is,
+  translate: $s,
   sunny: Rs,
   character: ({ size: e }) => /* @__PURE__ */ m("span", { style: { fontSize: e || "1rem", height: e || "1rem", lineHeight: e || "1rem", display: "inline-flex", alignItems: "center" }, children: "字" })
 }, Va = ({
@@ -2728,13 +2729,13 @@ const Ls = _.input`
       checked: c,
       onChange: u
     }
-  ) : /* @__PURE__ */ m($s, {});
+  ) : /* @__PURE__ */ m(Is, {});
   return /* @__PURE__ */ C(Es, { onClick: g, style: l, children: [
     p && /* @__PURE__ */ m(tt, { $x: p.x, $y: p.y }, p.key),
     /* @__PURE__ */ C(Cs, { children: [
-      /* @__PURE__ */ C(Ds, { children: [
+      /* @__PURE__ */ C(Os, { children: [
         /* @__PURE__ */ m(kr, { children: /* @__PURE__ */ m(f, { size: "1rem" }) }),
-        /* @__PURE__ */ m(Os, { children: r ? /* @__PURE__ */ m(
+        /* @__PURE__ */ m(Ds, { children: r ? /* @__PURE__ */ m(
           vn,
           {
             content: r,
@@ -2748,9 +2749,9 @@ const Ls = _.input`
       /* @__PURE__ */ m(kr, { children: v() })
     ] })
   ] });
-}, $t = { tension: 200, friction: 25 }, Ma = { tension: 150, friction: 25 }, Fa = {
-  tension: $t.tension + 125,
-  friction: $t.friction + 5
+}, It = { tension: 200, friction: 25 }, Ma = { tension: 150, friction: 25 }, Fa = {
+  tension: It.tension + 125,
+  friction: It.friction + 5
 }, rt = { tension: 300, friction: 30 }, za = {
   tension: rt.tension * 2.5,
   friction: rt.friction
@@ -2933,7 +2934,7 @@ const Ls = _.input`
     e || c.start({
       opacity: 0,
       scale: 1.1,
-      config: $t,
+      config: It,
       onRest: () => {
         a(!1), t == null || t();
       }
@@ -3112,7 +3113,7 @@ const eo = _.div`
     incorrectKeys: a,
     shaking: l = !1
   }) => {
-    const [c, u] = B(""), d = I(null), f = (k) => k ? ro.has(k) ? no : io : xt, [p, b] = ze(() => ({
+    const [c, u] = B(""), d = $(null), f = (k) => k ? ro.has(k) ? no : io : xt, [p, b] = ze(() => ({
       height: xt,
       config: { tension: 300, friction: 26 }
     }));
@@ -3247,7 +3248,7 @@ function Wa({
   onClose: n,
   closeOnSameValue: i = !0
 }) {
-  const s = I(null), [o, a] = B(null), l = e.findIndex((u) => u.value === t), c = (u, d) => {
+  const s = $(null), [o, a] = B(null), l = e.findIndex((u) => u.value === t), c = (u, d) => {
     const f = u.currentTarget.getBoundingClientRect(), p = u.clientX - f.left, b = u.clientY - f.top;
     if (a({ x: p, y: b, key: Date.now(), target: d.value }), d.value === t) {
       i && n && n();
@@ -3283,7 +3284,7 @@ function Wa({
 function ho(e, t, r) {
   return Math.max(t, Math.min(e, r));
 }
-const O = {
+const D = {
   toVector(e, t) {
     return e === void 0 && (e = t), Array.isArray(e) ? e : [e, e];
   },
@@ -3303,12 +3304,12 @@ const O = {
 function Tr(e, t, r) {
   return t === 0 || Math.abs(t) === 1 / 0 ? Math.pow(e, r * 5) : e * t * r / (t + r * e);
 }
-function Ar(e, t, r, n = 0.15) {
+function Pr(e, t, r, n = 0.15) {
   return n === 0 ? ho(e, t, r) : e < t ? -Tr(t - e, r - t, n) + t : e > r ? +Tr(e - r, r - t, n) + r : e;
 }
 function po(e, [t, r], [n, i]) {
   const [[s, o], [a, l]] = e;
-  return [Ar(t, s, o, n), Ar(r, a, l, i)];
+  return [Pr(t, s, o, n), Pr(r, a, l, i)];
 }
 function go(e, t) {
   if (typeof e != "object" || e === null) return e;
@@ -3332,7 +3333,7 @@ function R(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function Pr(e, t) {
+function Ar(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -3342,12 +3343,12 @@ function Pr(e, t) {
   }
   return r;
 }
-function P(e) {
+function A(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Pr(Object(r), !0).forEach(function(n) {
+    t % 2 ? Ar(Object(r), !0).forEach(function(n) {
       R(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Pr(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ar(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
@@ -3431,7 +3432,7 @@ function Cr(e) {
   const t = Tn(e);
   return [t.clientX, t.clientY];
 }
-function Ao(e) {
+function Po(e) {
   const t = {};
   if ("buttons" in e && (t.buttons = e.buttons), "shiftKey" in e) {
     const {
@@ -3452,21 +3453,21 @@ function Ao(e) {
 function nt(e, ...t) {
   return typeof e == "function" ? e(...t) : e;
 }
-function Po() {
+function Ao() {
 }
 function Eo(...e) {
-  return e.length === 0 ? Po : e.length === 1 ? e[0] : function() {
+  return e.length === 0 ? Ao : e.length === 1 ? e[0] : function() {
     let t;
     for (const r of e)
       t = r.apply(this, arguments) || t;
     return t;
   };
 }
-function Dr(e, t) {
+function Or(e, t) {
   return Object.assign({}, t, e || {});
 }
 const Co = 32;
-class Do {
+class Oo {
   constructor(t, r, n) {
     this.ctrl = t, this.args = r, this.key = n, this.state || (this.state = {}, this.computeValues([0, 0]), this.computeInitial(), this.init && this.init(), this.reset());
   }
@@ -3523,9 +3524,9 @@ class Do {
     } = this;
     r.args = this.args;
     let s = 0;
-    if (t && (r.event = t, n.preventDefault && t.cancelable && r.event.preventDefault(), r.type = t.type, i.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size, i.locked = !!document.pointerLockElement, Object.assign(i, Ao(t)), i.down = i.pressed = i.buttons % 2 === 1 || i.touches > 0, s = t.timeStamp - r.timeStamp, r.timeStamp = t.timeStamp, r.elapsedTime = r.timeStamp - r.startTime), r._active) {
+    if (t && (r.event = t, n.preventDefault && t.cancelable && r.event.preventDefault(), r.type = t.type, i.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size, i.locked = !!document.pointerLockElement, Object.assign(i, Po(t)), i.down = i.pressed = i.buttons % 2 === 1 || i.touches > 0, s = t.timeStamp - r.timeStamp, r.timeStamp = t.timeStamp, r.elapsedTime = r.timeStamp - r.startTime), r._active) {
       const E = r._delta.map(Math.abs);
-      O.addTo(r._distance, E);
+      D.addTo(r._distance, E);
     }
     this.axisIntent && this.axisIntent(t);
     const [o, a] = r._movement, [l, c] = n.threshold, {
@@ -3535,8 +3536,8 @@ class Do {
     if (n.hasCustomTransform ? (u[0] === !1 && (u[0] = Math.abs(o) >= l && d[0]), u[1] === !1 && (u[1] = Math.abs(a) >= c && d[1])) : (u[0] === !1 && (u[0] = Math.abs(o) >= l && Math.sign(o) * l), u[1] === !1 && (u[1] = Math.abs(a) >= c && Math.sign(a) * c)), r.intentional = u[0] !== !1 || u[1] !== !1, !r.intentional) return;
     const f = [0, 0];
     if (n.hasCustomTransform) {
-      const [E, D] = d;
-      f[0] = u[0] !== !1 ? E - u[0] : 0, f[1] = u[1] !== !1 ? D - u[1] : 0;
+      const [E, O] = d;
+      f[0] = u[0] !== !1 ? E - u[0] : 0, f[1] = u[1] !== !1 ? O - u[1] : 0;
     } else
       f[0] = u[0] !== !1 ? o - u[0] : 0, f[1] = u[1] !== !1 ? a - u[1] : 0;
     this.restrictToAxis && !r._blocked && this.restrictToAxis(f);
@@ -3545,16 +3546,16 @@ class Do {
     const [g, v] = r.offset, [[y, x], [w, T]] = r._bounds;
     r.overflow = [g < y ? -1 : g > x ? 1 : 0, v < w ? -1 : v > T ? 1 : 0], r._movementBound[0] = r.overflow[0] ? r._movementBound[0] === !1 ? r._movement[0] : r._movementBound[0] : !1, r._movementBound[1] = r.overflow[1] ? r._movementBound[1] === !1 ? r._movement[1] : r._movementBound[1] : !1;
     const k = r._active ? n.rubberband || [0, 0] : [0, 0];
-    if (r.offset = po(r._bounds, r.offset, k), r.delta = O.sub(r.offset, p), this.computeMovement(), b && (!r.last || s > Co)) {
-      r.delta = O.sub(r.offset, p);
+    if (r.offset = po(r._bounds, r.offset, k), r.delta = D.sub(r.offset, p), this.computeMovement(), b && (!r.last || s > Co)) {
+      r.delta = D.sub(r.offset, p);
       const E = r.delta.map(Math.abs);
-      O.addTo(r.distance, E), r.direction = r.delta.map(Math.sign), r._direction = r._delta.map(Math.sign), !r.first && s > 0 && (r.velocity = [E[0] / s, E[1] / s], r.timeDelta = s);
+      D.addTo(r.distance, E), r.direction = r.delta.map(Math.sign), r._direction = r._delta.map(Math.sign), !r.first && s > 0 && (r.velocity = [E[0] / s, E[1] / s], r.timeDelta = s);
     }
   }
   emit() {
     const t = this.state, r = this.shared, n = this.config;
     if (t._active || this.clean(), (t._blocked || !t.intentional) && !t._force && !n.triggerAllEvents) return;
-    const i = this.handler(P(P(P({}, r), t), {}, {
+    const i = this.handler(A(A(A({}, r), t), {}, {
       [this.aliasKey]: t.values
     }));
     i !== void 0 && (t.memo = i);
@@ -3563,14 +3564,14 @@ class Do {
     this.eventStore.clean(), this.timeoutStore.clean();
   }
 }
-function Oo([e, t], r) {
+function Do([e, t], r) {
   const n = Math.abs(e), i = Math.abs(t);
   if (n > i && n > r)
     return "x";
   if (i > n && i > r)
     return "y";
 }
-class Io extends Do {
+class $o extends Oo {
   constructor(...t) {
     super(...t), R(this, "aliasKey", "xy");
   }
@@ -3581,16 +3582,16 @@ class Io extends Do {
     this.state.offset = [0, 0], this.state.lastOffset = [0, 0];
   }
   computeOffset() {
-    this.state.offset = O.add(this.state.lastOffset, this.state.movement);
+    this.state.offset = D.add(this.state.lastOffset, this.state.movement);
   }
   computeMovement() {
-    this.state.movement = O.sub(this.state.offset, this.state.lastOffset);
+    this.state.movement = D.sub(this.state.offset, this.state.lastOffset);
   }
   axisIntent(t) {
     const r = this.state, n = this.config;
     if (!r.axis && t) {
       const i = typeof n.axisThreshold == "object" ? n.axisThreshold[Sn(t)] : n.axisThreshold;
-      r.axis = Oo(r._movement, i);
+      r.axis = Do(r._movement, i);
     }
     r._blocked = (n.lockDirection || !!n.axis) && !r.axis || !!n.axis && n.axis !== r.axis;
   }
@@ -3606,12 +3607,12 @@ class Io extends Do {
       }
   }
 }
-const Or = (e) => e, Ir = 0.15, Xt = {
+const Dr = (e) => e, $r = 0.15, Xt = {
   enabled(e = !0) {
     return e;
   },
   eventOptions(e, t, r) {
-    return P(P({}, r.shared.eventOptions), e);
+    return A(A({}, r.shared.eventOptions), e);
   },
   preventDefault(e = !1) {
     return e;
@@ -3622,30 +3623,30 @@ const Or = (e) => e, Ir = 0.15, Xt = {
   rubberband(e = 0) {
     switch (e) {
       case !0:
-        return [Ir, Ir];
+        return [$r, $r];
       case !1:
         return [0, 0];
       default:
-        return O.toVector(e);
+        return D.toVector(e);
     }
   },
   from(e) {
     if (typeof e == "function") return e;
-    if (e != null) return O.toVector(e);
+    if (e != null) return D.toVector(e);
   },
   transform(e, t, r) {
     const n = e || r.shared.transform;
     if (this.hasCustomTransform = !!n, process.env.NODE_ENV === "development") {
-      const i = n || Or;
+      const i = n || Dr;
       return (s) => {
         const o = i(s);
         return (!isFinite(o[0]) || !isFinite(o[1])) && console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${o[0]},${[1]}]`), o;
       };
     }
-    return n || Or;
+    return n || Dr;
   },
   threshold(e) {
-    return O.toVector(e, 0);
+    return D.toVector(e, 0);
   }
 };
 process.env.NODE_ENV === "development" && Object.assign(Xt, {
@@ -3665,13 +3666,13 @@ process.env.NODE_ENV === "development" && Object.assign(Xt, {
     return NaN;
   }
 });
-const $o = 0, je = P(P({}, Xt), {}, {
+const Io = 0, je = A(A({}, Xt), {}, {
   axis(e, t, {
     axis: r
   }) {
     if (this.lockDirection = r === "lock", !this.lockDirection) return r;
   },
-  axisThreshold(e = $o) {
+  axisThreshold(e = Io) {
     return e;
   },
   bounds(e = {}) {
@@ -3689,13 +3690,13 @@ const $o = 0, je = P(P({}, Xt), {}, {
     } = e;
     return [[t, r], [n, i]];
   }
-}), $r = {
+}), Ir = {
   ArrowRight: (e, t = 1) => [e * t, 0],
   ArrowLeft: (e, t = 1) => [-1 * e * t, 0],
   ArrowUp: (e, t = 1) => [0, -1 * e * t],
   ArrowDown: (e, t = 1) => [0, e * t]
 };
-class Ro extends Io {
+class Ro extends $o {
   constructor(...t) {
     super(...t), R(this, "ingKey", "dragging");
   }
@@ -3744,7 +3745,7 @@ class Ro extends Io {
     const i = kt(t);
     if (r._pointerId !== void 0 && i !== r._pointerId) return;
     const s = Cr(t);
-    if (document.pointerLockElement === t.target ? r._delta = [t.movementX, t.movementY] : (r._delta = O.sub(s, r._values), this.computeValues(s)), O.addTo(r._movement, r._delta), this.compute(t), r._delayed && r.intentional) {
+    if (document.pointerLockElement === t.target ? r._delta = [t.movementX, t.movementY] : (r._delta = D.sub(s, r._values), this.computeValues(s)), D.addTo(r._movement, r._delta), this.compute(t), r._delayed && r.intentional) {
       this.timeoutStore.remove("dragDelay"), r.active = !1, this.startPointerDrag(t);
       return;
     }
@@ -3819,14 +3820,14 @@ class Ro extends Io {
     }, this.config.delay);
   }
   keyDown(t) {
-    const r = $r[t.key];
+    const r = Ir[t.key];
     if (r) {
       const n = this.state, i = t.shiftKey ? 10 : t.altKey ? 0.1 : 1;
-      this.start(t), n._delta = r(this.config.keyboardDisplacement, i), n._keyboardActive = !0, O.addTo(n._movement, n._delta), this.compute(t), this.emit();
+      this.start(t), n._delta = r(this.config.keyboardDisplacement, i), n._keyboardActive = !0, D.addTo(n._movement, n._delta), this.compute(t), this.emit();
     }
   }
   keyUp(t) {
-    t.key in $r && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
+    t.key in Ir && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
   }
   bind(t) {
     const r = this.config.device;
@@ -3840,11 +3841,11 @@ function Lo(e) {
   "persist" in e && typeof e.persist == "function" && e.persist();
 }
 const Be = typeof window < "u" && window.document && window.document.createElement;
-function An() {
+function Pn() {
   return Be && "ontouchstart" in window;
 }
 function Vo() {
-  return An() || Be && window.navigator.maxTouchPoints > 1;
+  return Pn() || Be && window.navigator.maxTouchPoints > 1;
 }
 function Mo() {
   return Be && "onpointerdown" in window;
@@ -3862,7 +3863,7 @@ function zo() {
 const N = {
   isBrowser: Be,
   gesture: zo(),
-  touch: An(),
+  touch: Pn(),
   touchscreen: Vo(),
   pointer: Mo(),
   pointerLock: Fo()
@@ -3870,7 +3871,7 @@ const N = {
   mouse: 0,
   touch: 0,
   pen: 8
-}, Pn = P(P({}, je), {}, {
+}, An = A(A({}, je), {}, {
   device(e, t, {
     pointer: {
       touch: r = !1,
@@ -3900,7 +3901,7 @@ const N = {
     tapsThreshold: n = 3,
     axis: i = void 0
   }) {
-    const s = O.toVector(e, r ? n : i ? 1 : 0);
+    const s = D.toVector(e, r ? n : i ? 1 : 0);
     return this.filterTaps = r, this.tapsThreshold = n, s;
   },
   swipe({
@@ -3909,8 +3910,8 @@ const N = {
     duration: r = Uo
   } = {}) {
     return {
-      velocity: this.transform(O.toVector(e)),
-      distance: this.transform(O.toVector(t)),
+      velocity: this.transform(D.toVector(e)),
+      distance: this.transform(D.toVector(t)),
       duration: r
     };
   },
@@ -3925,13 +3926,13 @@ const N = {
     }
   },
   axisThreshold(e) {
-    return e ? P(P({}, Rr), e) : Rr;
+    return e ? A(A({}, Rr), e) : Rr;
   },
   keyboardDisplacement(e = qo) {
     return e;
   }
 });
-process.env.NODE_ENV === "development" && Object.assign(Pn, {
+process.env.NODE_ENV === "development" && Object.assign(An, {
   useTouch(e) {
     if (e !== void 0)
       throw Error("[@use-gesture]: `useTouch` option has been renamed to `pointer.touch`. Use it as in `{ pointer: { touch: true } }`.");
@@ -3958,7 +3959,7 @@ process.env.NODE_ENV === "development" && Object.assign(Pn, {
     return NaN;
   }
 });
-P(P({}, Xt), {}, {
+A(A({}, Xt), {}, {
   device(e, t, {
     shared: r,
     pointer: {
@@ -3977,13 +3978,13 @@ P(P({}, Xt), {}, {
     angleBounds: n = {}
   }) {
     const i = (o) => {
-      const a = Dr(nt(r, o), {
+      const a = Or(nt(r, o), {
         min: -1 / 0,
         max: 1 / 0
       });
       return [a.min, a.max];
     }, s = (o) => {
-      const a = Dr(nt(n, o), {
+      const a = Or(nt(n, o), {
         min: -1 / 0,
         max: 1 / 0
       });
@@ -3992,7 +3993,7 @@ P(P({}, Xt), {}, {
     return typeof r != "function" && typeof n != "function" ? [i(), s()] : (o) => [i(o), s(o)];
   },
   threshold(e, t, r) {
-    return this.lockDirection = r.axis === "lock", O.toVector(e, this.lockDirection ? [0.1, 3] : 0);
+    return this.lockDirection = r.axis === "lock", D.toVector(e, this.lockDirection ? [0.1, 3] : 0);
   },
   modifierKey(e) {
     return e === void 0 ? "ctrlKey" : e;
@@ -4001,10 +4002,10 @@ P(P({}, Xt), {}, {
     return e;
   }
 });
-P(P({}, je), {}, {
+A(A({}, je), {}, {
   mouseOnly: (e = !0) => e
 });
-P(P({}, je), {}, {
+A(A({}, je), {}, {
   mouseOnly: (e = !0) => e
 });
 const En = /* @__PURE__ */ new Map(), Rt = /* @__PURE__ */ new Map();
@@ -4014,7 +4015,7 @@ function Wo(e) {
 const Go = {
   key: "drag",
   engine: Ro,
-  resolver: Pn
+  resolver: An
 };
 function Qo(e, t) {
   if (e == null) return {};
@@ -4093,14 +4094,14 @@ function Zo(e, t, r = {}) {
     transform: l
   }, Ko), t) {
     const u = Rt.get(t);
-    r[t] = Qe(P({
+    r[t] = Qe(A({
       shared: r.shared
     }, c), u);
   } else
     for (const u in c) {
       const d = Rt.get(u);
       if (d)
-        r[u] = Qe(P({
+        r[u] = Qe(A({
           shared: r.shared
         }, c[u]), d);
       else if (process.env.NODE_ENV === "development" && !["drag", "pinch", "scroll", "wheel", "move", "hover"].includes(u)) {
@@ -4116,7 +4117,7 @@ class Cn {
     R(this, "_listeners", /* @__PURE__ */ new Set()), this._ctrl = t, this._gestureKey = r;
   }
   add(t, r, n, i, s) {
-    const o = this._listeners, a = xo(r, n), l = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, c = P(P({}, l), s);
+    const o = this._listeners, a = xo(r, n), l = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, c = A(A({}, l), s);
     t.addEventListener(a, i, c);
     const u = () => {
       t.removeEventListener(a, i, c), o.delete(u);
@@ -4187,7 +4188,7 @@ class ea {
         }
         const s = Lr(n, r.eventOptions, !!i);
         for (const o in this.nativeHandlers)
-          s(o, "", (a) => this.nativeHandlers[o](P(P({}, this.state.shared), {}, {
+          s(o, "", (a) => this.nativeHandlers[o](A(A({}, this.state.shared), {}, {
             event: a,
             args: t
           })), void 0, !0);
@@ -4291,7 +4292,7 @@ function Ga({
   closeThreshold: o = 0.25,
   onExitComplete: a
 }) {
-  const l = I(null), [c, u] = B(e), [d, f] = ze(() => ({
+  const l = $(null), [c, u] = B(e), [d, f] = ze(() => ({
     y: i,
     opacity: 0,
     config: { tension: 300, friction: 30 }
@@ -4567,7 +4568,7 @@ function wa(e, t) {
   }, i;
 }
 function ec(e, t = {}) {
-  const { enabled: r = !0, includeMargins: n = !0, throttleMs: i = 16 } = t, s = I(null), o = I(null), a = I(null), l = I(e);
+  const { enabled: r = !0, includeMargins: n = !0, throttleMs: i = 16 } = t, s = $(null), o = $(null), a = $(null), l = $(e);
   F(() => {
     l.current = e;
   }, [e]);
@@ -4612,13 +4613,13 @@ function ec(e, t = {}) {
   };
 }
 const _a = {
-  // Primary — deep navy, confident and grounded
-  primary: "#0D47A1",
+  // Primary — refined teal, calm and grounded
+  primary: "#2E7D8C",
   onPrimary: "#ffffff",
-  primaryContainer: "#BBDEFB",
-  onPrimaryContainer: "#0D3B70",
-  primaryDark: "#0A3A86",
-  primaryDarker: "#08306B",
+  primaryContainer: "#B2EBF2",
+  onPrimaryContainer: "#1A5C68",
+  primaryDark: "#256A77",
+  primaryDarker: "#1C5561",
   // Secondary — bold goldenrod yellow
   secondary: "#E8C840",
   onSecondary: "#1A1A1A",
@@ -4673,19 +4674,19 @@ const _a = {
   keyDefaultText: "#1A1A1A",
   keyWrong: "#B5B2AE",
   keyWrongMuted: "#B5B2AE",
-  keyCorrect: "#0D47A1",
-  keyCorrectMuted: "#0A3A86",
+  keyCorrect: "#2E7D8C",
+  keyCorrectMuted: "#256A77",
   keyAccentText: "#ffffff",
   keyDisabled: "#6E6E6E",
   keyDisabledText: "#9E9E9E",
-  // Toggle/Switch — deep blue
-  toggleTrackOn: "rgba(13, 71, 161, 0.5)",
+  // Toggle/Switch — teal
+  toggleTrackOn: "rgba(46, 125, 140, 0.5)",
   toggleTrackOff: "rgba(0, 0, 0, 0.38)",
-  toggleThumbOn: "#0D47A1",
+  toggleThumbOn: "#2E7D8C",
   toggleThumbOff: "#FAFAFA",
-  toggleHoverOn: "rgba(13, 71, 161, 0.08)",
+  toggleHoverOn: "rgba(46, 125, 140, 0.08)",
   toggleHoverOff: "rgba(0, 0, 0, 0.04)",
-  toggleFocusOn: "rgba(13, 71, 161, 0.12)",
+  toggleFocusOn: "rgba(46, 125, 140, 0.12)",
   toggleFocusOff: "rgba(0, 0, 0, 0.06)",
   // 3D text shadows
   textShadowDark: "#505050",
@@ -4693,10 +4694,10 @@ const _a = {
   textShadow2: "#D0D0D0",
   textShadow3: "#B8B8B8",
   // RGB decompositions
-  primaryRgb: "13, 71, 161",
+  primaryRgb: "46, 125, 140",
   backgroundRgb: "100, 181, 246",
   surfaceRgb: "255, 255, 255",
-  primaryDarkerRgb: "8, 48, 107"
+  primaryDarkerRgb: "28, 85, 97"
 }, xa = {
   // Primary — soft green for contrast on near-black
   primary: "#81c784",
@@ -4886,18 +4887,18 @@ function Sa(e) {
 const rc = Sa("light");
 export {
   vn as AnimatedText,
-  Oa as AnimatedTextProvider,
+  Da as AnimatedTextProvider,
   Ra as BackButton,
   Ya as Badge,
-  Ia as BannerButton,
+  $a as BannerButton,
   Ga as BottomSheet,
-  $a as CircleIconButton,
+  Ia as CircleIconButton,
   Qa as ConfirmDialog,
   Va as ListItem,
   qa as LoadingScreen,
   Wa as OptionPicker,
   tt as Ripple,
-  $t as SPRING_COMFORTABLE,
+  It as SPRING_COMFORTABLE,
   Ma as SPRING_COMFORTABLE_SLOW,
   ja as SPRING_GENTLE,
   Na as SPRING_INSTANT,
@@ -4914,7 +4915,7 @@ export {
   xa as darkPalette,
   tc as hexToRgb,
   _a as lightPalette,
-  Ps as rippleAnimation,
+  As as rippleAnimation,
   rc as theme,
   wa as throttle,
   Za as useReducedMotion,