ono-react-element 0.0.13 → 0.0.15

package/dist/umd/index.umd.cjs

@@ -292,50 +292,17 @@
         (Math.abs(t2) > 10 || Math.abs(n3) > 10) && (T2({ t: f2.t + n3, l: f2.l + t2 }, p2), T2({ x: e3.clientX, y: e3.clientY }, w2));
       }
     } }), h2 && d.jsx("div", { className: "ono-avatar-mask", children: d.jsx("div", { style: { border: a2, boxShadow: `${r2} 0 0 0 10000px`, width: `${i2.w + 2 * P2()}px`, height: `${i2.w + 2 * P2()}px` } }) })] });
-  }, Q = () => d.jsx("svg", { className: "ono-input-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "close-circle", fill: "currentColor", "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) }), Y = ({ open: e2 }) => d.jsx("svg", { viewBox: "64 64 896 896", focusable: "false", "data-icon": e2 ? "eye" : "eye-invisible", fill: "currentColor", "aria-hidden": "true", className: "ono-input-icon", children: e2 ? d.jsx("path", { d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" }) : d.jsxs(d.Fragment, { children: [d.jsx("path", { d: "M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z" }), d.jsx("path", { d: "M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z" })] }) }), K = ({ id: e2, name: n2, max: r2, min: a2, maxLength: o2, minLength: l2, type: i2 = "text", className: s2, defaultValue: u2, placeholder: c2, readonly: f2, autocomplete: p2 = "off", autofocus: h2, form: m2, disabled: g2, clearable: y2, showPassword: b2, prepend: v2, append: k2, prefix: w2, suffix: S2, showCount: x2, border: C2 = "1px solid #5644b8", boxShadow: E2 = "0 0 0 2px #7969d11a", value: T2 = "", onChange: P2, onFocus: z2, onBlur: _2, onClear: R2 }) => {
-    const [N2, L2] = t.useState(T2), [D2, O2] = t.useState(false), [M2, F2] = t.useState(false), I2 = t.useRef(null), A2 = y2 && !g2 && N2, j2 = b2 && !g2;
-    return t.useEffect(() => {
-      I2.current && (I2.current.style.setProperty("--ono-input-border", C2), I2.current.style.setProperty("--ono-input-box-shadow", E2));
-    }, [I2]), t.useEffect(() => {
-      L2(T2);
-    }, [T2]), d.jsxs("div", { className: ["ono-input", "ono-input-border", g2 ? "ono-input-is-disabled" : ""].filter(Boolean).join(" "), children: [v2 && d.jsx("div", { className: "ono-prepend", children: v2 }), d.jsxs("div", { ref: I2, className: ["ono-input-wrapper", D2 ? "ono-input-is-focus" : "", s2].filter(Boolean).join(" "), onMouseDown: (e3) => {
-      "INPUT" !== e3.target.tagName && e3.preventDefault();
-    }, children: [w2 && d.jsx("span", { className: "ono-prefix", children: w2 }), d.jsx("input", { id: e2, max: r2, min: a2, name: n2, maxLength: o2, minLength: l2, defaultValue: u2, className: "ono-input-inner", type: b2 ? M2 ? "text" : "password" : i2, placeholder: c2, readOnly: f2, autoComplete: p2, autoFocus: h2, form: m2, disabled: g2, onFocus: (e3) => {
-      z2 == null ? void 0 : z2(e3), O2(true);
-    }, onBlur: (e3) => {
-      _2 == null ? void 0 : _2(e3), O2(false);
-    }, value: N2, onChange: (e3) => {
-      P2 == null ? void 0 : P2(e3), L2(e3.target.value);
-    } }), (S2 || A2 || j2 || x2) && d.jsxs("span", { className: "ono-suffix", children: [S2, A2 && d.jsx("button", { className: "ono-clear-icon", onClick: () => {
-      R2 == null ? void 0 : R2(), L2("");
-    }, children: d.jsx(Q, {}) }), j2 && d.jsx("button", { className: "ono-eye-icon", onClick: () => F2(!M2), children: d.jsx(Y, { open: M2 }) }), x2 && o2 && d.jsxs("p", { className: "ono-count", children: [N2.length, "/", o2] })] })] }), k2 && d.jsx("div", { className: "ono-append", children: k2 })] });
-  }, X = (e2, n2, r2) => {
+  }, Q = (e2, n2, r2) => {
     const { target: a2, deps: o2, isDeferred: l2 } = r2 || {}, i2 = (e3) => n2(e3);
     return t.useEffect(() => ("string" == typeof e2 ? !l2 && (a2 || window).addEventListener(e2, i2) : e2.forEach((e3) => !l2 && (a2 || window).addEventListener(e3, i2)), () => {
       "string" == typeof e2 ? (a2 || window).removeEventListener(e2, i2) : e2.forEach((e3) => (a2 || window).removeEventListener(e3, i2));
     }), [a2, ...o2 || []]), l2 ? () => {
       "string" == typeof e2 ? (a2 || window).addEventListener(e2, i2) : e2.forEach((e3) => (a2 || window).addEventListener(e3, i2));
     } : void 0;
-  }, G = (e2) => e2.toString().toLocaleLowerCase(), Z = (e2, t2, n2) => {
-    const r2 = (r3) => X(r3, (r4) => ((e3, n3, r5) => {
-      e3.forEach((e4) => {
-        if (e4.includes("+") && e4.length > 1) {
-          const r6 = e4.split("+"), a2 = n3.ctrlKey && r6.includes("ctrl"), o2 = n3.shiftKey && r6.includes("shift"), l2 = n3.altKey && r6.includes("alt"), i2 = n3.metaKey && r6.includes("meta"), s2 = (n3.ctrlKey || n3.metaKey) && r6.includes("commandorcontrol");
-          2 === r6.length ? (a2 || o2 || l2 || i2 || s2) && n3.key.toLocaleLowerCase() === r6[r6.length - 1] && t2(n3, e4) : 3 === r6.length && (a2 && o2 || a2 && l2 || a2 && i2 || a2 && s2 || o2 && l2 || o2 && i2 || o2 && s2 || l2 && i2 || l2 && s2 || i2 && s2) && n3.key.toLocaleLowerCase() === r6[r6.length - 1] && t2(n3, e4);
-        } else if (e4.includes(G(n3.key))) {
-          if (r5) e4 === G(n3.key) && t2(n3, e4);
-          else if (!(n3.ctrlKey || n3.metaKey || n3.shiftKey || n3.altKey)) return t2(n3, e4);
-        }
-      });
-    })(e2 instanceof Array ? e2.map((e3) => G(e3)) : [G(e2)], r4, (n2 == null ? void 0 : n2.exactMatch) || false), { deps: [n2 == null ? void 0 : n2.target, ...(n2 == null ? void 0 : n2.deps) || []] });
-    (n2 == null ? void 0 : n2.events) instanceof Array ? n2.events.forEach((e3) => r2(e3)) : r2((n2 == null ? void 0 : n2.events) || "keydown");
-  }, J = ({ list: e2, children: t2, fallback: n2, insertBetweenDom: r2 }) => (() => {
-    const a2 = "function" == typeof e2 ? e2() : e2;
-    return a2.length > 0 ? ((e3, t3) => t3 ? e3.reduce((n3, r3, a3) => (n3.push(r3), a3 < e3.length - 1 && n3.push(t3(a3)), n3), []) : e3)(((e3) => e3.map(t2).filter(Boolean))(a2), r2) : n2;
-  })();
-  var ee, te, ne, re, ae = { exports: {} }, oe = {}, le = { exports: {} }, ie = {}, se = {};
-  function ue() {
-    return ne || (ne = 1, "production" === process.env.NODE_ENV ? le.exports = (ee || (ee = 1, (function(e2) {
+  };
+  var Y, K, X, G, Z = { exports: {} }, J = {}, ee = { exports: {} }, te = {}, ne = {};
+  function re() {
+    return X || (X = 1, "production" === process.env.NODE_ENV ? ee.exports = (Y || (Y = 1, (function(e2) {
       function t2(e3, t3) {
         var n3 = e3.length;
         e3.push(t3);
@@ -532,7 +499,7 @@
           }
         };
       };
-    })(ie)), ie) : le.exports = (te || (te = 1, (function(e2) {
+    })(te)), te) : ee.exports = (K || (K = 1, (function(e2) {
       "production" !== process.env.NODE_ENV && (function() {
         function t2() {
           if (w2 = false, E2) {
@@ -730,7 +697,7 @@
           };
         }, "undefined" != typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" == typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
       })();
-    })(se)), se)), le.exports;
+    })(ne)), ne)), ee.exports;
   }
   /**
      * @license React
@@ -741,7 +708,7 @@
      * This source code is licensed under the MIT license found in the
      * LICENSE file in the root directory of this source tree.
      */
-  var ce, de, fe = {};
+  var ae, oe, le = {};
   /**
      * @license React
      * react-dom-client.development.js
@@ -751,7 +718,7 @@
      * This source code is licensed under the MIT license found in the
      * LICENSE file in the root directory of this source tree.
      */
-  const pe = a((de || (de = 1, "production" === process.env.NODE_ENV ? ((function e2() {
+  const ie = a((oe || (oe = 1, "production" === process.env.NODE_ENV ? ((function e2() {
     if ("undefined" != typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" == typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE) {
       if ("production" !== process.env.NODE_ENV) throw new Error("^_^");
       try {
@@ -760,10 +727,10 @@
         console.error(e3);
       }
     }
-  })(), ae.exports = (function() {
-    if (re) return oe;
-    re = 1;
-    var e2 = ue(), r2 = t, a2 = n;
+  })(), Z.exports = (function() {
+    if (G) return J;
+    G = 1;
+    var e2 = re(), r2 = t, a2 = n;
     function o2(e3) {
       var t2 = "https://react.dev/errors/" + e3;
       if (1 < arguments.length) {
@@ -892,7 +859,7 @@
     function Y2(e3) {
       B2.current === e3 && (j2(H2), j2(B2)), $2.current === e3 && (j2($2), Xd._currentValue = M2);
     }
-    var K2 = Object.prototype.hasOwnProperty, X2 = e2.unstable_scheduleCallback, G2 = e2.unstable_cancelCallback, Z2 = e2.unstable_shouldYield, J2 = e2.unstable_requestPaint, ee2 = e2.unstable_now, te2 = e2.unstable_getCurrentPriorityLevel, ne2 = e2.unstable_ImmediatePriority, ae2 = e2.unstable_UserBlockingPriority, le2 = e2.unstable_NormalPriority, ie2 = e2.unstable_LowPriority, se2 = e2.unstable_IdlePriority, ce2 = e2.log, de2 = e2.unstable_setDisableYieldValue, fe2 = null, pe2 = null;
+    var K2 = Object.prototype.hasOwnProperty, X2 = e2.unstable_scheduleCallback, Z2 = e2.unstable_cancelCallback, ee2 = e2.unstable_shouldYield, te2 = e2.unstable_requestPaint, ne2 = e2.unstable_now, ae2 = e2.unstable_getCurrentPriorityLevel, oe2 = e2.unstable_ImmediatePriority, le2 = e2.unstable_UserBlockingPriority, ie2 = e2.unstable_NormalPriority, se2 = e2.unstable_LowPriority, ue2 = e2.unstable_IdlePriority, ce2 = e2.log, de2 = e2.unstable_setDisableYieldValue, fe2 = null, pe2 = null;
     function he2(e3) {
       if ("function" == typeof ce2 && de2(e3), pe2 && "function" == typeof pe2.setStrictMode) try {
         pe2.setStrictMode(fe2, e3);
@@ -3742,15 +3709,15 @@
               }
               e3 = e3.sibling;
             }
-            null !== a3.tail && ee2() > Cu && (t2.flags |= 128, r3 = true, rs(a3, false), t2.lanes = 4194304);
+            null !== a3.tail && ne2() > Cu && (t2.flags |= 128, r3 = true, rs(a3, false), t2.lanes = 4194304);
           }
           else {
             if (!r3) if (null !== (e3 = pi(l3))) {
               if (t2.flags |= 128, r3 = true, e3 = e3.updateQueue, t2.updateQueue = e3, ns(t2, e3), rs(a3, true), null === a3.tail && "hidden" === a3.tailMode && !l3.alternate && !ia) return as(t2), null;
-            } else 2 * ee2() - a3.renderingStartTime > Cu && 536870912 !== n2 && (t2.flags |= 128, r3 = true, rs(a3, false), t2.lanes = 4194304);
+            } else 2 * ne2() - a3.renderingStartTime > Cu && 536870912 !== n2 && (t2.flags |= 128, r3 = true, rs(a3, false), t2.lanes = 4194304);
             a3.isBackwards ? (l3.sibling = t2.child, t2.child = l3) : (null !== (e3 = a3.last) ? e3.sibling = l3 : t2.child = l3, a3.last = l3);
           }
-          return null !== a3.tail ? (t2 = a3.tail, a3.rendering = t2, a3.tail = t2.sibling, a3.renderingStartTime = ee2(), t2.sibling = null, e3 = fi.current, U2(fi, r3 ? 1 & e3 | 2 : 1 & e3), t2) : (as(t2), null);
+          return null !== a3.tail ? (t2 = a3.tail, a3.rendering = t2, a3.tail = t2.sibling, a3.renderingStartTime = ne2(), t2.sibling = null, e3 = fi.current, U2(fi, r3 ? 1 & e3 | 2 : 1 & e3), t2) : (as(t2), null);
         case 22:
         case 23:
           return di(t2), ko(), r3 = null !== t2.memoizedState, null !== e3 ? null !== e3.memoizedState !== r3 && (t2.flags |= 8192) : r3 && (t2.flags |= 8192), r3 ? !!(536870912 & n2) && !(128 & t2.flags) && (as(t2), 6 & t2.subtreeFlags && (t2.flags |= 8192)) : as(t2), null !== (n2 = t2.updateQueue) && ns(t2, n2.retryQueue), n2 = null, null !== e3 && null !== e3.memoizedState && null !== e3.memoizedState.cachePool && (n2 = e3.memoizedState.cachePool.pool), r3 = null, null !== t2.memoizedState && null !== t2.memoizedState.cachePool && (r3 = t2.memoizedState.cachePool.pool), r3 !== n2 && (t2.flags |= 2048), null !== e3 && j2(Wa), null;
@@ -4406,7 +4373,7 @@
           Os(t2, e3), Is(e3);
           break;
         case 13:
-          Os(t2, e3), Is(e3), 8192 & e3.child.flags && null !== e3.memoizedState != (null !== n2 && null !== n2.memoizedState) && (xu = ee2()), 4 & r3 && null !== (r3 = e3.updateQueue) && (e3.updateQueue = null, Ds(e3, r3));
+          Os(t2, e3), Is(e3), 8192 & e3.child.flags && null !== e3.memoizedState != (null !== n2 && null !== n2.memoizedState) && (xu = ne2()), 4 & r3 && null !== (r3 = e3.updateQueue) && (e3.updateQueue = null, Ds(e3, r3));
           break;
         case 22:
           a3 = null !== e3.memoizedState;
@@ -4818,7 +4785,7 @@
         var n3 = au;
         au |= 2;
         var r4 = Qu(), a4 = Yu();
-        ou !== e4 || iu !== t3 ? (Eu = null, Cu = ee2() + 500, Vu(e4, t3)) : du = Se2(e4, t3);
+        ou !== e4 || iu !== t3 ? (Eu = null, Cu = ne2() + 500, Vu(e4, t3)) : du = Se2(e4, t3);
         e: for (; ; ) try {
           if (0 !== su && null !== lu) {
             t3 = lu;
@@ -4933,7 +4900,7 @@
               default:
                 throw Error(o2(329));
             }
-            if ((62914560 & t2) === t2 && 10 < (a3 = xu + 300 - ee2())) {
+            if ((62914560 & t2) === t2 && 10 < (a3 = xu + 300 - ne2())) {
               if (Bu(r3, t2, bu, !cu), 0 !== we2(r3, 0, true)) break e;
               r3.timeoutHandle = cd(Uu.bind(null, r3, n2, wu, Eu, Su, t2, bu, gu, vu, cu, l3, 2, -0, 0), a3);
             } else Uu(r3, n2, wu, Eu, Su, t2, bu, gu, vu, cu, l3, 0, -0, 0);
@@ -5068,7 +5035,7 @@
       for (; null !== lu; ) Ju(lu);
     }
     function Zu() {
-      for (; null !== lu && !Z2(); ) Ju(lu);
+      for (; null !== lu && !ee2(); ) Ju(lu);
     }
     function Ju(e3) {
       var t2 = Ji(e3.alternate, e3, pu);
@@ -5173,7 +5140,7 @@
             n3 &= ~d3;
           }
           0 !== r4 && ze2(e4, r4, 0), 0 !== o3 && 0 === a4 && 0 !== e4.tag && (e4.suspendedLanes |= o3 & ~(l4 & ~t3));
-        })(e3, n2, l3 |= _r, i3, s3, u3), e3 === ou && (lu = ou = null, iu = 0), _u = t2, zu = e3, Ru = n2, Nu = l3, Lu = a3, Du = r3, 10256 & t2.subtreeFlags || 10256 & t2.flags ? (e3.callbackNode = null, e3.callbackPriority = 0, X2(le2, function() {
+        })(e3, n2, l3 |= _r, i3, s3, u3), e3 === ou && (lu = ou = null, iu = 0), _u = t2, zu = e3, Ru = n2, Nu = l3, Lu = a3, Du = r3, 10256 & t2.subtreeFlags || 10256 & t2.flags ? (e3.callbackNode = null, e3.callbackPriority = 0, X2(ie2, function() {
           return cc(), null;
         })) : (e3.callbackNode = null, e3.callbackPriority = 0), r3 = !!(13878 & t2.flags), 13878 & t2.subtreeFlags || r3) {
           r3 = D2.T, D2.T = null, a3 = O2.p, O2.p = 2, i3 = au, au |= 4;
@@ -5328,7 +5295,7 @@
     }
     function ic() {
       if (4 === Pu || 3 === Pu) {
-        Pu = 0, J2();
+        Pu = 0, te2();
         var e3 = zu, t2 = _u, n2 = Ru, r3 = Du;
         10256 & t2.subtreeFlags || 10256 & t2.flags ? Pu = 5 : (Pu = 0, _u = zu = null, sc(e3, e3.pendingLanes));
         var a3 = e3.pendingLanes;
@@ -5406,7 +5373,7 @@
     }
     function hc(e3, t2, n2) {
       var r3 = e3.pingCache;
-      null !== r3 && r3.delete(t2), e3.pingedLanes |= e3.suspendedLanes & n2, e3.warmLanes &= ~n2, ou === e3 && (iu & n2) === n2 && (4 === hu || 3 === hu && (62914560 & iu) === iu && 300 > ee2() - xu ? !(2 & au) && Vu(e3, 0) : yu |= n2, vu === iu && (vu = 0)), Cc(e3);
+      null !== r3 && r3.delete(t2), e3.pingedLanes |= e3.suspendedLanes & n2, e3.warmLanes &= ~n2, ou === e3 && (iu & n2) === n2 && (4 === hu || 3 === hu && (62914560 & iu) === iu && 300 > ne2() - xu ? !(2 & au) && Vu(e3, 0) : yu |= n2, vu === iu && (vu = 0)), Cc(e3);
     }
     function mc(e3, t2) {
       0 === t2 && (t2 = Ee2()), null !== (e3 = Dr(e3, t2)) && (Pe2(e3, t2), Cc(e3));
@@ -5436,7 +5403,7 @@
     var bc = null, vc = null, kc = false, wc = false, Sc = false, xc = 0;
     function Cc(e3) {
       e3 !== vc && null === e3.next && (null === vc ? bc = vc = e3 : vc = vc.next = e3), wc = true, kc || (kc = true, pd(function() {
-        6 & au ? X2(ne2, Tc) : Pc();
+        6 & au ? X2(oe2, Tc) : Pc();
       }));
     }
     function Ec(e3, t2) {
@@ -5466,7 +5433,7 @@
       wc = kc = false;
       var e3, t2 = 0;
       0 !== xc && (((e3 = window.event) && "popstate" === e3.type ? e3 !== ud && (ud = e3, true) : (ud = null, false)) && (t2 = xc), xc = 0);
-      for (var n2 = ee2(), r3 = null, a3 = bc; null !== a3; ) {
+      for (var n2 = ne2(), r3 = null, a3 = bc; null !== a3; ) {
         var o3 = a3.next, l3 = zc(a3, n2);
         0 === l3 ? (a3.next = null, null === r3 ? bc = o3 : r3.next = o3, null === o3 && (vc = r3)) : (r3 = a3, (0 !== t2 || 3 & l3) && (wc = true)), a3 = o3;
       }
@@ -5477,31 +5444,31 @@
         var l3 = 31 - me2(o3), i3 = 1 << l3, s3 = a3[l3];
         -1 === s3 ? 0 !== (i3 & n2) && 0 === (i3 & r3) || (a3[l3] = xe2(i3, t2)) : s3 <= t2 && (e3.expiredLanes |= i3), o3 &= ~i3;
       }
-      if (n2 = iu, n2 = we2(e3, e3 === (t2 = ou) ? n2 : 0, null !== e3.cancelPendingCommit || -1 !== e3.timeoutHandle), r3 = e3.callbackNode, 0 === n2 || e3 === t2 && (2 === su || 9 === su) || null !== e3.cancelPendingCommit) return null !== r3 && null !== r3 && G2(r3), e3.callbackNode = null, e3.callbackPriority = 0;
+      if (n2 = iu, n2 = we2(e3, e3 === (t2 = ou) ? n2 : 0, null !== e3.cancelPendingCommit || -1 !== e3.timeoutHandle), r3 = e3.callbackNode, 0 === n2 || e3 === t2 && (2 === su || 9 === su) || null !== e3.cancelPendingCommit) return null !== r3 && null !== r3 && Z2(r3), e3.callbackNode = null, e3.callbackPriority = 0;
       if (!(3 & n2) || Se2(e3, n2)) {
         if ((t2 = n2 & -n2) === e3.callbackPriority) return t2;
-        switch (null !== r3 && G2(r3), Ne2(n2)) {
+        switch (null !== r3 && Z2(r3), Ne2(n2)) {
           case 2:
           case 8:
-            n2 = ae2;
+            n2 = le2;
             break;
           case 32:
           default:
-            n2 = le2;
+            n2 = ie2;
             break;
           case 268435456:
-            n2 = se2;
+            n2 = ue2;
         }
         return r3 = _c.bind(null, e3), n2 = X2(n2, r3), e3.callbackPriority = t2, e3.callbackNode = n2, t2;
       }
-      return null !== r3 && null !== r3 && G2(r3), e3.callbackPriority = 2, e3.callbackNode = null, 2;
+      return null !== r3 && null !== r3 && Z2(r3), e3.callbackPriority = 2, e3.callbackNode = null, 2;
     }
     function _c(e3, t2) {
       if (0 !== Pu && 5 !== Pu) return e3.callbackNode = null, e3.callbackPriority = 0, null;
       var n2 = e3.callbackNode;
       if (uc() && e3.callbackNode !== n2) return null;
       var r3 = iu;
-      return 0 === (r3 = we2(e3, e3 === ou ? r3 : 0, null !== e3.cancelPendingCommit || -1 !== e3.timeoutHandle)) ? null : (ju(e3, r3, t2), zc(e3, ee2()), null != e3.callbackNode && e3.callbackNode === n2 ? _c.bind(null, e3) : null);
+      return 0 === (r3 = we2(e3, e3 === ou ? r3 : 0, null !== e3.cancelPendingCommit || -1 !== e3.timeoutHandle)) ? null : (ju(e3, r3, t2), zc(e3, ne2()), null != e3.callbackNode && e3.callbackNode === n2 ? _c.bind(null, e3) : null);
     }
     function Rc(e3, t2) {
       if (uc()) return null;
@@ -6660,7 +6627,7 @@
                       var s3 = 1 << 31 - me2(l3);
                       i3.entanglements[1] |= s3, l3 &= ~s3;
                     }
-                    Cc(o3), !(6 & au) && (Cu = ee2() + 500, Ec(0));
+                    Cc(o3), !(6 & au) && (Cu = ne2() + 500, Ec(0));
                   }
                 }
                 break;
@@ -6771,15 +6738,15 @@
         case "pointerleave":
           return 8;
         case "message":
-          switch (te2()) {
-            case ne2:
+          switch (ae2()) {
+            case oe2:
               return 2;
-            case ae2:
-              return 8;
             case le2:
+              return 8;
             case ie2:
-              return 32;
             case se2:
+              return 32;
+            case ue2:
               return 268435456;
             default:
               return 32;
@@ -6998,16 +6965,16 @@
       } catch (e3) {
       }
     }
-    return oe.createRoot = function(e3, t2) {
+    return J.createRoot = function(e3, t2) {
       if (!l2(e3)) throw Error(o2(299));
       var n2 = false, r3 = "", a3 = ki, i3 = wi, s3 = Si;
       return null != t2 && (true === t2.unstable_strictMode && (n2 = true), void 0 !== t2.identifierPrefix && (r3 = t2.identifierPrefix), void 0 !== t2.onUncaughtError && (a3 = t2.onUncaughtError), void 0 !== t2.onCaughtError && (i3 = t2.onCaughtError), void 0 !== t2.onRecoverableError && (s3 = t2.onRecoverableError), void 0 !== t2.unstable_transitionCallbacks && t2.unstable_transitionCallbacks), t2 = Zd(e3, 1, false, null, 0, n2, r3, a3, i3, s3, 0, null), e3[Fe2] = t2.current, Bc(e3), new Nf(t2);
-    }, oe.hydrateRoot = function(e3, t2, n2) {
+    }, J.hydrateRoot = function(e3, t2, n2) {
       if (!l2(e3)) throw Error(o2(299));
       var r3 = false, a3 = "", i3 = ki, s3 = wi, u3 = Si, c3 = null;
       return null != n2 && (true === n2.unstable_strictMode && (r3 = true), void 0 !== n2.identifierPrefix && (a3 = n2.identifierPrefix), void 0 !== n2.onUncaughtError && (i3 = n2.onUncaughtError), void 0 !== n2.onCaughtError && (s3 = n2.onCaughtError), void 0 !== n2.onRecoverableError && (u3 = n2.onRecoverableError), void 0 !== n2.unstable_transitionCallbacks && n2.unstable_transitionCallbacks, void 0 !== n2.formState && (c3 = n2.formState)), (t2 = Zd(e3, 1, true, t2, 0, r3, a3, i3, s3, u3, 0, c3)).context = Jd(null), n2 = t2.current, (a3 = lo(r3 = Re2(r3 = Fu()))).callback = null, io(n2, a3, r3), n2 = r3, t2.current.lanes = n2, Pe2(t2, n2), Cc(t2), e3[Fe2] = t2.current, Bc(e3), new Lf(t2);
-    }, oe.version = "19.1.1", oe;
-  })()) : ae.exports = (ce || (ce = 1, "production" !== process.env.NODE_ENV && (function() {
+    }, J.version = "19.1.1", J;
+  })()) : Z.exports = (ae || (ae = 1, "production" !== process.env.NODE_ENV && (function() {
     function e2(e3, t2) {
       for (e3 = e3.memoizedState; null !== e3 && 0 < t2; ) e3 = e3.next, t2--;
       return e3;
@@ -7424,7 +7391,7 @@
         a3 & t2 | e3[r3] & t2 && (e3[r3] |= t2), n2 &= ~a3;
       }
     }
-    function re2(e3) {
+    function ae2(e3) {
       switch (e3) {
         case 2:
           e3 = 1;
@@ -7463,13 +7430,13 @@
       }
       return e3;
     }
-    function ae2(e3, t2, n2) {
+    function oe2(e3, t2, n2) {
       if (kd) for (e3 = e3.pendingUpdatersLaneMap; 0 < n2; ) {
         var r3 = 31 - wd(n2), a3 = 1 << r3;
         e3[r3].add(t2), n2 &= ~a3;
       }
     }
-    function oe2(e3, t2) {
+    function ie2(e3, t2) {
       if (kd) for (var n2 = e3.pendingUpdatersLaneMap, r3 = e3.memoizedUpdaters; 0 < t2; ) {
         var a3 = 31 - wd(t2);
         e3 = 1 << a3, 0 < (a3 = n2[a3]).size && (a3.forEach(function(e4) {
@@ -7478,17 +7445,17 @@
         }), a3.clear()), t2 &= ~e3;
       }
     }
-    function le2(e3) {
+    function se2(e3) {
       return Td < (e3 &= -e3) ? Pd < e3 ? 134217727 & e3 ? zd : _d : Pd : Td;
     }
-    function ie2() {
+    function ue2() {
       var e3 = Qc.p;
       return 0 !== e3 ? e3 : void 0 === (e3 = window.event) ? zd : rc(e3.type);
     }
-    function se2(e3) {
+    function ce2(e3) {
       delete e3[Nd], delete e3[Ld], delete e3[Od], delete e3[Md], delete e3[Fd];
     }
-    function ce2(e3) {
+    function de2(e3) {
       var t2 = e3[Nd];
       if (t2) return t2;
       for (var n2 = e3.parentNode; n2; ) {
@@ -7503,7 +7470,7 @@
       }
       return null;
     }
-    function de2(e3) {
+    function fe2(e3) {
       if (e3 = e3[Nd] || e3[Dd]) {
         var t2 = e3.tag;
         if (5 === t2 || 6 === t2 || 13 === t2 || 26 === t2 || 27 === t2 || 3 === t2) return e3;
@@ -8431,7 +8398,7 @@
       return (e3 = e3.target || e3.srcElement || window).correspondingUseElement && (e3 = e3.correspondingUseElement), 3 === e3.nodeType ? e3.parentNode : e3;
     }
     function zt(e3) {
-      var t2 = de2(e3);
+      var t2 = fe2(e3);
       if (t2 && (e3 = t2.stateNode)) {
         var n2 = e3[Ld] || null;
         e: switch (e3 = t2.stateNode, t2.type) {
@@ -10586,7 +10553,7 @@
           }
           r3 = s3, a3 = c3, s3 = o3 = p3, (o3 = (u3 = f3) ? Error(u3) : Error("The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering.")).stack = a3 || "", o3.digest = r3, a3 = { value: o3, source: null, stack: r3 = void 0 === s3 ? null : s3 }, "string" == typeof r3 && th.set(o3, a3), Bn(a3), t2 = nl(e3, t2, n2);
         } else if (uy || Kn(e3, t2, n2, false), r3 = 0 !== (n2 & e3.childLanes), uy || r3) {
-          if (null !== (r3 = qy) && 0 !== (a3 = 0 !== ((a3 = 42 & (a3 = n2 & -n2) ? 1 : re2(a3)) & (r3.suspendedLanes | n2)) ? 0 : a3) && a3 !== d3.retryLane) throw d3.retryLane = a3, fn(e3, a3), wi(r3, e3, a3), sy;
+          if (null !== (r3 = qy) && 0 !== (a3 = 0 !== ((a3 = 42 & (a3 = n2 & -n2) ? 1 : ae2(a3)) & (r3.suspendedLanes | n2)) ? 0 : a3) && a3 !== d3.retryLane) throw d3.retryLane = a3, fn(e3, a3), wi(r3, e3, a3), sy;
           u3.data === Pv || Li(), t2 = nl(e3, t2, n2);
         } else u3.data === Pv ? (t2.flags |= 192, t2.child = e3.child, t2 = null) : (e3 = d3.treeContext, zh = mu(u3.nextSibling), Ph = t2, _h = true, Lh = null, Rh = false, Nh = null, Dh = false, null !== e3 && (Dn(), Sh[xh++] = Eh, Sh[xh++] = Th, Sh[xh++] = Ch, Eh = e3.id, Th = e3.overflow, Ch = t2), (t2 = el(t2, a3.children)).flags |= 4096);
         return t2;
@@ -11441,7 +11408,7 @@
     }
     function Wl(e3) {
       var t2 = e3.alternate;
-      null !== t2 && (e3.alternate = null, Wl(t2)), e3.child = null, e3.deletions = null, e3.sibling = null, 5 === e3.tag && null !== (t2 = e3.stateNode) && se2(t2), e3.stateNode = null, e3._debugOwner = null, e3.return = null, e3.dependencies = null, e3.memoizedProps = null, e3.memoizedState = null, e3.pendingProps = null, e3.stateNode = null, e3.updateQueue = null;
+      null !== t2 && (e3.alternate = null, Wl(t2)), e3.child = null, e3.deletions = null, e3.sibling = null, 5 === e3.tag && null !== (t2 = e3.stateNode) && ce2(t2), e3.stateNode = null, e3._debugOwner = null, e3.return = null, e3.dependencies = null, e3.memoizedProps = null, e3.memoizedState = null, e3.pendingProps = null, e3.stateNode = null, e3.updateQueue = null;
     }
     function $l(e3, t2, n2) {
       for (n2 = n2.child; null !== n2; ) Vl(e3, t2, n2), n2 = n2.sibling;
@@ -12024,7 +11991,7 @@
     function vi(e3) {
       if ((Vy & Fy) !== My && 0 !== Yy) return Yy & -Yy;
       var t2 = qc.T;
-      return null !== t2 ? (t2._updatedFibers || (t2._updatedFibers = /* @__PURE__ */ new Set()), t2._updatedFibers.add(e3), 0 !== (e3 = am) ? e3 : ys()) : ie2();
+      return null !== t2 ? (t2._updatedFibers || (t2._updatedFibers = /* @__PURE__ */ new Set()), t2._updatedFibers.add(e3), 0 !== (e3 = am) ? e3 : ys()) : ue2();
     }
     function ki() {
       0 === mb && (mb = 536870912 & Yy && !_h ? 536870912 : G2());
@@ -12042,7 +12009,7 @@
           case 1:
             Zb || (console.error("Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state."), Zb = true);
         }
-      } else kd && ae2(e3, t2, n2), (function(e4) {
+      } else kd && oe2(e3, t2, n2), (function(e4) {
         bi() && null === qc.actQueue && De2(e4, function() {
           console.error("An update to %s inside a test was not wrapped in act(...).\n\nWhen testing, code that causes React state updates should be wrapped into act(...):\n\nact(() => {\n  /* fire events that update state */\n});\n/* assert on the output */\n\nThis ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act", x2(e4));
         });
@@ -12057,7 +12024,7 @@
         if (qy !== e4 || Yy !== t3) {
           if (kd) {
             var o4 = e4.memoizedUpdaters;
-            0 < o4.size && (is(e4, Yy), o4.clear()), oe2(e4, t3);
+            0 < o4.size && (is(e4, Yy), o4.clear()), ie2(e4, t3);
           }
           Cb = null, Sb = id() + xb, zi(e4, t3);
         } else sb = K2(e4, t3);
@@ -12296,7 +12263,7 @@
       if (qy !== e3 || Yy !== t2) {
         if (kd) {
           var l3 = e3.memoizedUpdaters;
-          0 < l3.size && (is(e3, Yy), l3.clear()), oe2(e3, t2);
+          0 < l3.size && (is(e3, Yy), l3.clear()), ie2(e3, t2);
         }
         Cb = null, zi(e3, t2);
       }
@@ -12600,7 +12567,7 @@
         var e3 = Fb, t2 = Ib, n2 = Ab, r3 = Hb, a3 = !!(10256 & t2.subtreeFlags) || !!(10256 & t2.flags);
         a3 ? Mb = Ob : (Mb = _b, Ib = Fb = null, Qi(e3, e3.pendingLanes), Yb = 0, Kb = null);
         var o3 = e3.pendingLanes;
-        if (0 === o3 && (Eb = null), a3 || os(e3), a3 = le2(n2), t2 = t2.stateNode, yd && "function" == typeof yd.onCommitFiberRoot) try {
+        if (0 === o3 && (Eb = null), a3 || os(e3), a3 = se2(n2), t2 = t2.stateNode, yd && "function" == typeof yd.onCommitFiberRoot) try {
           var l3 = !(128 & ~t2.current.flags);
           switch (a3) {
             case Td:
@@ -12654,7 +12621,7 @@
       if (Mb !== Ob) return false;
       var e3 = Fb, t2 = jb;
       jb = 0;
-      var n2 = le2(Ab), r3 = zd > n2 ? zd : n2;
+      var n2 = se2(Ab), r3 = zd > n2 ? zd : n2;
       n2 = qc.T;
       var a3 = Qc.p;
       try {
@@ -12764,7 +12731,7 @@
     }
     function is(e3, t2) {
       kd && e3.memoizedUpdaters.forEach(function(n2) {
-        ae2(e3, n2, t2);
+        oe2(e3, n2, t2);
       });
     }
     function ss(e3) {
@@ -12811,7 +12778,7 @@
       if (n2 = Yy, n2 = Y2(e3, e3 === (t2 = qy) ? n2 : 0, null !== e3.cancelPendingCommit || e3.timeoutHandle !== Vv), r3 = e3.callbackNode, 0 === n2 || e3 === t2 && (ob === Gy || ob === ab) || null !== e3.cancelPendingCommit) return null !== r3 && ms(r3), e3.callbackNode = null, e3.callbackPriority = 0;
       if (!(3 & n2) || K2(e3, n2)) {
         if ((t2 = n2 & -n2) === e3.callbackPriority && (null === qc.actQueue || r3 === iv)) return t2;
-        switch (ms(r3), le2(n2)) {
+        switch (ms(r3), se2(n2)) {
           case Td:
           case Pd:
             n2 = cd;
@@ -12935,7 +12902,7 @@
             l3 = l3.return;
           }
           for (; null !== i3; ) {
-            if (null === (l3 = ce2(i3))) return;
+            if (null === (l3 = de2(i3))) return;
             if (5 === (s3 = l3.tag) || 6 === s3 || 26 === s3 || 27 === s3) {
               r3 = o3 = l3;
               continue e;
@@ -13041,8 +13008,8 @@
           }
         }
         if (!(7 & t2)) {
-          if (s4 = "mouseout" === e3 || "pointerout" === e3, (!(i4 = "mouseover" === e3 || "pointerover" === e3) || n2 === Wf || !(u3 = n2.relatedTarget || n2.fromElement) || !ce2(u3) && !u3[Dd]) && (s4 || i4) && (i4 = a4.window === a4 ? a4 : (i4 = a4.ownerDocument) ? i4.defaultView || i4.parentWindow : window, s4 ? (s4 = r4, null !== (u3 = (u3 = n2.relatedTarget || n2.toElement) ? ce2(u3) : null) && (d3 = g2(u3), c3 = u3.tag, u3 !== d3 || 5 !== c3 && 27 !== c3 && 6 !== c3) && (u3 = null)) : (s4 = null, u3 = r4), s4 !== u3)) {
-            if (c3 = ip, m3 = "onMouseLeave", f3 = "onMouseEnter", h3 = "mouse", "pointerout" !== e3 && "pointerover" !== e3 || (c3 = bp, m3 = "onPointerLeave", f3 = "onPointerEnter", h3 = "pointer"), d3 = null == s4 ? i4 : pe2(s4), p3 = null == u3 ? i4 : pe2(u3), (i4 = new c3(m3, h3 + "leave", s4, n2, a4)).target = d3, i4.relatedTarget = p3, m3 = null, ce2(a4) === r4 && ((c3 = new c3(f3, h3 + "enter", u3, n2, a4)).target = p3, c3.relatedTarget = d3, m3 = c3), d3 = m3, s4 && u3) e: {
+          if (s4 = "mouseout" === e3 || "pointerout" === e3, (!(i4 = "mouseover" === e3 || "pointerover" === e3) || n2 === Wf || !(u3 = n2.relatedTarget || n2.fromElement) || !de2(u3) && !u3[Dd]) && (s4 || i4) && (i4 = a4.window === a4 ? a4 : (i4 = a4.ownerDocument) ? i4.defaultView || i4.parentWindow : window, s4 ? (s4 = r4, null !== (u3 = (u3 = n2.relatedTarget || n2.toElement) ? de2(u3) : null) && (d3 = g2(u3), c3 = u3.tag, u3 !== d3 || 5 !== c3 && 27 !== c3 && 6 !== c3) && (u3 = null)) : (s4 = null, u3 = r4), s4 !== u3)) {
+            if (c3 = ip, m3 = "onMouseLeave", f3 = "onMouseEnter", h3 = "mouse", "pointerout" !== e3 && "pointerover" !== e3 || (c3 = bp, m3 = "onPointerLeave", f3 = "onPointerEnter", h3 = "pointer"), d3 = null == s4 ? i4 : pe2(s4), p3 = null == u3 ? i4 : pe2(u3), (i4 = new c3(m3, h3 + "leave", s4, n2, a4)).target = d3, i4.relatedTarget = p3, m3 = null, de2(a4) === r4 && ((c3 = new c3(f3, h3 + "enter", u3, n2, a4)).target = p3, c3.relatedTarget = d3, m3 = c3), d3 = m3, s4 && u3) e: {
               for (f3 = u3, h3 = 0, p3 = c3 = s4; p3; p3 = _s(p3)) h3++;
               for (p3 = 0, m3 = f3; m3; m3 = _s(m3)) p3++;
               for (; 0 < h3 - p3; ) c3 = _s(c3), h3--;
@@ -14197,7 +14164,7 @@
           case "HTML":
           case "HEAD":
           case "BODY":
-            pu(n2), se2(n2);
+            pu(n2), ce2(n2);
             continue;
           case "SCRIPT":
           case "STYLE":
@@ -14285,7 +14252,7 @@
       }
     }
     function xu(e3, t2, n2, r3) {
-      if (!n2[Dd] && de2(n2)) {
+      if (!n2[Dd] && fe2(n2)) {
         var a3 = n2.tagName.toLowerCase();
         console.error("You are mounting a new %s component when a previous one has not first unmounted. It is an error to render more than one %s component at a time and attributes and children of these components will likely fail in unpredictable ways. Please only render a single instance of <%s> and if you need to mount a new one, ensure any previous ones have unmounted first.", a3, a3, a3);
       }
@@ -14302,7 +14269,7 @@
     }
     function Cu(e3) {
       for (var t2 = e3.attributes; t2.length; ) e3.removeAttributeNode(t2[0]);
-      se2(e3);
+      ce2(e3);
     }
     function Eu(e3) {
       return "function" == typeof e3.getRootNode ? e3.getRootNode() : 9 === e3.nodeType ? e3 : e3.ownerDocument;
@@ -14534,7 +14501,7 @@
         })(a3, e3, t2, n2, r3)) r3.stopPropagation();
         else if (ac(e3, r3), 4 & t2 && -1 < Mk.indexOf(e3)) {
           for (; null !== a3; ) {
-            var o3 = de2(a3);
+            var o3 = fe2(a3);
             if (null !== o3) switch (o3.tag) {
               case 3:
                 if ((o3 = o3.stateNode).current.memoizedState.isDehydrated) {
@@ -14563,7 +14530,7 @@
       return nc(e3 = Pt(e3));
     }
     function nc(e3) {
-      if (Pk = null, null !== (e3 = ce2(e3))) {
+      if (Pk = null, null !== (e3 = de2(e3))) {
         var t2 = g2(e3);
         if (null === t2) e3 = null;
         else {
@@ -14696,10 +14663,10 @@
       }
     }
     function oc(e3, t2, n2, r3, a3, o3) {
-      return null === e3 || e3.nativeEvent !== o3 ? (e3 = { blockedOn: t2, domEventName: n2, eventSystemFlags: r3, nativeEvent: o3, targetContainers: [a3] }, null !== t2 && null !== (t2 = de2(t2)) && Gu(t2), e3) : (e3.eventSystemFlags |= r3, t2 = e3.targetContainers, null !== a3 && -1 === t2.indexOf(a3) && t2.push(a3), e3);
+      return null === e3 || e3.nativeEvent !== o3 ? (e3 = { blockedOn: t2, domEventName: n2, eventSystemFlags: r3, nativeEvent: o3, targetContainers: [a3] }, null !== t2 && null !== (t2 = fe2(t2)) && Gu(t2), e3) : (e3.eventSystemFlags |= r3, t2 = e3.targetContainers, null !== a3 && -1 === t2.indexOf(a3) && t2.push(a3), e3);
     }
     function lc(e3) {
-      var t2 = ce2(e3.target);
+      var t2 = de2(e3.target);
       if (null !== t2) {
         var n2 = g2(t2);
         if (null !== n2) {
@@ -14710,7 +14677,7 @@
                 return Qc.p = e4, (function() {
                   if (13 === n2.tag) {
                     var e5 = vi(n2);
-                    e5 = re2(e5);
+                    e5 = ae2(e5);
                     var t4 = fn(n2, e5);
                     null !== t4 && wi(t4, n2, e5), Xu(n2, e5);
                   }
@@ -14728,7 +14695,7 @@
       if (null !== e3.blockedOn) return false;
       for (var t2 = e3.targetContainers; 0 < t2.length; ) {
         var n2 = tc(e3.nativeEvent);
-        if (null !== n2) return null !== (t2 = de2(n2)) && Gu(t2), e3.blockedOn = n2, false;
+        if (null !== n2) return null !== (t2 = fe2(n2)) && Gu(t2), e3.blockedOn = n2, false;
         var r3 = new (n2 = e3.nativeEvent).constructor(n2.type, n2), a3 = r3;
         null !== Wf && console.error("Expected currently replaying event to be null. This error is likely caused by a bug in React. Please file an issue."), Wf = a3, n2.target.dispatchEvent(r3), null === Wf && console.error("Expected currently replaying event to not be null. This error is likely caused by a bug in React. Please file an issue."), Wf = null, t2.shift();
       }
@@ -14752,7 +14719,7 @@
             if (null === nc(r3 || n2)) continue;
             break;
           }
-          var o3 = de2(n2);
+          var o3 = fe2(n2);
           null !== o3 && (e3.splice(t2, 3), t2 -= 3, n2 = { pending: true, data: a3, method: n2.method, action: r3 }, Object.freeze(n2), Ka(o3, n2, r3, a3));
         }
       }));
@@ -14790,7 +14757,7 @@
       e3[Dd] && (e3._reactRootContainer ? console.error("You are calling ReactDOMClient.createRoot() on a container that was previously passed to ReactDOM.render(). This is not supported.") : console.error("You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it."));
     }
     "undefined" != typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" == typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var gc, yc, bc, vc, kc, wc, Sc, xc = ue(), Cc = t, Ec = n, Tc = Object.assign, Pc = Symbol.for("react.element"), zc = Symbol.for("react.transitional.element"), _c = Symbol.for("react.portal"), Rc = Symbol.for("react.fragment"), Nc = Symbol.for("react.strict_mode"), Lc = Symbol.for("react.profiler"), Dc = Symbol.for("react.provider"), Oc = Symbol.for("react.consumer"), Mc = Symbol.for("react.context"), Fc = Symbol.for("react.forward_ref"), Ic = Symbol.for("react.suspense"), Ac = Symbol.for("react.suspense_list"), jc = Symbol.for("react.memo"), Uc = Symbol.for("react.lazy"), Hc = Symbol.for("react.activity"), Bc = Symbol.for("react.memo_cache_sentinel"), Wc = Symbol.iterator, $c = Symbol.for("react.client.reference"), Vc = Array.isArray, qc = Cc.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Qc = Ec.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Yc = Object.freeze({ pending: false, data: null, method: null, action: null }), Kc = [], Xc = [], Gc = -1, Zc = C2(null), Jc = C2(null), ed = C2(null), td = C2(null), nd = Object.prototype.hasOwnProperty, rd = xc.unstable_scheduleCallback, ad = xc.unstable_cancelCallback, od = xc.unstable_shouldYield, ld = xc.unstable_requestPaint, id = xc.unstable_now, sd = xc.unstable_getCurrentPriorityLevel, ud = xc.unstable_ImmediatePriority, cd = xc.unstable_UserBlockingPriority, dd = xc.unstable_NormalPriority, fd = xc.unstable_LowPriority, pd = xc.unstable_IdlePriority, hd = xc.log, md = xc.unstable_setDisableYieldValue, gd = null, yd = null, bd = null, vd = false, kd = "undefined" != typeof __REACT_DEVTOOLS_GLOBAL_HOOK__, wd = Math.clz32 ? Math.clz32 : function(e3) {
+    var gc, yc, bc, vc, kc, wc, Sc, xc = re(), Cc = t, Ec = n, Tc = Object.assign, Pc = Symbol.for("react.element"), zc = Symbol.for("react.transitional.element"), _c = Symbol.for("react.portal"), Rc = Symbol.for("react.fragment"), Nc = Symbol.for("react.strict_mode"), Lc = Symbol.for("react.profiler"), Dc = Symbol.for("react.provider"), Oc = Symbol.for("react.consumer"), Mc = Symbol.for("react.context"), Fc = Symbol.for("react.forward_ref"), Ic = Symbol.for("react.suspense"), Ac = Symbol.for("react.suspense_list"), jc = Symbol.for("react.memo"), Uc = Symbol.for("react.lazy"), Hc = Symbol.for("react.activity"), Bc = Symbol.for("react.memo_cache_sentinel"), Wc = Symbol.iterator, $c = Symbol.for("react.client.reference"), Vc = Array.isArray, qc = Cc.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Qc = Ec.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Yc = Object.freeze({ pending: false, data: null, method: null, action: null }), Kc = [], Xc = [], Gc = -1, Zc = C2(null), Jc = C2(null), ed = C2(null), td = C2(null), nd = Object.prototype.hasOwnProperty, rd = xc.unstable_scheduleCallback, ad = xc.unstable_cancelCallback, od = xc.unstable_shouldYield, ld = xc.unstable_requestPaint, id = xc.unstable_now, sd = xc.unstable_getCurrentPriorityLevel, ud = xc.unstable_ImmediatePriority, cd = xc.unstable_UserBlockingPriority, dd = xc.unstable_NormalPriority, fd = xc.unstable_LowPriority, pd = xc.unstable_IdlePriority, hd = xc.log, md = xc.unstable_setDisableYieldValue, gd = null, yd = null, bd = null, vd = false, kd = "undefined" != typeof __REACT_DEVTOOLS_GLOBAL_HOOK__, wd = Math.clz32 ? Math.clz32 : function(e3) {
       return 0 == (e3 >>>= 0) ? 32 : 31 - (Sd(e3) / xd | 0) | 0;
     }, Sd = Math.log, xd = Math.LN2, Cd = 256, Ed = 4194304, Td = 2, Pd = 8, zd = 32, _d = 268435456, Rd = Math.random().toString(36).slice(2), Nd = "__reactFiber$" + Rd, Ld = "__reactProps$" + Rd, Dd = "__reactContainer$" + Rd, Od = "__reactEvents$" + Rd, Md = "__reactListeners$" + Rd, Fd = "__reactHandles$" + Rd, Id = "__reactResources$" + Rd, Ad = "__reactMarker$" + Rd, jd = /* @__PURE__ */ new Set(), Ud = {}, Hd = {}, Bd = { button: true, checkbox: true, image: true, hidden: true, radio: true, reset: true, submit: true }, Wd = RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"), $d = {}, Vd = {}, qd = 0;
     Ce2.__reactDisabledLog = true;
@@ -15494,7 +15461,7 @@
       var e3 = nk.f(), t2 = Ti();
       return e3 || t2;
     }, r: function(e3) {
-      var t2 = de2(e3);
+      var t2 = fe2(e3);
       null !== t2 && 5 === t2.tag && "form" === t2.type ? Ga(t2) : nk.r(e3);
     }, D: function(e3) {
       nk.D(e3), Tu("dns-prefetch", e3, null);
@@ -15620,7 +15587,7 @@
       }
     }, hc.prototype.unstable_scheduleHydration = function(e3) {
       if (e3) {
-        var t2 = ie2();
+        var t2 = ue2();
         e3 = { blockedOn: null, target: e3, priority: t2 };
         for (var n2 = 0; n2 < Ok.length && 0 !== t2 && t2 < Ok[n2].priority; n2++) ;
         Ok.splice(n2, 0, e3), 0 === n2 && lc(e3);
@@ -15726,18 +15693,57 @@
       var Ik = window.location.protocol;
       /^(https?|file):$/.test(Ik) && console.info("%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools" + ("file:" === Ik ? "\nYou might need to use a local HTTP server (instead of file://): https://react.dev/link/react-devtools-faq" : ""), "font-weight:bold");
     }
-    fe.createRoot = function(e3, t2) {
+    le.createRoot = function(e3, t2) {
       if (!m2(e3)) throw Error("Target container is not a DOM element.");
       mc(e3);
       var n2 = false, r3 = "", a3 = No, o3 = Lo, l3 = Do;
       return null != t2 && (t2.hydrate ? console.warn("hydrate through createRoot is deprecated. Use ReactDOMClient.hydrateRoot(container, <App />) instead.") : "object" == typeof t2 && null !== t2 && t2.$$typeof === zc && console.error("You passed a JSX element to createRoot. You probably meant to call root.render instead. Example usage:\n\n  let root = createRoot(domContainer);\n  root.render(<App />);"), true === t2.unstable_strictMode && (n2 = true), void 0 !== t2.identifierPrefix && (r3 = t2.identifierPrefix), void 0 !== t2.onUncaughtError && (a3 = t2.onUncaughtError), void 0 !== t2.onCaughtError && (o3 = t2.onCaughtError), void 0 !== t2.onRecoverableError && (l3 = t2.onRecoverableError), void 0 !== t2.unstable_transitionCallbacks && t2.unstable_transitionCallbacks), t2 = qu(e3, 1, false, null, 0, n2, r3, a3, o3, l3, 0, null), e3[Dd] = t2.current, Cs(e3), new pc(t2);
-    }, fe.hydrateRoot = function(e3, t2, n2) {
+    }, le.hydrateRoot = function(e3, t2, n2) {
       if (!m2(e3)) throw Error("Target container is not a DOM element.");
       mc(e3), void 0 === t2 && console.error("Must provide initial children as second argument to hydrateRoot. Example usage: hydrateRoot(domContainer, <App />)");
       var r3 = false, a3 = "", o3 = No, l3 = Lo, i3 = Do, s3 = null;
-      return null != n2 && (true === n2.unstable_strictMode && (r3 = true), void 0 !== n2.identifierPrefix && (a3 = n2.identifierPrefix), void 0 !== n2.onUncaughtError && (o3 = n2.onUncaughtError), void 0 !== n2.onCaughtError && (l3 = n2.onCaughtError), void 0 !== n2.onRecoverableError && (i3 = n2.onRecoverableError), void 0 !== n2.unstable_transitionCallbacks && n2.unstable_transitionCallbacks, void 0 !== n2.formState && (s3 = n2.formState)), (t2 = qu(e3, 1, true, t2, 0, r3, a3, o3, l3, i3, 0, s3)).context = Qu(null), (a3 = Cr(r3 = re2(r3 = vi(n2 = t2.current)))).callback = null, Er(n2, a3, r3), n2 = r3, t2.current.lanes = n2, ee2(t2, n2), ss(t2), e3[Dd] = t2.current, Cs(e3), new hc(t2);
-    }, fe.version = "19.1.1", "undefined" != typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" == typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), fe)), ae.exports)), he = (e2, t2, n2, r2) => {
+      return null != n2 && (true === n2.unstable_strictMode && (r3 = true), void 0 !== n2.identifierPrefix && (a3 = n2.identifierPrefix), void 0 !== n2.onUncaughtError && (o3 = n2.onUncaughtError), void 0 !== n2.onCaughtError && (l3 = n2.onCaughtError), void 0 !== n2.onRecoverableError && (i3 = n2.onRecoverableError), void 0 !== n2.unstable_transitionCallbacks && n2.unstable_transitionCallbacks, void 0 !== n2.formState && (s3 = n2.formState)), (t2 = qu(e3, 1, true, t2, 0, r3, a3, o3, l3, i3, 0, s3)).context = Qu(null), (a3 = Cr(r3 = ae2(r3 = vi(n2 = t2.current)))).callback = null, Er(n2, a3, r3), n2 = r3, t2.current.lanes = n2, ee2(t2, n2), ss(t2), e3[Dd] = t2.current, Cs(e3), new hc(t2);
+    }, le.version = "19.1.1", "undefined" != typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" == typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), le)), Z.exports));
+  let se, ue = null;
+  const ce = ({ className: e2, content: t2, style: n2, onClick: r2, onDoubleClick: a2, onContextMenu: o2, onMouseDown: l2, onMouseUp: i2, onMouseEnter: s2, onMouseLeave: u2, onMouseMove: c2, isClickBoxToClose: f2 }) => (Q("click", () => {
+    f2 && ue && (ue.remove(), ue = null);
+  }), d.jsx("div", { className: e2, style: n2, onClick: r2, onDoubleClick: a2, onContextMenu: o2, onMouseDown: l2, onMouseUp: i2, onMouseEnter: s2, onMouseLeave: u2, onMouseMove: c2, children: "function" == typeof t2 ? t2((e3) => {
+    ue && (ue.remove(), ue = null, e3 && e3());
+  }) : t2 })), de = () => d.jsx("svg", { className: "ono-input-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "close-circle", fill: "currentColor", "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) }), fe = ({ open: e2 }) => d.jsx("svg", { viewBox: "64 64 896 896", focusable: "false", "data-icon": e2 ? "eye" : "eye-invisible", fill: "currentColor", "aria-hidden": "true", className: "ono-input-icon", children: e2 ? d.jsx("path", { d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" }) : d.jsxs(d.Fragment, { children: [d.jsx("path", { d: "M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z" }), d.jsx("path", { d: "M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z" })] }) }), pe = ({ id: e2, name: n2, max: r2, min: a2, maxLength: o2, minLength: l2, type: i2 = "text", className: s2, defaultValue: u2, placeholder: c2, readonly: f2, autocomplete: p2 = "off", autofocus: h2, form: m2, disabled: g2, clearable: y2, showPassword: b2, prepend: v2, append: k2, prefix: w2, suffix: S2, showCount: x2, border: C2 = "1px solid #5644b8", boxShadow: E2 = "0 0 0 2px #7969d11a", value: T2 = "", onChange: P2, onFocus: z2, onBlur: _2, onClear: R2 }) => {
+    const [N2, L2] = t.useState(T2), [D2, O2] = t.useState(false), [M2, F2] = t.useState(false), I2 = t.useRef(null), A2 = y2 && !g2 && N2, j2 = b2 && !g2;
+    return t.useEffect(() => {
+      I2.current && (I2.current.style.setProperty("--ono-input-border", C2), I2.current.style.setProperty("--ono-input-box-shadow", E2));
+    }, [I2]), t.useEffect(() => {
+      L2(T2);
+    }, [T2]), d.jsxs("div", { className: ["ono-input", "ono-input-border", g2 ? "ono-input-is-disabled" : ""].filter(Boolean).join(" "), children: [v2 && d.jsx("div", { className: "ono-prepend", children: v2 }), d.jsxs("div", { ref: I2, className: ["ono-input-wrapper", D2 ? "ono-input-is-focus" : "", s2].filter(Boolean).join(" "), onMouseDown: (e3) => {
+      "INPUT" !== e3.target.tagName && e3.preventDefault();
+    }, children: [w2 && d.jsx("span", { className: "ono-prefix", children: w2 }), d.jsx("input", { id: e2, max: r2, min: a2, name: n2, maxLength: o2, minLength: l2, defaultValue: u2, className: "ono-input-inner", type: b2 ? M2 ? "text" : "password" : i2, placeholder: c2, readOnly: f2, autoComplete: p2, autoFocus: h2, form: m2, disabled: g2, onFocus: (e3) => {
+      z2 == null ? void 0 : z2(e3), O2(true);
+    }, onBlur: (e3) => {
+      _2 == null ? void 0 : _2(e3), O2(false);
+    }, value: N2, onChange: (e3) => {
+      P2 == null ? void 0 : P2(e3), L2(e3.target.value);
+    } }), (S2 || A2 || j2 || x2) && d.jsxs("span", { className: "ono-suffix", children: [S2, A2 && d.jsx("button", { className: "ono-clear-icon", onClick: () => {
+      R2 == null ? void 0 : R2(), L2("");
+    }, children: d.jsx(de, {}) }), j2 && d.jsx("button", { className: "ono-eye-icon", onClick: () => F2(!M2), children: d.jsx(fe, { open: M2 }) }), x2 && o2 && d.jsxs("p", { className: "ono-count", children: [N2.length, "/", o2] })] })] }), k2 && d.jsx("div", { className: "ono-append", children: k2 })] });
+  }, he = (e2) => e2.toString().toLocaleLowerCase(), me = (e2, t2, n2) => {
+    const r2 = (r3) => Q(r3, (r4) => ((e3, n3, r5) => {
+      e3.forEach((e4) => {
+        if (e4.includes("+") && e4.length > 1) {
+          const r6 = e4.split("+"), a2 = n3.ctrlKey && r6.includes("ctrl"), o2 = n3.shiftKey && r6.includes("shift"), l2 = n3.altKey && r6.includes("alt"), i2 = n3.metaKey && r6.includes("meta"), s2 = (n3.ctrlKey || n3.metaKey) && r6.includes("commandorcontrol");
+          2 === r6.length ? (a2 || o2 || l2 || i2 || s2) && n3.key.toLocaleLowerCase() === r6[r6.length - 1] && t2(n3, e4) : 3 === r6.length && (a2 && o2 || a2 && l2 || a2 && i2 || a2 && s2 || o2 && l2 || o2 && i2 || o2 && s2 || l2 && i2 || l2 && s2 || i2 && s2) && n3.key.toLocaleLowerCase() === r6[r6.length - 1] && t2(n3, e4);
+        } else if (e4.includes(he(n3.key))) {
+          if (r5) e4 === he(n3.key) && t2(n3, e4);
+          else if (!(n3.ctrlKey || n3.metaKey || n3.shiftKey || n3.altKey)) return t2(n3, e4);
+        }
+      });
+    })(e2 instanceof Array ? e2.map((e3) => he(e3)) : [he(e2)], r4, (n2 == null ? void 0 : n2.exactMatch) || false), { deps: [n2 == null ? void 0 : n2.target, ...(n2 == null ? void 0 : n2.deps) || []] });
+    (n2 == null ? void 0 : n2.events) instanceof Array ? n2.events.forEach((e3) => r2(e3)) : r2((n2 == null ? void 0 : n2.events) || "keydown");
+  }, ge = ({ list: e2, children: t2, fallback: n2, insertBetweenDom: r2 }) => (() => {
+    const a2 = "function" == typeof e2 ? e2() : e2;
+    return a2.length > 0 ? ((e3, t3) => t3 ? e3.reduce((n3, r3, a3) => (n3.push(r3), a3 < e3.length - 1 && n3.push(t3(a3)), n3), []) : e3)(((e3) => e3.map(t2).filter(Boolean))(a2), r2) : n2;
+  })(), ye = (e2, t2, n2, r2) => {
     const { target: a2, root: o2 } = ((e3, t3) => {
       let n3 = null, r3 = null;
       return t3 && (n3 = document.getElementById(t3), n3 || (n3 = document.createElement("div"), n3.id = t3, document.body.appendChild(n3))), e3 ? (r3 = document.getElementById(e3), r3 || (r3 = document.createElement("div"), r3.id = e3, n3 ? n3.appendChild(r3) : document.body.appendChild(r3))) : (r3 = document.createElement("div"), n3 ? n3.appendChild(r3) : document.body.appendChild(r3)), { target: r3, root: n3 };
@@ -15747,23 +15753,23 @@
     };
     if (void 0 !== a2.__reactContainer$) a2.__reactContainer$.render(d.jsx(e2, { ...{ ...t2, destroy: l2 } }));
     else {
-      const n3 = pe.createRoot(a2);
+      const n3 = ie.createRoot(a2);
       a2.__reactContainer$ = n3, n3.render(d.jsx(e2, { ...{ ...t2, destroy: l2 } }));
     }
     return l2;
   };
-  let me = 1;
-  const ge = [], ye = (e2, t2, n2) => (0 === ge.length && (me = 1), ve(t2.instancesKey || "", e2, { id: `${n2}-${me++}`, key: t2.instancesKey || "", reactNode: e2, props: t2, offsetOptions: { topOffset: 0, height: 0, bottomOffset: 0 } }), ge), be = (e2) => {
-    const t2 = ge.findIndex((t3) => t3.id === e2);
-    return t2 <= 0 ? 0 : ge[t2 - 1].offsetOptions.bottomOffset;
-  }, ve = (e2, t2, n2) => {
-    const r2 = (e3) => he(t2, { zIndex: 999 + me - 1, ...e3.props, id: e3.id }, e3.id, "ono-message-root");
+  let be = 1;
+  const ve = [], ke = (e2, t2, n2) => (0 === ve.length && (be = 1), Se(t2.instancesKey || "", e2, { id: `${n2}-${be++}`, key: t2.instancesKey || "", reactNode: e2, props: t2, offsetOptions: { topOffset: 0, height: 0, bottomOffset: 0 } }), ve), we = (e2) => {
+    const t2 = ve.findIndex((t3) => t3.id === e2);
+    return t2 <= 0 ? 0 : ve[t2 - 1].offsetOptions.bottomOffset;
+  }, Se = (e2, t2, n2) => {
+    const r2 = (e3) => ye(t2, { zIndex: 999 + be - 1, ...e3.props, id: e3.id }, e3.id, "ono-message-root");
     if (!e2) {
       const e3 = r2(n2);
-      ge.push({ ...n2, props: { ...n2.props, id: n2.id, destroy: e3 }, destroy: e3 });
+      ve.push({ ...n2, props: { ...n2.props, id: n2.id, destroy: e3 }, destroy: e3 });
     }
     let a2 = false;
-    const o2 = ge.map((t3) => {
+    const o2 = ve.map((t3) => {
       if (t3.key === e2) {
         a2 = true;
         const e3 = { ...t3.props, ...n2.props };
@@ -15774,35 +15780,35 @@
         return { ...t3, props: { ...t3.props, id: t3.id, destroy: e3 }, destroy: e3 };
       }
     });
-    if (Object.assign(ge, o2), !a2) {
+    if (Object.assign(ve, o2), !a2) {
       const e3 = r2(n2);
-      ge.push({ ...n2, props: { ...n2.props, id: n2.id, destroy: e3 }, destroy: e3 });
+      ve.push({ ...n2, props: { ...n2.props, id: n2.id, destroy: e3 }, destroy: e3 });
     }
-  }, ke = { info: { light: "#1677ff", dark: "#1677ff" }, success: { light: "#52c41a", dark: "#49aa19" }, error: { light: "#ff4d4f", dark: "#a61d24" }, warning: { light: "#faad14", dark: "#d89614" }, loading: { light: "#9254de", dark: "#f5f5f5" } }, we = (e2, t2) => ke[e2][t2], Se = (e2) => {
+  }, xe = { info: { light: "#1677ff", dark: "#1677ff" }, success: { light: "#52c41a", dark: "#49aa19" }, error: { light: "#ff4d4f", dark: "#a61d24" }, warning: { light: "#faad14", dark: "#d89614" }, loading: { light: "#9254de", dark: "#f5f5f5" } }, Ce = (e2, t2) => xe[e2][t2], Ee = (e2) => {
     switch (e2) {
       case "success":
-        return d.jsx("svg", { className: "ono-type-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "check-circle", fill: we(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" }) });
+        return d.jsx("svg", { className: "ono-type-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "check-circle", fill: Ce(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" }) });
       case "error":
-        return d.jsx("svg", { className: "ono-type-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "close-circle", fill: we(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) });
+        return d.jsx("svg", { className: "ono-type-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "close-circle", fill: Ce(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) });
       case "loading":
-        return d.jsx("svg", { className: ["ono-info-icon", "ono-loading"].join(" "), viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "loading", fill: we(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" }) });
+        return d.jsx("svg", { className: ["ono-info-icon", "ono-loading"].join(" "), viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "loading", fill: Ce(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" }) });
       default:
-        return d.jsx("svg", { className: "ono-info-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "exclamation-circle", fill: we(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" }) });
+        return d.jsx("svg", { className: "ono-info-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "exclamation-circle", fill: Ce(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" }) });
     }
-  }, xe = ({ handleDestroy: e2 }) => d.jsx("button", { onClick: e2, children: d.jsx("svg", { className: "ono-clear-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "close-circle", fill: "currentColor", "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) }) }), Ce = ({ id: e2, instancesKey: n2, duration: r2 = 3e3, speed: a2 = 300, offset: o2 = 20, message: l2, type: i2, plain: s2 = true, showClose: u2 = false, zIndex: c2, onClose: f2 = () => {
+  }, Te = ({ handleDestroy: e2 }) => d.jsx("button", { onClick: e2, children: d.jsx("svg", { className: "ono-clear-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "close-circle", fill: "currentColor", "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) }) }), Pe = ({ id: e2, instancesKey: n2, duration: r2 = 3e3, speed: a2 = 300, offset: o2 = 20, message: l2, type: i2, plain: s2 = true, showClose: u2 = false, zIndex: c2, onClose: f2 = () => {
   }, destroy: p2 }) => {
     const [, h2] = t.useState(false), [m2, g2] = t.useState(0), [y2, b2] = t.useState(((e3) => {
-      const t2 = ge.findIndex((t3) => t3.id === e3);
-      return t2 <= 0 ? 0 : ge[t2 - 1].offsetOptions.topOffset;
+      const t2 = ve.findIndex((t3) => t3.id === e3);
+      return t2 <= 0 ? 0 : ve[t2 - 1].offsetOptions.topOffset;
     })(e2)), [v2, k2] = t.useState({ duration: r2, speed: a2, message: l2, type: i2, showClose: u2, onClose: f2 }), w2 = t.useRef(null), S2 = t.useRef(null), x2 = t.useRef(null), C2 = y2 + m2, E2 = t.useMemo(() => ({ transform: `translate(-50%, ${y2}px)`, transition: `transform ${a2}ms ease-in-out`, zIndex: c2 }), [y2, a2]), T2 = () => {
-      x2.current && (x2.current.classList.remove("ono-message-enter"), x2.current.classList.add("ono-message-leave"), x2.current.style.transform = `translate(-50%, ${be(e2) - m2}px)`, ((e3) => {
-        const t2 = ge.findIndex((t3) => t3.id === e3);
-        -1 !== t2 && ge.splice(t2, 1);
+      x2.current && (x2.current.classList.remove("ono-message-enter"), x2.current.classList.add("ono-message-leave"), x2.current.style.transform = `translate(-50%, ${we(e2) - m2}px)`, ((e3) => {
+        const t2 = ve.findIndex((t3) => t3.id === e3);
+        -1 !== t2 && ve.splice(t2, 1);
       })(e2), setTimeout(() => p2(v2.onClose), a2));
     }, P2 = (e3, t2, n3) => {
       "loading" !== e3 && (w2.current = setTimeout(T2, t2 - n3));
     }, z2 = () => {
-      const t2 = be(e2);
+      const t2 = we(e2);
       h2((e3) => (e3 && b2(t2 + o2), true)), requestAnimationFrame(z2);
     }, _2 = t.useCallback(() => {
       if ("loading" === v2.type) {
@@ -15810,7 +15816,7 @@
         S2.current = setTimeout(() => {
           var _a;
           S2.current = null;
-          const e3 = (t2 = n2 || "") ? (_a = ge.find((e4) => e4.key === t2)) == null ? void 0 : _a.props : null;
+          const e3 = (t2 = n2 || "") ? (_a = ve.find((e4) => e4.key === t2)) == null ? void 0 : _a.props : null;
           var t2;
           e3 && (((e4) => {
             k2((t3) => ({ ...t3, ...e4 }));
@@ -15828,43 +15834,43 @@
       })();
     }, [x2]), t.useEffect(() => {
       ((e3, t2) => {
-        const n3 = ge.findIndex((t3) => t3.id === e3);
-        n3 < 0 || (ge[n3].offsetOptions = t2);
+        const n3 = ve.findIndex((t3) => t3.id === e3);
+        n3 < 0 || (ve[n3].offsetOptions = t2);
       })(e2, { topOffset: y2, height: m2, bottomOffset: C2 });
     }, [C2]), d.jsx("div", { ref: x2, className: ["ono-message", `ono-message-${v2.type}`, "ono-message-enter", s2 ? "" : "ono-message-color"].filter(Boolean).join(" "), style: E2, onMouseEnter: () => {
       w2.current && (clearTimeout(w2.current), w2.current = null);
-    }, onMouseLeave: () => P2(v2.type, v2.duration, v2.speed), children: "function" == typeof v2.message ? v2.message(Se(v2.type), v2.showClose && d.jsx(xe, { handleDestroy: T2 })) : d.jsxs(d.Fragment, { children: [Se(v2.type), d.jsx("div", { children: v2.message }), v2.showClose && d.jsx(xe, { handleDestroy: T2 })] }) });
-  }, Ee = (e2) => {
+    }, onMouseLeave: () => P2(v2.type, v2.duration, v2.speed), children: "function" == typeof v2.message ? v2.message(Ee(v2.type), v2.showClose && d.jsx(Te, { handleDestroy: T2 })) : d.jsxs(d.Fragment, { children: [Ee(v2.type), d.jsx("div", { children: v2.message }), v2.showClose && d.jsx(Te, { handleDestroy: T2 })] }) });
+  }, ze = (e2) => {
     if ("string" == typeof e2) return { message: e2 };
     {
       const t2 = { ...e2, instancesKey: e2.key };
       return delete t2.key, { ...t2 };
     }
-  }, Te = { info: (e2) => {
-    ye(Ce, { ...Ee(e2), type: "info" }, "ono-message");
+  }, _e = { info: (e2) => {
+    ke(Pe, { ...ze(e2), type: "info" }, "ono-message");
   }, success: (e2) => {
-    ye(Ce, { ...Ee(e2), type: "success" }, "ono-message");
+    ke(Pe, { ...ze(e2), type: "success" }, "ono-message");
   }, warning: (e2) => {
-    ye(Ce, { ...Ee(e2), type: "warning" }, "ono-message");
+    ke(Pe, { ...ze(e2), type: "warning" }, "ono-message");
   }, error: (e2) => {
-    ye(Ce, { ...Ee(e2), type: "error" }, "ono-message");
+    ke(Pe, { ...ze(e2), type: "error" }, "ono-message");
   }, loading: (e2) => {
-    ye(Ce, { ...Ee(e2), type: "loading" }, "ono-message");
-  } }, Pe = /\d+/g, ze = (e2) => {
-    const t2 = e2.match(Pe), n2 = (e3) => Number(e3).toString(16).padStart(2, "0"), r2 = (e3) => e3.reduce((e4, t3) => e4 + n2(t3), "#"), a2 = (e3) => {
+    ke(Pe, { ...ze(e2), type: "loading" }, "ono-message");
+  } }, Re = /\d+/g, Ne = (e2) => {
+    const t2 = e2.match(Re), n2 = (e3) => Number(e3).toString(16).padStart(2, "0"), r2 = (e3) => e3.reduce((e4, t3) => e4 + n2(t3), "#"), a2 = (e3) => {
       const t3 = e3, a3 = 1 !== Number(e3[e3.length - 1]) ? Number(e3[e3.length - 1]) : 100;
       return t3.pop(), r2(t3) + n2(2.56 * a3);
     };
     return 3 === t2.length ? r2(t2) : 5 === t2.length ? a2([t2[0], t2[1], t2[2], 10 * Number(t2[t2.length - 1])]) : a2(t2);
-  }, _e = (e2) => {
+  }, Le = (e2) => {
     const t2 = e2.split("#")[1], n2 = (e3) => [parseInt(e3.slice(0, 2), 16), parseInt(e3.slice(2, 4), 16), parseInt(e3.slice(4, 6), 16)];
     if (8 === t2.length) {
       const e3 = parseInt(t2.slice(-2), 16) / 256, r2 = n2(t2.slice(0, -2));
       return r2.push(e3), "rgba(" + r2.join(", ") + ")";
     }
     return "rgb(" + n2(t2).join(", ") + ")";
-  }, Re = (e2) => {
-    const t2 = e2.match(Pe), n2 = Number(t2[0]) / 255, r2 = Number(t2[1]) / 255, a2 = Number(t2[2]) / 255, o2 = Math.min(n2, r2, a2), l2 = Math.max(n2, r2, a2);
+  }, De = (e2) => {
+    const t2 = e2.match(Re), n2 = Number(t2[0]) / 255, r2 = Number(t2[1]) / 255, a2 = Number(t2[2]) / 255, o2 = Math.min(n2, r2, a2), l2 = Math.max(n2, r2, a2);
     let i2 = 0, s2 = 0, u2 = (l2 + o2) / 2;
     if (l2 === o2) i2 = s2 = 0;
     else {
@@ -15882,16 +15888,16 @@
       i2 /= 6;
     }
     return `hsl(${Math.round(360 * i2)}, ${Math.round(100 * s2)}%, ${Math.round(100 * u2)}%)`;
-  }, Ne = (e2) => {
-    const t2 = e2.match(Pe), n2 = Number(t2[0]) / 360, r2 = Number(t2[1]) / 100, a2 = Number(t2[2]) / 100;
+  }, Oe = (e2) => {
+    const t2 = e2.match(Re), n2 = Number(t2[0]) / 360, r2 = Number(t2[1]) / 100, a2 = Number(t2[2]) / 100;
     let o2, l2, i2;
     function s2(e3, t3, n3) {
       return n3 < 0 && (n3 += 1), n3 > 1 && (n3 -= 1), n3 < 1 / 6 ? e3 + 6 * (t3 - e3) * n3 : n3 < 0.5 ? t3 : n3 < 2 / 3 ? e3 + (t3 - e3) * (2 / 3 - n3) * 6 : e3;
     }
     let u2 = a2 < 0.5 ? a2 * (1 + r2) : a2 + r2 - a2 * r2, c2 = 2 * a2 - u2;
     return o2 = s2(c2, u2, n2 + 1 / 3), l2 = s2(c2, u2, n2), i2 = s2(c2, u2, n2 - 1 / 3), `rgb(${Math.round(255 * o2)}, ${Math.round(255 * l2)}, ${Math.round(255 * i2)})`;
-  }, Le = (e2) => Re(_e(e2)), De = (e2) => ze(Ne(e2)), Oe = (e2) => {
-    const t2 = e2.match(Pe);
+  }, Me = (e2) => De(Le(e2)), Fe = (e2) => Ne(Oe(e2)), Ie = (e2) => {
+    const t2 = e2.match(Re);
     let n2 = Number(t2[0]) / 255, r2 = Number(t2[1]) / 255, a2 = Number(t2[2]) / 255;
     const o2 = Math.max(n2, r2, a2), l2 = Math.min(n2, r2, a2);
     let i2 = 0, s2 = 0, u2 = o2;
@@ -15911,8 +15917,8 @@
       i2 /= 6;
     }
     return `hsv(${360 * i2}, ${100 * s2}, ${100 * u2})`;
-  }, Me = (e2) => {
-    const t2 = e2.match(Pe);
+  }, Ae = (e2) => {
+    const t2 = e2.match(Re);
     let n2, r2, a2, o2, l2, i2, s2, u2, c2 = Number(t2[0]) / 360, d2 = Number(t2[1]) / 100, f2 = Number(t2[2]) / 100;
     if (c2 && 0 === d2) n2 = r2 = a2 = f2;
     else switch (c2 /= 60, o2 = Math.floor(c2), l2 = c2 - o2, i2 = f2 * (1 - d2), s2 = f2 * (1 - d2 * l2), u2 = f2 * (1 - d2 * (1 - l2)), o2) {
@@ -15935,16 +15941,16 @@
         n2 = f2, r2 = i2, a2 = s2;
     }
     return `rgb(${Math.round(255 * n2)}, ${Math.round(255 * r2)}, ${Math.round(255 * a2)})`;
-  }, Fe = (e2) => /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(e2) ? "hex" : /^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(e2) ? "rgb" : "unknown", Ie = (e2, t2, n2) => {
+  }, je = (e2) => /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(e2) ? "hex" : /^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(e2) ? "rgb" : "unknown", Ue = (e2, t2, n2) => {
     let r2 = [];
-    if (e2.includes("#")) r2 = Le(e2).match(Pe);
-    else if (e2.includes("rgb")) r2 = Re(e2).match(Pe);
+    if (e2.includes("#")) r2 = Me(e2).match(Re);
+    else if (e2.includes("rgb")) r2 = De(e2).match(Re);
     else {
       if (!e2.includes("hsl")) throw new Error("颜色格式错误");
-      r2 = e2.match(Pe);
+      r2 = e2.match(Re);
     }
-    return De(`${r2[0]}, ${r2[1]}%, ${"light" === t2 ? Number(r2[2]) + n2 > 100 ? 100 : Number(r2[2]) + n2 : Number(r2[2]) - n2 < 0 ? 0 : Number(r2[2]) - n2}%`);
-  }, Ae = { randomColor: () => "#" + Math.random().toString(16).slice(2, 8).padEnd(6, "0"), rgb2hex: ze, hex2rgb: _e, rgb2rgba: (e2, t2) => {
+    return Fe(`${r2[0]}, ${r2[1]}%, ${"light" === t2 ? Number(r2[2]) + n2 > 100 ? 100 : Number(r2[2]) + n2 : Number(r2[2]) - n2 < 0 ? 0 : Number(r2[2]) - n2}%`);
+  }, He = { randomColor: () => "#" + Math.random().toString(16).slice(2, 8).padEnd(6, "0"), rgb2hex: Ne, hex2rgb: Le, rgb2rgba: (e2, t2) => {
     if (!t2) return e2;
     if (e2.includes("rgba")) {
       const n2 = e2.split(",");
@@ -15954,10 +15960,10 @@
       const n2 = e2.split(","), r2 = "rgba(" + n2[0].split("(")[1], a2 = n2[n2.length - 1].split(")")[0];
       return [r2, n2[1], a2, " " + t2 + ")"].join(",");
     }
-  }, rgb2hsl: Re, hsl2rgb: Ne, hex2hsl: Le, hsl2hex: De, rgb2hsv: Oe, hsv2rgb: Me, hex2hsv: (e2) => Oe(_e(e2)), hsv2hex: (e2) => ze(Me(e2)), formatColor: (e2, t2, n2 = "rgba") => {
-    const r2 = e2.match(Pe);
+  }, rgb2hsl: De, hsl2rgb: Oe, hex2hsl: Me, hsl2hex: Fe, rgb2hsv: Ie, hsv2rgb: Ae, hex2hsv: (e2) => Ie(Le(e2)), hsv2hex: (e2) => Ne(Ae(e2)), formatColor: (e2, t2, n2 = "rgba") => {
+    const r2 = e2.match(Re);
     let a2 = Number(r2[0]) / 255, o2 = Number(r2[1]) / 255, l2 = Number(r2[2]) / 255;
-    return "rgba" === n2 ? `rgba(${a2},${o2},${l2},${t2})` : "rgb" === n2 ? e2 : "hex" === n2 ? ze(e2) : "hsl" === n2 ? Re(`rgba(${a2},${o2},${l2},${t2})`) : `rgba(${a2},${o2},${l2},${t2})`;
+    return "rgba" === n2 ? `rgba(${a2},${o2},${l2},${t2})` : "rgb" === n2 ? e2 : "hex" === n2 ? Ne(e2) : "hsl" === n2 ? De(`rgba(${a2},${o2},${l2},${t2})`) : `rgba(${a2},${o2},${l2},${t2})`;
   }, getContrastColor: (e2) => {
     const t2 = (function(e3) {
       if (e3.startsWith("#")) return 4 === e3.length && (e3 = `#${e3.slice(1).repeat(2)}`), [parseInt(e3.substr(1, 2), 16), parseInt(e3.substr(3, 2), 16), parseInt(e3.substr(5, 2), 16)];
@@ -15970,7 +15976,7 @@
     return null === t2 ? null : (299 * (n2 = t2)[0] + 587 * n2[1] + 114 * n2[2]) / 1e3 > 128 ? "#000" : "#fff";
     var n2;
   }, adjustColor: (e2, t2, n2) => {
-    const r2 = Fe(e2);
+    const r2 = je(e2);
     if ("hex" === r2) {
       const r3 = e2.replace("#", ""), a2 = parseInt(r3.slice(0, 2), 16), o2 = parseInt(r3.slice(2, 4), 16), l2 = parseInt(r3.slice(4, 6), 16);
       if ("lighten" === t2) {
@@ -15987,13 +15993,13 @@
       if ("darken" === t2) return `rgb(${Math.min(255, Math.max(0, a2 - a2 * n2 / 100))},${Math.min(255, Math.max(0, o2 - o2 * n2 / 100))},${Math.min(255, Math.max(0, l2 - l2 * n2 / 100))})`;
     }
     return e2;
-  }, isValidColor: (e2) => !(!/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(e2) && !/^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(e2)), getColorType: Fe, hex3To6: (e2) => {
+  }, isValidColor: (e2) => !(!/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(e2) && !/^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(e2)), getColorType: je, hex3To6: (e2) => {
     const t2 = e2.replace("#", "").split("");
     return `#${t2[0] + t2[0] + t2[1] + t2[1] + t2[2] + t2[2]}`;
-  }, adjustingColors: Ie }, je = ({ title: e2 = "This is a modal title", icon: n2, content: r2 = "This is a modal content", okText: a2 = "confirm", cancelText: o2 = "cancel", isLoading: l2, confirmDisabled: i2, cancelDisabled: s2, position: u2, onConfirm: c2 = () => {
+  }, adjustingColors: Ue }, Be = ({ title: e2 = "This is a modal title", icon: n2, content: r2 = "This is a modal content", okText: a2 = "confirm", cancelText: o2 = "cancel", isLoading: l2, confirmDisabled: i2, cancelDisabled: s2, position: u2, onConfirm: c2 = () => {
   }, onCancel: f2 = () => {
   }, mask: p2 = true, maskClosable: h2 = false, width: m2, btnClr: g2, footer: y2 = ({ OkBtn: e3, CancelBtn: t2 }) => d.jsxs(d.Fragment, { children: [d.jsx(t2, {}), d.jsx(e3, {})] }), modalBody: b2, destroy: v2 }) => {
-    const k2 = t.useRef(null), w2 = t.useRef(null), S2 = [{ label: "themeColor", value: g2 || "" }, { label: "themeHoverColor", value: g2 && Ie(g2, "light", 10) || "" }, { label: "themeActiveColor", value: g2 && Ie(g2, "dark", 20) || "" }, { label: "themeDisabledClr", value: g2 && Ie(g2, "light", 20) || "" }], x2 = () => {
+    const k2 = t.useRef(null), w2 = t.useRef(null), S2 = [{ label: "themeColor", value: g2 || "" }, { label: "themeHoverColor", value: g2 && Ue(g2, "light", 10) || "" }, { label: "themeActiveColor", value: g2 && Ue(g2, "dark", 20) || "" }, { label: "themeDisabledClr", value: g2 && Ue(g2, "light", 20) || "" }], x2 = () => {
       if (u2) {
         if (!w2.current) return;
         w2.current.classList.remove("ono-modal-enter"), w2.current.classList.add("ono-modal-leave"), setTimeout(() => {
@@ -16014,7 +16020,7 @@
     }, children: [l2 && d.jsx("svg", { className: "ono-modal-box-footer-confirmBtn-loading", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "loading", fill: "currentColor", "aria-hidden": "true", children: d.jsx("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" }) }), a2 ?? "Confirm"] }), CancelBtn: () => d.jsx("button", { className: "ono-modal-box-footer-cancelBtn", disabled: s2 || l2, onClick: () => {
       f2(), x2();
     }, children: o2 ?? "Cancel" }), handleClose: () => x2() }) })] }) });
-  }, Ue = ({ name: e2, value: n2, style: r2, checked: a2, onChange: o2, children: l2, className: i2, radioW: s2 = 16, radioGap: u2 = 4, checkedColor: c2 = "#532ce1", unCheckedColor: f2 = "transparent", disabled: p2 = false }) => {
+  }, We = ({ name: e2, value: n2, style: r2, checked: a2, onChange: o2, children: l2, className: i2, radioW: s2 = 16, radioGap: u2 = 4, checkedColor: c2 = "#532ce1", unCheckedColor: f2 = "transparent", disabled: p2 = false }) => {
     const [h2, m2] = t.useState(""), g2 = t.useRef(null), y2 = t.useRef(null), b2 = t.useRef(null), v2 = [{ value: s2, name: "w" }, { value: u2, name: "gap" }, { value: c2, name: "checkedColor" }, { value: f2, name: "unCheckedColor" }];
     return t.useEffect(() => {
       (() => {
@@ -16032,51 +16038,7 @@
       var _a;
       return (_a = g2.current) == null ? void 0 : _a.click();
     }, children: d.jsx("input", { type: "radio", name: e2, ref: g2, value: n2 + "", checked: a2, disabled: p2, id: n2 + "" + l2, onChange: o2 }) }), l2 && d.jsx("label", { htmlFor: n2 + "" + l2 || "", children: l2 })] });
-  }, He = ({ label: e2, value: t2, disabled: n2, onChange: r2, optionRender: a2, currentValue: o2 }) => d.jsx("button", { role: "option", "aria-label": e2, disabled: n2, className: "ono-option-item", onClick: () => r2 == null ? void 0 : r2(t2), children: a2 ? a2({ label: e2, value: t2, disabled: n2 }, o2 === e2) : d.jsx("div", { className: ["ono-option-item-content", o2 === e2 ? "ono-option-item-content-active" : "", n2 ? "ono-option-item-content-disabled" : ""].filter(Boolean).join(" "), children: e2 }) }), Be = ({ isVisible: e2 }) => d.jsx("svg", { className: ["ono-select-arrow-down-icon", e2 ? "ono-select-arrow-down-active" : ""].filter(Boolean).join(" "), viewBox: "64 64 896 896", focusable: "false", "data-icon": "down", fill: "currentColor", "aria-hidden": "true", children: d.jsx("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" }) });
-  let We, $e = null;
-  const Ve = ({ className: e2, content: t2, style: n2, onClick: r2, onDoubleClick: a2, onContextMenu: o2, onMouseDown: l2, onMouseUp: i2, onMouseEnter: s2, onMouseLeave: u2, onMouseMove: c2, isClickBoxToClose: f2 }) => (X("click", () => {
-    f2 && $e && ($e.remove(), $e = null);
-  }), d.jsx("div", { className: e2, style: n2, onClick: r2, onDoubleClick: a2, onContextMenu: o2, onMouseDown: l2, onMouseUp: i2, onMouseEnter: s2, onMouseLeave: u2, onMouseMove: c2, children: "function" == typeof t2 ? t2((e3) => {
-    $e && ($e.remove(), $e = null, e3 && e3());
-  }) : t2 })), qe = "_enter_974ly_32";
-  let Qe = [];
-  const Ye = { success: { light: "#52c41a", dark: "#49aa19" }, error: { light: "#ff4d4f", dark: "#a61d24" }, warning: { light: "#faad14", dark: "#d89614" }, promise: { light: "", dark: "" } }, Ke = (e2, t2) => Ye[e2][t2], Xe = (e2) => {
-    switch (e2) {
-      case "success":
-        return d.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "check-circle", width: "24px", height: "24px", fill: Ke(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" }) });
-      case "error":
-        return d.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "close-circle", width: "24px", height: "24px", fill: Ke(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) });
-      case "warning":
-        return d.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "exclamation-circle", width: "24px", height: "24px", fill: Ke(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" }) });
-    }
-  }, Ge = ({ type: e2, speed: n2 = 200, message: r2, duration: a2 = 2e3, className: o2, style: l2, isUseEnterAnimation: i2 = true, promiseOptions: s2, toastList: u2, handleDestroy: c2 }) => {
-    const f2 = t.useRef(null);
-    return t.useEffect(() => {
-      f2.current && (f2.current.style.setProperty("--speed", n2 / 1e3 + "s"), i2 && f2.current.classList.add(qe), "promise" !== e2 && setTimeout(() => {
-        var _a, _b;
-        (_a = f2.current) == null ? void 0 : _a.classList.remove(qe), (_b = f2.current) == null ? void 0 : _b.classList.add("_leave_974ly_36");
-      }, a2 - n2));
-    }, [f2]), t.useEffect(() => {
-      "promise" === e2 ? ("function" == typeof r2 ? r2() : r2).then((e3) => setTimeout(() => {
-        c2(), Ze({ type: "success", message: "function" == typeof (s2 == null ? void 0 : s2.success) ? s2.success(e3) : (s2 == null ? void 0 : s2.success) || "", isUseEnterAnimation: false, toastList: u2 });
-      }, n2)).catch((e3) => setTimeout(() => {
-        c2(), Ze({ type: "error", message: "function" == typeof (s2 == null ? void 0 : s2.error) ? s2.error(e3) : (s2 == null ? void 0 : s2.error) || "", isUseEnterAnimation: false, toastList: u2 });
-      }, n2)) : setTimeout(() => c2(() => u2 = []), a2);
-    }, [e2]), d.jsxs("div", { ref: f2, className: ["promise" === e2 ? "_promise_974ly_15" : "_base_974ly_15", o2].join(" "), style: l2, onClick: () => {
-    }, children: [d.jsx("div", { className: "_icon_974ly_40", children: Xe(e2) }), d.jsx("p", { children: "string" == typeof r2 ? r2 : s2 && s2.loading })] });
-  }, Ze = ({ type: e2, speed: n2 = 200, message: r2, duration: a2 = 2e3, zIndex: o2 = 9999, className: l2, style: i2, isUseEnterAnimation: s2 = true, promiseOptions: u2, toastList: c2 }) => {
-    return (f2 = (p2 = { className: "_container_974ly_1", isSingle: true, style: { zIndex: o2 }, content: (o3) => (t.useEffect(() => {
-    }, [c2]), d.jsx(Ge, { className: l2, style: i2, type: e2, message: r2, speed: n2, duration: a2, isUseEnterAnimation: s2, promiseOptions: u2, handleDestroy: o3, toastList: c2 })) }).isSingle || false, f2 && $e && We || ($e = document.createElement("div"), document.body.appendChild($e), We = pe.createRoot($e)), We).render(d.jsx(Ve, { ...p2 })), $e;
-    var f2, p2;
-  }, Je = { success: (e2) => {
-    Qe.push({ type: "success", message: e2 }), Ze("string" == typeof e2 ? { type: "success", message: e2, toastList: Qe } : { type: "success", ...e2, toastList: Qe });
-  }, error: (e2) => {
-    Qe.push({ type: "error", message: e2 }), Ze("string" == typeof e2 ? { type: "error", message: e2, toastList: Qe } : { type: "error", ...e2, toastList: Qe });
-  }, warning: (e2) => {
-    Qe.push({ type: "warning", message: e2 }), Ze("string" == typeof e2 ? { type: "warning", message: e2, toastList: Qe } : { type: "warning", ...e2, toastList: Qe });
-  }, promise: (e2, t2) => {
-    Qe.push({ type: "promise", message: e2 }), Ze({ type: "promise", message: e2, promiseOptions: t2, toastList: Qe });
-  } }, et = (e2, t2, n2) => X(((e3) => {
+  }, $e = (e2, t2, n2) => Q(((e3) => {
     const t3 = "string" == typeof e3 ? [e3] : e3;
     if (new Set(t3).size !== t3.length) throw new Error("there are duplicates in the event type");
     return t3;
@@ -16087,12 +16049,12 @@
       r2 && !r2.contains(n3.target) && t2(n3);
     }
   }, { deps: [e2, ...(n2 == null ? void 0 : n2.deps) || []] });
-  let tt = null, nt = null;
-  const rt = ({ children: e2, content: n2, onOpenChange: a2, trigger: o2 = "hover", placement: l2 = "top", popperOptions: i2 = {}, className: s2, style: u2, isShowArrow: c2 = true, sameWidth: f2, autoAdjustOverflow: p2 = true }) => {
+  let Ve = null, qe = null;
+  const Qe = ({ children: e2, content: n2, onOpenChange: a2, trigger: o2 = "hover", placement: l2 = "top", popperOptions: i2 = {}, className: s2, style: u2, isShowArrow: c2 = true, sameWidth: f2, autoAdjustOverflow: p2 = true }) => {
     const [h2, m2] = t.useState(false), g2 = t.useRef(null), y2 = t.useRef(null), b2 = (e3) => {
       a2 == null ? void 0 : a2(e3), m2(e3);
     };
-    return et(y2, () => {
+    return $e(y2, () => {
       "click" !== o2 && "contextmenu" !== o2 || b2(false);
     }, { event: ["click", "contextmenu"], deps: [o2, a2] }), t.useEffect(() => {
       (() => {
@@ -16102,13 +16064,51 @@
         y2.current.style.width = e3[0].getBoundingClientRect().width + "px";
       })();
     }, [y2, e2]), t.useEffect(() => {
-      y2.current && ("hover" === o2 ? (y2.current.onmouseenter = () => b2(true), y2.current.onmouseleave = () => b2(false)) : "click" === o2 ? y2.current.onclick = () => b2(!h2) : "focus" === o2 ? (y2.current.onfocus = () => b2(true), y2.current.onblur = () => b2(false)) : y2.current.oncontextmenu = () => b2(!h2)), h2 && y2.current && g2.current ? nt = r.createPopper(y2.current, g2.current, { placement: l2, modifiers: [{ name: "offset", options: { offset: [0, 6] } }, f2 ? { name: "sameWidth", enabled: true, phase: "beforeWrite", requires: ["computeStyles"], fn({ state: e3 }) {
+      y2.current && ("hover" === o2 ? (y2.current.onmouseenter = () => b2(true), y2.current.onmouseleave = () => b2(false)) : "click" === o2 ? y2.current.onclick = () => b2(!h2) : "focus" === o2 ? (y2.current.onfocus = () => b2(true), y2.current.onblur = () => b2(false)) : y2.current.oncontextmenu = () => b2(!h2)), h2 && y2.current && g2.current ? qe = r.createPopper(y2.current, g2.current, { placement: l2, modifiers: [{ name: "offset", options: { offset: [0, 6] } }, f2 ? { name: "sameWidth", enabled: true, phase: "beforeWrite", requires: ["computeStyles"], fn({ state: e3 }) {
         e3.styles.popper.width = `${e3.rects.reference.width}px`;
       }, effect({ state: e3 }) {
         e3.elements.popper.style.width = `${e3.elements.reference.offsetWidth}px`;
-      } } : {}, p2 ? { name: "flip", enabled: true } : {}], ...i2 }) : nt && (nt.destroy(), nt = null, tt && tt.remove(), tt = null);
+      } } : {}, p2 ? { name: "flip", enabled: true } : {}], ...i2 }) : qe && (qe.destroy(), qe = null, Ve && Ve.remove(), Ve = null);
     }, [h2, y2, g2]), d.jsxs(d.Fragment, { children: [h2 && d.jsxs("div", { ref: g2, style: u2, className: ["ono-tooltip-popper", s2].join(" "), "data-popper-placement": i2.placement || l2, children: [d.jsx("div", { children: n2 instanceof Function ? n2() : n2 }), c2 && d.jsx("div", { className: "ono-tooltip-popper-arrow", "data-popper-arrow": true })] }), d.jsx("div", { ref: y2, children: e2 instanceof Function ? e2() : e2 })] });
-  }, at = t.memo(({ containerClassName: e2, dataSource: n2, containerStyle: r2 = {}, onEndCallback: a2, refreshSpeed: o2 = 50, wrapperClassName: l2, wrapperStyle: i2 = {}, estimatedSize: s2 = 35, updateDataSourceScroll2Top: u2, direction: c2 = "vertical" }) => {
+  }, Ye = ({ label: e2, value: t2, disabled: n2, onChange: r2, optionRender: a2, currentValue: o2 }) => d.jsx("button", { role: "option", "aria-label": e2, disabled: n2, className: "ono-option-item", onClick: () => r2 == null ? void 0 : r2(t2), children: a2 ? a2({ label: e2, value: t2, disabled: n2 }, o2 === e2) : d.jsx("div", { className: ["ono-option-item-content", o2 === e2 ? "ono-option-item-content-active" : "", n2 ? "ono-option-item-content-disabled" : ""].filter(Boolean).join(" "), children: e2 }) }), Ke = ({ isVisible: e2 }) => d.jsx("svg", { className: ["ono-select-arrow-down-icon", e2 ? "ono-select-arrow-down-active" : ""].filter(Boolean).join(" "), viewBox: "64 64 896 896", focusable: "false", "data-icon": "down", fill: "currentColor", "aria-hidden": "true", children: d.jsx("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" }) }), Xe = "_enter_974ly_32";
+  let Ge = [];
+  const Ze = { success: { light: "#52c41a", dark: "#49aa19" }, error: { light: "#ff4d4f", dark: "#a61d24" }, warning: { light: "#faad14", dark: "#d89614" }, promise: { light: "", dark: "" } }, Je = (e2, t2) => Ze[e2][t2], et = (e2) => {
+    switch (e2) {
+      case "success":
+        return d.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "check-circle", width: "24px", height: "24px", fill: Je(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" }) });
+      case "error":
+        return d.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "close-circle", width: "24px", height: "24px", fill: Je(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) });
+      case "warning":
+        return d.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "exclamation-circle", width: "24px", height: "24px", fill: Je(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" }) });
+    }
+  }, tt = ({ type: e2, speed: n2 = 200, message: r2, duration: a2 = 2e3, className: o2, style: l2, isUseEnterAnimation: i2 = true, promiseOptions: s2, toastList: u2, handleDestroy: c2 }) => {
+    const f2 = t.useRef(null);
+    return t.useEffect(() => {
+      f2.current && (f2.current.style.setProperty("--speed", n2 / 1e3 + "s"), i2 && f2.current.classList.add(Xe), "promise" !== e2 && setTimeout(() => {
+        var _a, _b;
+        (_a = f2.current) == null ? void 0 : _a.classList.remove(Xe), (_b = f2.current) == null ? void 0 : _b.classList.add("_leave_974ly_36");
+      }, a2 - n2));
+    }, [f2]), t.useEffect(() => {
+      "promise" === e2 ? ("function" == typeof r2 ? r2() : r2).then((e3) => setTimeout(() => {
+        c2(), nt({ type: "success", message: "function" == typeof (s2 == null ? void 0 : s2.success) ? s2.success(e3) : (s2 == null ? void 0 : s2.success) || "", isUseEnterAnimation: false, toastList: u2 });
+      }, n2)).catch((e3) => setTimeout(() => {
+        c2(), nt({ type: "error", message: "function" == typeof (s2 == null ? void 0 : s2.error) ? s2.error(e3) : (s2 == null ? void 0 : s2.error) || "", isUseEnterAnimation: false, toastList: u2 });
+      }, n2)) : setTimeout(() => c2(() => u2 = []), a2);
+    }, [e2]), d.jsxs("div", { ref: f2, className: ["promise" === e2 ? "_promise_974ly_15" : "_base_974ly_15", o2].join(" "), style: l2, onClick: () => {
+    }, children: [d.jsx("div", { className: "_icon_974ly_40", children: et(e2) }), d.jsx("p", { children: "string" == typeof r2 ? r2 : s2 && s2.loading })] });
+  }, nt = ({ type: e2, speed: n2 = 200, message: r2, duration: a2 = 2e3, zIndex: o2 = 9999, className: l2, style: i2, isUseEnterAnimation: s2 = true, promiseOptions: u2, toastList: c2 }) => {
+    return (f2 = (p2 = { className: "_container_974ly_1", isSingle: true, style: { zIndex: o2 }, content: (o3) => (t.useEffect(() => {
+    }, [c2]), d.jsx(tt, { className: l2, style: i2, type: e2, message: r2, speed: n2, duration: a2, isUseEnterAnimation: s2, promiseOptions: u2, handleDestroy: o3, toastList: c2 })) }).isSingle || false, f2 && ue && se || (ue = document.createElement("div"), document.body.appendChild(ue), se = ie.createRoot(ue)), se).render(d.jsx(ce, { ...p2 })), ue;
+    var f2, p2;
+  }, rt = { success: (e2) => {
+    Ge.push({ type: "success", message: e2 }), nt("string" == typeof e2 ? { type: "success", message: e2, toastList: Ge } : { type: "success", ...e2, toastList: Ge });
+  }, error: (e2) => {
+    Ge.push({ type: "error", message: e2 }), nt("string" == typeof e2 ? { type: "error", message: e2, toastList: Ge } : { type: "error", ...e2, toastList: Ge });
+  }, warning: (e2) => {
+    Ge.push({ type: "warning", message: e2 }), nt("string" == typeof e2 ? { type: "warning", message: e2, toastList: Ge } : { type: "warning", ...e2, toastList: Ge });
+  }, promise: (e2, t2) => {
+    Ge.push({ type: "promise", message: e2 }), nt({ type: "promise", message: e2, promiseOptions: t2, toastList: Ge });
+  } }, at = t.memo(({ containerClassName: e2, dataSource: n2, containerStyle: r2 = {}, onEndCallback: a2, refreshSpeed: o2 = 50, wrapperClassName: l2, wrapperStyle: i2 = {}, estimatedSize: s2 = 35, updateDataSourceScroll2Top: u2, direction: c2 = "vertical" }) => {
     const [f2, p2] = t.useState({ viewSize: 0, startIndex: 0, listSize: 0, renderCount: 0, prevLen: 0 }), [h2, m2] = t.useState([]), g2 = "number" == typeof s2 ? s2 : s2(), y2 = t.useMemo(() => Math.min(n2.length, f2.startIndex + f2.renderCount), [n2, f2]), b2 = t.useMemo(() => {
       var _a;
       return f2.startIndex > 0 ? (_a = h2[f2.startIndex - 1]) == null ? void 0 : _a.end : 0;
@@ -16130,7 +16130,7 @@
       }
       return a3;
     };
-    return X("scroll", C2, { target: w2.current, deps: [h2, c2] }), t.useEffect(() => {
+    return Q("scroll", C2, { target: w2.current, deps: [h2, c2] }), t.useEffect(() => {
       (() => {
         if (!w2.current) return;
         const e3 = ("vertical" === c2 ? w2.current.offsetHeight : w2.current.offsetWidth) || 0;
@@ -16296,7 +16296,7 @@
         });
       })(), p2.current && (p2.current.indeterminate = l2);
     }, [p2, o2, n2, l2]), d.jsx("input", { id: e2, type: "checkbox", ref: p2, checked: r2, onChange: a2, className: [o2, "line" === s2 ? "ono-checkbox-line" : "ono-checkbox-border"].filter(Boolean).join(" "), style: n2 });
-  }, e.Direction = V, e.EstimatedVirtualList = at, e.List = J, e.MenuButton = ({ active: e2, onchange: n2, w: r2 = "40px", duration: a2 = 400, clr: o2 = "#f5f5f5", bgc: l2 = "#342A7C" }) => {
+  }, e.Direction = V, e.EstimatedVirtualList = at, e.List = ge, e.MenuButton = ({ active: e2, onchange: n2, w: r2 = "40px", duration: a2 = 400, clr: o2 = "#f5f5f5", bgc: l2 = "#342A7C" }) => {
     const [i2, s2] = t.useState(false), u2 = (e3, t2) => {
       let n3;
       const r3 = e3.split("");
@@ -16307,7 +16307,7 @@
     }, [e2]), d.jsx("button", { className: "ono-menu-button", style: { width: r2, height: r2, background: l2, borderRadius: u2(r2, 0.2) }, onClick: () => requestAnimationFrame(() => {
       n2 == null ? void 0 : n2(!i2), s2(!i2);
     }), children: f2.map((e3, t2) => d.jsx("span", { style: { ...e3 } }, t2)) });
-  }, e.Modal = (e2) => he(je, e2, "ono-modal"), e.OnoInput = K, e.OnoSelect = ({ options: e2, defaultValue: n2, placeholder: r2, inputBorder: a2, isShowArrow: o2, disabled: l2, clearable: i2, selectClassName: s2, optionsClassName: u2, filterable: c2, notFoundContent: f2, optionRender: p2, onClear: h2, onChange: m2, filterMethod: g2 }) => {
+  }, e.Modal = (e2) => ye(Be, e2, "ono-modal"), e.OnoInput = pe, e.OnoSelect = ({ options: e2, defaultValue: n2, placeholder: r2, inputBorder: a2, isShowArrow: o2, disabled: l2, clearable: i2, selectClassName: s2, optionsClassName: u2, filterable: c2, notFoundContent: f2, optionRender: p2, onClear: h2, onChange: m2, filterMethod: g2 }) => {
     const [y2, b2] = t.useState(""), [v2, k2] = t.useState(""), [w2, S2] = t.useState(false), [x2, C2] = t.useState(false), [E2, T2] = t.useState(""), P2 = (t2) => {
       const n3 = e2.find((e3) => e3.value === t2);
       b2(n3 ? n3.label : "");
@@ -16316,9 +16316,9 @@
     };
     return t.useEffect(() => {
       n2 && P2(n2);
-    }, [n2, e2]), d.jsx(rt, { sameWidth: true, trigger: "click", placement: "bottom", isShowArrow: o2, className: ["ono-option-container", u2].filter(Boolean).join(" "), onOpenChange: (e3) => {
+    }, [n2, e2]), d.jsx(Qe, { sameWidth: true, trigger: "click", placement: "bottom", isShowArrow: o2, className: ["ono-option-container", u2].filter(Boolean).join(" "), onOpenChange: (e3) => {
       C2(e3), c2 && v2 && !e3 && k2("");
-    }, content: d.jsx(J, { list: c2 ? g2 && "function" == typeof g2 ? g2(v2, e2) : e2.filter((e3) => e3.label.toLocaleLowerCase().includes(v2.toLocaleLowerCase())) : e2, fallback: f2 ?? d.jsx("div", { className: "ono-option-item", children: d.jsx("div", { className: "ono-option-item-content-no-data", onClick: (e3) => e3.stopPropagation(), children: "No Data" }) }), children: (e3) => d.jsx(He, { ...e3, onChange: z2, currentValue: y2.toString(), optionRender: p2 }, e3.value) }), children: d.jsx("div", { className: "ono-select", onMouseEnter: () => S2(true), onMouseLeave: () => S2(false), children: d.jsx(K, { className: [c2 ? "" : "ono-select-readonly", s2].filter(Boolean).join(" "), border: a2, disabled: l2, placeholder: c2 && E2 ? y2.toString() || "" : r2, readonly: !c2, value: c2 && x2 ? v2 : y2.toString(), clearable: w2 && i2, suffix: w2 && i2 && y2 || i2 && v2 && c2 ? d.jsx(d.Fragment, {}) : d.jsx(Be, { isVisible: x2 }), onClear: () => {
+    }, content: d.jsx(ge, { list: c2 ? g2 && "function" == typeof g2 ? g2(v2, e2) : e2.filter((e3) => e3.label.toLocaleLowerCase().includes(v2.toLocaleLowerCase())) : e2, fallback: f2 ?? d.jsx("div", { className: "ono-option-item", children: d.jsx("div", { className: "ono-option-item-content-no-data", onClick: (e3) => e3.stopPropagation(), children: "No Data" }) }), children: (e3) => d.jsx(Ye, { ...e3, onChange: z2, currentValue: y2.toString(), optionRender: p2 }, e3.value) }), children: d.jsx("div", { className: "ono-select", onMouseEnter: () => S2(true), onMouseLeave: () => S2(false), children: d.jsx(pe, { className: [c2 ? "" : "ono-select-readonly", s2].filter(Boolean).join(" "), border: a2, disabled: l2, placeholder: c2 && E2 ? y2.toString() || "" : r2, readonly: !c2, value: c2 && x2 ? v2 : y2.toString(), clearable: w2 && i2, suffix: w2 && i2 && y2 || i2 && v2 && c2 ? d.jsx(d.Fragment, {}) : d.jsx(Ke, { isVisible: x2 }), onClear: () => {
       h2 == null ? void 0 : h2(), m2 == null ? void 0 : m2(""), T2(""), b2(""), k2("");
     }, onChange: (e3) => k2(e3.target.value) }) }) });
   }, e.OnoTextarea = ({ id: e2, name: n2, rows: r2, maxLength: a2, minLength: o2, className: l2, placeholder: i2, readonly: s2, resize: u2 = true, autocomplete: c2 = "off", autofocus: f2, form: p2, disabled: h2, autoSize: m2, showCount: g2, border: y2 = "1px solid #5644b8", boxShadow: b2 = "0 0 0 2px #7969d11a", value: v2 = "", onChange: k2 }) => {
@@ -16348,7 +16348,7 @@
         }
       }
     }, deps: [E2] }];
-    return N2.forEach(({ key: e3, handler: t2, deps: n3 }) => Z(e3, t2, { target: _2.current, deps: n3 })), t.useEffect(() => {
+    return N2.forEach(({ key: e3, handler: t2, deps: n3 }) => me(e3, t2, { target: _2.current, deps: n3 })), t.useEffect(() => {
       S2(v2);
     }, [v2]), t.useEffect(() => {
       (() => {
@@ -16388,7 +16388,7 @@
     })(), p2 && n2 === r2 ? null : d.jsx("li", { className: "ono-pagination-base", style: { cursor: n2 !== r2 ? "pointer" : "no-drop" }, onClick: () => {
       u2(n2 >= r2 ? r2 : n2 + 1);
     }, children: o2 ? "function" == typeof o2 ? o2(n2 !== r2) : o2 : d.jsx("div", { className: o2 ? "ono-pagination-base" : "ono-pagination-btn", children: "nextBtn" }) }), t2 && d.jsx("li", { className: t2 ? "ono-pagination-base" : "ono-pagination-btn", onClick: () => u2(r2), children: t2 })] });
-  }, e.Radio = Ue, e.RadioGroup = ({ name: e2, style: t2, options: n2, onChange: r2, className: a2, radioW: o2 = 16, radioGap: l2 = 4, labelPosition: i2 = "right", checkedColor: s2 = "#532ce1", unCheckedColor: u2 = "transparent", value: c2 }) => d.jsx("div", { className: ["ono-radio-group", a2].join(" "), style: t2, children: n2.map(({ label: t3, value: n3, disabled: a3 }) => d.jsx(Ue, { name: e2, value: n3, radioW: o2, radioGap: l2, style: { flexDirection: "left" === i2 ? "row-reverse" : "row" }, checkedColor: s2, unCheckedColor: u2, onChange: () => r2(n3), checked: c2 + "" == n3 + "", disabled: "function" == typeof a3 ? a3(c2) : a3 || false, children: t3 }, t3)) }), e.SvgImg = ({ w: e2, h: n2, src: r2, clr: a2, className: o2, onClick: l2 }) => {
+  }, e.Radio = We, e.RadioGroup = ({ name: e2, style: t2, options: n2, onChange: r2, className: a2, radioW: o2 = 16, radioGap: l2 = 4, labelPosition: i2 = "right", checkedColor: s2 = "#532ce1", unCheckedColor: u2 = "transparent", value: c2 }) => d.jsx("div", { className: ["ono-radio-group", a2].join(" "), style: t2, children: n2.map(({ label: t3, value: n3, disabled: a3 }) => d.jsx(We, { name: e2, value: n3, radioW: o2, radioGap: l2, style: { flexDirection: "left" === i2 ? "row-reverse" : "row" }, checkedColor: s2, unCheckedColor: u2, onChange: () => r2(n3), checked: c2 + "" == n3 + "", disabled: "function" == typeof a3 ? a3(c2) : a3 || false, children: t3 }, t3)) }), e.SvgImg = ({ w: e2, h: n2, src: r2, clr: a2, className: o2, onClick: l2 }) => {
     const i2 = t.useRef(null), s2 = [{ value: e2, name: "w" }, { value: n2, name: "h" }, { value: a2, name: "clr" }];
     return t.useEffect(() => {
       i2.current && s2.forEach((e3) => {
@@ -16461,7 +16461,7 @@
           ${r2 || ""} 
           ${m2()}
         `, style: o2, onClick: (e3) => e3.stopPropagation(), children: "function" == typeof e2 ? e2(h2) : e2 }) });
-  }, e.Tooltip = rt, e.Waterfall = ({ options: e2, pageSize: n2, children: r2, request: a2, reloadData: o2, className: l2, style: i2, updateData: s2, loading: u2 = true, bottomThreshold: c2 = 50 }) => {
+  }, e.Tooltip = Qe, e.Waterfall = ({ options: e2, pageSize: n2, children: r2, request: a2, reloadData: o2, className: l2, style: i2, updateData: s2, loading: u2 = true, bottomThreshold: c2 = 50 }) => {
     const [f2, p2] = t.useState({ page: 1, reloadData: o2, loading: false, isFinish: false, gap: "number" == typeof e2 ? 0 : e2.gap, imageWidth: "number" == typeof e2 ? e2 : 0, columns: "number" == typeof e2 ? 0 : e2.columns, imageList: [] }), [h2, m2] = t.useState([]), [g2, y2] = t.useState([]), b2 = t.useRef(null), v2 = t.useRef(null), k2 = t.useRef(null), w2 = (e3) => p2((t2) => ({ ...t2, ...e3 })), S2 = async (e3, t2) => {
       const n3 = o2 && f2.reloadData !== o2;
       if (f2.isFinish) return;
@@ -16504,12 +16504,12 @@
       const { scrollTop: e3, clientHeight: t2, scrollHeight: r3 } = v2.current;
       r3 - t2 - e3 > c2 || !f2.loading && S2(f2.page, n2);
     });
-    return X("scroll", T2, { target: v2.current, deps: [f2.loading, f2.page] }), t.useEffect(() => (C2(), window.addEventListener("resize", E2), () => {
+    return Q("scroll", T2, { target: v2.current, deps: [f2.loading, f2.page] }), t.useEffect(() => (C2(), window.addEventListener("resize", E2), () => {
       window.removeEventListener("resize", E2);
     }), [k2, o2]), t.useEffect(() => {
       s2 && S2(f2.page, n2);
     }, [s2, f2.loading, f2.page, v2.current]), d.jsxs("div", { className: "ono-waterfall-container", children: [d.jsx("div", { ref: v2, className: [l2, "ono-waterfall-content"].join(" ").trim(), style: i2, children: d.jsx("div", { ref: k2, className: "ono-waterfall-wrapper", style: { height: Math.max(...h2) - f2.gap + "px" }, children: f2.imageList.map((e3, t2) => d.jsx("div", { className: "ono-waterfall-item", style: { width: `${f2.imageWidth}px`, transform: `translate(${g2[t2].x}px,${g2[t2].y}px)` }, children: r2(e3, t2) }, e3.id)) }) }), f2.loading && ("function" == typeof u2 ? u2() : u2 && "boolean" == typeof u2 ? d.jsx("div", { className: "ono-waterfall-loading", children: "loading..." }) : u2)] });
-  }, e.addCommasToNumber = O, e.addEventWithOriginHandler = D, e.adjustingColors = Ie, e.base64ToBlob = (e2) => {
+  }, e.addCommasToNumber = O, e.addEventWithOriginHandler = D, e.adjustingColors = Ue, e.base64ToBlob = (e2) => {
     const t2 = e2.split(","), n2 = t2[0].match(/:(.*?);/)[1], r2 = atob(t2[1]);
     let a2 = r2.length;
     const o2 = new Uint8Array(a2);
@@ -16522,7 +16522,7 @@
     for (; o2--; ) i2[o2] = a2.charCodeAt(o2);
     const s2 = new Blob([i2], { type: r2 });
     return new File([s2], t2 + l2, { type: r2, lastModified: (/* @__PURE__ */ new Date()).getTime() });
-  }, e.blobToBase64 = st, e.blobToFile = ut, e.calculateAspectRatio = C, e.checkDeviceIsMobile = g, e.checkStatusCode = b, e.colorUtils = Ae, e.common = $, e.convertSecondToOtherTime = (e2, t2) => {
+  }, e.blobToBase64 = st, e.blobToFile = ut, e.calculateAspectRatio = C, e.checkDeviceIsMobile = g, e.checkStatusCode = b, e.colorUtils = He, e.common = $, e.convertSecondToOtherTime = (e2, t2) => {
     const n2 = { year: 31536e3, month: 2592e3, day: 86400, hour: 3600, minute: 60, second: 1 };
     if (!n2[t2]) throw new Error('Invalid type. Please use "day", "hour", "minute", or "second".');
     return Math.floor(e2 / n2[t2]);
@@ -16548,12 +16548,12 @@
     })(dt(o2.getDate()), n2)), a2.push(dt(o2.getHours())), a2.push(dt(o2.getMinutes())), a2.push(dt(o2.getSeconds()));
     for (let e3 in a2) t2 = t2.replace(r2[e3], a2[e3]);
     return t2;
-  }, e.mediaAutoplayPolicies = T, e.message = Te, e.parseQuery = U, e.passwordStrength = p, e.pick = H, e.portalRenderer = he, e.printStr = m, e.pureNumber = M, e.quickSort = S, e.rafTimeout = L, e.randomString = h, e.safeCapitalizeWord = _, e.second2Day = (e2, t2) => {
+  }, e.mediaAutoplayPolicies = T, e.message = _e, e.parseQuery = U, e.passwordStrength = p, e.pick = H, e.portalRenderer = ye, e.printStr = m, e.pureNumber = M, e.quickSort = S, e.rafTimeout = L, e.randomString = h, e.safeCapitalizeWord = _, e.second2Day = (e2, t2) => {
     const n2 = ["DD", "hh", "mm", "ss"], r2 = [];
     r2.push(Math.floor(e2 / 86400)), r2.push(dt(Math.floor(e2 % 86400 / 3600))), r2.push(dt(Math.floor(e2 % 3600 / 60))), r2.push(dt(e2 % 60));
     for (let e3 = 0; e3 < n2.length; e3++) t2 = t2.replace(n2[e3], r2[e3].toString());
     return t2;
-  }, e.singleton = z, e.toast = Je, e.urlToBase64 = async (e2) => await st(await ct(e2)), e.urlToBlob = ct, e.urlToFile = async (e2) => ut(await ct(e2)), e.useClickOutSide = et, e.useCountdown = (e2 = 60, n2) => {
+  }, e.singleton = z, e.toast = rt, e.urlToBase64 = async (e2) => await st(await ct(e2)), e.urlToBlob = ct, e.urlToFile = async (e2) => ut(await ct(e2)), e.useClickOutSide = $e, e.useCountdown = (e2 = 60, n2) => {
     const [r2, a2] = t.useState(e2), [o2, l2] = t.useState(false), i2 = t.useRef(null), s2 = t.useCallback(() => l2(true), []), u2 = t.useCallback(() => {
       l2(false), a2(e2), i2.current && (clearTimeout(i2.current), i2.current = null), n2 == null ? void 0 : n2();
     }, [e2, n2]);
@@ -16564,9 +16564,9 @@
         i2.current && (clearTimeout(i2.current), i2.current = null);
       };
     }, [o2, r2, u2]), [r2, s2, u2];
-  }, e.useEventListener = X, e.useGetElementSize = f, e.useKeyPress = Z, e.useMouseClick = () => {
+  }, e.useEventListener = Q, e.useGetElementSize = f, e.useKeyPress = me, e.useMouseClick = () => {
     const [e2, n2] = t.useState({ clientX: 0, clientY: 0, screenX: 0, screenY: 0, pageX: 0, pageY: 0 });
-    return X("click", (e3) => {
+    return Q("click", (e3) => {
       const t2 = e3.clientX, r2 = e3.clientY, a2 = e3.screenX, o2 = e3.screenY, l2 = e3.pageX, i2 = e3.pageY;
       n2({ clientX: t2, clientY: r2, screenX: a2, screenY: o2, pageX: l2, pageY: i2 });
     }), e2;