@nutui/nutui-react 2.5.1 → 2.6.0

package/dist/nutui.react.umd.js

@@ -2,26 +2,26 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.ReactDOM));
 })(this, function(exports2, React, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react v2.5.1 Fri Mar 29 2024 15:52:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.0 Fri Apr 12 2024 16:16:45 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
 
   function _interopNamespaceDefault(e2) {
-    const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+    const n2 = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
     if (e2) {
       for (const k in e2) {
         if (k !== "default") {
           const d = Object.getOwnPropertyDescriptor(e2, k);
-          Object.defineProperty(n, k, d.get ? d : {
+          Object.defineProperty(n2, k, d.get ? d : {
             enumerable: true,
             get: () => e2[k]
           });
         }
       }
     }
-    n.default = e2;
-    return Object.freeze(n);
+    n2.default = e2;
+    return Object.freeze(n2);
   }
   const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
   const ReactDOM__namespace = /* @__PURE__ */ _interopNamespaceDefault(ReactDOM);
@@ -40,8 +40,8 @@
       var hasOwn = {}.hasOwnProperty;
       function classNames2() {
         var classes = "";
-        for (var i = 0; i < arguments.length; i++) {
-          var arg = arguments[i];
+        for (var i2 = 0; i2 < arguments.length; i2++) {
+          var arg = arguments[i2];
           if (arg) {
             classes = appendClass(classes, parseValue(arg));
           }
@@ -88,7 +88,12 @@
   })(classnames);
   var classnamesExports = classnames.exports;
   const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
-  var Q = { exports: {} }, W = {};
+  const n = {
+    classPrefix: "nut-icon",
+    tag: "i",
+    fontClassName: "nutui-iconfont"
+  };
+  var Q = { exports: {} }, $ = {};
   /**
    * @license React
    * react-jsx-runtime.production.min.js
@@ -99,24 +104,24 @@
    * LICENSE file in the root directory of this source tree.
    */
   var Ce;
-  function cr() {
+  function fr() {
     if (Ce)
-      return W;
+      return $;
     Ce = 1;
-    var P = React, T = Symbol.for("react.element"), D = Symbol.for("react.fragment"), E = Object.prototype.hasOwnProperty, w = P.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, x = { key: true, ref: true, __self: true, __source: true };
-    function C(m, c6, _) {
-      var f, h = {}, g = null, O = null;
-      _ !== void 0 && (g = "" + _), c6.key !== void 0 && (g = "" + c6.key), c6.ref !== void 0 && (O = c6.ref);
+    var x = React, R = Symbol.for("react.element"), F = Symbol.for("react.fragment"), T = Object.prototype.hasOwnProperty, S = x.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, C = { key: true, ref: true, __self: true, __source: true };
+    function O(m, c6, b) {
+      var f, h = {}, y = null, w = null;
+      b !== void 0 && (y = "" + b), c6.key !== void 0 && (y = "" + c6.key), c6.ref !== void 0 && (w = c6.ref);
       for (f in c6)
-        E.call(c6, f) && !x.hasOwnProperty(f) && (h[f] = c6[f]);
+        T.call(c6, f) && !C.hasOwnProperty(f) && (h[f] = c6[f]);
       if (m && m.defaultProps)
         for (f in c6 = m.defaultProps, c6)
           h[f] === void 0 && (h[f] = c6[f]);
-      return { $$typeof: T, type: m, key: g, ref: O, props: h, _owner: w.current };
+      return { $$typeof: R, type: m, key: y, ref: w, props: h, _owner: S.current };
     }
-    return W.Fragment = D, W.jsx = C, W.jsxs = C, W;
+    return $.Fragment = F, $.jsx = O, $.jsxs = O, $;
   }
-  var N = {};
+  var W = {};
   /**
    * @license React
    * react-jsx-runtime.development.js
@@ -127,53 +132,53 @@
    * LICENSE file in the root directory of this source tree.
    */
   var Oe;
-  function fr() {
+  function dr() {
     return Oe || (Oe = 1, process.env.NODE_ENV !== "production" && function() {
-      var P = React, T = Symbol.for("react.element"), D = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), C = Symbol.for("react.provider"), m = Symbol.for("react.context"), c6 = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), O = Symbol.for("react.offscreen"), A = Symbol.iterator, B = "@@iterator";
-      function R(e2) {
+      var x = React, R = Symbol.for("react.element"), F = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), O = Symbol.for("react.provider"), m = Symbol.for("react.context"), c6 = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), D = Symbol.iterator, N = "@@iterator";
+      function B(e2) {
         if (e2 === null || typeof e2 != "object")
           return null;
-        var r2 = A && e2[A] || e2[B];
-        return typeof r2 == "function" ? r2 : null;
+        var r = D && e2[D] || e2[N];
+        return typeof r == "function" ? r : null;
       }
-      var j = P.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+      var p = x.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
       function d(e2) {
         {
-          for (var r2 = arguments.length, t2 = new Array(r2 > 1 ? r2 - 1 : 0), n = 1; n < r2; n++)
-            t2[n - 1] = arguments[n];
+          for (var r = arguments.length, t2 = new Array(r > 1 ? r - 1 : 0), n2 = 1; n2 < r; n2++)
+            t2[n2 - 1] = arguments[n2];
           ke("error", e2, t2);
         }
       }
-      function ke(e2, r2, t2) {
+      function ke(e2, r, t2) {
         {
-          var n = j.ReactDebugCurrentFrame, i = n.getStackAddendum();
-          i !== "" && (r2 += "%s", t2 = t2.concat([i]));
+          var n2 = p.ReactDebugCurrentFrame, i2 = n2.getStackAddendum();
+          i2 !== "" && (r += "%s", t2 = t2.concat([i2]));
           var u = t2.map(function(o2) {
             return String(o2);
           });
-          u.unshift("Warning: " + r2), Function.prototype.apply.call(console[e2], console, u);
+          u.unshift("Warning: " + r), Function.prototype.apply.call(console[e2], console, u);
         }
       }
       var Fe = false, De = false, Ae = false, Ie = false, $e = false, re;
       re = Symbol.for("react.module.reference");
       function We(e2) {
-        return !!(typeof e2 == "string" || typeof e2 == "function" || e2 === E || e2 === x || $e || e2 === w || e2 === _ || e2 === f || Ie || e2 === O || Fe || De || Ae || typeof e2 == "object" && e2 !== null && (e2.$$typeof === g || e2.$$typeof === h || e2.$$typeof === C || e2.$$typeof === m || e2.$$typeof === c6 || // This needs to include all possible module reference object
+        return !!(typeof e2 == "string" || typeof e2 == "function" || e2 === T || e2 === C || $e || e2 === S || e2 === b || e2 === f || Ie || e2 === w || Fe || De || Ae || typeof e2 == "object" && e2 !== null && (e2.$$typeof === y || e2.$$typeof === h || e2.$$typeof === O || e2.$$typeof === m || e2.$$typeof === c6 || // This needs to include all possible module reference object
         // types supported by any Flight configuration anywhere since
         // we don't know which Flight build this will end up being used
         // with.
         e2.$$typeof === re || e2.getModuleId !== void 0));
       }
-      function Ne(e2, r2, t2) {
-        var n = e2.displayName;
-        if (n)
-          return n;
-        var i = r2.displayName || r2.name || "";
-        return i !== "" ? t2 + "(" + i + ")" : t2;
+      function Ne(e2, r, t2) {
+        var n2 = e2.displayName;
+        if (n2)
+          return n2;
+        var i2 = r.displayName || r.name || "";
+        return i2 !== "" ? t2 + "(" + i2 + ")" : t2;
       }
       function te(e2) {
         return e2.displayName || "Context";
       }
-      function b(e2) {
+      function E(e2) {
         if (e2 == null)
           return null;
         if (typeof e2.tag == "number" && d("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e2 == "function")
@@ -181,15 +186,15 @@
         if (typeof e2 == "string")
           return e2;
         switch (e2) {
-          case E:
+          case T:
             return "Fragment";
-          case D:
+          case F:
             return "Portal";
-          case x:
+          case C:
             return "Profiler";
-          case w:
+          case S:
             return "StrictMode";
-          case _:
+          case b:
             return "Suspense";
           case f:
             return "SuspenseList";
@@ -197,20 +202,20 @@
         if (typeof e2 == "object")
           switch (e2.$$typeof) {
             case m:
-              var r2 = e2;
-              return te(r2) + ".Consumer";
-            case C:
+              var r = e2;
+              return te(r) + ".Consumer";
+            case O:
               var t2 = e2;
               return te(t2._context) + ".Provider";
             case c6:
               return Ne(e2, e2.render, "ForwardRef");
             case h:
-              var n = e2.displayName || null;
-              return n !== null ? n : b(e2.type) || "Memo";
-            case g: {
-              var i = e2, u = i._payload, o2 = i._init;
+              var n2 = e2.displayName || null;
+              return n2 !== null ? n2 : E(e2.type) || "Memo";
+            case y: {
+              var i2 = e2, u = i2._payload, o2 = i2._init;
               try {
-                return b(o2(u));
+                return E(o2(u));
               } catch {
                 return null;
               }
@@ -218,13 +223,13 @@
           }
         return null;
       }
-      var S = Object.assign, I = 0, ne, ae, oe, ie, ue, se, le;
+      var P = Object.assign, A = 0, ne, ae, oe, ie, ue, se, le;
       function ce() {
       }
       ce.__reactDisabledLog = true;
       function Ye() {
         {
-          if (I === 0) {
+          if (A === 0) {
             ne = console.log, ae = console.info, oe = console.warn, ie = console.error, ue = console.group, se = console.groupCollapsed, le = console.groupEnd;
             var e2 = {
               configurable: true,
@@ -242,53 +247,53 @@
               groupEnd: e2
             });
           }
-          I++;
+          A++;
         }
       }
       function Le() {
         {
-          if (I--, I === 0) {
+          if (A--, A === 0) {
             var e2 = {
               configurable: true,
               enumerable: true,
               writable: true
             };
             Object.defineProperties(console, {
-              log: S({}, e2, {
+              log: P({}, e2, {
                 value: ne
               }),
-              info: S({}, e2, {
+              info: P({}, e2, {
                 value: ae
               }),
-              warn: S({}, e2, {
+              warn: P({}, e2, {
                 value: oe
               }),
-              error: S({}, e2, {
+              error: P({}, e2, {
                 value: ie
               }),
-              group: S({}, e2, {
+              group: P({}, e2, {
                 value: ue
               }),
-              groupCollapsed: S({}, e2, {
+              groupCollapsed: P({}, e2, {
                 value: se
               }),
-              groupEnd: S({}, e2, {
+              groupEnd: P({}, e2, {
                 value: le
               })
             });
           }
-          I < 0 && d("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+          A < 0 && d("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
         }
       }
-      var q = j.ReactCurrentDispatcher, J;
-      function Y(e2, r2, t2) {
+      var q = p.ReactCurrentDispatcher, J;
+      function Y(e2, r, t2) {
         {
           if (J === void 0)
             try {
               throw Error();
-            } catch (i) {
-              var n = i.stack.trim().match(/\n( *(at )?)/);
-              J = n && n[1] || "";
+            } catch (i2) {
+              var n2 = i2.stack.trim().match(/\n( *(at )?)/);
+              J = n2 && n2[1] || "";
             }
           return `
 ` + J + e2;
@@ -299,7 +304,7 @@
         var Ve = typeof WeakMap == "function" ? WeakMap : Map;
         L = new Ve();
       }
-      function fe(e2, r2) {
+      function fe(e2, r) {
         if (!e2 || G)
           return "";
         {
@@ -307,14 +312,14 @@
           if (t2 !== void 0)
             return t2;
         }
-        var n;
+        var n2;
         G = true;
-        var i = Error.prepareStackTrace;
+        var i2 = Error.prepareStackTrace;
         Error.prepareStackTrace = void 0;
         var u;
         u = q.current, q.current = null, Ye();
         try {
-          if (r2) {
+          if (r) {
             var o2 = function() {
               throw Error();
             };
@@ -325,59 +330,59 @@
             }), typeof Reflect == "object" && Reflect.construct) {
               try {
                 Reflect.construct(o2, []);
-              } catch (y) {
-                n = y;
+              } catch (_) {
+                n2 = _;
               }
               Reflect.construct(e2, [], o2);
             } else {
               try {
                 o2.call();
-              } catch (y) {
-                n = y;
+              } catch (_) {
+                n2 = _;
               }
               e2.call(o2.prototype);
             }
           } else {
             try {
               throw Error();
-            } catch (y) {
-              n = y;
+            } catch (_) {
+              n2 = _;
             }
             e2();
           }
-        } catch (y) {
-          if (y && n && typeof y.stack == "string") {
-            for (var a2 = y.stack.split(`
-`), v = n.stack.split(`
-`), s2 = a2.length - 1, l2 = v.length - 1; s2 >= 1 && l2 >= 0 && a2[s2] !== v[l2]; )
+        } catch (_) {
+          if (_ && n2 && typeof _.stack == "string") {
+            for (var a2 = _.stack.split(`
+`), v = n2.stack.split(`
+`), s = a2.length - 1, l2 = v.length - 1; s >= 1 && l2 >= 0 && a2[s] !== v[l2]; )
               l2--;
-            for (; s2 >= 1 && l2 >= 0; s2--, l2--)
-              if (a2[s2] !== v[l2]) {
-                if (s2 !== 1 || l2 !== 1)
+            for (; s >= 1 && l2 >= 0; s--, l2--)
+              if (a2[s] !== v[l2]) {
+                if (s !== 1 || l2 !== 1)
                   do
-                    if (s2--, l2--, l2 < 0 || a2[s2] !== v[l2]) {
-                      var p = `
-` + a2[s2].replace(" at new ", " at ");
-                      return e2.displayName && p.includes("<anonymous>") && (p = p.replace("<anonymous>", e2.displayName)), typeof e2 == "function" && L.set(e2, p), p;
+                    if (s--, l2--, l2 < 0 || a2[s] !== v[l2]) {
+                      var g = `
+` + a2[s].replace(" at new ", " at ");
+                      return e2.displayName && g.includes("<anonymous>") && (g = g.replace("<anonymous>", e2.displayName)), typeof e2 == "function" && L.set(e2, g), g;
                     }
-                  while (s2 >= 1 && l2 >= 0);
+                  while (s >= 1 && l2 >= 0);
                 break;
               }
           }
         } finally {
-          G = false, q.current = u, Le(), Error.prepareStackTrace = i;
+          G = false, q.current = u, Le(), Error.prepareStackTrace = i2;
         }
-        var F = e2 ? e2.displayName || e2.name : "", we = F ? Y(F) : "";
+        var k = e2 ? e2.displayName || e2.name : "", we = k ? Y(k) : "";
         return typeof e2 == "function" && L.set(e2, we), we;
       }
-      function Me(e2, r2, t2) {
+      function Me(e2, r, t2) {
         return fe(e2, false);
       }
       function Ue(e2) {
-        var r2 = e2.prototype;
-        return !!(r2 && r2.isReactComponent);
+        var r = e2.prototype;
+        return !!(r && r.isReactComponent);
       }
-      function V2(e2, r2, t2) {
+      function V2(e2, r, t2) {
         if (e2 == null)
           return "";
         if (typeof e2 == "function")
@@ -385,7 +390,7 @@
         if (typeof e2 == "string")
           return Y(e2);
         switch (e2) {
-          case _:
+          case b:
             return Y("Suspense");
           case f:
             return Y("SuspenseList");
@@ -395,26 +400,26 @@
             case c6:
               return Me(e2.render);
             case h:
-              return V2(e2.type, r2, t2);
-            case g: {
-              var n = e2, i = n._payload, u = n._init;
+              return V2(e2.type, r, t2);
+            case y: {
+              var n2 = e2, i2 = n2._payload, u = n2._init;
               try {
-                return V2(u(i), r2, t2);
+                return V2(u(i2), r, t2);
               } catch {
               }
             }
           }
         return "";
       }
-      var M = Object.prototype.hasOwnProperty, de = {}, ve = j.ReactDebugCurrentFrame;
+      var M = Object.prototype.hasOwnProperty, de = {}, ve = p.ReactDebugCurrentFrame;
       function U(e2) {
         if (e2) {
-          var r2 = e2._owner, t2 = V2(e2.type, e2._source, r2 ? r2.type : null);
+          var r = e2._owner, t2 = V2(e2.type, e2._source, r ? r.type : null);
           ve.setExtraStackFrame(t2);
         } else
           ve.setExtraStackFrame(null);
       }
-      function Be(e2, r2, t2, n, i) {
+      function Be(e2, r, t2, n2, i2) {
         {
           var u = Function.call.bind(M);
           for (var o2 in e2)
@@ -422,14 +427,14 @@
               var a2 = void 0;
               try {
                 if (typeof e2[o2] != "function") {
-                  var v = Error((n || "React class") + ": " + t2 + " type `" + o2 + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e2[o2] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                  var v = Error((n2 || "React class") + ": " + t2 + " type `" + o2 + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e2[o2] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                   throw v.name = "Invariant Violation", v;
                 }
-                a2 = e2[o2](r2, o2, n, t2, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-              } catch (s2) {
-                a2 = s2;
+                a2 = e2[o2](r, o2, n2, t2, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              } catch (s) {
+                a2 = s;
               }
-              a2 && !(a2 instanceof Error) && (U(i), d("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t2, o2, typeof a2), U(null)), a2 instanceof Error && !(a2.message in de) && (de[a2.message] = true, U(i), d("Failed %s type: %s", t2, a2.message), U(null));
+              a2 && !(a2 instanceof Error) && (U(i2), d("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n2 || "React class", t2, o2, typeof a2), U(null)), a2 instanceof Error && !(a2.message in de) && (de[a2.message] = true, U(i2), d("Failed %s type: %s", t2, a2.message), U(null));
             }
         }
       }
@@ -439,7 +444,7 @@
       }
       function Je(e2) {
         {
-          var r2 = typeof Symbol == "function" && Symbol.toStringTag, t2 = r2 && e2[Symbol.toStringTag] || e2.constructor.name || "Object";
+          var r = typeof Symbol == "function" && Symbol.toStringTag, t2 = r && e2[Symbol.toStringTag] || e2.constructor.name || "Object";
           return t2;
         }
       }
@@ -457,7 +462,7 @@
         if (Ge(e2))
           return d("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Je(e2)), pe(e2);
       }
-      var $ = j.ReactCurrentOwner, ze = {
+      var I = p.ReactCurrentOwner, ze = {
         key: true,
         ref: true,
         __self: true,
@@ -466,30 +471,30 @@
       H = {};
       function He(e2) {
         if (M.call(e2, "ref")) {
-          var r2 = Object.getOwnPropertyDescriptor(e2, "ref").get;
-          if (r2 && r2.isReactWarning)
+          var r = Object.getOwnPropertyDescriptor(e2, "ref").get;
+          if (r && r.isReactWarning)
             return false;
         }
         return e2.ref !== void 0;
       }
       function Ke(e2) {
         if (M.call(e2, "key")) {
-          var r2 = Object.getOwnPropertyDescriptor(e2, "key").get;
-          if (r2 && r2.isReactWarning)
+          var r = Object.getOwnPropertyDescriptor(e2, "key").get;
+          if (r && r.isReactWarning)
             return false;
         }
         return e2.key !== void 0;
       }
-      function Xe(e2, r2) {
-        if (typeof e2.ref == "string" && $.current && r2 && $.current.stateNode !== r2) {
-          var t2 = b($.current.type);
-          H[t2] || (d('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', b($.current.type), e2.ref), H[t2] = true);
+      function Xe(e2, r) {
+        if (typeof e2.ref == "string" && I.current && r && I.current.stateNode !== r) {
+          var t2 = E(I.current.type);
+          H[t2] || (d('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', E(I.current.type), e2.ref), H[t2] = true);
         }
       }
-      function Ze(e2, r2) {
+      function Ze(e2, r) {
         {
           var t2 = function() {
-            ge || (ge = true, d("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r2));
+            ge || (ge = true, d("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
           };
           t2.isReactWarning = true, Object.defineProperty(e2, "key", {
             get: t2,
@@ -497,10 +502,10 @@
           });
         }
       }
-      function Qe(e2, r2) {
+      function Qe(e2, r) {
         {
           var t2 = function() {
-            me || (me = true, d("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r2));
+            me || (me = true, d("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
           };
           t2.isReactWarning = true, Object.defineProperty(e2, "ref", {
             get: t2,
@@ -508,13 +513,13 @@
           });
         }
       }
-      var er = function(e2, r2, t2, n, i, u, o2) {
+      var er = function(e2, r, t2, n2, i2, u, o2) {
         var a2 = {
           // This tag allows us to uniquely identify this as a React Element
-          $$typeof: T,
+          $$typeof: R,
           // Built-in properties that belong on the element
           type: e2,
-          key: r2,
+          key: r,
           ref: t2,
           props: o2,
           // Record the component responsible for creating this element.
@@ -529,36 +534,36 @@
           configurable: false,
           enumerable: false,
           writable: false,
-          value: n
+          value: n2
         }), Object.defineProperty(a2, "_source", {
           configurable: false,
           enumerable: false,
           writable: false,
-          value: i
+          value: i2
         }), Object.freeze && (Object.freeze(a2.props), Object.freeze(a2)), a2;
       };
-      function rr(e2, r2, t2, n, i) {
+      function rr(e2, r, t2, n2, i2) {
         {
           var u, o2 = {}, a2 = null, v = null;
-          t2 !== void 0 && (he(t2), a2 = "" + t2), Ke(r2) && (he(r2.key), a2 = "" + r2.key), He(r2) && (v = r2.ref, Xe(r2, i));
-          for (u in r2)
-            M.call(r2, u) && !ze.hasOwnProperty(u) && (o2[u] = r2[u]);
+          t2 !== void 0 && (he(t2), a2 = "" + t2), Ke(r) && (he(r.key), a2 = "" + r.key), He(r) && (v = r.ref, Xe(r, i2));
+          for (u in r)
+            M.call(r, u) && !ze.hasOwnProperty(u) && (o2[u] = r[u]);
           if (e2 && e2.defaultProps) {
-            var s2 = e2.defaultProps;
-            for (u in s2)
-              o2[u] === void 0 && (o2[u] = s2[u]);
+            var s = e2.defaultProps;
+            for (u in s)
+              o2[u] === void 0 && (o2[u] = s[u]);
           }
           if (a2 || v) {
             var l2 = typeof e2 == "function" ? e2.displayName || e2.name || "Unknown" : e2;
             a2 && Ze(o2, l2), v && Qe(o2, l2);
           }
-          return er(e2, a2, v, i, n, $.current, o2);
+          return er(e2, a2, v, i2, n2, I.current, o2);
         }
       }
-      var K = j.ReactCurrentOwner, be = j.ReactDebugCurrentFrame;
-      function k(e2) {
+      var K = p.ReactCurrentOwner, be = p.ReactDebugCurrentFrame;
+      function j(e2) {
         if (e2) {
-          var r2 = e2._owner, t2 = V2(e2.type, e2._source, r2 ? r2.type : null);
+          var r = e2._owner, t2 = V2(e2.type, e2._source, r ? r.type : null);
           be.setExtraStackFrame(t2);
         } else
           be.setExtraStackFrame(null);
@@ -566,12 +571,12 @@
       var X;
       X = false;
       function Z(e2) {
-        return typeof e2 == "object" && e2 !== null && e2.$$typeof === T;
+        return typeof e2 == "object" && e2 !== null && e2.$$typeof === R;
       }
       function ye() {
         {
           if (K.current) {
-            var e2 = b(K.current.type);
+            var e2 = E(K.current.type);
             if (e2)
               return `
 
@@ -583,10 +588,10 @@ Check the render method of \`` + e2 + "`.";
       function tr(e2) {
         {
           if (e2 !== void 0) {
-            var r2 = e2.fileName.replace(/^.*[\\\/]/, ""), t2 = e2.lineNumber;
+            var r = e2.fileName.replace(/^.*[\\\/]/, ""), t2 = e2.lineNumber;
             return `
 
-Check your code at ` + r2 + ":" + t2 + ".";
+Check your code at ` + r + ":" + t2 + ".";
           }
           return "";
         }
@@ -594,128 +599,128 @@ Check your code at ` + r2 + ":" + t2 + ".";
       var Ee = {};
       function nr(e2) {
         {
-          var r2 = ye();
-          if (!r2) {
+          var r = ye();
+          if (!r) {
             var t2 = typeof e2 == "string" ? e2 : e2.displayName || e2.name;
-            t2 && (r2 = `
+            t2 && (r = `
 
 Check the top-level render call using <` + t2 + ">.");
           }
-          return r2;
+          return r;
         }
       }
-      function _e(e2, r2) {
+      function _e(e2, r) {
         {
           if (!e2._store || e2._store.validated || e2.key != null)
             return;
           e2._store.validated = true;
-          var t2 = nr(r2);
+          var t2 = nr(r);
           if (Ee[t2])
             return;
           Ee[t2] = true;
-          var n = "";
-          e2 && e2._owner && e2._owner !== K.current && (n = " It was passed a child from " + b(e2._owner.type) + "."), k(e2), d('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t2, n), k(null);
+          var n2 = "";
+          e2 && e2._owner && e2._owner !== K.current && (n2 = " It was passed a child from " + E(e2._owner.type) + "."), j(e2), d('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t2, n2), j(null);
         }
       }
-      function Re(e2, r2) {
+      function Re(e2, r) {
         {
           if (typeof e2 != "object")
             return;
           if (z(e2))
             for (var t2 = 0; t2 < e2.length; t2++) {
-              var n = e2[t2];
-              Z(n) && _e(n, r2);
+              var n2 = e2[t2];
+              Z(n2) && _e(n2, r);
             }
           else if (Z(e2))
             e2._store && (e2._store.validated = true);
           else if (e2) {
-            var i = R(e2);
-            if (typeof i == "function" && i !== e2.entries)
-              for (var u = i.call(e2), o2; !(o2 = u.next()).done; )
-                Z(o2.value) && _e(o2.value, r2);
+            var i2 = B(e2);
+            if (typeof i2 == "function" && i2 !== e2.entries)
+              for (var u = i2.call(e2), o2; !(o2 = u.next()).done; )
+                Z(o2.value) && _e(o2.value, r);
           }
         }
       }
       function ar(e2) {
         {
-          var r2 = e2.type;
-          if (r2 == null || typeof r2 == "string")
+          var r = e2.type;
+          if (r == null || typeof r == "string")
             return;
           var t2;
-          if (typeof r2 == "function")
-            t2 = r2.propTypes;
-          else if (typeof r2 == "object" && (r2.$$typeof === c6 || // Note: Memo only checks outer props here.
+          if (typeof r == "function")
+            t2 = r.propTypes;
+          else if (typeof r == "object" && (r.$$typeof === c6 || // Note: Memo only checks outer props here.
           // Inner props are checked in the reconciler.
-          r2.$$typeof === h))
-            t2 = r2.propTypes;
+          r.$$typeof === h))
+            t2 = r.propTypes;
           else
             return;
           if (t2) {
-            var n = b(r2);
-            Be(t2, e2.props, "prop", n, e2);
-          } else if (r2.PropTypes !== void 0 && !X) {
+            var n2 = E(r);
+            Be(t2, e2.props, "prop", n2, e2);
+          } else if (r.PropTypes !== void 0 && !X) {
             X = true;
-            var i = b(r2);
-            d("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
+            var i2 = E(r);
+            d("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i2 || "Unknown");
           }
-          typeof r2.getDefaultProps == "function" && !r2.getDefaultProps.isReactClassApproved && d("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+          typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && d("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
         }
       }
       function or(e2) {
         {
-          for (var r2 = Object.keys(e2.props), t2 = 0; t2 < r2.length; t2++) {
-            var n = r2[t2];
-            if (n !== "children" && n !== "key") {
-              k(e2), d("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), k(null);
+          for (var r = Object.keys(e2.props), t2 = 0; t2 < r.length; t2++) {
+            var n2 = r[t2];
+            if (n2 !== "children" && n2 !== "key") {
+              j(e2), d("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n2), j(null);
               break;
             }
           }
-          e2.ref !== null && (k(e2), d("Invalid attribute `ref` supplied to `React.Fragment`."), k(null));
+          e2.ref !== null && (j(e2), d("Invalid attribute `ref` supplied to `React.Fragment`."), j(null));
         }
       }
-      function Te(e2, r2, t2, n, i, u) {
+      function Te(e2, r, t2, n2, i2, u) {
         {
           var o2 = We(e2);
           if (!o2) {
             var a2 = "";
             (e2 === void 0 || typeof e2 == "object" && e2 !== null && Object.keys(e2).length === 0) && (a2 += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-            var v = tr(i);
+            var v = tr(i2);
             v ? a2 += v : a2 += ye();
-            var s2;
-            e2 === null ? s2 = "null" : z(e2) ? s2 = "array" : e2 !== void 0 && e2.$$typeof === T ? (s2 = "<" + (b(e2.type) || "Unknown") + " />", a2 = " Did you accidentally export a JSX literal instead of a component?") : s2 = typeof e2, d("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s2, a2);
+            var s;
+            e2 === null ? s = "null" : z(e2) ? s = "array" : e2 !== void 0 && e2.$$typeof === R ? (s = "<" + (E(e2.type) || "Unknown") + " />", a2 = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e2, d("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a2);
           }
-          var l2 = rr(e2, r2, t2, i, u);
+          var l2 = rr(e2, r, t2, i2, u);
           if (l2 == null)
             return l2;
           if (o2) {
-            var p = r2.children;
-            if (p !== void 0)
-              if (n)
-                if (z(p)) {
-                  for (var F = 0; F < p.length; F++)
-                    Re(p[F], e2);
-                  Object.freeze && Object.freeze(p);
+            var g = r.children;
+            if (g !== void 0)
+              if (n2)
+                if (z(g)) {
+                  for (var k = 0; k < g.length; k++)
+                    Re(g[k], e2);
+                  Object.freeze && Object.freeze(g);
                 } else
                   d("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
               else
-                Re(p, e2);
+                Re(g, e2);
           }
-          return e2 === E ? or(l2) : ar(l2), l2;
+          return e2 === T ? or(l2) : ar(l2), l2;
         }
       }
-      function ir(e2, r2, t2) {
-        return Te(e2, r2, t2, true);
+      function ir(e2, r, t2) {
+        return Te(e2, r, t2, true);
       }
-      function ur(e2, r2, t2) {
-        return Te(e2, r2, t2, false);
+      function ur(e2, r, t2) {
+        return Te(e2, r, t2, false);
       }
       var sr = ur, lr = ir;
-      N.Fragment = E, N.jsx = sr, N.jsxs = lr;
-    }()), N;
+      W.Fragment = T, W.jsx = sr, W.jsxs = lr;
+    }()), W;
   }
-  process.env.NODE_ENV === "production" ? Q.exports = cr() : Q.exports = fr();
+  process.env.NODE_ENV === "production" ? Q.exports = fr() : Q.exports = dr();
   var ee = Q.exports;
-  const dr = ee.Fragment, Se = ee.jsx, pr = ee.jsxs, xe = {
+  const vr = ee.Fragment, Pe = ee.jsx, gr = ee.jsxs, Se = {
     className: "",
     style: void 0,
     viewBox: " 0 0 1024 1024",
@@ -724,33 +729,33 @@ Check the top-level render call using <` + t2 + ">.");
     height: "",
     onClick: () => {
     }
-  }, je = (P) => {
-    const { viewBox: T, className: D, style: E, name: w, color: x, width: C, height: m, onClick: c6 } = { ...xe, ...P }, _ = (R) => {
-      c6 && c6(R);
-    }, f = (R) => R === "" ? "" : isNaN(Number(R)) ? String(R) : R + "px", h = () => `nut-icon nut-icon-${w} ${D}`, g = {}, O = f(C || ""), A = f(m || "");
-    O && (g.width = O), A && (g.height = A);
+  }, je = (x) => {
+    const R = n.classPrefix, { viewBox: F, className: T, style: S, name: C, color: O, width: m, height: c6, onClick: b } = { ...Se, ...x }, f = (p) => {
+      b && b(p);
+    }, h = (p) => p === "" ? "" : isNaN(Number(p)) ? String(p) : p + "px", y = () => `${R} ${R}-${C} ${T}`, w = {}, D = h(m || ""), N = h(c6 || "");
+    D && (w.width = D), N && (w.height = N);
     const B = () => ({
-      ...E,
-      ...g
+      ...S,
+      ...w
     });
-    return /* @__PURE__ */ Se(dr, { children: /* @__PURE__ */ Se(
+    return /* @__PURE__ */ Pe(vr, { children: /* @__PURE__ */ Pe(
       "svg",
       {
-        className: h(),
+        className: y(),
         style: B(),
-        onClick: _,
+        onClick: f,
         xmlns: "http://www.w3.org/2000/svg",
-        color: x,
-        viewBox: T,
-        "aria-labelledby": w,
+        color: O,
+        viewBox: F,
+        "aria-labelledby": C,
         role: "presentation",
-        children: P.children
+        children: x.children
       }
     ) });
   };
-  je.defaultProps = xe;
-  const hr = je;
-  const t$5 = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "ArrowDown", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  je.defaultProps = Se;
+  const mr = je;
+  const l$3 = (a2) => /* @__PURE__ */ Pe(mr, { ...a2, name: a2.name || "ArrowDown", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M158.17 289.83a42.67 42.67 0 1 0-60.34 60.34l384 384a42.67 42.67 0 0 0 60.36 0l384-384a42.67 42.67 0 1 0-60.36-60.34L512 643.67z",
@@ -758,8 +763,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  t$5.defaultProps = xe;
-  const l$4 = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "ArrowLeft", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  l$3.defaultProps = Se;
+  const e$d = (a2) => /* @__PURE__ */ Pe(mr, { ...a2, name: a2.name || "ArrowLeft", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M712.83 158.17a42.67 42.67 0 1 0-60.33-60.34l-384 384a42.67 42.67 0 0 0 0 60.36l384 384a42.67 42.67 0 1 0 60.33-60.36L359 512z",
@@ -767,8 +772,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  l$4.defaultProps = xe;
-  const t$4 = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "ArrowUp", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  e$d.defaultProps = Se;
+  const l$2 = (a2) => /* @__PURE__ */ Pe(mr, { ...a2, name: a2.name || "ArrowUp", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M158.17 734.17a42.67 42.67 0 1 1-60.34-60.34l384-384a42.67 42.67 0 0 1 60.36 0l384 384a42.67 42.67 0 1 1-60.36 60.34L512 380.33z",
@@ -776,9 +781,9 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  t$4.defaultProps = xe;
-  const o$8 = (a2) => /* @__PURE__ */ pr(hr, { ...a2, name: a2.name || "CheckChecked", viewBox: "0 0 1024 1024", children: [
-    /* @__PURE__ */ Se(
+  l$2.defaultProps = Se;
+  const o$7 = (a2) => /* @__PURE__ */ gr(mr, { ...a2, name: a2.name || "CheckChecked", viewBox: "0 0 1024 1024", children: [
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "M506.65 2.82C228.01 2.82.03 230.8.03 509.44s227.98 506.62 506.62 506.62 506.62-227.98 506.63-506.62S788.11 2.82 506.65 2.82m0 788.08c-154.8 0-281.46-126.66-281.45-281.46s126.66-281.46 281.45-281.46 281.46 126.66 281.46 281.46S661.45 790.9 506.65 790.9",
@@ -787,7 +792,7 @@ Check the top-level render call using <` + t2 + ">.");
       }
     ),
     ",",
-    /* @__PURE__ */ Se(
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "M380 509.44a126.66 126.66 0 1 0 253.31 0 126.66 126.66 0 1 0-253.31 0",
@@ -796,8 +801,8 @@ Check the top-level render call using <` + t2 + ">.");
       }
     )
   ] });
-  o$8.defaultProps = xe;
-  const l$3 = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "CheckDisabled", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  o$7.defaultProps = Se;
+  const o$6 = (a2) => /* @__PURE__ */ Pe(mr, { ...a2, name: a2.name || "CheckDisabled", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M506.47 0C227.97 0 .1 227.87.09 506.37s227.87 506.37 506.38 506.38 506.37-227.87 506.37-506.38S787.78 0 506.47 0m202.55 571.08H306.73c-45.01 0-67.52-22.51-67.52-67.52 0-45.01 22.5-67.52 67.52-67.52h402.29c45.01 0 67.52 22.5 67.51 67.52 0 45.01-22.5 67.52-67.51 67.52",
@@ -805,8 +810,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  l$3.defaultProps = xe;
-  const o$7 = (s2) => /* @__PURE__ */ Se(hr, { ...s2, name: s2.name || "CheckNormal", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  o$6.defaultProps = Se;
+  const t$3 = (r) => /* @__PURE__ */ Pe(mr, { ...r, name: r.name || "CheckNormal", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M512 1024c-136.53 0-264.53-54.04-361.24-150.76C54.05 776.53 0 648.53 0 512s54.04-264.53 150.76-361.24C247.47 54.05 375.47 0 512 0s264.53 54.04 361.24 150.76C969.95 247.47 1024 375.47 1024 512s-54.04 264.53-150.76 361.24C776.53 969.95 648.53 1024 512 1024m0-938.67c-113.78 0-221.87 45.51-301.51 125.16S85.33 398.22 85.33 512s45.51 221.87 125.16 301.51S398.22 938.67 512 938.67s221.87-45.51 301.51-125.16S938.67 625.78 938.67 512s-45.51-221.87-125.16-301.51S625.78 85.33 512 85.33",
@@ -814,8 +819,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  o$7.defaultProps = xe;
-  const o$6 = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "Check", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  t$3.defaultProps = Se;
+  const o$5 = (r) => /* @__PURE__ */ Pe(mr, { ...r, name: r.name || "Check", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M998.4 245.03c-219.43 153.6-398.63 332.8-552.23 552.23-40.23 58.51-128 54.86-164.57-3.66-69.49-106.06-149.94-186.51-256-256-51.2-32.91-18.29-113.37 40.23-98.74 117.03 21.94 208.46 69.49 292.57 146.28 157.26-190.17 358.4-340.11 588.8-435.2 62.17-25.6 106.06 58.51 51.2 95.09",
@@ -823,8 +828,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  o$6.defaultProps = xe;
-  const o$5 = (e2) => /* @__PURE__ */ Se(hr, { ...e2, name: e2.name || "Checked", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  o$5.defaultProps = Se;
+  const o$4 = (e2) => /* @__PURE__ */ Pe(mr, { ...e2, name: e2.name || "Checked", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512S793.6 0 512 0m281.6 369.78c-14.22 11.38-193.42 130.84-321.42 321.42 0 0 0 2.84-2.85 2.84-8.53 5.69-48.35 36.98-88.17-8.53-39.82-51.2-62.58-99.56-142.23-142.22-2.84 0-2.84-2.85-2.84-2.85-8.53-11.38-39.82-56.89 19.91-56.88 45.51 0 91.02 11.38 162.13 73.95 5.69 5.69 14.22 5.69 17.07 0 34.13-39.82 173.51-190.58 332.8-238.93 0 0 19.91-2.85 31.29 14.22 5.69 11.38 11.38 22.76-5.69 36.98",
@@ -832,8 +837,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  o$5.defaultProps = xe;
-  const r$3 = (t2) => /* @__PURE__ */ Se(hr, { ...t2, name: t2.name || "Checklist", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  o$4.defaultProps = Se;
+  const l$1 = (t2) => /* @__PURE__ */ Pe(mr, { ...t2, name: t2.name || "Checklist", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M159.29 500.62c62.58 0 125.16 17.07 221.87 102.4 8.53 5.69 19.91 5.69 25.6 0 48.35-54.04 238.93-261.69 455.11-329.95 0 0 28.45-5.69 42.66 19.91 8.53 17.07 19.91 34.13-5.69 54.04-22.75 17.07-264.53 179.2-440.88 440.89l-2.85 2.85c-11.38 8.53-68.27 51.2-119.47-14.23-56.89-71.11-85.33-139.38-196.26-196.26-2.85 0-2.85-2.85-5.69-5.69-11.38-11.38-54.04-73.95 25.6-73.96",
@@ -841,8 +846,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  r$3.defaultProps = xe;
-  const r$2 = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "Close", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  l$1.defaultProps = Se;
+  const e$c = (a2) => /* @__PURE__ */ Pe(mr, { ...a2, name: a2.name || "Close", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M865.83 926.17a42.67 42.67 0 1 0 60.36-60.34L572.35 512l353.84-353.83a42.67 42.67 0 0 0-60.36-60.34L512 451.67 158.19 97.83a42.67 42.67 0 0 0-60.36 60.34L451.67 512 97.83 865.83a42.67 42.67 0 1 0 60.34 60.34L512 572.33z",
@@ -850,9 +855,9 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  r$2.defaultProps = xe;
-  const o$4 = (a2) => /* @__PURE__ */ pr(hr, { ...a2, name: a2.name || "Del", viewBox: "0 0 1024 1024", children: [
-    /* @__PURE__ */ Se(
+  e$c.defaultProps = Se;
+  const e$b = (a2) => /* @__PURE__ */ gr(mr, { ...a2, name: a2.name || "Del", viewBox: "0 0 1024 1024", children: [
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "M298.67 42.67a42.67 42.67 0 1 0 0 85.33h426.66a42.67 42.67 0 1 0 0-85.33zM448 469.33h-85.33v256H448zm213.33 0H576v256h85.33z",
@@ -861,7 +866,7 @@ Check the top-level render call using <` + t2 + ">.");
       }
     ),
     ",",
-    /* @__PURE__ */ Se(
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "M0 256a42.67 42.67 0 0 1 42.67-42.67h938.66a42.67 42.67 0 1 1 0 85.34h-47.4l-31.21 561.77a128 128 0 0 1-127.79 120.89H249.07a128 128 0 0 1-127.79-120.89L90.07 298.67h-47.4A42.67 42.67 0 0 1 0 256m175.53 42.67 30.98 557.01A42.67 42.67 0 0 0 249.09 896h525.82a42.67 42.67 0 0 0 42.6-40.32l30.94-557.01h-672.9z",
@@ -870,9 +875,9 @@ Check the top-level render call using <` + t2 + ">.");
       }
     )
   ] });
-  o$4.defaultProps = xe;
-  const o$3 = (l2) => /* @__PURE__ */ pr(hr, { ...l2, name: l2.name || "Failure", viewBox: "0 0 1024 1024", children: [
-    /* @__PURE__ */ Se(
+  e$b.defaultProps = Se;
+  const e$a = (l2) => /* @__PURE__ */ gr(mr, { ...l2, name: l2.name || "Failure", viewBox: "0 0 1024 1024", children: [
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "M313.3 373.65 451.65 512 313.3 650.35l60.35 60.35L512 572.33 650.35 710.7l60.33-60.35L572.33 512 710.7 373.65l-60.35-60.35L512 451.67 373.65 313.3z",
@@ -881,7 +886,7 @@ Check the top-level render call using <` + t2 + ">.");
       }
     ),
     ",",
-    /* @__PURE__ */ Se(
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "M1024 512c0 282.77-229.23 512-512 512S0 794.77 0 512 229.23 0 512 0s512 229.23 512 512m-85.33 0c0-235.65-191.02-426.67-426.67-426.67S85.33 276.35 85.33 512 276.35 938.67 512 938.67 938.67 747.65 938.67 512",
@@ -890,9 +895,9 @@ Check the top-level render call using <` + t2 + ">.");
       }
     )
   ] });
-  o$3.defaultProps = xe;
-  const e$4 = (l2) => /* @__PURE__ */ pr(hr, { ...l2, name: l2.name || "ImageError", viewBox: "0 0 1024 1024", children: [
-    /* @__PURE__ */ Se(
+  e$a.defaultProps = Se;
+  const e$9 = (l2) => /* @__PURE__ */ gr(mr, { ...l2, name: l2.name || "ImageError", viewBox: "0 0 1024 1024", children: [
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "M696.43 465.25c40.61 0 73.53-32.72 73.53-73.09s-32.96-73.08-73.53-73.08-73.54 32.72-73.54 73.08 32.92 73.09 73.54 73.09M535.74 650.62l-273.61-259.4a56.19 56.19 0 0 0-15.36 11.58l-114 119.63-6-222.77c-.73-26.82 20.84-49.41 47.67-50.14l201.77-5.44 47.34-50-250.43 6.75C119 202.33 76.33 247.17 77.78 301l7.32 271.4 4.5 166.78C91.06 793 136.05 835.47 190.2 834l176-4.75 12-.32 47.34-50 116.18-122.64z",
@@ -901,7 +906,7 @@ Check the top-level render call using <` + t2 + ">.");
       }
     ),
     ",",
-    /* @__PURE__ */ Se(
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "m861.71 214.8-242.83-33.86-55.09 41.46L855 263a49.05 49.05 0 0 1 41.79 55.13l-54.33 389.59-120.87-159.05A59.86 59.86 0 0 0 638.06 537l-44 33.08 65.07 86.15L603.84 698l-79.57 60.1-54.92 41.48 34.17 4.76 270.73 37.76a97.55 97.55 0 0 0 109.88-79.6 22.37 22.37 0 0 0 .65-3.44l60.53-434.16c7.44-53.32-29.95-102.62-83.6-110.1",
@@ -910,9 +915,9 @@ Check the top-level render call using <` + t2 + ">.");
       }
     )
   ] });
-  e$4.defaultProps = xe;
-  const o$2 = (a2) => /* @__PURE__ */ pr(hr, { ...a2, name: a2.name || "Image", viewBox: "0 0 1024 1024", children: [
-    /* @__PURE__ */ Se(
+  e$9.defaultProps = Se;
+  const e$8 = (a2) => /* @__PURE__ */ gr(mr, { ...a2, name: a2.name || "Image", viewBox: "0 0 1024 1024", children: [
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "M384 341.33a85.33 85.33 0 1 1-170.67 0 85.33 85.33 0 0 1 170.67 0",
@@ -921,7 +926,7 @@ Check the top-level render call using <` + t2 + ">.");
       }
     ),
     ",",
-    /* @__PURE__ */ Se(
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "M0 170.67a128 128 0 0 1 128-128h768a128 128 0 0 1 128 128v682.66a128 128 0 0 1-128 128H128a128 128 0 0 1-128-128zM128 128a42.67 42.67 0 0 0-42.67 42.67v405.84a383.38 383.38 0 0 1 128-21.84c71.89 0 139.16 19.75 196.68 54.12C492.46 473.96 641.05 384 810.67 384c44.37 0 87.32 6.17 128 17.66V170.67A42.67 42.67 0 0 0 896 128zM85.33 668.74v184.59A42.67 42.67 0 0 0 128 896h380.97C488.28 751.25 363.8 640 213.33 640c-45.8 0-89.19 10.3-128 28.74M594.99 896H896a42.67 42.67 0 0 0 42.67-42.67V491.18a383.36 383.36 0 0 0-128-21.85c-141.91 0-265.81 76.97-332.31 191.45A382.98 382.98 0 0 1 594.99 896",
@@ -930,8 +935,8 @@ Check the top-level render call using <` + t2 + ">.");
       }
     )
   ] });
-  o$2.defaultProps = xe;
-  const t$3 = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "JoySmile", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  e$8.defaultProps = Se;
+  const e$7 = (a2) => /* @__PURE__ */ Pe(mr, { ...a2, name: a2.name || "JoySmile", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M728.58 159.81a39.33 39.33 0 1 0-54.28-56.95c-94.92 90.4-244.1 90.4-339.03 0A39.35 39.35 0 0 0 281 159.81c125.33 119.35 322.24 119.35 447.58 0",
@@ -939,8 +944,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  t$3.defaultProps = xe;
-  const e$3 = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "Link", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  e$7.defaultProps = Se;
+  const o$3 = (a2) => /* @__PURE__ */ Pe(mr, { ...a2, name: a2.name || "Link", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M777.87 246.13a166.03 166.03 0 0 0-234.78 0l-74.39 74.24a43.89 43.89 0 0 1-62.03-62.1l74.24-74.24A253.81 253.81 0 0 1 839.9 543.01l-74.17 74.32a43.89 43.89 0 1 1-62.1-62.03l74.24-74.24a166.03 166.03 0 0 0 0-234.86zM637.44 386.56a43.89 43.89 0 0 1 0 62.03L448.66 637.51a43.89 43.89 0 1 1-62.1-62.1l188.93-188.92a43.89 43.89 0 0 1 62.1 0zm-317.07 20.11a43.89 43.89 0 0 1 0 62.03l-74.24 74.31a166.03 166.03 0 0 0 234.78 234.86l74.39-74.24a43.89 43.89 0 0 1 62.03 62.1l-74.24 74.17A253.81 253.81 0 1 1 184.1 480.99l74.17-74.32a43.89 43.89 0 0 1 62.1 0",
@@ -948,8 +953,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  e$3.defaultProps = xe;
-  const t$2 = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "Loading", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  o$3.defaultProps = Se;
+  const t$2 = (a2) => /* @__PURE__ */ Pe(mr, { ...a2, name: a2.name || "Loading", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M512 73.14a43.89 43.89 0 0 1 43.89 43.89v118.49a43.89 43.89 0 0 1-87.78 0V117.03A43.89 43.89 0 0 1 512 73.14M201.65 201.65a43.89 43.89 0 0 1 62.1 0l83.68 83.83a43.89 43.89 0 1 1-62.03 62.02l-83.75-83.75a43.89 43.89 0 0 1 0-62.1m620.7 0a43.89 43.89 0 0 1 0 62.1l-83.83 83.68a43.89 43.89 0 1 1-62.02-62.03l83.75-83.82a43.89 43.89 0 0 1 62.1 0zM73.14 512a43.89 43.89 0 0 1 43.89-43.89h118.49a43.89 43.89 0 0 1 0 87.78H117.03A43.89 43.89 0 0 1 73.14 512m671.45 0a43.89 43.89 0 0 1 43.89-43.89h118.49a43.89 43.89 0 1 1 0 87.78H788.48A43.89 43.89 0 0 1 744.59 512M347.5 676.5a43.89 43.89 0 0 1 0 62.02l-83.75 83.83a43.89 43.89 0 1 1-62.1-62.1l83.83-83.68a43.89 43.89 0 0 1 62.02 0zm329 0a43.89 43.89 0 0 1 62.02 0l83.83 83.75a43.89 43.89 0 1 1-62.1 62.1l-83.68-83.83a43.89 43.89 0 0 1 0-62.02zM512 744.59a43.89 43.89 0 0 1 43.89 43.89v118.49a43.89 43.89 0 1 1-87.78 0V788.48A43.89 43.89 0 0 1 512 744.59",
@@ -957,8 +962,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  t$2.defaultProps = xe;
-  const c$1 = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "Loading1", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  t$2.defaultProps = Se;
+  const c = (a2) => /* @__PURE__ */ Pe(mr, { ...a2, name: a2.name || "Loading1", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M520.66 64.56a29.24 29.24 0 0 0-7.07-.89c-16.21 0-29.35 13.14-29.35 29.35 0 15.83 12.54 28.7 28.23 29.29v.08c.38 0 .75-.01 1.12-.02 216.49 0 389.63 173.94 389.63 390.44S730.08 901.64 513.59 901.63 123.96 729.3 123.96 512.8c0-.27.01-.54.01-.8h-.01c0-16.21-13.14-29.35-29.35-29.35S65.26 495.79 65.26 512c0 .06.01.11.01.16 0 .21-.01.42-.01.64 0 247.61 200.72 448.33 448.33 448.33 247.61 0 448.33-200.72 448.33-448.33 0-245.24-196.92-444.46-441.25-448.24z",
@@ -966,9 +971,9 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  c$1.defaultProps = xe;
-  const r$1 = (a2) => /* @__PURE__ */ pr(hr, { ...a2, name: a2.name || "Location", viewBox: "0 0 1024 1024", children: [
-    /* @__PURE__ */ Se(
+  c.defaultProps = Se;
+  const l = (a2) => /* @__PURE__ */ gr(mr, { ...a2, name: a2.name || "Location", viewBox: "0 0 1024 1024", children: [
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "M682.67 470.04c0 94.4-76.42 170.94-170.67 170.94s-170.67-76.54-170.67-170.94S417.75 299.12 512 299.11s170.67 76.52 170.67 170.93m-85.34 0A85.4 85.4 0 0 0 512 384.58c-47.15 0-85.33 38.27-85.33 85.46A85.4 85.4 0 0 0 512 555.5c47.15 0 85.33-38.25 85.33-85.46",
@@ -977,7 +982,7 @@ Check the top-level render call using <` + t2 + ">.");
       }
     ),
     ",",
-    /* @__PURE__ */ Se(
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "M981.33 470.04c0 277.76-312.75 465.73-464.15 552.53a10.22 10.22 0 0 1-10.36 0C355.42 935.79 42.67 747.82 42.67 470.06 42.67 210.45 252.8 0 512 0s469.33 210.45 469.33 470.04m-85.33 0c0-212.39-171.93-384.58-384-384.58S128 257.64 128 470.04c0 106.24 60.52 202.73 151.85 288.85 74.6 70.4 161.98 126.46 232.15 167.89 70.19-41.43 157.55-97.49 232.15-167.89C835.46 672.77 896 576.28 896 470.04",
@@ -986,8 +991,8 @@ Check the top-level render call using <` + t2 + ">.");
       }
     )
   ] });
-  r$1.defaultProps = xe;
-  const o$1 = (s2) => /* @__PURE__ */ Se(hr, { ...s2, name: s2.name || "MaskClose", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  l.defaultProps = Se;
+  const t$1 = (s) => /* @__PURE__ */ Pe(mr, { ...s, name: s.name || "MaskClose", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M512 14.9C238.59 14.9 14.9 238.6 14.9 512s223.7 497.1 497.1 497.1 497.1-223.7 497.1-497.1S785.4 14.9 512 14.9m207.13 646.23c16.57 16.57 16.57 41.42 0 58s-41.42 16.57-58 0L512 570 362.87 719.13c-16.57 16.57-41.43 16.57-58 0s-16.57-41.42 0-58L454 512 304.87 362.87c-16.57-16.57-16.57-41.43 0-58s41.42-16.57 58 0L512 454l149.13-149.13c16.57-16.57 41.43-16.57 58 0s16.57 41.42 0 58L570 512z",
@@ -995,8 +1000,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  o$1.defaultProps = xe;
-  const o = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "Minus", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  t$1.defaultProps = Se;
+  const e$6 = (r) => /* @__PURE__ */ Pe(mr, { ...r, name: r.name || "Minus", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M299.52 460.8h409.6c28.16 0 51.2 23.04 51.2 51.2s-23.04 51.2-51.2 51.2h-409.6c-28.16 0-51.2-23.04-51.2-51.2s23.04-51.2 51.2-51.2",
@@ -1004,8 +1009,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  o.defaultProps = xe;
-  const t$1 = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "More", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  e$6.defaultProps = Se;
+  const e$5 = (a2) => /* @__PURE__ */ Pe(mr, { ...a2, name: a2.name || "More", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M170.67 512A85.33 85.33 0 1 1 0 512a85.33 85.33 0 0 1 170.67 0m426.66 0a85.33 85.33 0 1 1-170.66 0 85.33 85.33 0 0 1 170.66 0m341.34 85.33a85.33 85.33 0 1 0 0-170.66 85.33 85.33 0 0 0 0 170.66",
@@ -1013,8 +1018,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  t$1.defaultProps = xe;
-  const r = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "Notice", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  e$5.defaultProps = Se;
+  const e$4 = (a2) => /* @__PURE__ */ Pe(mr, { ...a2, name: a2.name || "Notice", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M128 384v213.33a128 128 0 0 0 0 256h768a128 128 0 0 0 0-256V384C896 171.93 724.07 0 512 0S128 171.93 128 384m0 298.67h42.67A42.67 42.67 0 0 0 213.33 640V384c0-164.95 133.72-298.67 298.67-298.67S810.67 219.05 810.67 384v256a42.67 42.67 0 0 0 42.66 42.67H896a42.67 42.67 0 1 1 0 85.33H128a42.67 42.67 0 1 1 0-85.33m256 256a42.67 42.67 0 1 0 0 85.33h256a42.67 42.67 0 1 0 0-85.33z",
@@ -1022,9 +1027,9 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  r.defaultProps = xe;
-  const e$2 = (a2) => /* @__PURE__ */ pr(hr, { ...a2, name: a2.name || "Photograph", viewBox: "0 0 1024 1024", children: [
-    /* @__PURE__ */ Se(
+  e$4.defaultProps = Se;
+  const e$3 = (a2) => /* @__PURE__ */ gr(mr, { ...a2, name: a2.name || "Photograph", viewBox: "0 0 1024 1024", children: [
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "M512 768c117.82 0 213.33-95.51 213.33-213.33S629.82 341.34 512 341.33s-213.33 95.51-213.33 213.34S394.18 768 512 768m0-85.33a128 128 0 1 1 0-256 128 128 0 0 1 0 256m298.67-256a42.67 42.67 0 1 0 0-85.34 42.67 42.67 0 0 0 0 85.34",
@@ -1033,7 +1038,7 @@ Check the top-level render call using <` + t2 + ">.");
       }
     ),
     ",",
-    /* @__PURE__ */ Se(
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "M256 170.67H128a128 128 0 0 0-128 128v554.66a128 128 0 0 0 128 128h768a128 128 0 0 0 128-128V298.67a128 128 0 0 0-128-128H768l-47.34-71a128 128 0 0 0-106.47-57H409.81a128 128 0 0 0-106.49 57zM301.65 256l72.69-109.01A42.67 42.67 0 0 1 409.83 128h204.34a42.67 42.67 0 0 1 35.49 18.99L722.33 256H896a42.67 42.67 0 0 1 42.67 42.67v554.66A42.67 42.67 0 0 1 896 896H128a42.67 42.67 0 0 1-42.67-42.67V298.67A42.67 42.67 0 0 1 128 256z",
@@ -1042,8 +1047,8 @@ Check the top-level render call using <` + t2 + ">.");
       }
     )
   ] });
-  e$2.defaultProps = xe;
-  const l$2 = (t2) => /* @__PURE__ */ Se(hr, { ...t2, name: t2.name || "Plus", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  e$3.defaultProps = Se;
+  const e$2 = (t2) => /* @__PURE__ */ Pe(mr, { ...t2, name: t2.name || "Plus", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M345.6 460.8h409.6q51.2 0 51.2 51.2t-51.2 51.2H345.6q-51.2 0-51.2-51.2t51.2-51.2M550.4 256q51.2 0 51.2 51.2v409.6q0 51.2-51.2 51.2t-51.2-51.2V307.2q0-51.2 51.2-51.2",
@@ -1051,8 +1056,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  l$2.defaultProps = xe;
-  const l$1 = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "Search", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  e$2.defaultProps = Se;
+  const o$2 = (a2) => /* @__PURE__ */ Pe(mr, { ...a2, name: a2.name || "Search", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M469.33 938.67c259.2 0 469.33-210.13 469.34-469.34S728.54 0 469.33 0 0 210.13 0 469.33s210.13 469.33 469.33 469.34m0-85.34c-212.07 0-384-171.93-384-384s171.93-384 384-384 384 171.93 384 384-171.93 384-384 384m435.5-8.83a42.67 42.67 0 1 0-60.33 60.33l106.67 106.67a42.67 42.67 0 1 0 60.33-60.33z",
@@ -1060,8 +1065,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  l$1.defaultProps = xe;
-  const a = (s2) => /* @__PURE__ */ Se(hr, { ...s2, name: s2.name || "Service", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  o$2.defaultProps = Se;
+  const t = (s) => /* @__PURE__ */ Pe(mr, { ...s, name: s.name || "Service", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M1024 657.72H905.85V531.69c0-228.43-177.23-413.54-393.85-413.54S118.15 303.26 118.15 531.69v126.03H0V531.69C0 236.3 228.43 0 512 0s512 236.31 512 531.69zM196.92 866.46C86.64 866.46 0 779.81 0 669.54s86.65-196.92 196.92-196.93 196.92 86.65 196.93 196.93-86.65 196.92-196.93 196.92m0-275.69c-43.32 0-78.77 35.45-78.77 78.77s35.45 78.77 78.77 78.77 78.77-35.45 78.77-78.77-35.45-78.77-78.77-78.77m630.16 275.69c-110.28 0-196.92-86.65-196.93-196.92s86.65-196.92 196.93-196.93S1024 559.26 1024 669.54s-86.65 196.92-196.92 196.92m0-275.69c-43.32 0-78.77 35.45-78.77 78.77s35.45 78.77 78.77 78.77 78.77-35.45 78.77-78.77-35.45-78.77-78.77-78.77m-149.66 429.29c-23.63 0-47.26-15.75-55.14-43.32-7.88-31.51 7.88-63.02 39.38-74.83 102.4-31.51 189.05-102.4 236.31-196.93 15.75-27.57 51.2-39.38 78.77-23.63s39.38 51.2 23.63 78.77c-63.02 122.09-177.23 216.61-307.2 256-3.94 3.94-11.81 3.94-15.75 3.94",
@@ -1069,8 +1074,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  a.defaultProps = xe;
-  const c = (l2) => /* @__PURE__ */ Se(hr, { ...l2, name: l2.name || "StarFill", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  t.defaultProps = Se;
+  const o$1 = (l2) => /* @__PURE__ */ Pe(mr, { ...l2, name: l2.name || "StarFill", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "m908.1 353.1-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3-12.3 12.7-12.1 32.9.6 45.3l183.7 179.1-43.4 252.9c-1.2 6.9-.1 14.1 3.2 20.3 8.2 15.6 27.6 21.7 43.2 13.4L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3",
@@ -1078,9 +1083,9 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  c.defaultProps = xe;
-  const s = (a2) => /* @__PURE__ */ pr(hr, { ...a2, name: a2.name || "Tips", viewBox: "0 0 1024 1024", children: [
-    /* @__PURE__ */ Se(
+  o$1.defaultProps = Se;
+  const i = (a2) => /* @__PURE__ */ gr(mr, { ...a2, name: a2.name || "Tips", viewBox: "0 0 1024 1024", children: [
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "M530.65 456.17H425.54l-21.34 55.85h74.39l-38.18 210.13a34.97 34.97 0 0 0 34.38 41.22H579.9l21.34-55.85h-74.39l38.18-210.13a34.92 34.92 0 0 0-34.38-41.22M512 384a64 64 0 1 0 0-128 64 64 0 0 0 0 128",
@@ -1089,7 +1094,7 @@ Check the top-level render call using <` + t2 + ">.");
       }
     ),
     ",",
-    /* @__PURE__ */ Se(
+    /* @__PURE__ */ Pe(
       "path",
       {
         d: "M512 1024c282.77 0 512-229.23 512-512S794.77 0 512 0 0 229.23 0 512s229.23 512 512 512m0-85.33C276.35 938.67 85.33 747.65 85.33 512S276.35 85.33 512 85.33 938.67 276.35 938.67 512 747.65 938.67 512 938.67",
@@ -1098,8 +1103,8 @@ Check the top-level render call using <` + t2 + ">.");
       }
     )
   ] });
-  s.defaultProps = xe;
-  const e$1 = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "Top", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  i.defaultProps = Se;
+  const e$1 = (a2) => /* @__PURE__ */ Pe(mr, { ...a2, name: a2.name || "Top", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M128 0a42.67 42.67 0 1 0 0 85.33h768A42.67 42.67 0 1 0 896 0zm391.21 173.42a10.88 10.88 0 0 0-14.42 0L3.61 619.67a10.71 10.71 0 0 0 7.21 18.67h241.34v257.11c0 71 58.05 128.55 129.64 128.55h260.4c71.59 0 129.64-57.56 129.64-128.55V638.34h241.34a10.71 10.71 0 0 0 7.21-18.67zM338.6 895.45V552.64H208.21L512 282.15l303.77 270.49H685.42v342.83c0 23.64-19.37 42.84-43.22 42.83H381.8c-23.85 0-43.2-19.2-43.2-42.85",
@@ -1107,8 +1112,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  e$1.defaultProps = xe;
-  const t = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "TriangleDown", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  e$1.defaultProps = Se;
+  const e = (a2) => /* @__PURE__ */ Pe(mr, { ...a2, name: a2.name || "TriangleDown", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "m573.06 752 308.8-404.61A76.8 76.8 0 0 0 820.74 224H203.23a76.8 76.8 0 0 0-61.05 123.39L450.98 752a76.8 76.8 0 0 0 122.08 0",
@@ -1116,8 +1121,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  t.defaultProps = xe;
-  const l = (a2) => /* @__PURE__ */ Se(hr, { ...a2, name: a2.name || "TriangleUp", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  e.defaultProps = Se;
+  const o = (a2) => /* @__PURE__ */ Pe(mr, { ...a2, name: a2.name || "TriangleUp", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "m573.06 272 308.8 404.61A76.8 76.8 0 0 1 820.74 800H203.23a76.8 76.8 0 0 1-61.05-123.39L450.98 272a76.8 76.8 0 0 1 122.08 0",
@@ -1125,8 +1130,8 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  l.defaultProps = xe;
-  const e = (s2) => /* @__PURE__ */ Se(hr, { ...s2, name: s2.name || "User", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Se(
+  o.defaultProps = Se;
+  const a = (r) => /* @__PURE__ */ Pe(mr, { ...r, name: r.name || "User", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ Pe(
     "path",
     {
       d: "M511.86 804.3c-223.01 0-402.15-179.14-402.15-402.15S288.85 0 511.86 0s402.15 179.14 402.15 402.15S734.87 804.3 511.86 804.3m0-694.62c-160.86 0-292.47 131.61-292.47 292.47S351 694.62 511.86 694.62s292.47-131.61 292.48-292.47-131.61-292.47-292.48-292.47m237.64 913.97c-29.25 0-51.18-21.94-54.84-51.18-7.31-95.05-87.74-168.17-182.8-168.17s-175.48 73.12-182.79 168.17c-3.66 29.25-29.25 54.84-58.5 51.18-29.25 0-51.18-29.25-51.18-58.49 10.97-153.55 138.92-270.54 292.47-270.54s281.5 120.64 292.47 270.54c3.65 29.25-21.94 54.84-51.18 58.49zM511.86 548.38c-47.53 0-91.4-21.93-120.64-58.49-18.28-25.59-14.62-58.49 7.31-76.77 25.59-18.28 58.49-14.62 76.77 7.31s51.18 21.93 69.47 0 54.84-29.25 76.77-7.31c21.93 18.28 29.25 54.84 7.31 76.77-25.59 40.22-69.46 58.49-116.99 58.49",
@@ -1134,7 +1139,7 @@ Check the top-level render call using <` + t2 + ">.");
       fillOpacity: "0.9"
     }
   ) });
-  e.defaultProps = xe;
+  a.defaultProps = Se;
   const ComponentDefaults = {
     className: "",
     style: {}
@@ -1658,9 +1663,9 @@ Check the top-level render call using <` + t2 + ">.");
       }
       return false;
     }
-    function baseTimes(n, iteratee) {
-      var index = -1, result = Array(n);
-      while (++index < n) {
+    function baseTimes(n2, iteratee) {
+      var index = -1, result = Array(n2);
+      while (++index < n2) {
         result[index] = iteratee(index);
       }
       return result;
@@ -2593,7 +2598,7 @@ Check the top-level render call using <` + t2 + ">.");
       if (!isError)
         return null;
       if (typeof error === "boolean" && error === true && !innerLoading) {
-        return /* @__PURE__ */ React.createElement("div", { className: "nut-img-error" }, /* @__PURE__ */ React.createElement(e$4, null));
+        return /* @__PURE__ */ React.createElement("div", { className: "nut-img-error" }, /* @__PURE__ */ React.createElement(e$9, null));
       }
       if (React.isValidElement(error) && !innerLoading) {
         return /* @__PURE__ */ React.createElement("div", { className: "nut-img-error" }, error);
@@ -2604,7 +2609,7 @@ Check the top-level render call using <` + t2 + ">.");
       if (!loading)
         return null;
       if (typeof loading === "boolean" && loading === true && innerLoading) {
-        return /* @__PURE__ */ React.createElement("div", { className: "nut-img-loading" }, /* @__PURE__ */ React.createElement(o$2, null));
+        return /* @__PURE__ */ React.createElement("div", { className: "nut-img-loading" }, /* @__PURE__ */ React.createElement(e$8, null));
       }
       if (React.isValidElement(loading) && innerLoading) {
         return /* @__PURE__ */ React.createElement("div", { className: "nut-img-loading" }, loading);
@@ -2630,7 +2635,8 @@ Check the top-level render call using <` + t2 + ">.");
           alt,
           loading: "lazy",
           onLoad: handleLoad,
-          onError: handleError
+          onError: handleError,
+          draggable: props.draggable
         }
       ) : /* @__PURE__ */ React.createElement(
         "img",
@@ -2641,7 +2647,8 @@ Check the top-level render call using <` + t2 + ">.");
           src,
           alt,
           onLoad: handleLoad,
-          onError: handleError
+          onError: handleError,
+          draggable: props.draggable
         }
       ),
       renderLoading(),
@@ -2652,8 +2659,8 @@ Check the top-level render call using <` + t2 + ">.");
   Image$1.displayName = "NutImage";
   function _extends$4() {
     _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
+      for (var i2 = 1; i2 < arguments.length; i2++) {
+        var source = arguments[i2];
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
@@ -2669,9 +2676,9 @@ Check the top-level render call using <` + t2 + ">.");
       return {};
     var target = {};
     var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
+    var key, i2;
+    for (i2 = 0; i2 < sourceKeys.length; i2++) {
+      key = sourceKeys[i2];
       if (excluded.indexOf(key) >= 0)
         continue;
       target[key] = source[key];
@@ -2706,7 +2713,7 @@ Check the top-level render call using <` + t2 + ">.");
     if (hasRequiredReactIs_production_min)
       return reactIs_production_min;
     hasRequiredReactIs_production_min = 1;
-    var b = "function" === typeof Symbol && Symbol.for, c6 = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e2 = b ? Symbol.for("react.fragment") : 60107, f = b ? Symbol.for("react.strict_mode") : 60108, g = b ? Symbol.for("react.profiler") : 60114, h = b ? Symbol.for("react.provider") : 60109, k = b ? Symbol.for("react.context") : 60110, l2 = b ? Symbol.for("react.async_mode") : 60111, m = b ? Symbol.for("react.concurrent_mode") : 60111, n = b ? Symbol.for("react.forward_ref") : 60112, p = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r2 = b ? Symbol.for("react.memo") : 60115, t2 = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w = b ? Symbol.for("react.fundamental") : 60117, x = b ? Symbol.for("react.responder") : 60118, y = b ? Symbol.for("react.scope") : 60119;
+    var b = "function" === typeof Symbol && Symbol.for, c6 = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e2 = b ? Symbol.for("react.fragment") : 60107, f = b ? Symbol.for("react.strict_mode") : 60108, g = b ? Symbol.for("react.profiler") : 60114, h = b ? Symbol.for("react.provider") : 60109, k = b ? Symbol.for("react.context") : 60110, l2 = b ? Symbol.for("react.async_mode") : 60111, m = b ? Symbol.for("react.concurrent_mode") : 60111, n2 = b ? Symbol.for("react.forward_ref") : 60112, p = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r = b ? Symbol.for("react.memo") : 60115, t2 = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w = b ? Symbol.for("react.fundamental") : 60117, x = b ? Symbol.for("react.responder") : 60118, y = b ? Symbol.for("react.scope") : 60119;
     function z(a2) {
       if ("object" === typeof a2 && null !== a2) {
         var u = a2.$$typeof;
@@ -2723,9 +2730,9 @@ Check the top-level render call using <` + t2 + ">.");
               default:
                 switch (a2 = a2 && a2.$$typeof, a2) {
                   case k:
-                  case n:
+                  case n2:
                   case t2:
-                  case r2:
+                  case r:
                   case h:
                     return a2;
                   default:
@@ -2745,10 +2752,10 @@ Check the top-level render call using <` + t2 + ">.");
     reactIs_production_min.ContextConsumer = k;
     reactIs_production_min.ContextProvider = h;
     reactIs_production_min.Element = c6;
-    reactIs_production_min.ForwardRef = n;
+    reactIs_production_min.ForwardRef = n2;
     reactIs_production_min.Fragment = e2;
     reactIs_production_min.Lazy = t2;
-    reactIs_production_min.Memo = r2;
+    reactIs_production_min.Memo = r;
     reactIs_production_min.Portal = d;
     reactIs_production_min.Profiler = g;
     reactIs_production_min.StrictMode = f;
@@ -2767,7 +2774,7 @@ Check the top-level render call using <` + t2 + ">.");
       return "object" === typeof a2 && null !== a2 && a2.$$typeof === c6;
     };
     reactIs_production_min.isForwardRef = function(a2) {
-      return z(a2) === n;
+      return z(a2) === n2;
     };
     reactIs_production_min.isFragment = function(a2) {
       return z(a2) === e2;
@@ -2776,7 +2783,7 @@ Check the top-level render call using <` + t2 + ">.");
       return z(a2) === t2;
     };
     reactIs_production_min.isMemo = function(a2) {
-      return z(a2) === r2;
+      return z(a2) === r;
     };
     reactIs_production_min.isPortal = function(a2) {
       return z(a2) === d;
@@ -2791,7 +2798,7 @@ Check the top-level render call using <` + t2 + ">.");
       return z(a2) === p;
     };
     reactIs_production_min.isValidElementType = function(a2) {
-      return "string" === typeof a2 || "function" === typeof a2 || a2 === e2 || a2 === m || a2 === g || a2 === f || a2 === p || a2 === q || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t2 || a2.$$typeof === r2 || a2.$$typeof === h || a2.$$typeof === k || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y || a2.$$typeof === v);
+      return "string" === typeof a2 || "function" === typeof a2 || a2 === e2 || a2 === m || a2 === g || a2 === f || a2 === p || a2 === q || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t2 || a2.$$typeof === r || a2.$$typeof === h || a2.$$typeof === k || a2.$$typeof === n2 || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y || a2.$$typeof === v);
     };
     reactIs_production_min.typeOf = z;
     return reactIs_production_min;
@@ -3002,11 +3009,11 @@ Check the top-level render call using <` + t2 + ">.");
           return false;
         }
         var test2 = {};
-        for (var i = 0; i < 10; i++) {
-          test2["_" + String.fromCharCode(i)] = i;
+        for (var i2 = 0; i2 < 10; i2++) {
+          test2["_" + String.fromCharCode(i2)] = i2;
         }
-        var order2 = Object.getOwnPropertyNames(test2).map(function(n) {
-          return test2[n];
+        var order2 = Object.getOwnPropertyNames(test2).map(function(n2) {
+          return test2[n2];
         });
         if (order2.join("") !== "0123456789") {
           return false;
@@ -3027,8 +3034,8 @@ Check the top-level render call using <` + t2 + ">.");
       var from;
       var to2 = toObject(target);
       var symbols;
-      for (var s2 = 1; s2 < arguments.length; s2++) {
-        from = Object(arguments[s2]);
+      for (var s = 1; s < arguments.length; s++) {
+        from = Object(arguments[s]);
         for (var key in from) {
           if (hasOwnProperty.call(from, key)) {
             to2[key] = from[key];
@@ -3036,9 +3043,9 @@ Check the top-level render call using <` + t2 + ">.");
         }
         if (getOwnPropertySymbols) {
           symbols = getOwnPropertySymbols(from);
-          for (var i = 0; i < symbols.length; i++) {
-            if (propIsEnumerable.call(from, symbols[i])) {
-              to2[symbols[i]] = from[symbols[i]];
+          for (var i2 = 0; i2 < symbols.length; i2++) {
+            if (propIsEnumerable.call(from, symbols[i2])) {
+              to2[symbols[i2]] = from[symbols[i2]];
             }
           }
         }
@@ -3273,8 +3280,8 @@ Check the top-level render call using <` + t2 + ">.");
             var propType = getPropType(propValue);
             return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an array."));
           }
-          for (var i = 0; i < propValue.length; i++) {
-            var error = typeChecker(propValue, i, componentName, location, propFullName + "[" + i + "]", ReactPropTypesSecret);
+          for (var i2 = 0; i2 < propValue.length; i2++) {
+            var error = typeChecker(propValue, i2, componentName, location, propFullName + "[" + i2 + "]", ReactPropTypesSecret);
             if (error instanceof Error) {
               return error;
             }
@@ -3331,8 +3338,8 @@ Check the top-level render call using <` + t2 + ">.");
         }
         function validate(props, propName, componentName, location, propFullName) {
           var propValue = props[propName];
-          for (var i = 0; i < expectedValues.length; i++) {
-            if (is2(propValue, expectedValues[i])) {
+          for (var i2 = 0; i2 < expectedValues.length; i2++) {
+            if (is2(propValue, expectedValues[i2])) {
               return null;
             }
           }
@@ -3374,19 +3381,19 @@ Check the top-level render call using <` + t2 + ">.");
           process.env.NODE_ENV !== "production" ? printWarning("Invalid argument supplied to oneOfType, expected an instance of array.") : void 0;
           return emptyFunctionThatReturnsNull;
         }
-        for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
-          var checker = arrayOfTypeCheckers[i];
+        for (var i2 = 0; i2 < arrayOfTypeCheckers.length; i2++) {
+          var checker = arrayOfTypeCheckers[i2];
           if (typeof checker !== "function") {
             printWarning(
-              "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i + "."
+              "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i2 + "."
             );
             return emptyFunctionThatReturnsNull;
           }
         }
         function validate(props, propName, componentName, location, propFullName) {
           var expectedTypes = [];
-          for (var i2 = 0; i2 < arrayOfTypeCheckers.length; i2++) {
-            var checker2 = arrayOfTypeCheckers[i2];
+          for (var i3 = 0; i3 < arrayOfTypeCheckers.length; i3++) {
+            var checker2 = arrayOfTypeCheckers[i3];
             var checkerResult = checker2(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
             if (checkerResult == null) {
               return null;
@@ -4394,16 +4401,20 @@ Check the top-level render call using <` + t2 + ">.");
     const offsetX = React.useRef(0);
     const offsetY = React.useRef(0);
     const direction = React.useRef("");
-    const touchTime = React.useRef(null);
+    const last = React.useRef(false);
+    const velocity = React.useRef(0);
+    const touchTime = React.useRef(Date.now());
     const isVertical = () => direction.current === "vertical";
     const isHorizontal = () => direction.current === "horizontal";
     const reset = () => {
-      touchTime.current = null;
+      touchTime.current = Date.now();
       deltaX.current = 0;
       deltaY.current = 0;
       offsetX.current = 0;
       offsetY.current = 0;
+      delta.current = 0;
       direction.current = "";
+      last.current = false;
     };
     const start2 = (event) => {
       reset();
@@ -4422,7 +4433,12 @@ Check the top-level render call using <` + t2 + ">.");
         direction.current = getDirection(offsetX.current, offsetY.current);
       }
     };
+    const end = (event) => {
+      last.current = true;
+      velocity.current = Math.sqrt(deltaX.current ** 2 + deltaY.current ** 2) / (Date.now() - touchTime.current);
+    };
     return {
+      end,
       move,
       start: start2,
       reset,
@@ -4436,7 +4452,8 @@ Check the top-level render call using <` + t2 + ">.");
       offsetY,
       direction,
       isVertical,
-      isHorizontal
+      isHorizontal,
+      last
     };
   }
   const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
@@ -4641,7 +4658,7 @@ Check the top-level render call using <` + t2 + ">.");
   };
   Overlay.defaultProps = defaultOverlayProps;
   Overlay.displayName = "NutOverlay";
-  const DataContext$2 = React.createContext({});
+  const DataContext$1 = React.createContext({});
   const defaultProps$1q = {
     ...ComponentDefaults,
     span: "24",
@@ -4655,7 +4672,7 @@ Check the top-level render call using <` + t2 + ">.");
     };
     const [colName, setColName] = React.useState("");
     const [colStyle, setColStyle] = React.useState({});
-    const { gutter } = React.useContext(DataContext$2);
+    const { gutter } = React.useContext(DataContext$1);
     const classs = () => {
       const prefixCls2 = "nut-col";
       return `${prefixCls2} ${prefixCls2}-${span} ${gutter ? `${prefixCls2}-gutter` : ""} ${prefixCls2}-offset-${offset}`;
@@ -4906,7 +4923,7 @@ Check the top-level render call using <` + t2 + ">.");
     const parentRow = {
       gutter
     };
-    return /* @__PURE__ */ React.createElement(DataContext$2.Provider, { value: parentRow }, React.createElement(
+    return /* @__PURE__ */ React.createElement(DataContext$1.Provider, { value: parentRow }, React.createElement(
       "div",
       {
         className: classNames(getClasses(), className),
@@ -5327,9 +5344,9 @@ Check the top-level render call using <` + t2 + ">.");
     return keys;
   }
   function _objectSpread2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+    for (var i2 = 1; i2 < arguments.length; i2++) {
+      var source = null != arguments[i2] ? arguments[i2] : {};
+      i2 % 2 ? ownKeys(Object(source), true).forEach(function(key) {
         _defineProperty(target, key, source[key]);
       }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
@@ -5811,11 +5828,11 @@ Check the top-level render call using <` + t2 + ">.");
       if (process.env.NODE_ENV === "development") {
         const originalTransform = transform || identity;
         return (v) => {
-          const r2 = originalTransform(v);
-          if (!isFinite(r2[0]) || !isFinite(r2[1])) {
-            console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${r2[0]},${[1]}]`);
+          const r = originalTransform(v);
+          if (!isFinite(r[0]) || !isFinite(r[1])) {
+            console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${r[0]},${[1]}]`);
           }
-          return r2;
+          return r;
         };
       }
       return transform || identity;
@@ -6818,9 +6835,9 @@ This message will only appear in development mode.`);
       return {};
     var target = {};
     var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
+    var key, i2;
+    for (i2 = 0; i2 < sourceKeys.length; i2++) {
+      key = sourceKeys[i2];
       if (excluded.indexOf(key) >= 0)
         continue;
       target[key] = source[key];
@@ -6831,11 +6848,11 @@ This message will only appear in development mode.`);
     if (source == null)
       return {};
     var target = _objectWithoutPropertiesLoose$2(source, excluded);
-    var key, i;
+    var key, i2;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
+      for (i2 = 0; i2 < sourceSymbolKeys.length; i2++) {
+        key = sourceSymbolKeys[i2];
         if (excluded.indexOf(key) >= 0)
           continue;
         if (!Object.prototype.propertyIsEnumerable.call(source, key))
@@ -6878,9 +6895,9 @@ This message will only appear in development mode.`);
       switch (typeof resolver) {
         case "function":
           if (process.env.NODE_ENV === "development") {
-            const r2 = resolver.call(result, config2[key], key, config2);
-            if (!Number.isNaN(r2))
-              result[key] = r2;
+            const r = resolver.call(result, config2[key], key, config2);
+            if (!Number.isNaN(r))
+              result[key] = r;
           } else {
             result[key] = resolver.call(result, config2[key], key, config2);
           }
@@ -7205,10 +7222,10 @@ Please add \`${key}Action\` when creating your handler.`);
   raf.setTimeout = (handler, ms) => {
     let time = raf.now() + ms;
     let cancel = () => {
-      let i = timeouts.findIndex((t2) => t2.cancel == cancel);
-      if (~i)
-        timeouts.splice(i, 1);
-      pendingCount -= ~i ? 1 : 0;
+      let i2 = timeouts.findIndex((t2) => t2.cancel == cancel);
+      if (~i2)
+        timeouts.splice(i2, 1);
+      pendingCount -= ~i2 ? 1 : 0;
     };
     let timeout = {
       time,
@@ -7365,8 +7382,8 @@ Please add \`${key}Action\` when creating your handler.`);
     if (is.arr(a2)) {
       if (!is.arr(b) || a2.length !== b.length)
         return false;
-      for (let i = 0; i < a2.length; i++) {
-        if (a2[i] !== b[i])
+      for (let i2 = 0; i2 < a2.length; i2++) {
+        if (a2[i2] !== b[i2])
           return false;
       }
       return true;
@@ -7376,8 +7393,8 @@ Please add \`${key}Action\` when creating your handler.`);
   const each = (obj, fn) => obj.forEach(fn);
   function eachProp(obj, fn, ctx2) {
     if (is.arr(obj)) {
-      for (let i = 0; i < obj.length; i++) {
-        fn.call(ctx2, obj[i], `${i}`);
+      for (let i2 = 0; i2 < obj.length; i2++) {
+        fn.call(ctx2, obj[i2], `${i2}`);
       }
       return;
     }
@@ -7489,8 +7506,8 @@ Please add \`${key}Action\` when creating your handler.`);
   }
   function advance(dt) {
     const nextFrame = prevFrame;
-    for (let i = 0; i < currentFrame.length; i++) {
-      const animation = currentFrame[i];
+    for (let i2 = 0; i2 < currentFrame.length; i2++) {
+      const animation = currentFrame[i2];
       priority = animation.priority;
       if (!animation.idle) {
         willAdvance(animation);
@@ -7721,13 +7738,13 @@ Please add \`${key}Action\` when creating your handler.`);
       return p + (q - p) * (2 / 3 - t2) * 6;
     return p;
   }
-  function hslToRgb(h, s2, l2) {
-    const q = l2 < 0.5 ? l2 * (1 + s2) : l2 + s2 - l2 * s2;
+  function hslToRgb(h, s, l2) {
+    const q = l2 < 0.5 ? l2 * (1 + s) : l2 + s - l2 * s;
     const p = 2 * l2 - q;
-    const r2 = hue2rgb(p, q, h + 1 / 3);
+    const r = hue2rgb(p, q, h + 1 / 3);
     const g = hue2rgb(p, q, h);
     const b = hue2rgb(p, q, h - 1 / 3);
-    return Math.round(r2 * 255) << 24 | Math.round(g * 255) << 16 | Math.round(b * 255) << 8;
+    return Math.round(r * 255) << 24 | Math.round(g * 255) << 16 | Math.round(b * 255) << 8;
   }
   function parse255(str) {
     const int = parseInt(str, 10);
@@ -7762,11 +7779,11 @@ Please add \`${key}Action\` when creating your handler.`);
     if (int32Color === null)
       return input;
     int32Color = int32Color || 0;
-    let r2 = (int32Color & 4278190080) >>> 24;
+    let r = (int32Color & 4278190080) >>> 24;
     let g = (int32Color & 16711680) >>> 16;
     let b = (int32Color & 65280) >>> 8;
     let a2 = (int32Color & 255) / 255;
-    return `rgba(${r2}, ${g}, ${b}, ${a2})`;
+    return `rgba(${r}, ${g}, ${b}, ${a2})`;
   }
   const createInterpolator = (range2, output, extrapolate) => {
     if (is.fun(range2)) {
@@ -7827,10 +7844,10 @@ Please add \`${key}Action\` when creating your handler.`);
     return result;
   }
   function findRange(input, inputRange) {
-    for (var i = 1; i < inputRange.length - 1; ++i)
-      if (inputRange[i] >= input)
+    for (var i2 = 1; i2 < inputRange.length - 1; ++i2)
+      if (inputRange[i2] >= input)
         break;
-    return i - 1;
+    return i2 - 1;
   }
   const steps = (steps2, direction = "end") => (progress) => {
     progress = direction === "end" ? Math.min(progress, 0.999) : Math.max(progress, 1e-3);
@@ -7892,8 +7909,8 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   function _extends$3() {
     _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
+      for (var i2 = 1; i2 < arguments.length; i2++) {
+        var source = arguments[i2];
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
@@ -8012,11 +8029,11 @@ Please add \`${key}Action\` when creating your handler.`);
       return getFluidValue(value).replace(cssVariableRegex, variableToRgba).replace(colorRegex, colorToRgba).replace(namedColorRegex, colorToRgba);
     });
     const keyframes = output.map((value) => value.match(numberRegex).map(Number));
-    const outputRanges = keyframes[0].map((_, i) => keyframes.map((values) => {
-      if (!(i in values)) {
+    const outputRanges = keyframes[0].map((_, i2) => keyframes.map((values) => {
+      if (!(i2 in values)) {
         throw Error('The arity of each "output" value must be equal');
       }
-      return values[i];
+      return values[i2];
     }));
     const interpolators = outputRanges.map((output2) => createInterpolator(_extends$3({}, config2, {
       output: output2
@@ -8024,8 +8041,8 @@ Please add \`${key}Action\` when creating your handler.`);
     return (input) => {
       var _output$find;
       const missingUnit = !unitRegex.test(output[0]) && ((_output$find = output.find((value) => unitRegex.test(value))) == null ? void 0 : _output$find.replace(numberRegex, ""));
-      let i = 0;
-      return output[0].replace(numberRegex, () => `${interpolators[i++](input)}${missingUnit || ""}`).replace(rgbaRegex, rgbaRound);
+      let i2 = 0;
+      return output[0].replace(numberRegex, () => `${interpolators[i2++](input)}${missingUnit || ""}`).replace(rgbaRegex, rgbaRound);
     };
   };
   const prefix = "react-spring: ";
@@ -8104,8 +8121,8 @@ Please add \`${key}Action\` when creating your handler.`);
     if (next.length !== prev.length) {
       return false;
     }
-    for (let i = 0; i < next.length; i++) {
-      if (next[i] !== prev[i]) {
+    for (let i2 = 0; i2 < next.length; i2++) {
+      if (next[i2] !== prev[i2]) {
         return false;
       }
     }
@@ -8289,7 +8306,7 @@ Please add \`${key}Action\` when creating your handler.`);
     setValue(source) {
       const payload = this.getPayload();
       if (source.length == payload.length) {
-        return payload.map((node, i) => node.setValue(source[i])).some(Boolean);
+        return payload.map((node, i2) => node.setValue(source[i2])).some(Boolean);
       }
       super.setValue(source.map(makeAnimated));
       return true;
@@ -8305,8 +8322,8 @@ Please add \`${key}Action\` when creating your handler.`);
   }
   function _extends$2() {
     _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
+      for (var i2 = 1; i2 < arguments.length; i2++) {
+        var source = arguments[i2];
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
@@ -8424,8 +8441,8 @@ Please add \`${key}Action\` when creating your handler.`);
   const getDisplayName = (arg) => is.str(arg) ? arg : arg && is.str(arg.displayName) ? arg.displayName : is.fun(arg) && arg.name || null;
   function _extends$1() {
     _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
+      for (var i2 = 1; i2 < arguments.length; i2++) {
+        var source = arguments[i2];
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
@@ -8989,10 +9006,10 @@ Please add \`${key}Action\` when creating your handler.`);
       if (!payload && hasFluidValue(anim.to)) {
         toValues = toArray(getFluidValue(anim.to));
       }
-      anim.values.forEach((node2, i) => {
+      anim.values.forEach((node2, i2) => {
         if (node2.done)
           return;
-        const to2 = node2.constructor == AnimatedString ? 1 : payload ? payload[i].lastPosition : toValues[i];
+        const to2 = node2.constructor == AnimatedString ? 1 : payload ? payload[i2].lastPosition : toValues[i2];
         let finished = anim.immediate;
         let position = to2;
         if (!finished) {
@@ -9002,8 +9019,8 @@ Please add \`${key}Action\` when creating your handler.`);
             return;
           }
           let elapsed = node2.elapsedTime += dt;
-          const from = anim.fromValues[i];
-          const v0 = node2.v0 != null ? node2.v0 : node2.v0 = is.arr(config2.velocity) ? config2.velocity[i] : config2.velocity;
+          const from = anim.fromValues[i2];
+          const v0 = node2.v0 != null ? node2.v0 : node2.v0 = is.arr(config2.velocity) ? config2.velocity[i2] : config2.velocity;
           let velocity;
           const precision = config2.precision || (from == to2 ? 5e-3 : Math.min(1, Math.abs(to2 - from) * 1e-3));
           if (!is.und(config2.duration)) {
@@ -9039,7 +9056,7 @@ Please add \`${key}Action\` when creating your handler.`);
             let isBouncing = false;
             const step = 1;
             const numSteps = Math.ceil(dt / step);
-            for (let n = 0; n < numSteps; ++n) {
+            for (let n2 = 0; n2 < numSteps; ++n2) {
               isMoving = Math.abs(velocity) > restVelocity;
               if (!isMoving) {
                 finished = Math.abs(to2 - position) <= precision;
@@ -9067,7 +9084,7 @@ Please add \`${key}Action\` when creating your handler.`);
             finished = true;
           }
         }
-        if (payload && !payload[i].done) {
+        if (payload && !payload[i2].done) {
           finished = false;
         }
         if (finished) {
@@ -9871,9 +9888,9 @@ Please add \`${key}Action\` when creating your handler.`);
       return {};
     var target = {};
     var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
+    var key, i2;
+    for (i2 = 0; i2 < sourceKeys.length; i2++) {
+      key = sourceKeys[i2];
       if (excluded.indexOf(key) >= 0)
         continue;
       target[key] = source[key];
@@ -9912,11 +9929,11 @@ Please add \`${key}Action\` when creating your handler.`);
     const SpringRef2 = function SpringRef3(props) {
       deprecateDirectCall();
       const results = [];
-      each(current, (ctrl, i) => {
+      each(current, (ctrl, i2) => {
         if (is.und(props)) {
           results.push(ctrl.start());
         } else {
-          const update2 = _getProps(props, ctrl, i);
+          const update2 = _getProps(props, ctrl, i2);
           if (update2) {
             results.push(ctrl.start(update2));
           }
@@ -9931,9 +9948,9 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
     SpringRef2.delete = function(ctrl) {
-      const i = current.indexOf(ctrl);
-      if (~i)
-        current.splice(i, 1);
+      const i2 = current.indexOf(ctrl);
+      if (~i2)
+        current.splice(i2, 1);
     };
     SpringRef2.pause = function() {
       each(current, (ctrl) => ctrl.pause(...arguments));
@@ -9948,11 +9965,11 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     SpringRef2.start = function(props) {
       const results = [];
-      each(current, (ctrl, i) => {
+      each(current, (ctrl, i2) => {
         if (is.und(props)) {
           results.push(ctrl.start());
         } else {
-          const update2 = this._getProps(props, ctrl, i);
+          const update2 = this._getProps(props, ctrl, i2);
           if (update2) {
             results.push(ctrl.start(update2));
           }
@@ -9965,7 +9982,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return this;
     };
     SpringRef2.update = function(props) {
-      each(current, (ctrl, i) => ctrl.update(this._getProps(props, ctrl, i)));
+      each(current, (ctrl, i2) => ctrl.update(this._getProps(props, ctrl, i2)));
       return this;
     };
     const _getProps = function _getProps2(arg, ctrl, index) {
@@ -10011,15 +10028,15 @@ Please add \`${key}Action\` when creating your handler.`);
       declareUpdates(0, Math.min(prevLength, length));
     }, deps);
     function declareUpdates(startIndex, endIndex) {
-      for (let i = startIndex; i < endIndex; i++) {
-        const ctrl = ctrls.current[i] || (ctrls.current[i] = new Controller(null, state.flush));
-        const update2 = propsFn ? propsFn(i, ctrl) : props[i];
+      for (let i2 = startIndex; i2 < endIndex; i2++) {
+        const ctrl = ctrls.current[i2] || (ctrls.current[i2] = new Controller(null, state.flush));
+        const update2 = propsFn ? propsFn(i2, ctrl) : props[i2];
         if (update2) {
-          updates[i] = declareUpdate(update2);
+          updates[i2] = declareUpdate(update2);
         }
       }
     }
-    const springs = ctrls.current.map((ctrl, i) => getSprings(ctrl, updates[i]));
+    const springs = ctrls.current.map((ctrl, i2) => getSprings(ctrl, updates[i2]));
     const context = React.useContext(SpringContext);
     const prevContext = usePrev(context);
     const hasContext = context !== prevContext && hasProps(context);
@@ -10033,14 +10050,14 @@ Please add \`${key}Action\` when creating your handler.`);
         state.queue = [];
         each(queue, (cb) => cb());
       }
-      each(ctrls.current, (ctrl, i) => {
+      each(ctrls.current, (ctrl, i2) => {
         ref == null ? void 0 : ref.add(ctrl);
         if (hasContext) {
           ctrl.start({
             default: context
           });
         }
-        const update2 = updates[i];
+        const update2 = updates[i2];
         if (update2) {
           replaceRef(ctrl, update2.ref);
           if (ctrl.ref) {
@@ -10178,9 +10195,9 @@ Please add \`${key}Action\` when creating your handler.`);
       return {};
     var target = {};
     var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
+    var key, i2;
+    for (i2 = 0; i2 < sourceKeys.length; i2++) {
+      key = sourceKeys[i2];
       if (excluded.indexOf(key) >= 0)
         continue;
       target[key] = source[key];
@@ -10210,7 +10227,7 @@ Please add \`${key}Action\` when creating your handler.`);
       viewBox
     } = _ref, attributes = _objectWithoutPropertiesLoose(_ref, _excluded$2);
     const values = Object.values(attributes);
-    const names = Object.keys(attributes).map((name) => isFilterElement || instance.hasAttribute(name) ? name : attributeCache[name] || (attributeCache[name] = name.replace(/([A-Z])/g, (n) => "-" + n.toLowerCase())));
+    const names = Object.keys(attributes).map((name) => isFilterElement || instance.hasAttribute(name) ? name : attributeCache[name] || (attributeCache[name] = name.replace(/([A-Z])/g, (n2) => "-" + n2.toLowerCase())));
     if (children !== void 0) {
       instance.textContent = children;
     }
@@ -10224,8 +10241,8 @@ Please add \`${key}Action\` when creating your handler.`);
         }
       }
     }
-    names.forEach((name, i) => {
-      instance.setAttribute(name, values[i]);
+    names.forEach((name, i2) => {
+      instance.setAttribute(name, values[i2]);
     });
     if (scrollTop !== void 0) {
       instance.scrollTop = scrollTop;
@@ -10337,9 +10354,9 @@ Please add \`${key}Action\` when creating your handler.`);
     _get() {
       let transform = "";
       let identity2 = true;
-      each(this.inputs, (input, i) => {
+      each(this.inputs, (input, i2) => {
         const arg1 = getFluidValue(input[0]);
-        const [t2, id] = this.transforms[i](is.arr(arg1) ? arg1 : input.map(getFluidValue));
+        const [t2, id] = this.transforms[i2](is.arr(arg1) ? arg1 : input.map(getFluidValue));
         transform += " " + t2;
         identity2 = identity2 && id;
       });
@@ -10437,8 +10454,8 @@ Please add \`${key}Action\` when creating your handler.`);
     const calculateHeight = () => {
       let height2 = 0;
       state.current.listHeight.push(height2);
-      for (let i = 0; i < state.current.listGroup.length; i++) {
-        const item = state.current.listGroup[i];
+      for (let i2 = 0; i2 < state.current.listGroup.length; i2++) {
+        const item = state.current.listGroup[i2];
         height2 += item.clientHeight;
         state.current.listHeight.push(height2);
       }
@@ -10508,11 +10525,11 @@ Please add \`${key}Action\` when creating your handler.`);
       scrollTop = Math.ceil(scrollTop);
       state.current.scrollY = scrollTop;
       setScrollY(scrollTop);
-      for (let i = 0; i < listHeight.length - 1; i++) {
-        const height1 = listHeight[i];
-        const height2 = listHeight[i + 1];
+      for (let i2 = 0; i2 < listHeight.length - 1; i2++) {
+        const height1 = listHeight[i2];
+        const height2 = listHeight[i2 + 1];
         if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
-          setCurrentIndex(i);
+          setCurrentIndex(i2);
           return;
         }
       }
@@ -10659,7 +10676,7 @@ Please add \`${key}Action\` when creating your handler.`);
           item.num && /* @__PURE__ */ React.createElement("div", { className: "b" }, item.num)
         );
       }))),
-      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-btn`, onClick: () => onUpdateValue() }, content || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(l$4, { color: "#fff" }), /* @__PURE__ */ React.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)))
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-btn`, onClick: () => onUpdateValue() }, content || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(e$d, { color: "#fff" }), /* @__PURE__ */ React.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)))
     );
   };
   FixedNav.defaultProps = defaultProps$1g;
@@ -10906,10 +10923,10 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     const renderTitle = () => {
       if (left || title || description) {
-        return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title` }, position === "bottom" && /* @__PURE__ */ React.createElement(React.Fragment, null, left && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title-left` }, left), (title || description) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title-title` }, title, description && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title-description` }, description))), closeable && /* @__PURE__ */ React.createElement("div", { className: closeClasses, onClick: onHandleClickCloseIcon }, React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React.createElement(r$2, null)));
+        return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title` }, position === "bottom" && /* @__PURE__ */ React.createElement(React.Fragment, null, left && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title-left` }, left), (title || description) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title-title` }, title, description && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title-description` }, description))), closeable && /* @__PURE__ */ React.createElement("div", { className: closeClasses, onClick: onHandleClickCloseIcon }, React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React.createElement(e$c, null)));
       }
       if (closeable) {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, closeable && /* @__PURE__ */ React.createElement("div", { className: closeClasses, onClick: onHandleClickCloseIcon }, React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React.createElement(r$2, null)));
+        return /* @__PURE__ */ React.createElement(React.Fragment, null, closeable && /* @__PURE__ */ React.createElement("div", { className: closeClasses, onClick: onHandleClickCloseIcon }, React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React.createElement(e$c, null)));
       }
     };
     const renderPop = () => {
@@ -11529,7 +11546,7 @@ Please add \`${key}Action\` when creating your handler.`);
             className: `${classPrefix$j}-titles-item-smile`,
             style: tabsActiveStyle
           },
-          /* @__PURE__ */ React.createElement(t$3, { color: activeColor, width: 40, height: 20 })
+          /* @__PURE__ */ React.createElement(e$7, { color: activeColor, width: 40, height: 20 })
         ),
         /* @__PURE__ */ React.createElement(
           "div",
@@ -11589,9 +11606,9 @@ Please add \`${key}Action\` when creating your handler.`);
     return newNode;
   });
   const eachTree = (tree, cb) => {
-    let i = 0;
+    let i2 = 0;
     let node;
-    while (node = tree[i++]) {
+    while (node = tree[i2++]) {
       if (cb(node) === true) {
         break;
       }
@@ -11625,9 +11642,9 @@ Please add \`${key}Action\` when creating your handler.`);
       node.children = map[id] || (map[id] = []);
     });
     if (sortKey) {
-      Object.keys(map).forEach((i) => {
-        if (map[i].length > 1) {
-          map[i].sort((a2, b) => a2[sortKey] - b[sortKey]);
+      Object.keys(map).forEach((i2) => {
+        if (map[i2].length > 1) {
+          map[i2].sort((a2, b) => a2[sortKey] - b[sortKey]);
         }
       });
     }
@@ -11971,7 +11988,7 @@ Please add \`${key}Action\` when creating your handler.`);
             return activeIcon;
           }
           return /* @__PURE__ */ React.createElement(
-            r$3,
+            l$1,
             {
               className: `${checked ? `${classPrefix2}-icon-check` : ""}`
             }
@@ -12141,7 +12158,7 @@ Please add \`${key}Action\` when creating your handler.`);
             selectedExist(item);
           }
         },
-        item.selectedAddress ? /* @__PURE__ */ React.createElement(React.Fragment, null, React.isValidElement(selectIcon) ? selectIcon : /* @__PURE__ */ React.createElement(o$6, { color: "var(--nutui-color-primary)" })) : /* @__PURE__ */ React.createElement(React.Fragment, null, React.isValidElement(defaultIcon) ? defaultIcon : /* @__PURE__ */ React.createElement(r$1, null)),
+        item.selectedAddress ? /* @__PURE__ */ React.createElement(React.Fragment, null, React.isValidElement(selectIcon) ? selectIcon : /* @__PURE__ */ React.createElement(o$5, { color: "var(--nutui-color-primary)" })) : /* @__PURE__ */ React.createElement(React.Fragment, null, React.isValidElement(defaultIcon) ? defaultIcon : /* @__PURE__ */ React.createElement(l, null)),
         /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-exist-item-info` }, item.name && item.phone && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, item.name), /* @__PURE__ */ React.createElement("div", null, item.phone)), /* @__PURE__ */ React.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail))
       );
     })), (custom || custom && locale.address.chooseAnotherAddress) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer`, onClick }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-btn` }, custom)));
@@ -12213,7 +12230,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClose && onClose();
     };
     const renderLeftOnCustomSwitch = () => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, custom && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left-icon`, onClick: onSwitchModule }, React.isValidElement(backIcon) ? backIcon : /* @__PURE__ */ React.createElement(l$4, { color: "#cccccc" })));
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, custom && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left-icon`, onClick: onSwitchModule }, React.isValidElement(backIcon) ? backIcon : /* @__PURE__ */ React.createElement(e$d, { color: "#cccccc" })));
     };
     const selectedExistItem = (data) => {
       onExistSelect && onExistSelect(data);
@@ -12348,9 +12365,9 @@ Please add \`${key}Action\` when creating your handler.`);
      * 补齐数字位数
      * @return {string}
      */
-    getNumTwoBit(n) {
-      n = Number(n);
-      return (n > 9 ? "" : "0") + n;
+    getNumTwoBit(n2) {
+      n2 = Number(n2);
+      return (n2 > 9 ? "" : "0") + n2;
     },
     /**
      * 日期对象转成字符串
@@ -12368,10 +12385,10 @@ Please add \`${key}Action\` when creating your handler.`);
      * @param {Number} 0返回今天的日期、1返回明天的日期，2返回后天得日期，依次类推
      * @return {string} '2014-12-31'
      */
-    getDay(i) {
-      i = i || 0;
+    getDay(i2) {
+      i2 = i2 || 0;
       let date2 = /* @__PURE__ */ new Date();
-      const diff = i * (1e3 * 60 * 60 * 24);
+      const diff = i2 * (1e3 * 60 * 60 * 24);
       date2 = new Date(date2.getTime() + diff);
       return this.date2Str(date2);
     },
@@ -12637,7 +12654,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const classPrefix2 = "nut-calendar";
     const dayPrefix = "nut-calendar-day";
     const getMonthData = (curData, monthNum, type22) => {
-      let i = 0;
+      let i2 = 0;
       let date2 = curData;
       const monthData = monthsData;
       do {
@@ -12677,7 +12694,7 @@ Please add \`${key}Action\` when creating your handler.`);
           monthData.unshift(monthInfo);
         }
         date2 = getCurrMonthData("next", y, m);
-      } while (i++ < monthNum);
+      } while (i2++ < monthNum);
       setMonthsData(monthData);
     };
     const setReachedYearMonthInfo = (current) => {
@@ -13098,7 +13115,7 @@ Please add \`${key}Action\` when creating your handler.`);
             style: { transform: `translateY(${translateY}px)` }
           },
           monthsData.slice(monthDefaultRange[0], monthDefaultRange[1]).map((month, key) => {
-            return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-month`, key }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-month-title` }, month.title), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-days` }, month.monthData.map((day, i) => /* @__PURE__ */ React.createElement(
+            return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-month`, key }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-month-title` }, month.title), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-days` }, month.monthData.map((day, i2) => /* @__PURE__ */ React.createElement(
               "div",
               {
                 className: [
@@ -13108,7 +13125,7 @@ Please add \`${key}Action\` when creating your handler.`);
                 onClick: () => {
                   chooseDay(day, month);
                 },
-                key: i
+                key: i2
               },
               /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-day-day` }, renderDay ? renderDay(day) : day.day),
               !isStartTip(day, month) && renderDayTop && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-day-info-top` }, renderDayTop(day)),
@@ -13460,12 +13477,12 @@ Please add \`${key}Action\` when creating your handler.`);
       const size = days2.length;
       const yearOfNextMonth = month2.month === 12 ? month2.year + 1 : month2.year;
       const monthOfNextMonth = month2.month === 12 ? 1 : month2.month + 1;
-      for (let i = 1; i <= 42 - size; i++) {
+      for (let i2 = 1; i2 <= 42 - size; i2++) {
         days2.push({
           type: "next",
           year: yearOfNextMonth,
           month: monthOfNextMonth,
-          date: i
+          date: i2
         });
       }
       return days2;
@@ -13604,10 +13621,10 @@ Please add \`${key}Action\` when creating your handler.`);
       };
     });
     const handleDayClick = (day) => {
+      onDayClick == null ? void 0 : onDayClick(day);
       if (day.type === "prev" || day.type === "next" || isDisable(day)) {
         return;
       }
-      onDayClick == null ? void 0 : onDayClick(day);
       switch (type2) {
         case "single": {
           if (innerValue[0] && isSameDay(innerValue[0], day)) {
@@ -13618,9 +13635,9 @@ Please add \`${key}Action\` when creating your handler.`);
           break;
         }
         case "multiple": {
-          const t2 = innerValue.find((i) => isSameDay(i, day));
+          const t2 = innerValue.find((i2) => isSameDay(i2, day));
           if (t2) {
-            change(innerValue.filter((i) => i !== t2));
+            change(innerValue.filter((i2) => i2 !== t2));
           } else {
             change([...innerValue, day]);
           }
@@ -13898,20 +13915,20 @@ Please add \`${key}Action\` when creating your handler.`);
     const renderIcon = () => {
       if (innerDisabled) {
         if (innerIndeterminate) {
-          return /* @__PURE__ */ React.createElement(l$3, { className: color() });
+          return /* @__PURE__ */ React.createElement(o$6, { className: color() });
         }
         if (innerChecked) {
-          return /* @__PURE__ */ React.createElement(o$5, { className: color() });
+          return /* @__PURE__ */ React.createElement(o$4, { className: color() });
         }
-        return /* @__PURE__ */ React.createElement(l$3, { className: color() });
+        return /* @__PURE__ */ React.createElement(o$6, { className: color() });
       }
       if (!innerChecked) {
-        return React.isValidElement(icon) ? icon : /* @__PURE__ */ React.createElement(o$7, { className: color() });
+        return React.isValidElement(icon) ? icon : /* @__PURE__ */ React.createElement(t$3, { className: color() });
       }
       if (innerIndeterminate) {
-        return React.isValidElement(indeterminateIcon) ? indeterminateIcon : /* @__PURE__ */ React.createElement(l$3, { className: color() });
+        return React.isValidElement(indeterminateIcon) ? indeterminateIcon : /* @__PURE__ */ React.createElement(o$6, { className: color() });
       }
-      return React.isValidElement(activeIcon) ? activeIcon : /* @__PURE__ */ React.createElement(o$5, { className: color() });
+      return React.isValidElement(activeIcon) ? activeIcon : /* @__PURE__ */ React.createElement(o$4, { className: color() });
     };
     const color = () => {
       const cls = `${classPrefix$h}-icon `;
@@ -14110,9 +14127,9 @@ Please add \`${key}Action\` when creating your handler.`);
           return false;
         });
       } else {
-        options2.forEach((item, i) => {
+        options2.forEach((item, i2) => {
           if (item.value === defaultValue) {
-            index = i;
+            index = i2;
           }
         });
       }
@@ -14814,8 +14831,8 @@ Please add \`${key}Action\` when creating your handler.`);
   const Context = React.createContext({});
   function _extends() {
     _extends = Object.assign ? Object.assign.bind() : function(target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
+      for (var i2 = 1; i2 < arguments.length; i2++) {
+        var source = arguments[i2];
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
@@ -14935,7 +14952,7 @@ Please add \`${key}Action\` when creating your handler.`);
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       args[_key - 1] = arguments[_key];
     }
-    var i = 0;
+    var i2 = 0;
     var len = args.length;
     if (typeof template === "function") {
       return template.apply(null, args);
@@ -14945,17 +14962,17 @@ Please add \`${key}Action\` when creating your handler.`);
         if (x === "%%") {
           return "%";
         }
-        if (i >= len) {
+        if (i2 >= len) {
           return x;
         }
         switch (x) {
           case "%s":
-            return String(args[i++]);
+            return String(args[i2++]);
           case "%d":
-            return Number(args[i++]);
+            return Number(args[i2++]);
           case "%j":
             try {
-              return JSON.stringify(args[i++]);
+              return JSON.stringify(args[i2++]);
             } catch (_) {
               return "[Circular]";
             }
@@ -15086,11 +15103,11 @@ Please add \`${key}Action\` when creating your handler.`);
   }
   function getValue(value, path) {
     var v = value;
-    for (var i = 0; i < path.length; i++) {
+    for (var i2 = 0; i2 < path.length; i2++) {
       if (v == void 0) {
         return v;
       }
-      v = v[path[i]];
+      v = v[path[i2]];
     }
     return v;
   }
@@ -15116,13 +15133,13 @@ Please add \`${key}Action\` when creating your handler.`);
   }
   function deepMerge(target, source) {
     if (source) {
-      for (var s2 in source) {
-        if (source.hasOwnProperty(s2)) {
-          var value = source[s2];
-          if (typeof value === "object" && typeof target[s2] === "object") {
-            target[s2] = _extends({}, target[s2], value);
+      for (var s in source) {
+        if (source.hasOwnProperty(s)) {
+          var value = source[s];
+          if (typeof value === "object" && typeof target[s] === "object") {
+            target[s] = _extends({}, target[s], value);
           } else {
-            target[s2] = value;
+            target[s] = value;
           }
         }
       }
@@ -15669,8 +15686,8 @@ Please add \`${key}Action\` when creating your handler.`);
             errors.push(e2);
           }
         }
-        for (var i = 0; i < results.length; i++) {
-          add(results[i]);
+        for (var i2 = 0; i2 < results.length; i2++) {
+          add(results[i2]);
         }
         if (!errors.length) {
           callback(null, source);
@@ -15694,8 +15711,8 @@ Please add \`${key}Action\` when creating your handler.`);
       keys.forEach(function(z) {
         var arr = _this2.rules[z];
         var value = source[z];
-        arr.forEach(function(r2) {
-          var rule = r2;
+        arr.forEach(function(r) {
+          var rule = r;
           if (typeof rule.transform === "function") {
             if (source === source_) {
               source = _extends({}, source);
@@ -15996,7 +16013,7 @@ Please add \`${key}Action\` when creating your handler.`);
           condition: shouldUpdate
         });
         return () => {
-          this.updateList = this.updateList.filter((i) => i.entity !== field);
+          this.updateList = this.updateList.filter((i2) => i2.entity !== field);
         };
       };
       this.dispatch = ({ name }) => {
@@ -16504,7 +16521,7 @@ Please add \`${key}Action\` when creating your handler.`);
               }
             }
           },
-          clearIcon || /* @__PURE__ */ React.createElement(o$1, { className: "nut-input-clear" })
+          clearIcon || /* @__PURE__ */ React.createElement(t$1, { className: "nut-input-clear" })
         ) : null
       );
     }
@@ -16676,7 +16693,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes, style, ...restProps }, /* @__PURE__ */ React.createElement("div", { className: "nut-input-minus" }, /* @__PURE__ */ React.createElement(
-      o,
+      e$6,
       {
         className: classNames("nut-inputnumber-icon icon-minus", {
           [`${classPrefix$g}-icon-disabled`]: shadowValue === min || disabled
@@ -16696,7 +16713,7 @@ Please add \`${key}Action\` when creating your handler.`);
         onFocus: handleFocus
       }
     )), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add" }, /* @__PURE__ */ React.createElement(
-      l$2,
+      e$2,
       {
         className: classNames("nut-inputnumber-icon icon-plus", {
           [`${classPrefix$g}-icon-disabled`]: shadowValue === max || disabled
@@ -16807,9 +16824,9 @@ Please add \`${key}Action\` when creating your handler.`);
       getParentOffset();
     }, [showPopup]);
     React.useImperativeHandle(ref, () => ({
-      toggle: (s2) => {
+      toggle: (s) => {
         const from = "REF";
-        s2 ? parent.toggleMenuItem(index, from) : parent.hideMenuItem(index, from);
+        s ? parent.toggleMenuItem(index, from) : parent.hideMenuItem(index, from);
       }
     }));
     const getIconCName = (optionVal, value2) => {
@@ -16935,7 +16952,7 @@ Please add \`${key}Action\` when creating your handler.`);
               }
             },
             item.value === innerValue ? /* @__PURE__ */ React.createElement("i", null, icon || /* @__PURE__ */ React.createElement(
-              o$6,
+              o$5,
               {
                 color: activeColor,
                 className: getIconCName(item.value, value)
@@ -17015,7 +17032,7 @@ Please add \`${key}Action\` when creating your handler.`);
         onClose && onClose(index, from);
       }
       const temp = showMenuItem.map(
-        (i, idx) => idx === index ? i : false
+        (i2, idx) => idx === index ? i2 : false
       );
       setShowMenuItem([...temp]);
     };
@@ -17085,14 +17102,14 @@ Please add \`${key}Action\` when creating your handler.`);
             },
             /* @__PURE__ */ React.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
             icon || (direction === "up" ? /* @__PURE__ */ React.createElement(
-              t$4,
+              l$2,
               {
                 className: "nut-menu-title-icon",
                 width: "12px",
                 height: "12px"
               }
             ) : /* @__PURE__ */ React.createElement(
-              t$5,
+              l$3,
               {
                 className: "nut-menu-title-icon",
                 width: "12px",
@@ -17237,7 +17254,7 @@ Please add \`${key}Action\` when creating your handler.`);
         },
         (item.type === "num" || item.type === "custom") && /* @__PURE__ */ React.createElement("div", null, item.id),
         item.type === "delete" && /* @__PURE__ */ React.createElement(DeleteIcon, null),
-        item.type === "close" && /* @__PURE__ */ React.createElement(t$5, { width: 18, height: 18 }),
+        item.type === "close" && /* @__PURE__ */ React.createElement(l$3, { width: 18, height: 18 }),
         item.type === "confirm" && /* @__PURE__ */ React.createElement(React.Fragment, null, confirmText || locale.done)
       ));
     };
@@ -17452,18 +17469,18 @@ Please add \`${key}Action\` when creating your handler.`);
     const renderIcon = () => {
       const { icon: icon2, activeIcon: activeIcon2 } = props;
       if (disabled && !checkedStatement) {
-        return /* @__PURE__ */ React.createElement(l$3, { className: classNames(color()) });
+        return /* @__PURE__ */ React.createElement(o$6, { className: classNames(color()) });
       }
       if (checkedStatement) {
         return React.isValidElement(activeIcon2) ? React.cloneElement(activeIcon2, {
           ...activeIcon2.props,
           className: classNames(color())
-        }) : /* @__PURE__ */ React.createElement(o$8, { className: classNames(color()) });
+        }) : /* @__PURE__ */ React.createElement(o$7, { className: classNames(color()) });
       }
       return React.isValidElement(icon2) ? React.cloneElement(icon2, {
         ...icon2.props,
         className: classNames(color())
-      }) : /* @__PURE__ */ React.createElement(o$7, { className: classNames(color()) });
+      }) : /* @__PURE__ */ React.createElement(t$3, { className: classNames(color()) });
     };
     const renderByShape = (shape2) => {
       return shape2 === "button" ? renderButton() : /* @__PURE__ */ React.createElement(React.Fragment, null, renderIcon(), renderLabel());
@@ -17850,15 +17867,15 @@ Please add \`${key}Action\` when creating your handler.`);
     });
     React.useEffect(() => {
       const tmp = [];
-      for (let i = 1; i <= Number(count); i++) {
-        tmp.push(i);
+      for (let i2 = 1; i2 <= Number(count); i2++) {
+        tmp.push(i2);
       }
       setCountArray(tmp);
     }, [count]);
-    const renderIcon = (n) => {
-      return n <= score ? checkedIcon || /* @__PURE__ */ React.createElement(c, null) : uncheckedIcon || (checkedIcon ? React.cloneElement(checkedIcon, {
+    const renderIcon = (n2) => {
+      return n2 <= score ? checkedIcon || /* @__PURE__ */ React.createElement(o$1, null) : uncheckedIcon || (checkedIcon ? React.cloneElement(checkedIcon, {
         color: void 0
-      }) : /* @__PURE__ */ React.createElement(c, null));
+      }) : /* @__PURE__ */ React.createElement(o$1, null));
     };
     const onClick = (e2, index) => {
       e2.preventDefault();
@@ -17872,10 +17889,10 @@ Please add \`${key}Action\` when creating your handler.`);
       value2 = Math.max(value2, min);
       setScore(value2);
     };
-    const onHalfClick = (event, n) => {
+    const onHalfClick = (event, n2) => {
       event.preventDefault();
       event.stopPropagation();
-      const value2 = Math.max(min, n - 0.5);
+      const value2 = Math.max(min, n2 - 0.5);
       setScore(value2);
     };
     const getScoreByPosition = (x) => {
@@ -17967,25 +17984,25 @@ Please add \`${key}Action\` when creating your handler.`);
         ref: rateRef,
         style
       },
-      countArray.map((n, index) => {
+      countArray.map((n2, index) => {
         return /* @__PURE__ */ React.createElement(
           "div",
           {
             className: `${classPrefix2}-item`,
-            key: n,
+            key: n2,
             ref: setRefs(index),
-            onClick: (event) => onClick(event, n)
+            onClick: (event) => onClick(event, n2)
           },
           /* @__PURE__ */ React.createElement(
             "div",
             {
               className: classNames(`${classPrefix2}-item-icon`, {
-                [`${classPrefix2}-item-icon-disabled`]: disabled || n > score
+                [`${classPrefix2}-item-icon-disabled`]: disabled || n2 > score
               })
             },
-            renderIcon(n)
+            renderIcon(n2)
           ),
-          allowHalf && score > n - 1 && /* @__PURE__ */ React.createElement(
+          allowHalf && score > n2 - 1 && /* @__PURE__ */ React.createElement(
             "div",
             {
               className: classNames(
@@ -17993,9 +18010,9 @@ Please add \`${key}Action\` when creating your handler.`);
                 `${classPrefix2}-item-icon`,
                 `${classPrefix2}-item-icon-half`
               ),
-              onClick: (event) => onHalfClick(event, n)
+              onClick: (event) => onHalfClick(event, n2)
             },
-            renderIcon(n)
+            renderIcon(n2)
           )
         );
       })
@@ -18016,7 +18033,7 @@ Please add \`${key}Action\` when creating your handler.`);
     left: "",
     right: "",
     rightIn: "",
-    leftIn: /* @__PURE__ */ React.createElement(l$1, { width: "16", height: "16" })
+    leftIn: /* @__PURE__ */ React.createElement(o$2, { width: "16", height: "16" })
   };
   const SearchBar = (props) => {
     const classPrefix2 = "nut-searchbar";
@@ -18103,7 +18120,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const renderLeft = () => {
       if (!backable && !left)
         return null;
-      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left` }, backable ? /* @__PURE__ */ React.createElement(l$4, { width: "16", height: "16" }) : left);
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left` }, backable ? /* @__PURE__ */ React.createElement(e$d, { width: "16", height: "16" }) : left);
     };
     const renderRightIn = () => {
       if (!rightIn)
@@ -18122,7 +18139,7 @@ Please add \`${key}Action\` when creating your handler.`);
           className: `${classPrefix2}-clear ${classPrefix2}-icon`,
           onClick: (e2) => clearaVal(e2)
         },
-        /* @__PURE__ */ React.createElement(o$1, null)
+        /* @__PURE__ */ React.createElement(t$1, null)
       );
     };
     const clearaVal = (event) => {
@@ -18261,7 +18278,7 @@ Please add \`${key}Action\` when creating your handler.`);
       },
       /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title` }, title || locale.shortpassword.title), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-description` }, description || locale.shortpassword.description), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input`, onClick: onFocus }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-site` }), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-fake` }, [...new Array(comLen).keys()].map((item, index) => {
         return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-fake-li`, key: index }, inputValue.length > index && /* @__PURE__ */ React.createElement(React.Fragment, null, plain ? inputValue[index] : /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-fake-li-icon` })));
-      }))), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message-error` }, error), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message-forget`, onClick: onTips }, tips || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(s, { width: 11, height: 11 }), locale.shortpassword.tips))), !hideFooter && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-cancel`, onClick: onCancel }, locale.cancel), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-sure`, onClick: sure }, locale.confirm)))
+      }))), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message-error` }, error), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message-forget`, onClick: onTips }, tips || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(i, { width: 11, height: 11 }), locale.shortpassword.tips))), !hideFooter && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-cancel`, onClick: onCancel }, locale.cancel), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-sure`, onClick: sure }, locale.confirm)))
     );
   };
   const ShortPassword = React.forwardRef(InternalShortPassword);
@@ -18770,7 +18787,7 @@ Please add \`${key}Action\` when creating your handler.`);
   }) => {
     const renderIcon = (item) => {
       if (item.status === ERROR) {
-        return item.failIcon || /* @__PURE__ */ React.createElement(o$3, { color: "#fff" });
+        return item.failIcon || /* @__PURE__ */ React.createElement(e$a, { color: "#fff" });
       }
       return item.loadingIcon || /* @__PURE__ */ React.createElement(t$2, { className: "nut-icon-loading", color: "#fff" });
     };
@@ -18783,7 +18800,7 @@ Please add \`${key}Action\` when creating your handler.`);
           key: item.uid
         },
         previewType === "picture" && !children && deletable && /* @__PURE__ */ React.createElement(
-          o$3,
+          e$a,
           {
             color: "rgba(0,0,0,0.6)",
             className: "close",
@@ -18813,7 +18830,7 @@ Please add \`${key}Action\` when creating your handler.`);
             onClick: () => handleItemClick(item, index),
             className: "nut-uploader-preview-img-file-name"
           },
-          /* @__PURE__ */ React.createElement(e$3, { color: "#808080" }),
+          /* @__PURE__ */ React.createElement(o$3, { color: "#808080" }),
           /* @__PURE__ */ React.createElement("span", null, " ", item.name)
         ))), item.status === "success" ? /* @__PURE__ */ React.createElement("div", { className: "tips" }, item.name) : null),
         previewType === "list" && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-list" }, /* @__PURE__ */ React.createElement(
@@ -18822,10 +18839,10 @@ Please add \`${key}Action\` when creating your handler.`);
             className: `nut-uploader-preview-img-file-name ${item.status}`,
             onClick: () => handleItemClick(item, index)
           },
-          /* @__PURE__ */ React.createElement(e$3, null),
+          /* @__PURE__ */ React.createElement(o$3, null),
           /* @__PURE__ */ React.createElement("span", null, " ", item.name)
         ), deletable && /* @__PURE__ */ React.createElement(
-          o$4,
+          e$b,
           {
             color: "#808080",
             className: "nut-uploader-preview-img-file-del",
@@ -18873,7 +18890,7 @@ Please add \`${key}Action\` when creating your handler.`);
     preview: true,
     deletable: true,
     capture: false,
-    uploadIcon: /* @__PURE__ */ React.createElement(e$2, { width: "20px", height: "20px", color: "#808080" }),
+    uploadIcon: /* @__PURE__ */ React.createElement(e$3, { width: "20px", height: "20px", color: "#808080" }),
     beforeDelete: (file, files) => {
       return true;
     }
@@ -18935,7 +18952,7 @@ Please add \`${key}Action\` when creating your handler.`);
     React.useImperativeHandle(ref, () => ({
       submit: () => {
         Promise.all(uploadQueue).then((res) => {
-          res.forEach((i) => i.upload());
+          res.forEach((i2) => i2.upload());
         });
       },
       clear: () => {
@@ -19603,7 +19620,7 @@ Please add \`${key}Action\` when creating your handler.`);
         [`${classPrefix2}-close`]: true,
         [`${classPrefix2}-close-${closeIconPosition}`]: true
       });
-      return /* @__PURE__ */ React.createElement("div", { className: closeClasses, onClick: handleCancel }, React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React.createElement(r$2, null));
+      return /* @__PURE__ */ React.createElement("div", { className: closeClasses, onClick: handleCancel }, React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React.createElement(e$c, null));
     };
     return /* @__PURE__ */ React.createElement("div", { style: { display: visible ? "block" : "none" } }, /* @__PURE__ */ React.createElement(
       DialogWrap,
@@ -19956,7 +19973,7 @@ Please add \`${key}Action\` when creating your handler.`);
   InfiniteLoading.defaultProps = defaultProps$B;
   InfiniteLoading.displayName = "NutInfiniteLoading";
   const loadingMap = {
-    circular: c$1,
+    circular: c,
     spinner: t$2
   };
   const defaultProps$A = {
@@ -19971,7 +19988,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...props
     };
     const classPrefix2 = "nut-loading";
-    const CurLoadingIcon = loadingMap[rest.type] || c$1;
+    const CurLoadingIcon = loadingMap[rest.type] || c;
     return /* @__PURE__ */ React.createElement(
       "div",
       {
@@ -19998,7 +20015,7 @@ Please add \`${key}Action\` when creating your handler.`);
     content: "",
     closeable: false,
     wrap: false,
-    leftIcon: /* @__PURE__ */ React.createElement(r, { width: 16, height: 16 }),
+    leftIcon: /* @__PURE__ */ React.createElement(e$4, { width: 16, height: 16 }),
     rightIcon: null,
     right: null,
     delay: 1,
@@ -20337,7 +20354,7 @@ Please add \`${key}Action\` when creating your handler.`);
       },
       children,
       content
-    )), right ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-right" }, right) : null, closeable || rightIcon ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-right-icon", onClick: onClickIcon }, rightIcon || /* @__PURE__ */ React.createElement(r$2, { width: 12, height: 12 })) : null) : null, showNoticeBar && scrollList.current.length > 0 && isVertical ? /* @__PURE__ */ React.createElement(
+    )), right ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-right" }, right) : null, closeable || rightIcon ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-right-icon", onClick: onClickIcon }, rightIcon || /* @__PURE__ */ React.createElement(e$c, { width: 12, height: 12 })) : null) : null, showNoticeBar && scrollList.current.length > 0 && isVertical ? /* @__PURE__ */ React.createElement(
       "div",
       {
         className: "nut-noticebar-vertical",
@@ -20390,7 +20407,7 @@ Please add \`${key}Action\` when creating your handler.`);
             handleClickIcon(e2);
           }
         },
-        rightIcon || (closeable ? /* @__PURE__ */ React.createElement(r$2, { width: 12, height: 12 }) : null)
+        rightIcon || (closeable ? /* @__PURE__ */ React.createElement(e$c, { width: 12, height: 12 }) : null)
       )
     ) : null);
   };
@@ -20998,7 +21015,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     );
     const renderIcons = (status2) => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: `${classPrefix2}-head-content-icons` }, (status2 === "pulling" || status2 === "complete") && /* @__PURE__ */ React.createElement(t$2, null), (status2 === "canRelease" || status2 === "refreshing") && /* @__PURE__ */ React.createElement(t$1, null)));
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: `${classPrefix2}-head-content-icons` }, (status2 === "pulling" || status2 === "complete") && /* @__PURE__ */ React.createElement(t$2, null), (status2 === "canRelease" || status2 === "refreshing") && /* @__PURE__ */ React.createElement(e$5, null)));
     };
     const renderStatusIcon = () => {
       var _a;
@@ -21124,9 +21141,9 @@ Please add \`${key}Action\` when creating your handler.`);
     }, []);
     const avatarLength = (children2) => {
       var _a2, _b2, _c2;
-      for (let i = 0; i < children2.length; i++) {
-        if (children2[i] && children2[i].classList && children2[i].classList[0] === "nut-avatar") {
-          children2[i].setAttribute("data-index", i + 1);
+      for (let i2 = 0; i2 < children2.length; i2++) {
+        if (children2[i2] && children2[i2].classList && children2[i2].classList[0] === "nut-avatar") {
+          children2[i2].setAttribute("data-index", i2 + 1);
         }
       }
       const index = Number((_b2 = (_a2 = avatarRef == null ? void 0 : avatarRef.current) == null ? void 0 : _a2.dataset) == null ? void 0 : _b2.index);
@@ -21166,7 +21183,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ), React.isValidElement(icon) ? React.cloneElement(icon, {
         ...icon.props,
         className: `${icon.props.className || ""} icon`
-      }) : null, children && /* @__PURE__ */ React.createElement("span", { className: "text" }, children), !src && !icon && !children && /* @__PURE__ */ React.createElement(e, { className: "icon" })),
+      }) : null, children && /* @__PURE__ */ React.createElement("span", { className: "text" }, children), !src && !icon && !children && /* @__PURE__ */ React.createElement(a, { className: "icon" })),
       showMax && /* @__PURE__ */ React.createElement("div", { className: "text" }, ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - Number(((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.max) || 0)}`)
     ));
   };
@@ -21206,7 +21223,7 @@ Please add \`${key}Action\` when creating your handler.`);
       [`avatar-${avatarShape}`]: avatarShape
     });
     const repeatLines = (num) => {
-      return Array.from({ length: num }, (v, i) => i);
+      return Array.from({ length: num }, (v, i2) => i2);
     };
     const getStyle = () => {
       if (avatarSize) {
@@ -21470,16 +21487,16 @@ Please add \`${key}Action\` when creating your handler.`);
         let iconNode = null;
         switch (icon) {
           case "success":
-            iconNode = /* @__PURE__ */ React__namespace.createElement(o$6, null);
+            iconNode = /* @__PURE__ */ React__namespace.createElement(o$5, null);
             break;
           case "loading":
             iconNode = /* @__PURE__ */ React__namespace.createElement(t$2, { className: "nut-icon-loading" });
             break;
           case "fail":
-            iconNode = /* @__PURE__ */ React__namespace.createElement(o$3, null);
+            iconNode = /* @__PURE__ */ React__namespace.createElement(e$a, null);
             break;
           case "warn":
-            iconNode = /* @__PURE__ */ React__namespace.createElement(s, null);
+            iconNode = /* @__PURE__ */ React__namespace.createElement(i, null);
             break;
         }
         return /* @__PURE__ */ React__namespace.createElement("p", { className: `${classPrefix$8}-icon-wrapper` }, iconNode);
@@ -21688,7 +21705,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const classPrefix2 = "nut-countup";
     const countupRef = React.useRef(null);
     const timerRef = React.useRef(0);
-    const numbers = Array.from({ length: 10 }, (v, i) => i);
+    const numbers = Array.from({ length: 10 }, (v, i2) => i2);
     const getShowNumber = () => {
       const splitArr = value.split(".");
       const intNumber = length && splitArr[0].length < length ? (Array(length).join("0") + splitArr[0]).slice(-length) : splitArr[0];
@@ -21863,7 +21880,7 @@ Please add \`${key}Action\` when creating your handler.`);
           ),
           onClick: handleStatusChange
         },
-        /* @__PURE__ */ React.createElement(a, { className: playing ? "nut-icon-loading" : "" })
+        /* @__PURE__ */ React.createElement(t, { className: playing ? "nut-icon-loading" : "" })
       ));
     };
     const handleBack = () => {
@@ -22411,7 +22428,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     const parseFormat = (time2) => {
       const { d } = time2;
-      let { h, m, s: s2, ms } = time2;
+      let { h, m, s, ms } = time2;
       let formatCache = format2;
       if (formatCache.includes("DD")) {
         formatCache = formatCache.replace("DD", padZero(d));
@@ -22426,12 +22443,12 @@ Please add \`${key}Action\` when creating your handler.`);
       if (formatCache.includes("mm")) {
         formatCache = formatCache.replace("mm", padZero(m));
       } else {
-        s2 += Number(m) * 60;
+        s += Number(m) * 60;
       }
       if (formatCache.includes("ss")) {
-        formatCache = formatCache.replace("ss", padZero(s2));
+        formatCache = formatCache.replace("ss", padZero(s));
       } else {
-        ms += Number(s2) * 1e3;
+        ms += Number(s) * 1e3;
       }
       if (formatCache.includes("S")) {
         const msC = padZero(ms, 3).toString();
@@ -22799,7 +22816,6 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   Video.defaultProps = defaultProps$j;
   Video.displayName = "NutVideo";
-  const DataContext$1 = React.createContext({});
   const defaultProps$i = {
     total: 3,
     current: 0,
@@ -22833,413 +22849,410 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   Indicator.defaultProps = defaultProps$i;
   Indicator.displayName = "NutIndicator";
+  const getRefValue = (ref) => {
+    return ref.current;
+  };
+  const useRefState = (param) => {
+    const ref = React.useRef(param);
+    const [, setState] = React.useState(param);
+    const updateState = (p) => {
+      ref.current = p;
+      setState(p);
+    };
+    return [ref, updateState];
+  };
+  const getPerSlidePosition$1 = (index, position, loop2, count) => {
+    const currentPosition = index * 100 + position;
+    if (loop2) {
+      const cycle = count * 100;
+      const shift = cycle / 2;
+      const nextPosition = (currentPosition + shift) % cycle;
+      const shiftedPosition = (nextPosition < 0 ? nextPosition + cycle : nextPosition) - shift;
+      return `${shiftedPosition}%`;
+    }
+    return `${currentPosition}%`;
+  };
+  const defaultEffect = (args) => {
+    return React.Children.map(args.children, (child, index) => {
+      const { isVertical, getSpringsAxis, loop: loop2, count } = args;
+      return /* @__PURE__ */ React.createElement(
+        animated.div,
+        {
+          className: "nut-swiper-slide",
+          style: {
+            [isVertical ? "y" : "x"]: getSpringsAxis().to((position) => {
+              return getPerSlidePosition$1(index, position, loop2, count);
+            }),
+            [isVertical ? "top" : "left"]: `-${index * 100}%`
+          }
+        },
+        child
+      );
+    });
+  };
+  const getPerSlidePosition = (index, position, loop2, count) => {
+    const currentPosition = index * 100 + position;
+    if (loop2) {
+      const cycle = count * 100;
+      const shift = cycle / 2;
+      const nextPosition = (currentPosition + shift) % cycle;
+      const shiftedPosition = (nextPosition < 0 ? nextPosition + cycle : nextPosition) - shift;
+      return `${shiftedPosition}%`;
+    }
+    return `${currentPosition}%`;
+  };
+  const focusEffect = (args) => {
+    return React.Children.map(args.children, (child, index) => {
+      const {
+        isVertical,
+        springs,
+        transforms,
+        loop: loop2,
+        count,
+        swiperDirection,
+        dragging,
+        current,
+        effect
+      } = args;
+      return /* @__PURE__ */ React.createElement(
+        animated.div,
+        {
+          className: "nut-swiper-slide",
+          style: {
+            [isVertical ? "y" : "x"]: springs[isVertical ? "y" : "x"].to(
+              (position) => {
+                return getPerSlidePosition(index, position, loop2, count);
+              }
+            ),
+            [isVertical ? "top" : "left"]: `-${index * 100}%`,
+            scale: springs.s.to((ss) => {
+              const scales = getRefValue(transforms);
+              if (!scales)
+                return 1;
+              const scale = scales[index];
+              const currentRefValue = getRefValue(current);
+              if (dragging === false)
+                ss = 0;
+              const ps = ss * scale;
+              if (index === currentRefValue) {
+                return Math.max(scale - ps, effect.scale);
+              }
+              if (index === currentRefValue + swiperDirection.current) {
+                return Math.min(scale + ps, 1);
+              }
+              return scale;
+            })
+          }
+        },
+        child
+      );
+    });
+  };
+  const useList = (effect, count, current) => {
+    const [transforms, setTransforms] = useRefState([]);
+    React.useEffect(() => {
+      setTransforms(
+        Array.from({ length: count }).fill(1).map(
+          (scale, index) => index !== getRefValue(current) ? scale * (effect ? effect.scale : 1) : scale
+        )
+      );
+    }, [count]);
+    return [transforms, setTransforms];
+  };
+  const updateTransform = (transforms, setTransforms, effect, page) => {
+    setTransforms(
+      getRefValue(transforms).map(
+        (s, index) => (
+          // eslint-disable-next-line no-nested-ternary
+          page === index ? 1 : effect ? effect.scale : 1
+        )
+      )
+    );
+  };
   const defaultProps$h = {
-    duration: 500,
-    defaultValue: 0,
-    autoPlay: 0,
     direction: "horizontal",
     indicator: false,
     loop: false,
+    duration: 3e3,
+    autoPlay: false,
+    defaultValue: 0,
     touchable: true,
-    preventDefault: true,
-    stopPropagation: true,
-    center: false,
-    className: ""
+    effect: void 0
   };
-  const Swiper = React.forwardRef((props, ref) => {
-    const rtl = useRtl();
-    const mergedProps = { ...defaultProps$h, ...props };
-    const {
-      children,
-      direction,
-      className,
-      onChange,
-      defaultValue,
-      indicator,
-      touchable,
-      preventDefault: preventDefault2,
-      stopPropagation,
-      autoPlay,
-      center,
-      ...rest
-    } = mergedProps;
-    const container = React.useRef(null);
-    const innerRef = React.useRef(null);
-    const swiperRef = React.useRef({
-      moving: false,
-      autoplayTimer: null,
-      width: 0,
-      height: 0,
-      offset: 0,
-      size: 0
-    });
-    const touch = useTouch();
-    const isVertical = direction === "vertical";
-    const [rect, setRect] = React.useState(null);
-    let [active, setActive] = React.useState(0);
-    const [width, setWidth] = React.useState(0);
-    const [height, setHeight] = React.useState(0);
-    const [offset, setOffset] = React.useState(0);
-    const [childOffset, setChildOffset] = React.useState([]);
-    const [ready, setReady] = React.useState(false);
-    let size = isVertical ? height : width;
-    const { swiperItems, swiperItemCount } = React.useMemo(() => {
-      let count = 0;
-      const swiperItems2 = React.Children.map(props.children, (child) => {
-        if (!React.isValidElement(child))
-          return null;
-        count++;
-        return child;
-      });
-      return {
-        swiperItems: swiperItems2,
-        swiperItemCount: count
-      };
-    }, [props.children]);
-    let trackSize = swiperItemCount * Number(size);
-    const parent = {
-      propSwiper: mergedProps,
-      size
-    };
-    const minOffset = (() => {
-      if (rect) {
-        const base = isVertical ? rect.height : rect.width;
-        return base - Number(size) * swiperItemCount;
-      }
-      return 0;
-    })();
-    const stopAutoPlay = () => {
-      clearTimeout(swiperRef.current.autoplayTimer);
-      swiperRef.current.autoplayTimer = null;
-    };
-    const startPlay = () => {
-      if (Number(mergedProps.autoPlay) <= 0 || swiperItemCount <= 1)
-        return;
-      stopAutoPlay();
-      swiperRef.current.autoplayTimer = setTimeout(() => {
-        next();
-        startPlay();
-      }, Number(mergedProps.autoPlay));
-    };
-    const resetPosition = () => {
-      swiperRef.current.moving = true;
-      if (active <= -1) {
-        move({ pace: swiperItemCount });
-      }
-      if (active >= swiperItemCount) {
-        move({ pace: -swiperItemCount });
-      }
-    };
-    const prev = () => {
-      resetPosition();
-      touch.reset();
-      requestAniFrame$1(() => {
-        requestAniFrame$1(() => {
-          swiperRef.current.moving = false;
-          move({
-            pace: -1,
-            isEmit: true
-          });
-        });
-      });
-    };
-    const next = () => {
-      resetPosition();
-      touch.reset();
-      requestAniFrame$1(() => {
-        requestAniFrame$1(() => {
-          swiperRef.current.moving = false;
-          move({
-            pace: 1,
-            isEmit: true
-          });
-        });
-      });
-    };
-    const to2 = (index) => {
-      resetPosition();
-      touch.reset();
-      requestAniFrame$1(() => {
-        requestAniFrame$1(() => {
-          swiperRef.current.moving = false;
-          let targetIndex;
-          if (props.loop && swiperItemCount === index) {
-            targetIndex = active === 0 ? 0 : index;
-          } else {
-            targetIndex = index % swiperItemCount;
-          }
-          move({
-            pace: targetIndex - active,
-            isEmit: true
-          });
+  const Swiper = React.forwardRef(
+    (props, ref) => {
+      const classPrefix2 = "nut-swiper";
+      const {
+        children,
+        direction,
+        indicator,
+        loop: loop2,
+        effect,
+        autoPlay,
+        touchable,
+        defaultValue,
+        duration,
+        style,
+        className
+      } = { ...defaultProps$h, ...props };
+      const isVertical = direction === "vertical";
+      const count = React.useMemo(() => {
+        let c6 = 0;
+        React.Children.map(children, (child, index) => {
+          c6 += 1;
         });
-      });
-    };
-    const resize = () => {
-      init(active);
-    };
-    const move = ({
-      pace = 0,
-      offset: offset2 = 0,
-      isEmit = false,
-      movingStatus = false
-    }) => {
-      var _a;
-      if (swiperItemCount <= 1)
-        return;
-      const targetActive = getActive(pace);
-      const targetOffset = getOffset(targetActive, offset2);
-      if (props.loop) {
-        if (Array.isArray(children) && children[0] && targetOffset !== minOffset) {
-          const rightBound = targetOffset < minOffset;
-          childOffset[0] = rightBound ? trackSize : 0;
+        return c6;
+      }, [children]);
+      const getSlideSize = () => {
+        if (props.slideSize)
+          return props.slideSize;
+        if (stageRef.current) {
+          if (isVertical)
+            return stageRef.current.offsetHeight;
+          return stageRef.current.offsetWidth;
         }
-        if (Array.isArray(children) && children[swiperItemCount - 1] && targetOffset !== 0) {
-          const leftBound = targetOffset > 0;
-          childOffset[swiperItemCount - 1] = leftBound ? -trackSize : 0;
-        }
-        setChildOffset(childOffset);
-      }
-      if (isEmit && active !== targetActive) {
-        (_a = props.onChange) == null ? void 0 : _a.call(props, (targetActive + swiperItemCount) % swiperItemCount);
-      }
-      active = targetActive;
-      setActive(targetActive);
-      setOffset(targetOffset);
-      getStyle(targetOffset);
-    };
-    React.useImperativeHandle(ref, () => ({
-      to: to2,
-      next,
-      prev,
-      resize
-    }));
-    const getActive = (pace) => {
-      if (pace) {
-        const _active = active + pace;
-        if (props.loop) {
-          return range2(_active, -1, swiperItemCount);
+        return 0;
+      };
+      const getSwiperSize = () => {
+        if (swiperRef.current) {
+          if (isVertical)
+            return swiperRef.current.offsetHeight;
+          return swiperRef.current.offsetWidth;
         }
-        return range2(_active, 0, swiperItemCount - 1);
-      }
-      return active;
-    };
-    const getOffset = (active2, offset2 = 0) => {
-      let currentPosition = active2 * Number(size);
-      if (!props.loop) {
-        currentPosition = Math.min(currentPosition, -minOffset);
-      }
-      let targetOffset = offset2 - currentPosition;
-      if (!props.loop) {
-        targetOffset = range2(targetOffset, minOffset, 0);
-      }
-      return targetOffset;
-    };
-    const range2 = (num, min, max) => {
-      return Math.min(Math.max(num, min), max);
-    };
-    const classPrefix2 = "nut-swiper";
-    const contentClass = classNames({
-      [`${classPrefix2}-inner`]: true,
-      [`${classPrefix2}-vertical`]: isVertical
-    });
-    const getStyle = (moveOffset = offset) => {
-      const target = innerRef.current;
-      if (!target)
-        return;
-      let _offset = 0;
-      if (!center) {
-        _offset = moveOffset;
-      } else {
-        const _size = isVertical ? height : width;
-        const val = isVertical ? rect.height - _size : rect.width - _size;
-        _offset = moveOffset + (active === swiperItemCount - 1 && !props.loop ? -val / 2 : val / 2);
-      }
-      target.style.transitionDuration = `${swiperRef.current.moving ? 0 : props.duration}ms`;
-      target.style[isVertical ? "height" : "width"] = `${Number(size) * swiperItemCount}px`;
-      target.style[isVertical ? "width" : "height"] = `${isVertical ? width : height}px`;
-      target.style.transform = `translate3D${!isVertical ? `(${rtl ? -_offset : _offset}px,0,0)` : `(0,${_offset}px,0)`}`;
-    };
-    const onTouchStart = (e2) => {
-      if (!props.touchable)
-        return;
-      touch.start(e2);
-      stopAutoPlay();
-      resetPosition();
-    };
-    const onTouchMove = (e2) => {
-      if (props.preventDefault)
-        e2.preventDefault();
-      if (props.stopPropagation)
-        e2.stopPropagation();
-      if (props.touchable && swiperRef.current.moving) {
-        touch.move(e2);
-        if (touch.direction.current === props.direction) {
-          move({
-            offset: touch.delta.current
-          });
+        return 0;
+      };
+      const bound2 = (v, min, max) => {
+        if (min !== void 0) {
+          v = Math.max(v, min);
         }
-      }
-    };
-    const onTouchEnd = (e2) => {
-      if (!props.touchable || !swiperRef.current.moving)
-        return;
-      const speed = touch.delta.current / (Date.now() - touch.touchTime.current);
-      const isShouldMove = Math.abs(speed) > 0.3 || Math.abs(touch.delta.current) > Number((size / 2).toFixed(2));
-      swiperRef.current.moving = false;
-      if (isShouldMove && touch.direction.current === props.direction) {
-        let pace = 0;
-        const offset2 = touch.isVertical() ? touch.offsetY : touch.offsetX;
-        if (props.loop) {
-          if (offset2.current > 0) {
-            pace = touch.delta.current > 0 ? -1 : 1;
-          }
-        } else {
-          pace = -Math[touch.delta.current > 0 ? "ceil" : "floor"](
-            touch.delta.current / size
-          );
+        if (max !== void 0) {
+          v = Math.min(v, max);
         }
-        move({
-          pace,
-          isEmit: true
+        return v;
+      };
+      const timeoutRef = React.useRef(null);
+      const [dragging, setDragging] = React.useState(false);
+      const [current, setCurrent] = useRefState(defaultValue);
+      const stageRef = React.useRef(null);
+      const swiperRef = React.useRef(null);
+      const [springs, api] = useSpring(() => ({
+        x: !isVertical ? current.current * 100 * -1 : 0,
+        y: isVertical ? current.current * 100 * -1 : 0,
+        s: 0,
+        reset: () => {
+        },
+        config: { tension: 200, friction: 30 }
+      }));
+      React.useEffect(() => {
+        api.start({
+          [isVertical ? "y" : "x"]: boundIndex(current.current) * -1 * 100,
+          immediate: true
         });
-      } else if (touch.delta.current) {
-        move({ pace: 0 });
-      } else {
-        getStyle();
-      }
-      startPlay();
-    };
-    const getItemStyle = (index) => {
-      const style = {};
-      if (size) {
-        style[direction === "horizontal" ? "width" : "height"] = `${size}px`;
-      }
-      const offset2 = childOffset[index];
-      if (offset2) {
-        style.transform = `translate3D${direction === "horizontal" ? `(${rtl ? -offset2 : offset2}px,0,0)` : `(0,${offset2}px,0)`}`;
-      }
-      return style;
-    };
-    const init = (index) => {
-      const rect2 = getRect(container == null ? void 0 : container.current);
-      const currentIndex = Math.max(
-        Math.min(swiperItemCount - 1, index || Number(mergedProps.defaultValue)),
-        0
-      );
-      const width2 = Number(mergedProps.width) || rect2.width;
-      const height2 = Number(mergedProps.height) || rect2.height;
-      size = isVertical ? height2 : width2;
-      trackSize = swiperItemCount * Number(size);
-      const targetOffset = getOffset(currentIndex);
-      swiperRef.current.moving = true;
-      if (ready) {
-        swiperRef.current.moving = false;
-      }
-      setRect(rect2);
-      setActive(currentIndex);
-      setWidth(width2);
-      setHeight(height2);
-      setOffset(targetOffset);
-      setReady(true);
-    };
-    React.useEffect(() => {
-      if (ready) {
-        getStyle();
-      }
-    }, [isVertical, width, height, offset, ready]);
-    React.useEffect(() => {
-      if (ready) {
-        stopAutoPlay();
-        startPlay();
-      }
-      return () => setReady(false);
-    }, [ready]);
-    React.useEffect(() => {
-      const events = [
-        { name: "touchstart", e: onTouchStart },
-        { name: "touchmove", e: onTouchMove },
-        { name: "touchend", e: onTouchEnd }
-      ];
-      events.forEach((item) => {
+      }, [swiperRef.current]);
+      const swiperDirection = React.useRef(1);
+      const [transforms, setTransforms] = useList(effect, count, current);
+      const runTimeSwiper = () => {
+        const durationNumber = typeof duration === "string" ? parseInt(duration) : duration;
+        const d = typeof autoPlay === "number" ? autoPlay : durationNumber;
+        timeoutRef.current = window.setTimeout(() => {
+          next();
+          runTimeSwiper();
+        }, d);
+      };
+      React.useEffect(() => {
+        if (!autoPlay || dragging)
+          return;
+        runTimeSwiper();
+        return () => {
+          if (timeoutRef.current)
+            window.clearTimeout(timeoutRef.current);
+        };
+      }, [autoPlay, duration, dragging, count]);
+      function boundIndex(current2) {
+        const min = 0;
+        const max = count - 1;
+        if (current2 === max && !loop2 && props.slideSize) {
+          const slideSize = props.slideSize;
+          const swiperSize = getSwiperSize();
+          const ratio = (swiperSize - slideSize) / slideSize;
+          return bound2(current2, min, max - ratio);
+        }
+        return current2;
+      }
+      const to2 = (index, immediate = false) => {
         var _a;
-        (_a = container.current) == null ? void 0 : _a.addEventListener(item.name, item.e, false);
-      });
-      return () => {
-        events.forEach((item) => {
-          var _a;
-          (_a = container.current) == null ? void 0 : _a.removeEventListener(item.name, item.e, false);
+        let targetIndex = bound2(index, 0, count - 1);
+        if (loop2) {
+          const cycleIndex = index % count;
+          targetIndex = cycleIndex < 0 ? cycleIndex + count : cycleIndex;
+        }
+        setCurrent(targetIndex);
+        (_a = props.onChange) == null ? void 0 : _a.call(props, targetIndex);
+        if (effect) {
+          updateTransform(transforms, setTransforms, effect, targetIndex);
+        }
+        api.start({
+          // 这里需要统一成百分比
+          [isVertical ? "y" : "x"]: (loop2 ? -index : boundIndex(targetIndex) * -1) * 100,
+          s: 0,
+          immediate
         });
       };
-    });
-    React.useEffect(() => init(), [props.defaultValue]);
-    React.useEffect(() => {
-      return () => stopAutoPlay();
-    }, []);
-    const renderIndicator = () => {
-      if (React.isValidElement(indicator))
-        return indicator;
-      if (!indicator)
-        return null;
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames({
-            [`${classPrefix2}-indicator`]: true,
-            [`${classPrefix2}-indicator-vertical`]: isVertical
-          })
+      const getSpringsAxis = () => {
+        return springs[isVertical ? "y" : "x"];
+      };
+      const next = () => {
+        to2(Math.round(-getSpringsAxis().get() / 100) + 1);
+      };
+      const prev = () => {
+        to2(Math.round(-getSpringsAxis().get() / 100) - 1);
+      };
+      React.useImperativeHandle(ref, () => ({
+        to: to2,
+        next,
+        prev
+      }));
+      const bind = useDrag(
+        (state) => {
+          const axis = Number(isVertical);
+          const slideSize = getSlideSize();
+          const offset = state.offset[axis];
+          setDragging(!!state.dragging);
+          const distance = state.distance[axis];
+          swiperDirection.current = state.direction[axis];
+          if (state.last) {
+            const swipeDirection = state.direction[axis];
+            const velocity = state.velocity[axis];
+            const minIndex = Math.floor(offset / slideSize);
+            const maxIndex = minIndex + 1;
+            const index = Math.round(
+              (offset + velocity * 2e3 * swipeDirection) / slideSize
+            );
+            to2(bound2(index, minIndex, maxIndex));
+          } else {
+            api.start({
+              [isVertical ? "y" : "x"]: -(offset / slideSize * 100),
+              s: distance / slideSize,
+              immediate: true
+            });
+          }
         },
-        /* @__PURE__ */ React.createElement(
-          Indicator,
-          {
-            current: (active + swiperItemCount) % swiperItemCount,
-            total: swiperItems == null ? void 0 : swiperItems.length,
-            direction
+        {
+          enabled: touchable,
+          transform: ([x, y]) => [-x, -y],
+          from: () => {
+            const slideSize = getSlideSize();
+            const x = springs.x.get() / 100 * slideSize;
+            const y = springs.y.get() / 100 * slideSize;
+            return [-x, -y];
+          },
+          triggerAllEvents: true,
+          bounds: () => {
+            if (loop2)
+              return {};
+            const slideSize = getSlideSize();
+            getSwiperSize();
+            if (isVertical) {
+              return { top: 0, bottom: (count - 1) * slideSize };
+            }
+            return { left: 0, right: (count - 1) * slideSize };
+          },
+          preventDefault: true,
+          rubberband: true,
+          axis: isVertical ? "y" : "x",
+          pointer: {
+            touch: true
           }
-        )
+        }
       );
-    };
-    return /* @__PURE__ */ React.createElement(DataContext$1.Provider, { value: parent }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classNames(classPrefix2, className),
-        ref: container,
-        ...rest
-      },
-      /* @__PURE__ */ React.createElement("div", { className: contentClass, ref: innerRef }, React.Children.map(swiperItems, (child, index) => /* @__PURE__ */ React.createElement(
+      const renderIndicator = () => {
+        if (React.isValidElement(indicator))
+          return indicator;
+        if (!indicator)
+          return null;
+        return /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: classNames({
+              [`${classPrefix2}-indicator`]: true,
+              [`${classPrefix2}-indicator-vertical`]: isVertical,
+              [`${classPrefix2}-indicator-horizontal`]: !isVertical
+            })
+          },
+          /* @__PURE__ */ React.createElement(
+            Indicator,
+            {
+              current: getRefValue(current),
+              total: count,
+              direction
+            }
+          )
+        );
+      };
+      const renderEffect = () => {
+        if (!effect)
+          return defaultEffect({
+            children,
+            getSpringsAxis,
+            loop: loop2,
+            count,
+            isVertical
+          });
+        if (effect && effect.name === "focus") {
+          return focusEffect({
+            children,
+            springs,
+            loop: loop2,
+            count,
+            isVertical,
+            effect,
+            current,
+            swiperDirection,
+            dragging,
+            transforms
+          });
+        }
+      };
+      const renderSlides = () => {
+        return /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            ref: stageRef,
+            className: classNames("nut-swiper-inner", {
+              "nut-swiper-inner-vertical": isVertical,
+              "nut-swiper-inner-horizontal": !isVertical
+            }),
+            style: {
+              ...props.slideSize ? { [isVertical ? "height" : "width"]: `${props.slideSize}px` } : {}
+            }
+          },
+          renderEffect()
+        );
+      };
+      return /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix2}-item-wrapper`,
-          style: getItemStyle(index),
-          key: index
+          className: classNames("nut-swiper", className),
+          style,
+          ref: swiperRef,
+          ...bind()
         },
-        child
-      ))),
-      renderIndicator()
-    ));
-  });
+        renderSlides(),
+        renderIndicator()
+      );
+    }
+  );
   Swiper.defaultProps = defaultProps$h;
   Swiper.displayName = "NutSwiper";
   const defaultProps$g = {
-    direction: "horizontal"
+    onClick: (e2) => void 0
   };
-  const SwiperItem = React.forwardRef((props, ref) => {
+  const SwiperItem = (props) => {
     const classPrefix2 = "nut-swiper-item";
-    const _props = { ...defaultProps$g, ...props };
-    const { className, style, children, direction, size } = _props;
-    const parent = React.useContext(DataContext$1);
+    const { className, style, children } = { ...defaultProps$g, ...props };
     const classes = classNames(classPrefix2, className);
-    const getStyle = () => {
-      const style2 = {};
-      const _direction = (parent == null ? void 0 : parent.propSwiper.direction) || direction;
-      const _size = (parent == null ? void 0 : parent.size) || size;
-      if (_size) {
-        style2[_direction === "horizontal" ? "width" : "height"] = `${_size}px`;
-      }
-      return style2;
-    };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, style: { ...style, ...getStyle() } }, children);
-  });
+    return /* @__PURE__ */ React.createElement("div", { className: classes, onClick: props.onClick, style }, children);
+  };
   SwiperItem.defaultProps = defaultProps$g;
   SwiperItem.displayName = "NutSwiperItem";
   const InnerSwiper = Swiper;
@@ -23415,6 +23428,7 @@ Please add \`${key}Action\` when creating your handler.`);
         onCloseInner();
       }
     };
+    const duration = typeof autoPlay === "string" ? parseInt(autoPlay) : autoPlay;
     return /* @__PURE__ */ React.createElement(
       Popup,
       {
@@ -23432,15 +23446,14 @@ Please add \`${key}Action\` when creating your handler.`);
           onClick: closeOnImg,
           onTouchStart
         },
-        /* @__PURE__ */ React.createElement(
+        showPop ? /* @__PURE__ */ React.createElement(
           InnerSwiper,
           {
-            autoPlay,
+            autoPlay: !!duration,
+            duration,
             className: `${classPrefix2}-swiper`,
             loop: true,
-            preventDefault: false,
             style: {
-              display: showPop ? "block" : "none",
               "--nutui-indicator-color": indicatorColor
             },
             direction: "horizontal",
@@ -23452,10 +23465,10 @@ Please add \`${key}Action\` when creating your handler.`);
             return /* @__PURE__ */ React.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React.createElement(Video, { source: item.source, options: item.options }));
           }) : []).concat(
             images && images.length > 0 ? images.map((item, index) => {
-              return /* @__PURE__ */ React.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React.createElement(Image$1, { src: item.src }));
+              return /* @__PURE__ */ React.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React.createElement(Image$1, { src: item.src, draggable: false }));
             }) : []
           )
-        )
+        ) : null
       ),
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)),
       closeIcon !== false ? /* @__PURE__ */ React.createElement(
@@ -23464,7 +23477,7 @@ Please add \`${key}Action\` when creating your handler.`);
           className: `${classPrefix2}-close ${closeIconPosition}`,
           onClick: onCloseInner
         },
-        closeIcon === true ? /* @__PURE__ */ React.createElement(r$2, null) : closeIcon
+        closeIcon === true ? /* @__PURE__ */ React.createElement(e$c, null) : closeIcon
       ) : null
     );
   };
@@ -23525,8 +23538,8 @@ Please add \`${key}Action\` when creating your handler.`);
           startPage = endPage - itemSize + 1;
         }
       }
-      for (let i = startPage; i <= endPage; i++) {
-        items.push({ number: i, text: i });
+      for (let i2 = startPage; i2 <= endPage; i2++) {
+        items.push({ number: i2, text: i2 });
       }
       if (partialShow && itemSize > 0 && ellipse) {
         if (startPage > 1) {
@@ -23785,8 +23798,8 @@ Please add \`${key}Action\` when creating your handler.`);
           width: curr.width || "auto"
         };
       });
-      for (let i = rightColumns.length - 1; i >= 0; i--) {
-        const curr = rightColumns[i];
+      for (let i2 = rightColumns.length - 1; i2 >= 0; i2--) {
+        const curr = rightColumns[i2];
         const dir = rtl ? "left" : "right";
         _columnStyleMap[curr.key] = {
           [dir]: _stickyRightWidth || 0,
@@ -23794,7 +23807,7 @@ Please add \`${key}Action\` when creating your handler.`);
         };
         _columnClassMap[curr.key] = {
           "nut-table-fixed-right": true,
-          "nut-table-fixed-right-first": i === 0
+          "nut-table-fixed-right-first": i2 === 0
         };
         _stickyRightWidth += curr.width || 0;
       }
@@ -23916,7 +23929,7 @@ Please add \`${key}Action\` when creating your handler.`);
           },
           item.title,
           " ",
-          item.sorter && (sorterIcon || /* @__PURE__ */ React.createElement(t$5, { width: "12px", height: "12px" }))
+          item.sorter && (sorterIcon || /* @__PURE__ */ React.createElement(l$3, { width: "12px", height: "12px" }))
         );
       });
     };
@@ -24062,7 +24075,7 @@ Please add \`${key}Action\` when creating your handler.`);
         },
         closeIcon
       ) : /* @__PURE__ */ React.createElement(
-        r$2,
+        e$c,
         {
           width: 8,
           height: 8,
@@ -24215,7 +24228,7 @@ Please add \`${key}Action\` when creating your handler.`);
           arrowOffset: item.arrowOffset || 0
         },
         /* @__PURE__ */ React.createElement(React.Fragment, null),
-        /* @__PURE__ */ React.createElement(React.Fragment, null, children || /* @__PURE__ */ React.createElement(React.Fragment, null, type2 === "step" && /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content" }, title && /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-top" }, /* @__PURE__ */ React.createElement("div", { onClick: (e2) => maskClose(e2) }, /* @__PURE__ */ React.createElement(r$2, { className: "nut-tour-content-top-close" }))), /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-inner" }, item.content), /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-bottom" }, /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-bottom-init" }, active + 1, "/", list.length), /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-bottom-operate" }, active !== 0 && showPrev && /* @__PURE__ */ React.createElement(
+        /* @__PURE__ */ React.createElement(React.Fragment, null, children || /* @__PURE__ */ React.createElement(React.Fragment, null, type2 === "step" && /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content" }, title && /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-top" }, /* @__PURE__ */ React.createElement("div", { onClick: (e2) => maskClose(e2) }, /* @__PURE__ */ React.createElement(e$c, { className: "nut-tour-content-top-close" }))), /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-inner" }, item.content), /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-bottom" }, /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-bottom-init" }, active + 1, "/", list.length), /* @__PURE__ */ React.createElement("div", { className: "nut-tour-content-bottom-operate" }, active !== 0 && showPrev && /* @__PURE__ */ React.createElement(
           "div",
           {
             className: "nut-tour-content-bottom-operate-btn",
@@ -24309,10 +24322,10 @@ Please add \`${key}Action\` when creating your handler.`);
       tempIndex = dataLength > 0 ? Math.min(dataLength, endIndex) : endIndex;
     } else {
       let sizeNum = 0;
-      for (let i = startIndex; i < dataLength; i++) {
-        sizeNum += positions[i][sizeKey] || 0;
+      for (let i2 = startIndex; i2 < dataLength; i2++) {
+        sizeNum += positions[i2][sizeKey] || 0;
         if (sizeNum > offSetSize) {
-          const endIndex = i + overscan;
+          const endIndex = i2 + overscan;
           tempIndex = dataLength > 0 ? Math.min(dataLength, endIndex) : endIndex;
           break;
         }
@@ -24971,7 +24984,7 @@ Please add \`${key}Action\` when creating your handler.`);
         calcRate
       );
     };
-    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, !left && renderContent(!left), Number(value) !== 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, rateTrend.current ? /* @__PURE__ */ React.createElement(React.Fragment, null, riseIcon || /* @__PURE__ */ React.createElement(l, { color: calcIconProps.color })) : /* @__PURE__ */ React.createElement(React.Fragment, null, dropIcon || /* @__PURE__ */ React.createElement(t, { color: calcIconProps.color }))), left && renderContent(!left));
+    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, !left && renderContent(!left), Number(value) !== 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, rateTrend.current ? /* @__PURE__ */ React.createElement(React.Fragment, null, riseIcon || /* @__PURE__ */ React.createElement(o, { color: calcIconProps.color })) : /* @__PURE__ */ React.createElement(React.Fragment, null, dropIcon || /* @__PURE__ */ React.createElement(e, { color: calcIconProps.color }))), left && renderContent(!left));
   };
   TrendArrow.defaultProps = defaultProps$2;
   TrendArrow.displayName = "NutTrendArrow";