@nutui/nutui-react 3.0.19-beta.2 → 3.0.19

package/dist/nutui.react.umd.js

@@ -152,7 +152,9 @@
   var classnamesExports = classnames.exports;
   const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
   const n$b = {
-    classPrefix: "nut-icon"
+    classPrefix: "nut-icon",
+    tag: "i",
+    fontClassName: "nutui-iconfont"
   };
   var re = { exports: {} }, Y = {};
   /**
@@ -415,18 +417,18 @@
           if (p2 && n2 && typeof p2.stack == "string") {
             for (var a = p2.stack.split(`
 `), v = n2.stack.split(`
-`), l2 = a.length - 1, c2 = v.length - 1; l2 >= 1 && c2 >= 0 && a[l2] !== v[c2]; )
-              c2--;
-            for (; l2 >= 1 && c2 >= 0; l2--, c2--)
-              if (a[l2] !== v[c2]) {
-                if (l2 !== 1 || c2 !== 1)
+`), l2 = a.length - 1, c6 = v.length - 1; l2 >= 1 && c6 >= 0 && a[l2] !== v[c6]; )
+              c6--;
+            for (; l2 >= 1 && c6 >= 0; l2--, c6--)
+              if (a[l2] !== v[c6]) {
+                if (l2 !== 1 || c6 !== 1)
                   do
-                    if (l2--, c2--, c2 < 0 || a[l2] !== v[c2]) {
+                    if (l2--, c6--, c6 < 0 || a[l2] !== v[c6]) {
                       var g = `
 ` + a[l2].replace(" at new ", " at ");
                       return e.displayName && g.includes("<anonymous>") && (g = g.replace("<anonymous>", e.displayName)), typeof e == "function" && U.set(e, g), g;
                     }
-                  while (l2 >= 1 && c2 >= 0);
+                  while (l2 >= 1 && c6 >= 0);
                 break;
               }
           }
@@ -611,8 +613,8 @@
               i2[s2] === void 0 && (i2[s2] = l2[s2]);
           }
           if (a || v) {
-            var c2 = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-            a && Ze(i2, c2), v && Qe(i2, c2);
+            var c6 = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+            a && Ze(i2, c6), v && Qe(i2, c6);
           }
           return er(e, a, v, o, n2, W.current, i2);
         }
@@ -741,9 +743,9 @@ Check the top-level render call using <` + t + ">.");
             var l2;
             e === null ? l2 = "null" : z(e) ? l2 = "array" : e !== void 0 && e.$$typeof === E ? (l2 = "<" + (b(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : l2 = typeof e, u("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", l2, a);
           }
-          var c2 = rr(e, r, t, o, s2);
-          if (c2 == null)
-            return c2;
+          var c6 = rr(e, r, t, o, s2);
+          if (c6 == null)
+            return c6;
           if (i2) {
             var g = r.children;
             if (g !== void 0)
@@ -771,7 +773,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, ee, O, cr, O), Ce[O + ee] = true;
             }
           }
-          return e === R ? ir(c2) : ar(c2), c2;
+          return e === R ? ir(c6) : ar(c6), c6;
         }
       }
       function or(e, r, t) {
@@ -861,8 +863,8 @@ React keys must be passed directly to JSX without using spread:
     ) });
   };
   const d$e = (s2) => {
-    const c2 = { ...hr, ...s2 };
-    return /* @__PURE__ */ Er(Rr, { ...c2, name: c2.name || "Ask", viewBox: "0 0 1024 1024", children: [
+    const c6 = { ...hr, ...s2 };
+    return /* @__PURE__ */ Er(Rr, { ...c6, name: c6.name || "Ask", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
         "path",
         {
@@ -930,8 +932,8 @@ React keys must be passed directly to JSX without using spread:
       }
     ) });
   };
-  const n$5 = (c2) => {
-    const o = { ...hr, ...c2 };
+  const n$5 = (c6) => {
+    const o = { ...hr, ...c6 };
     return /* @__PURE__ */ xe(Rr, { ...o, name: o.name || "Close", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ xe(
       "path",
       {
@@ -941,8 +943,8 @@ React keys must be passed directly to JSX without using spread:
     ) });
   };
   const d$d = (a) => {
-    const c2 = { ...hr, ...a };
-    return /* @__PURE__ */ Er(Rr, { ...c2, name: c2.name || "Del", viewBox: "0 0 1024 1024", children: [
+    const c6 = { ...hr, ...a };
+    return /* @__PURE__ */ Er(Rr, { ...c6, name: c6.name || "Del", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
         "path",
         {
@@ -1061,8 +1063,8 @@ React keys must be passed directly to JSX without using spread:
     ) });
   };
   const m$1 = (o) => {
-    const c2 = { ...hr, ...o };
-    return /* @__PURE__ */ Er(Rr, { ...c2, name: c2.name || "Location", viewBox: "0 0 1024 1024", children: [
+    const c6 = { ...hr, ...o };
+    return /* @__PURE__ */ Er(Rr, { ...c6, name: c6.name || "Location", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
         "path",
         {
@@ -1111,8 +1113,8 @@ React keys must be passed directly to JSX without using spread:
     ) });
   };
   const n$3 = (r) => {
-    const c2 = { ...hr, ...r };
-    return /* @__PURE__ */ xe(Rr, { ...c2, name: c2.name || "Notice", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ xe(
+    const c6 = { ...hr, ...r };
+    return /* @__PURE__ */ xe(Rr, { ...c6, name: c6.name || "Notice", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ xe(
       "path",
       {
         d: "M544 21.33C544 9.6 534.4 0 522.67 0h-21.34C489.6 0 480 9.6 480 21.33v65.5c-179.41 16.21-320 167.04-320 350.5v226.35c0 26.45-6.19 52.69-17.92 76.37l-36.48 72.96c-14.29 28.37 6.4 61.65 38.19 61.66h736.42c31.79 0 52.27-33.28 38.19-61.66l-36.48-72.96A172.4 172.4 0 0 1 864 663.68V437.33c0-183.68-140.59-334.51-320-350.5zm-32 128c159.15 0 288 128.85 288 288v226.35c0 36.48 8.53 72.32 24.75 104.96l21.12 42.03H178.13l21.12-42.03C215.46 736 224 700.16 224 663.68V437.33c0-159.15 128.85-288 288-288M405.33 1024c-11.73 0-21.33-9.6-21.33-21.33v-21.34c0-11.73 9.6-21.33 21.33-21.33h213.34c11.73 0 21.33 9.6 21.33 21.33v21.34c0 11.73-9.6 21.33-21.33 21.33z",
@@ -1121,8 +1123,8 @@ React keys must be passed directly to JSX without using spread:
     ) });
   };
   const m = (o) => {
-    const c2 = { ...hr, ...o };
-    return /* @__PURE__ */ Er(Rr, { ...c2, name: c2.name || "Photograph", viewBox: "0 0 1024 1024", children: [
+    const c6 = { ...hr, ...o };
+    return /* @__PURE__ */ Er(Rr, { ...c6, name: c6.name || "Photograph", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
         "path",
         {
@@ -1160,8 +1162,8 @@ React keys must be passed directly to JSX without using spread:
       }
     ) });
   };
-  const n$1 = (c2) => {
-    const a = { ...hr, ...c2 };
+  const n$1 = (c6) => {
+    const a = { ...hr, ...c6 };
     return /* @__PURE__ */ Er(Rr, { ...a, name: a.name || "Service", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
         "path",
@@ -1211,8 +1213,8 @@ React keys must be passed directly to JSX without using spread:
     ] });
   };
   const p$1 = (o) => {
-    const c2 = { ...hr, ...o };
-    return /* @__PURE__ */ Er(Rr, { ...c2, name: c2.name || "Tips", viewBox: "0 0 1024 1024", children: [
+    const c6 = { ...hr, ...o };
+    return /* @__PURE__ */ Er(Rr, { ...c6, name: c6.name || "Tips", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
         "path",
         {
@@ -1790,6 +1792,7 @@ React keys must be passed directly to JSX without using spread:
     select: "请选择",
     edit: "编辑",
     reset: "重置",
+    close: "关闭",
     video: {
       errorTip: "视频加载失败",
       clickRetry: "点击重试"
@@ -1935,7 +1938,8 @@ React keys must be passed directly to JSX without using spread:
     },
     watermark: {
       errorCanvasTips: "当前环境不支持Canvas"
-    }
+    },
+    mask: "蒙层"
   };
   function bound(position2, min, max) {
     var ret = position2;
@@ -1948,7 +1952,7 @@ React keys must be passed directly to JSX without using spread:
     return ret;
   }
   var canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
-  var clamp$1 = function(num, min, max) {
+  var clamp$2 = function(num, min, max) {
     return Math.min(Math.max(num, min), max);
   };
   function _array_like_to_array(arr, len) {
@@ -2655,7 +2659,10 @@ React keys must be passed directly to JSX without using spread:
     return unmountComponentAtNode(container);
   }
   function concurrentUnmount(container) {
-    return _async_to_generator(function() {
+    return _concurrentUnmount.apply(this, arguments);
+  }
+  function _concurrentUnmount() {
+    _concurrentUnmount = _async_to_generator(function(container) {
       return __generator(this, function(_state) {
         return [
           2,
@@ -2666,7 +2673,8 @@ React keys must be passed directly to JSX without using spread:
           })
         ];
       });
-    })();
+    });
+    return _concurrentUnmount.apply(this, arguments);
   }
   function unmount(container) {
     if (createRoot) {
@@ -3053,7 +3061,7 @@ React keys must be passed directly to JSX without using spread:
     if (null == r) return {};
     var t = {};
     for (var n2 in r) if ({}.hasOwnProperty.call(r, n2)) {
-      if (-1 !== e.indexOf(n2)) continue;
+      if (e.includes(n2)) continue;
       t[n2] = r[n2];
     }
     return t;
@@ -3081,12 +3089,12 @@ React keys must be passed directly to JSX without using spread:
   function requireReactIs_production_min() {
     if (hasRequiredReactIs_production_min) return reactIs_production_min;
     hasRequiredReactIs_production_min = 1;
-    var b = "function" === typeof Symbol && Symbol.for, c2 = b ? Symbol.for("react.element") : 60103, d2 = b ? Symbol.for("react.portal") : 60106, e = 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, m2 = b ? Symbol.for("react.concurrent_mode") : 60111, n2 = b ? Symbol.for("react.forward_ref") : 60112, p2 = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r = b ? Symbol.for("react.memo") : 60115, t = 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, d2 = b ? Symbol.for("react.portal") : 60106, e = 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, m2 = b ? Symbol.for("react.concurrent_mode") : 60111, n2 = b ? Symbol.for("react.forward_ref") : 60112, p2 = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r = b ? Symbol.for("react.memo") : 60115, t = 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(a) {
       if ("object" === typeof a && null !== a) {
         var u = a.$$typeof;
         switch (u) {
-          case c2:
+          case c6:
             switch (a = a.type, a) {
               case l2:
               case m2:
@@ -3119,7 +3127,7 @@ React keys must be passed directly to JSX without using spread:
     reactIs_production_min.ConcurrentMode = m2;
     reactIs_production_min.ContextConsumer = k;
     reactIs_production_min.ContextProvider = h;
-    reactIs_production_min.Element = c2;
+    reactIs_production_min.Element = c6;
     reactIs_production_min.ForwardRef = n2;
     reactIs_production_min.Fragment = e;
     reactIs_production_min.Lazy = t;
@@ -3139,7 +3147,7 @@ React keys must be passed directly to JSX without using spread:
       return z(a) === h;
     };
     reactIs_production_min.isElement = function(a) {
-      return "object" === typeof a && null !== a && a.$$typeof === c2;
+      return "object" === typeof a && null !== a && a.$$typeof === c6;
     };
     reactIs_production_min.isForwardRef = function(a) {
       return z(a) === n2;
@@ -4473,13 +4481,13 @@ React keys must be passed directly to JSX without using spread:
   Transition.ENTERED = ENTERED;
   Transition.EXITING = EXITING;
   var _addClass = function addClass$1(node, classes) {
-    return node && classes && classes.split(" ").forEach(function(c2) {
-      return addClass(node, c2);
+    return node && classes && classes.split(" ").forEach(function(c6) {
+      return addClass(node, c6);
     });
   };
   var removeClass = function removeClass2(node, classes) {
-    return node && classes && classes.split(" ").forEach(function(c2) {
-      return removeClass$1(node, c2);
+    return node && classes && classes.split(" ").forEach(function(c6) {
+      return removeClass$1(node, c6);
     });
   };
   var CSSTransition = /* @__PURE__ */ function(_React$Component) {
@@ -5611,7 +5619,7 @@ React keys must be passed directly to JSX without using spread:
     }, children));
   };
   BackTop.displayName = "NutBackTop";
-  function clamp(v, min, max) {
+  function clamp$1(v, min, max) {
     return Math.max(min, Math.min(v, max));
   }
   const V = {
@@ -5639,7 +5647,7 @@ React keys must be passed directly to JSX without using spread:
     return distance * dimension * constant / (dimension + constant * distance);
   }
   function rubberbandIfOutOfBounds(position2, min, max, constant = 0.15) {
-    if (constant === 0) return clamp(position2, min, max);
+    if (constant === 0) return clamp$1(position2, min, max);
     if (position2 < min) return -rubberband(min - position2, max - min, constant) + min;
     if (position2 > max) return +rubberband(position2 - max, max - min, constant) + max;
     return position2;
@@ -6200,8 +6208,8 @@ React keys must be passed directly to JSX without using spread:
   const DISPLACEMENT = 10;
   const KEYS_DELTA_MAP = {
     ArrowRight: (factor = 1) => [DISPLACEMENT * factor, 0],
-    ArrowLeft: (factor = 1) => [-DISPLACEMENT * factor, 0],
-    ArrowUp: (factor = 1) => [0, -DISPLACEMENT * factor],
+    ArrowLeft: (factor = 1) => [-10 * factor, 0],
+    ArrowUp: (factor = 1) => [0, -10 * factor],
     ArrowDown: (factor = 1) => [0, DISPLACEMENT * factor]
   };
   class DragEngine extends CoordinatesEngine {
@@ -7733,6 +7741,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     const index2 = arr.findIndex(test);
     return index2 < 0 ? arr.length : index2;
   }
+  const clamp = (min, max, v) => Math.min(Math.max(v, min), max);
   const colors = {
     transparent: 0,
     aliceblue: 4042850303,
@@ -8026,8 +8035,63 @@ Please add \`${key2}Action\` when creating your handler.`);
     for (var i2 = 1; i2 < inputRange.length - 1; ++i2) if (inputRange[i2] >= input) break;
     return i2 - 1;
   }
+  const steps = (steps2, direction = "end") => (progress) => {
+    progress = direction === "end" ? Math.min(progress, 0.999) : Math.max(progress, 1e-3);
+    const expanded = progress * steps2;
+    const rounded = direction === "end" ? Math.floor(expanded) : Math.ceil(expanded);
+    return clamp(0, 1, rounded / steps2);
+  };
+  const c1 = 1.70158;
+  const c2 = c1 * 1.525;
+  const c3 = c1 + 1;
+  const c4 = 2 * Math.PI / 3;
+  const c5 = 2 * Math.PI / 4.5;
+  const bounceOut = (x) => {
+    const n1 = 7.5625;
+    const d1 = 2.75;
+    if (x < 1 / d1) {
+      return n1 * x * x;
+    } else if (x < 2 / d1) {
+      return n1 * (x -= 1.5 / d1) * x + 0.75;
+    } else if (x < 2.5 / d1) {
+      return n1 * (x -= 2.25 / d1) * x + 0.9375;
+    } else {
+      return n1 * (x -= 2.625 / d1) * x + 0.984375;
+    }
+  };
   const easings = {
-    linear: (x) => x
+    linear: (x) => x,
+    easeInQuad: (x) => x * x,
+    easeOutQuad: (x) => 1 - (1 - x) * (1 - x),
+    easeInOutQuad: (x) => x < 0.5 ? 2 * x * x : 1 - Math.pow(-2 * x + 2, 2) / 2,
+    easeInCubic: (x) => x * x * x,
+    easeOutCubic: (x) => 1 - Math.pow(1 - x, 3),
+    easeInOutCubic: (x) => x < 0.5 ? 4 * x * x * x : 1 - Math.pow(-2 * x + 2, 3) / 2,
+    easeInQuart: (x) => x * x * x * x,
+    easeOutQuart: (x) => 1 - Math.pow(1 - x, 4),
+    easeInOutQuart: (x) => x < 0.5 ? 8 * x * x * x * x : 1 - Math.pow(-2 * x + 2, 4) / 2,
+    easeInQuint: (x) => x * x * x * x * x,
+    easeOutQuint: (x) => 1 - Math.pow(1 - x, 5),
+    easeInOutQuint: (x) => x < 0.5 ? 16 * x * x * x * x * x : 1 - Math.pow(-2 * x + 2, 5) / 2,
+    easeInSine: (x) => 1 - Math.cos(x * Math.PI / 2),
+    easeOutSine: (x) => Math.sin(x * Math.PI / 2),
+    easeInOutSine: (x) => -(Math.cos(Math.PI * x) - 1) / 2,
+    easeInExpo: (x) => x === 0 ? 0 : Math.pow(2, 10 * x - 10),
+    easeOutExpo: (x) => x === 1 ? 1 : 1 - Math.pow(2, -10 * x),
+    easeInOutExpo: (x) => x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? Math.pow(2, 20 * x - 10) / 2 : (2 - Math.pow(2, -20 * x + 10)) / 2,
+    easeInCirc: (x) => 1 - Math.sqrt(1 - Math.pow(x, 2)),
+    easeOutCirc: (x) => Math.sqrt(1 - Math.pow(x - 1, 2)),
+    easeInOutCirc: (x) => x < 0.5 ? (1 - Math.sqrt(1 - Math.pow(2 * x, 2))) / 2 : (Math.sqrt(1 - Math.pow(-2 * x + 2, 2)) + 1) / 2,
+    easeInBack: (x) => c3 * x * x * x - c1 * x * x,
+    easeOutBack: (x) => 1 + c3 * Math.pow(x - 1, 3) + c1 * Math.pow(x - 1, 2),
+    easeInOutBack: (x) => x < 0.5 ? Math.pow(2 * x, 2) * ((c2 + 1) * 2 * x - c2) / 2 : (Math.pow(2 * x - 2, 2) * ((c2 + 1) * (x * 2 - 2) + c2) + 2) / 2,
+    easeInElastic: (x) => x === 0 ? 0 : x === 1 ? 1 : -Math.pow(2, 10 * x - 10) * Math.sin((x * 10 - 10.75) * c4),
+    easeOutElastic: (x) => x === 0 ? 0 : x === 1 ? 1 : Math.pow(2, -10 * x) * Math.sin((x * 10 - 0.75) * c4) + 1,
+    easeInOutElastic: (x) => x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? -(Math.pow(2, 20 * x - 10) * Math.sin((20 * x - 11.125) * c5)) / 2 : Math.pow(2, -20 * x + 10) * Math.sin((20 * x - 11.125) * c5) / 2 + 1,
+    easeInBounce: (x) => 1 - bounceOut(1 - x),
+    easeOutBounce: bounceOut,
+    easeInOutBounce: (x) => x < 0.5 ? (1 - bounceOut(1 - 2 * x)) / 2 : (1 + bounceOut(2 * x - 1)) / 2,
+    steps
   };
   function _extends$3() {
     _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
@@ -8219,7 +8283,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     const prevCache = committed.current;
     let cache = prevCache;
     if (cache) {
-      const useCache = Boolean(inputs && cache.inputs && areInputsEqual(inputs, cache.inputs));
+      const useCache = Boolean(cache.inputs && areInputsEqual(inputs, cache.inputs));
       if (!useCache) {
         cache = {
           inputs,
@@ -8681,6 +8745,26 @@ Please add \`${key2}Action\` when creating your handler.`);
     default: {
       tension: 170,
       friction: 26
+    },
+    gentle: {
+      tension: 120,
+      friction: 14
+    },
+    wobbly: {
+      tension: 180,
+      friction: 12
+    },
+    stiff: {
+      tension: 210,
+      friction: 20
+    },
+    slow: {
+      tension: 280,
+      friction: 60
+    },
+    molasses: {
+      tension: 280,
+      friction: 120
     }
   };
   const defaults = _extends$1({}, config$1.default, {
@@ -9032,8 +9116,8 @@ Please add \`${key2}Action\` when creating your handler.`);
   const hasAnimated = (target) => (target[$P] & HAS_ANIMATED) > 0;
   const isAnimating = (target) => (target[$P] & IS_ANIMATING) > 0;
   const isPaused = (target) => (target[$P] & IS_PAUSED) > 0;
-  const setActiveBit = (target, active2) => active2 ? target[$P] |= IS_ANIMATING | HAS_ANIMATED : target[$P] &= ~IS_ANIMATING;
-  const setPausedBit = (target, paused) => paused ? target[$P] |= IS_PAUSED : target[$P] &= ~IS_PAUSED;
+  const setActiveBit = (target, active2) => active2 ? target[$P] |= IS_ANIMATING | HAS_ANIMATED : target[$P] &= -3;
+  const setPausedBit = (target, paused) => paused ? target[$P] |= IS_PAUSED : target[$P] &= -5;
   class SpringValue extends FrameValue {
     constructor(arg1, arg2) {
       super();
@@ -11588,8 +11672,9 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   var _zIndex = 1100;
   var Popup = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1d, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position2 = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd;
+    var _$_object_spread = _object_spread({}, defaultProps$1d, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, top = _$_object_spread.top, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position2 = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd, closeAriaLabel = _$_object_spread.closeAriaLabel;
     var nodeRef = React.useRef(null);
+    var topNodeRef = React.useRef(null);
     var innerIndex = zIndex || _zIndex;
     var _useState = _sliced_to_array(React.useState(innerIndex), 2), index2 = _useState[0], setIndex = _useState[1];
     var _useState1 = _sliced_to_array(React.useState(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
@@ -11600,6 +11685,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     var heightRef = React.useRef(0);
     var defaultHeightRef = React.useRef(0);
     var isTouching = React.useRef(false);
+    var locale = useConfig().locale;
     useLockScroll(nodeRef, innerVisible && lockScroll);
     var classPrefix2 = "nut-popup";
     var overlayStyles = _object_spread({}, overlayStyle);
@@ -11622,6 +11708,14 @@ Please add \`${key2}Action\` when creating your handler.`);
       }
       onOpen && onOpen();
     };
+    React.useEffect(function() {
+      if (topNodeRef.current && nodeRef.current) {
+        var _nodeRef_current;
+        topNodeRef.current.style.bottom = "".concat((_nodeRef_current = nodeRef.current) === null || _nodeRef_current === void 0 ? void 0 : _nodeRef_current.clientHeight, "px");
+      }
+    }, [
+      innerVisible
+    ]);
     var close = function() {
       if (innerVisible) {
         setInnerVisible(false);
@@ -11646,9 +11740,19 @@ Please add \`${key2}Action\` when creating your handler.`);
       var closeClasses = classNames("".concat(classPrefix2, "-title-right"), "".concat(classPrefix2, "-title-right-").concat(closeIconPosition));
       return /* @__PURE__ */ React.createElement(React.Fragment, null, closeable && /* @__PURE__ */ React.createElement("div", {
         className: closeClasses,
-        onClick: handleCloseIconClick
+        onClick: handleCloseIconClick,
+        role: "button",
+        "aria-label": closeAriaLabel || locale.close,
+        tabIndex: -1
       }, /* @__PURE__ */ React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React.createElement(n$5, null)));
     };
+    var renderTop = function() {
+      if (!top) return null;
+      return /* @__PURE__ */ React.createElement("div", {
+        className: "".concat(classPrefix2, "-bottom-top"),
+        ref: topNodeRef
+      }, top);
+    };
     var renderTitle = function() {
       if (left || title || description) {
         return /* @__PURE__ */ React.createElement("div", {
@@ -11715,7 +11819,7 @@ Please add \`${key2}Action\` when creating your handler.`);
         onTouchMove: handleTouchMove,
         onTouchEnd: handleTouchEnd,
         onTouchCancel: handleTouchEnd
-      }, renderTitle(), showChildren && children));
+      }, renderTop(), renderTitle(), showChildren && children));
     };
     var renderNode = function() {
       return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay && /* @__PURE__ */ React.createElement(Overlay, {
@@ -11982,8 +12086,8 @@ Please add \`${key2}Action\` when creating your handler.`);
       outerOptions
     ]);
     React.useEffect(function() {
-      var load = function() {
-        return _async_to_generator(function() {
+      var load = /* @__PURE__ */ function() {
+        var _ref = _async_to_generator(function() {
           var parent2, error;
           return __generator(this, function(_state) {
             switch (_state.label) {
@@ -12001,8 +12105,8 @@ Please add \`${key2}Action\` when creating your handler.`);
                 ]);
                 return [
                   4,
-                  innerValue.reduce(function(promise, val2, key2) {
-                    return _async_to_generator(function() {
+                  innerValue.reduce(/* @__PURE__ */ function() {
+                    var _ref2 = _async_to_generator(function(promise, val2, key2) {
                       var pane, parent3, node;
                       return __generator(this, function(_state2) {
                         switch (_state2.label) {
@@ -12042,8 +12146,11 @@ Please add \`${key2}Action\` when creating your handler.`);
                             ];
                         }
                       });
-                    })();
-                  }, Promise.resolve(parent2))
+                    });
+                    return function(promise, val2, key2) {
+                      return _ref2.apply(this, arguments);
+                    };
+                  }(), Promise.resolve(parent2))
                 ];
               case 2:
                 _state.sent();
@@ -12065,14 +12172,17 @@ Please add \`${key2}Action\` when creating your handler.`);
                 ];
             }
           });
-        })();
-      };
+        });
+        return function load2() {
+          return _ref.apply(this, arguments);
+        };
+      }();
       if (lazy) load();
     }, [
       lazy
     ]);
-    var chooseItem = function(pane, levelIndex) {
-      return _async_to_generator(function() {
+    var chooseItem = /* @__PURE__ */ function() {
+      var _ref = _async_to_generator(function(pane, levelIndex) {
         var nextValue, nextPathNodes, _props_onPathChange, asyncOptions;
         return __generator(this, function(_state) {
           switch (_state.label) {
@@ -12124,8 +12234,11 @@ Please add \`${key2}Action\` when creating your handler.`);
               ];
           }
         });
-      })();
-    };
+      });
+      return function chooseItem2(pane, levelIndex) {
+        return _ref.apply(this, arguments);
+      };
+    }();
     var renderCascaderItem = function(item, levelIndex) {
       var _item_pane;
       return (_item_pane = item.pane) === null || _item_pane === void 0 ? void 0 : _item_pane.map(function(pane, index2) {
@@ -13752,9 +13865,9 @@ Please add \`${key2}Action\` when creating your handler.`);
     var isMid = function(day) {
       if (type2 === "range" || type2 === "week") {
         if (innerValue.length === 2) {
-          var c1 = compareDay(innerValue[0], day);
-          var c2 = compareDay(day, innerValue[1]);
-          if (c1 && c1 < 0 && c2 && c2 < 0) {
+          var c12 = compareDay(innerValue[0], day);
+          var c22 = compareDay(day, innerValue[1]);
+          if (c12 && c12 < 0 && c22 && c22 < 0) {
             return true;
           }
         }
@@ -13793,22 +13906,22 @@ Please add \`${key2}Action\` when creating your handler.`);
     };
     var jumpTo = function(year, month2) {
       if (startDate) {
-        var c2 = compareDay({
+        var c6 = compareDay({
           year,
           month: month2,
           date: 31
         }, convertDateToDay(startDate));
-        if (c2 && c2 < 0) {
+        if (c6 && c6 < 0) {
           return;
         }
       }
       if (endDate) {
-        var c1 = compareDay({
+        var c12 = compareDay({
           year,
           month: month2,
           date: 1
         }, convertDateToDay(endDate));
-        if (c1 && c1 > 0) {
+        if (c12 && c12 > 0) {
           return;
         }
       }
@@ -14129,7 +14242,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     };
     var _obj;
     return /* @__PURE__ */ React.createElement("div", _object_spread_props(_object_spread({
-      className: classNames(classPrefix$j, (_obj = {}, _define_property(_obj, "".concat(classPrefix$j, "-reverse"), labelPosition === "left"), _define_property(_obj, "nut-checkbox-list-item", ctx2 === null || ctx2 === void 0 ? void 0 : ctx2.list), _obj), className)
+      className: classNames(classPrefix$j, (_obj = {}, _define_property(_obj, "".concat(classPrefix$j, "-reverse"), labelPosition === "left"), _define_property(_obj, "nut-checkbox-list-item", ctx2 === null || ctx2 === void 0 ? void 0 : ctx2.list), _define_property(_obj, "".concat(classPrefix$j, "-active"), innerChecked), _obj), className)
     }, rest), {
       onClick: handleClick
     }), renderCheckboxItem());
@@ -14184,9 +14297,9 @@ Please add \`${key2}Action\` when creating your handler.`);
             var childProps = child.props;
             childrenLabel.push(childProps.value);
           });
-          var reverse2 = childrenLabel.filter(function(c2) {
+          var reverse2 = childrenLabel.filter(function(c6) {
             return (_value === null || _value === void 0 ? void 0 : _value.findIndex(function(v) {
-              return v === c2;
+              return v === c6;
             })) === -1;
           });
           setValue(reverse2);
@@ -14499,6 +14612,8 @@ Please add \`${key2}Action\` when creating your handler.`);
       if (!options3.length) return [];
       var formatted = [];
       var columnOptions = {
+        label: "",
+        value: "",
         children: options3
       };
       var columnIndex = 0;
@@ -16258,6 +16373,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       var _this = this;
       var _this1 = this;
       _class_call_check(this, FormStore2);
+      var _this2 = this;
       _define_property(this, "initialValues", {});
       _define_property(this, "updateList", []);
       _define_property(this, "store", {});
@@ -16326,8 +16442,8 @@ Please add \`${key2}Action\` when creating your handler.`);
       _define_property(this, "setCallback", function(callback) {
         _this.callbacks = _object_spread({}, _this.callbacks, callback);
       });
-      _define_property(this, "validateEntities", function(entity, errs) {
-        return _async_to_generator(function() {
+      _define_property(this, "validateEntities", /* @__PURE__ */ function() {
+        var _ref = _async_to_generator(function(entity, errs) {
           var _entity_props, name2, _entity_props_rules, rules2, descriptor, validator, _this_store, param, errors, _errs;
           return __generator(this, function(_state) {
             switch (_state.label) {
@@ -16361,7 +16477,7 @@ Please add \`${key2}Action\` when creating your handler.`);
                 ]);
                 return [
                   4,
-                  validator.validate(_define_property({}, name2, (_this_store = this.store) === null || _this_store === void 0 ? void 0 : _this_store[name2]))
+                  validator.validate(_define_property({}, name2, (_this_store = _this2.store) === null || _this_store === void 0 ? void 0 : _this_store[name2]))
                 ];
               case 2:
                 _state.sent();
@@ -16374,7 +16490,7 @@ Please add \`${key2}Action\` when creating your handler.`);
                 errors = param.errors;
                 if (errors) {
                   (_errs = errs).push.apply(_errs, _to_consumable_array(errors));
-                  this.errors[name2] = errors;
+                  _this2.errors[name2] = errors;
                 }
                 return [
                   3,
@@ -16382,7 +16498,7 @@ Please add \`${key2}Action\` when creating your handler.`);
                 ];
               case 4:
                 if (!errs || errs.length === 0) {
-                  this.errors[name2] = [];
+                  _this2.errors[name2] = [];
                 }
                 return [
                   7
@@ -16394,20 +16510,22 @@ Please add \`${key2}Action\` when creating your handler.`);
                 ];
             }
           });
-        }).call(_this);
-      });
-      _define_property(this, "validateFields", function(nameList) {
-        return _async_to_generator(function() {
-          var _this2, filterEntities, errs;
+        });
+        return function(entity, errs) {
+          return _ref.apply(this, arguments);
+        };
+      }());
+      _define_property(this, "validateFields", /* @__PURE__ */ function() {
+        var _ref = _async_to_generator(function(nameList) {
+          var filterEntities, errs;
           return __generator(this, function(_state) {
             switch (_state.label) {
               case 0:
-                _this2 = this;
                 filterEntities = [];
                 if (!nameList || nameList.length === 0) {
-                  filterEntities = this.fieldEntities;
+                  filterEntities = _this2.fieldEntities;
                 } else {
-                  filterEntities = this.fieldEntities.filter(function(param) {
+                  filterEntities = _this2.fieldEntities.filter(function(param) {
                     var name2 = param.props.name;
                     return nameList.includes(name2);
                   });
@@ -16415,14 +16533,14 @@ Please add \`${key2}Action\` when creating your handler.`);
                 errs = [];
                 return [
                   4,
-                  Promise.all(filterEntities.map(function(entity) {
-                    return _async_to_generator(function() {
+                  Promise.all(filterEntities.map(/* @__PURE__ */ function() {
+                    var _ref2 = _async_to_generator(function(entity) {
                       return __generator(this, function(_state2) {
                         switch (_state2.label) {
                           case 0:
                             return [
                               4,
-                              this.validateEntities(entity, errs)
+                              _this2.validateEntities(entity, errs)
                             ];
                           case 1:
                             _state2.sent();
@@ -16431,8 +16549,11 @@ Please add \`${key2}Action\` when creating your handler.`);
                             ];
                         }
                       });
-                    }).call(_this2);
-                  }))
+                    });
+                    return function(entity) {
+                      return _ref2.apply(this, arguments);
+                    };
+                  }()))
                 ];
               case 1:
                 _state.sent();
@@ -16442,32 +16563,33 @@ Please add \`${key2}Action\` when creating your handler.`);
                 ];
             }
           });
-        }).call(_this);
-      });
-      _define_property(this, "submit", function() {
-        return _async_to_generator(function() {
-          var errors, _this_callbacks_onFinish, _this_callbacks, _this_callbacks_onFinishFailed, _this_callbacks1;
-          return __generator(this, function(_state) {
-            switch (_state.label) {
-              case 0:
-                return [
-                  4,
-                  this.validateFields()
-                ];
-              case 1:
-                errors = _state.sent();
-                if (errors.length === 0) {
-                  (_this_callbacks_onFinish = (_this_callbacks = this.callbacks).onFinish) === null || _this_callbacks_onFinish === void 0 ? void 0 : _this_callbacks_onFinish.call(_this_callbacks, this.store);
-                } else if (errors.length > 0) {
-                  (_this_callbacks_onFinishFailed = (_this_callbacks1 = this.callbacks).onFinishFailed) === null || _this_callbacks_onFinishFailed === void 0 ? void 0 : _this_callbacks_onFinishFailed.call(_this_callbacks1, this.store, errors);
-                }
-                return [
-                  2
-                ];
-            }
-          });
-        }).call(_this);
-      });
+        });
+        return function(nameList) {
+          return _ref.apply(this, arguments);
+        };
+      }());
+      _define_property(this, "submit", /* @__PURE__ */ _async_to_generator(function() {
+        var errors, _this_callbacks_onFinish, _this_callbacks, _this_callbacks_onFinishFailed, _this_callbacks1;
+        return __generator(this, function(_state) {
+          switch (_state.label) {
+            case 0:
+              return [
+                4,
+                _this2.validateFields()
+              ];
+            case 1:
+              errors = _state.sent();
+              if (errors.length === 0) {
+                (_this_callbacks_onFinish = (_this_callbacks = _this2.callbacks).onFinish) === null || _this_callbacks_onFinish === void 0 ? void 0 : _this_callbacks_onFinish.call(_this_callbacks, _this2.store);
+              } else if (errors.length > 0) {
+                (_this_callbacks_onFinishFailed = (_this_callbacks1 = _this2.callbacks).onFinishFailed) === null || _this_callbacks_onFinishFailed === void 0 ? void 0 : _this_callbacks_onFinishFailed.call(_this_callbacks1, _this2.store, errors);
+              }
+              return [
+                2
+              ];
+          }
+        });
+      }));
       _define_property(this, "resetFields", function(namePaths) {
         if (namePaths && namePaths.length) {
           namePaths.forEach(function(path) {
@@ -16971,7 +17093,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   var Input = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var rtl = useRtl();
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$Y, props), type2 = _ref.type, name2 = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, onChange = _ref.onChange, onFocus = _ref.onFocus, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, plain = _ref.plain, defaultValue = _ref.defaultValue, _value = _ref.value, onCompositionStart = _ref.onCompositionStart, onCompositionEnd = _ref.onCompositionEnd, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$Y, props), type2 = _ref.type, name2 = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, inputStyle = _ref.inputStyle, onChange = _ref.onChange, onFocus = _ref.onFocus, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, plain = _ref.plain, defaultValue = _ref.defaultValue, _value = _ref.value, onCompositionStart = _ref.onCompositionStart, onCompositionEnd = _ref.onCompositionEnd, rest = _object_without_properties(_ref, [
       "type",
       "name",
       "placeholder",
@@ -16985,6 +17107,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       "autoFocus",
       "style",
       "className",
+      "inputStyle",
       "onChange",
       "onFocus",
       "onClear",
@@ -17081,9 +17204,9 @@ Please add \`${key2}Action\` when creating your handler.`);
       ref: inputRef,
       name: name2,
       className: "nut-input-native",
-      style: {
+      style: _object_spread({}, {
         textAlign: getTextAlign()
-      },
+      }, inputStyle),
       type: getInputType(type2),
       maxLength,
       placeholder: placeholder === void 0 ? locale.placeholder : placeholder,
@@ -17203,8 +17326,8 @@ Please add \`${key2}Action\` when creating your handler.`);
       var stepAmount = parseFloat(stepValue) * symbol;
       return (currentValue * dig + stepAmount * dig) / dig;
     };
-    var update2 = function(negative, e) {
-      return _async_to_generator(function() {
+    var update2 = /* @__PURE__ */ function() {
+      var _ref2 = _async_to_generator(function(negative, e) {
         var shouldOverBoundary, maybeResume, nextValue;
         return __generator(this, function(_state) {
           switch (_state.label) {
@@ -17235,10 +17358,13 @@ Please add \`${key2}Action\` when creating your handler.`);
               ];
           }
         });
-      })();
-    };
-    var handleReduce = function(e) {
-      return _async_to_generator(function() {
+      });
+      return function update3(negative, e) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    var handleReduce = /* @__PURE__ */ function() {
+      var _ref2 = _async_to_generator(function(e) {
         return __generator(this, function(_state) {
           switch (_state.label) {
             case 0:
@@ -17256,10 +17382,13 @@ Please add \`${key2}Action\` when creating your handler.`);
               ];
           }
         });
-      })();
-    };
-    var handlePlus = function(e) {
-      return _async_to_generator(function() {
+      });
+      return function handleReduce2(e) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    var handlePlus = /* @__PURE__ */ function() {
+      var _ref2 = _async_to_generator(function(e) {
         return __generator(this, function(_state) {
           switch (_state.label) {
             case 0:
@@ -17277,15 +17406,18 @@ Please add \`${key2}Action\` when creating your handler.`);
               ];
           }
         });
-      })();
-    };
+      });
+      return function handlePlus2(e) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     var parseValue = function(text2) {
       if (text2 === "") return null;
       if (text2 === "-") return null;
       return text2;
     };
-    var handleInputChange = function(e) {
-      return _async_to_generator(function() {
+    var handleInputChange = /* @__PURE__ */ function() {
+      var _ref2 = _async_to_generator(function(e) {
         var valueStr, maybeResume;
         return __generator(this, function(_state) {
           switch (_state.label) {
@@ -17315,8 +17447,11 @@ Please add \`${key2}Action\` when creating your handler.`);
               ];
           }
         });
-      })();
-    };
+      });
+      return function handleInputChange2(e) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     var handleFocus = function(e) {
       setFocused(true);
       setInputValue(shadowValue !== void 0 && shadowValue !== null ? bound(Number(shadowValue), Number(min), Number(max)).toString() : "");
@@ -19221,7 +19356,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     }
   });
   var Switch = function(props) {
-    var _ref = _object_spread({}, defaultProps$M, props), checked = _ref.checked, defaultChecked = _ref.defaultChecked, disabled = _ref.disabled, activeText = _ref.activeText, inactiveText = _ref.inactiveText, loadingIcon = _ref.loadingIcon, className = _ref.className, style = _ref.style, onChange = _ref.onChange, propLoading = _ref.loading, onLoadingChange = _ref.onLoadingChange, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$M, props), checked = _ref.checked, defaultChecked = _ref.defaultChecked, disabled = _ref.disabled, activeText = _ref.activeText, inactiveText = _ref.inactiveText, loadingIcon = _ref.loadingIcon, className = _ref.className, style = _ref.style, onChange = _ref.onChange, propLoading = _ref.loading, onLoadingChange = _ref.onLoadingChange, ariaLabel = _ref.ariaLabel, rest = _object_without_properties(_ref, [
       "checked",
       "defaultChecked",
       "disabled",
@@ -19232,7 +19367,8 @@ Please add \`${key2}Action\` when creating your handler.`);
       "style",
       "onChange",
       "loading",
-      "onLoadingChange"
+      "onLoadingChange",
+      "ariaLabel"
     ]);
     var classPrefix2 = "nut-switch";
     var rtl = useRtl();
@@ -19262,8 +19398,8 @@ Please add \`${key2}Action\` when creating your handler.`);
         (_obj2 = {}, _define_property(_obj2, "".concat(classPrefix2, "-close"), !value2), _define_property(_obj2, "".concat(classPrefix2, "-disabled"), disabled), _define_property(_obj2, "".concat(classPrefix2, "-disabled-close"), disabled && !value2), _obj2)
       ]);
     };
-    var onClick = function() {
-      return _async_to_generator(function() {
+    var onClick = /* @__PURE__ */ function() {
+      var _ref2 = _async_to_generator(function() {
         return __generator(this, function(_state) {
           switch (_state.label) {
             case 0:
@@ -19307,14 +19443,23 @@ Please add \`${key2}Action\` when creating your handler.`);
               ];
           }
         });
-      })();
-    };
+      });
+      return function onClick2() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     var _obj, _obj1;
-    return /* @__PURE__ */ React.createElement("div", _object_spread({
+    return /* @__PURE__ */ React.createElement("div", _object_spread_props(_object_spread({
       className: classes(),
       onClick,
       style
-    }, rest), /* @__PURE__ */ React.createElement("div", {
+    }, rest), {
+      role: "switch",
+      tabIndex: disabled ? -1 : 0,
+      "aria-checked": value2,
+      "aria-disabled": disabled,
+      "aria-label": ariaLabel
+    }), /* @__PURE__ */ React.createElement("div", {
       className: classNames([
         [
           "".concat(classPrefix2, "-button")
@@ -19344,7 +19489,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   var TextArea = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$L, props), className = _ref.className, value2 = _ref.value, defaultValue = _ref.defaultValue, showCount = _ref.showCount, maxLength = _ref.maxLength, rows = _ref.rows, placeholder = _ref.placeholder, readOnly = _ref.readOnly, disabled = _ref.disabled, autoSize = _ref.autoSize, style = _ref.style, plain = _ref.plain, status = _ref.status, onChange = _ref.onChange, onBlur = _ref.onBlur, onFocus = _ref.onFocus, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$L, props), className = _ref.className, value2 = _ref.value, defaultValue = _ref.defaultValue, showCount = _ref.showCount, maxLength = _ref.maxLength, rows = _ref.rows, placeholder = _ref.placeholder, readOnly = _ref.readOnly, disabled = _ref.disabled, autoSize = _ref.autoSize, style = _ref.style, plain = _ref.plain, status = _ref.status, viewId = _ref.viewId, onChange = _ref.onChange, onBlur = _ref.onBlur, onFocus = _ref.onFocus, rest = _object_without_properties(_ref, [
       "className",
       "value",
       "defaultValue",
@@ -19358,6 +19503,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       "style",
       "plain",
       "status",
+      "viewId",
       "onChange",
       "onBlur",
       "onFocus"
@@ -19431,6 +19577,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     });
     var _obj;
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+      id: viewId,
       className: classNames(classPrefix2, (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-disabled"), disabled), _define_property(_obj, "".concat(classPrefix2, "-readonly"), readOnly), _define_property(_obj, "".concat(classPrefix2, "-rtl"), rtl), _define_property(_obj, "".concat(classPrefix2, "-plain"), plain), _define_property(_obj, "".concat(classPrefix2, "-container"), !plain), _define_property(_obj, "".concat(classPrefix2, "-").concat(status), status), _obj), className)
     }, /* @__PURE__ */ React.createElement("textarea", _object_spread_props(_object_spread({}, rest), {
       ref: textareaRef,
@@ -19755,24 +19902,22 @@ Please add \`${key2}Action\` when creating your handler.`);
     ]);
     React.useImperativeHandle(ref, function() {
       return {
-        submit: function() {
-          return _async_to_generator(function() {
-            return __generator(this, function(_state) {
-              switch (_state.label) {
-                case 0:
-                  return [
-                    4,
-                    uploadAction(uploadQueue)
-                  ];
-                case 1:
-                  _state.sent();
-                  return [
-                    2
-                  ];
-              }
-            });
-          })();
-        },
+        submit: /* @__PURE__ */ _async_to_generator(function() {
+          return __generator(this, function(_state) {
+            switch (_state.label) {
+              case 0:
+                return [
+                  4,
+                  uploadAction(uploadQueue)
+                ];
+              case 1:
+                _state.sent();
+                return [
+                  2
+                ];
+            }
+          });
+        }),
         clear: function() {
           clearUploadQueue();
         }
@@ -19829,8 +19974,8 @@ Please add \`${key2}Action\` when creating your handler.`);
         }
       });
     };
-    var fileChange = function(event) {
-      return _async_to_generator(function() {
+    var fileChange = /* @__PURE__ */ function() {
+      var _ref = _async_to_generator(function(event) {
         var $el, files, _files, filesArr, tasks;
         return __generator(this, function(_state) {
           switch (_state.label) {
@@ -19916,10 +20061,13 @@ Please add \`${key2}Action\` when creating your handler.`);
               ];
           }
         });
-      })();
-    };
-    var uploadAction = function(tasks) {
-      return _async_to_generator(function() {
+      });
+      return function fileChange2(event) {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    var uploadAction = /* @__PURE__ */ function() {
+      var _ref = _async_to_generator(function(tasks) {
         var taskIds;
         return __generator(this, function(_state) {
           switch (_state.label) {
@@ -19938,8 +20086,8 @@ Please add \`${key2}Action\` when creating your handler.`);
               }));
               return [
                 4,
-                Promise.all(tasks.map(function(currentTask, index2) {
-                  return _async_to_generator(function() {
+                Promise.all(tasks.map(/* @__PURE__ */ function() {
+                  var _ref2 = _async_to_generator(function(currentTask, index2) {
                     var result, list, e, list1;
                     return __generator(this, function(_state2) {
                       switch (_state2.label) {
@@ -19986,8 +20134,11 @@ Please add \`${key2}Action\` when creating your handler.`);
                           ];
                       }
                     });
-                  })();
-                })).catch(function(errs) {
+                  });
+                  return function(currentTask, index2) {
+                    return _ref2.apply(this, arguments);
+                  };
+                }())).catch(function(errs) {
                   return console.error(errs);
                 })
               ];
@@ -19998,8 +20149,11 @@ Please add \`${key2}Action\` when creating your handler.`);
               ];
           }
         });
-      })();
-    };
+      });
+      return function uploadAction2(tasks) {
+        return _ref.apply(this, arguments);
+      };
+    }();
     var handleItemClick = function(file, index2) {
       onFileItemClick === null || onFileItemClick === void 0 ? void 0 : onFileItemClick(file, index2);
     };
@@ -20262,6 +20416,8 @@ Please add \`${key2}Action\` when creating your handler.`);
     content: "",
     header: "",
     footer: "",
+    cancelBadge: "",
+    confirmBadge: "",
     confirmText: "",
     cancelText: "",
     closeOnOverlayClick: true,
@@ -20291,7 +20447,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     }
   });
   var BaseDialog = function(props, ref) {
-    var _mergeProps = mergeProps(defaultProps$H, props), closeOnOverlayClick = _mergeProps.closeOnOverlayClick, confirmText = _mergeProps.confirmText, cancelText = _mergeProps.cancelText, children = _mergeProps.children, className = _mergeProps.className, closeIconPosition = _mergeProps.closeIconPosition, closeIcon = _mergeProps.closeIcon, content2 = _mergeProps.content, disableConfirmButton = _mergeProps.disableConfirmButton, footer = _mergeProps.footer, footerDirection = _mergeProps.footerDirection, header = _mergeProps.header, hideConfirmButton = _mergeProps.hideConfirmButton, hideCancelButton = _mergeProps.hideCancelButton, lockScroll = _mergeProps.lockScroll, overlay = _mergeProps.overlay, overlayStyle = _mergeProps.overlayStyle, overlayClassName = _mergeProps.overlayClassName, style = _mergeProps.style, title = _mergeProps.title, visible = _mergeProps.visible, zIndex = _mergeProps.zIndex, beforeCancel = _mergeProps.beforeCancel, beforeClose = _mergeProps.beforeClose, onClose = _mergeProps.onClose, onCancel = _mergeProps.onCancel, onConfirm = _mergeProps.onConfirm, onOverlayClick = _mergeProps.onOverlayClick;
+    var _mergeProps = mergeProps(defaultProps$H, props), closeOnOverlayClick = _mergeProps.closeOnOverlayClick, confirmText = _mergeProps.confirmText, cancelText = _mergeProps.cancelText, children = _mergeProps.children, className = _mergeProps.className, closeIconPosition = _mergeProps.closeIconPosition, closeIcon = _mergeProps.closeIcon, content2 = _mergeProps.content, disableConfirmButton = _mergeProps.disableConfirmButton, footer = _mergeProps.footer, footerDirection = _mergeProps.footerDirection, header = _mergeProps.header, cancelBadge = _mergeProps.cancelBadge, confirmBadge = _mergeProps.confirmBadge, hideConfirmButton = _mergeProps.hideConfirmButton, hideCancelButton = _mergeProps.hideCancelButton, lockScroll = _mergeProps.lockScroll, overlay = _mergeProps.overlay, overlayStyle = _mergeProps.overlayStyle, overlayClassName = _mergeProps.overlayClassName, style = _mergeProps.style, title = _mergeProps.title, visible = _mergeProps.visible, zIndex = _mergeProps.zIndex, beforeCancel = _mergeProps.beforeCancel, beforeClose = _mergeProps.beforeClose, onClose = _mergeProps.onClose, onCancel = _mergeProps.onCancel, onConfirm = _mergeProps.onConfirm, onOverlayClick = _mergeProps.onOverlayClick;
     var classPrefix2 = "nut-dialog";
     var locale = useConfig().locale;
     var _useState = _sliced_to_array(React.useState(false), 2), loading = _useState[0], setLoading = _useState[1];
@@ -20302,8 +20458,8 @@ Please add \`${key2}Action\` when creating your handler.`);
         if (!(beforeCancel === null || beforeCancel === void 0 ? void 0 : beforeCancel())) return;
         onCancel();
       };
-      var handleOk = function(e) {
-        return _async_to_generator(function() {
+      var handleOk = /* @__PURE__ */ function() {
+        var _ref = _async_to_generator(function(e) {
           return __generator(this, function(_state) {
             switch (_state.label) {
               case 0:
@@ -20342,14 +20498,14 @@ Please add \`${key2}Action\` when creating your handler.`);
                 ];
             }
           });
-        })();
-      };
+        });
+        return function handleOk2(e) {
+          return _ref.apply(this, arguments);
+        };
+      }();
       var btnClass = hideCancelButton || hideConfirmButton ? "".concat(classPrefix2, "-footer-block") : "";
       var renderCancelOfVertical = function() {
         return !hideCancelButton && /* @__PURE__ */ React.createElement("div", {
-          style: {
-            order: 2
-          },
           className: "".concat(classPrefix2, "-footer-cancel ").concat(btnClass),
           onClick: function(e) {
             return handleCancel(e);
@@ -20357,17 +20513,43 @@ Please add \`${key2}Action\` when creating your handler.`);
         }, cancelText || locale.cancel);
       };
       var renderCancel = function() {
-        return !hideCancelButton && /* @__PURE__ */ React.createElement(Button, {
+        return !hideCancelButton && /* @__PURE__ */ React.createElement(React.Fragment, null, cancelBadge ? /* @__PURE__ */ React.createElement("div", {
+          className: "".concat(classPrefix2, "-footer-cancel-container")
+        }, /* @__PURE__ */ React.createElement(Button, {
           type: "default",
           size: "large",
           className: "".concat(classPrefix2, "-footer-cancel ").concat(btnClass),
           onClick: function(e) {
             return handleCancel(e);
           }
-        }, cancelText || locale.cancel);
+        }, cancelText || locale.cancel), cancelBadge ? /* @__PURE__ */ React.createElement("div", {
+          className: "".concat(classPrefix2, "-footer-cancel-badge")
+        }, cancelBadge) : null) : /* @__PURE__ */ React.createElement(Button, {
+          type: "default",
+          size: "large",
+          className: "".concat(classPrefix2, "-footer-cancel ").concat(btnClass),
+          onClick: function(e) {
+            return handleCancel(e);
+          }
+        }, cancelText || locale.cancel));
       };
       var renderConfirm = function() {
-        return !hideConfirmButton && /* @__PURE__ */ React.createElement(Button, {
+        return !hideConfirmButton && /* @__PURE__ */ React.createElement(React.Fragment, null, confirmBadge ? /* @__PURE__ */ React.createElement("div", {
+          className: "".concat(classPrefix2, "-footer-ok-container")
+        }, /* @__PURE__ */ React.createElement(Button, {
+          type: "primary",
+          size: "large",
+          className: classNames("".concat(classPrefix2, "-footer-ok ").concat(btnClass), {
+            disabled: disableConfirmButton
+          }),
+          disabled: disableConfirmButton,
+          onClick: function(e) {
+            return handleOk(e);
+          },
+          loading
+        }, confirmText || locale.confirm), confirmBadge ? /* @__PURE__ */ React.createElement("div", {
+          className: "".concat(classPrefix2, "-footer-ok-badge")
+        }, confirmBadge) : null) : /* @__PURE__ */ React.createElement(Button, {
           type: "primary",
           size: "large",
           className: classNames("".concat(classPrefix2, "-footer-ok ").concat(btnClass), {
@@ -20378,7 +20560,7 @@ Please add \`${key2}Action\` when creating your handler.`);
             return handleOk(e);
           },
           loading
-        }, confirmText || locale.confirm);
+        }, confirmText || locale.confirm));
       };
       return footer || /* @__PURE__ */ React.createElement(React.Fragment, null, footerDirection === "vertical" ? /* @__PURE__ */ React.createElement(React.Fragment, null, renderConfirm(), renderCancelOfVertical()) : /* @__PURE__ */ React.createElement(React.Fragment, null, renderCancel(), renderConfirm()));
     };
@@ -20393,7 +20575,10 @@ Please add \`${key2}Action\` when creating your handler.`);
       var systomIcon = closeIconPosition !== "bottom" ? /* @__PURE__ */ React.createElement(n$5, null) : /* @__PURE__ */ React.createElement(d$c, null);
       return /* @__PURE__ */ React.createElement("div", {
         className: closeClasses,
-        onClick: handleClose
+        onClick: handleClose,
+        role: "button",
+        "aria-label": locale.close,
+        tabIndex: 0
       }, /* @__PURE__ */ React.isValidElement(closeIcon) ? closeIcon : systomIcon);
     };
     var onHandleClickOverlay = function(e) {
@@ -20722,8 +20907,8 @@ Please add \`${key2}Action\` when creating your handler.`);
         transition: isTouching.current ? "height 0s cubic-bezier(0.25,0.1,0.25,1)" : "height 0.2s cubic-bezier(0.25,0.1,0.25,1)"
       };
     };
-    var handleScroll = function() {
-      return _async_to_generator(function() {
+    var handleScroll = /* @__PURE__ */ function() {
+      var _ref2 = _async_to_generator(function() {
         return __generator(this, function(_state) {
           switch (_state.label) {
             case 0:
@@ -20745,8 +20930,11 @@ Please add \`${key2}Action\` when creating your handler.`);
               ];
           }
         });
-      })();
-    };
+      });
+      return function handleScroll2() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     var infiniteDone = function() {
       setIsInfiniting(false);
     };
@@ -20782,8 +20970,8 @@ Please add \`${key2}Action\` when creating your handler.`);
         isTouching.current = false;
       }
     };
-    var touchEnd = function() {
-      return _async_to_generator(function() {
+    var touchEnd = /* @__PURE__ */ function() {
+      var _ref2 = _async_to_generator(function() {
         return __generator(this, function(_state) {
           switch (_state.label) {
             case 0:
@@ -20813,8 +21001,11 @@ Please add \`${key2}Action\` when creating your handler.`);
               ];
           }
         });
-      })();
-    };
+      });
+      return function touchEnd2() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     var getWindowScrollTop = function() {
       return window.scrollY !== void 0 ? window.scrollY : (document.documentElement || document.body.parentNode || document.body).scrollTop;
     };
@@ -21485,7 +21676,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       messageInstance$1 = null;
     }
     Notification$1.newInstance(props, function(notification) {
-      return callback && callback(notification);
+      return callback(notification);
     });
   }
   function notice$1(opts2) {
@@ -21813,7 +22004,41 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   var PullToRefresh = function(p2) {
     var doRefresh = function doRefresh2() {
-      return _async_to_generator(function() {
+      return _doRefresh.apply(this, arguments);
+    };
+    var classPrefix2 = "nut-pulltorefresh";
+    var locale = useConfig().locale;
+    var props = _object_spread({}, defaultProps$A, p2, {
+      pullingText: p2.pullingText || locale.pullToRefresh.pullingText,
+      canReleaseText: p2.canReleaseText || locale.pullToRefresh.canReleaseText,
+      refreshingText: p2.refreshingText || locale.pullToRefresh.refreshingText,
+      completeText: p2.completeText || locale.pullToRefresh.completeText
+    });
+    var classes = classNames(classPrefix2, props.className, "".concat(classPrefix2, "-").concat(props.type));
+    var headHeight = props.headHeight;
+    var threshold = props.threshold;
+    var _useState = _sliced_to_array(React.useState("pulling"), 2), status = _useState[0], setStatus = _useState[1];
+    var _useSpring = _sliced_to_array(useSpring(function() {
+      return {
+        from: {
+          height: 0
+        },
+        config: {
+          tension: 300,
+          friction: 30,
+          clamp: true
+        }
+      };
+    }), 2), springStyles = _useSpring[0], api = _useSpring[1];
+    var elementRef = React.useRef(null);
+    var pullingRef = React.useRef(false);
+    React.useEffect(function() {
+      var _elementRef_current;
+      (_elementRef_current = elementRef.current) === null || _elementRef_current === void 0 ? void 0 : _elementRef_current.addEventListener("touchmove", function() {
+      });
+    }, []);
+    function _doRefresh() {
+      _doRefresh = _async_to_generator(function() {
         var e;
         return __generator(this, function(_state) {
           switch (_state.label) {
@@ -21844,8 +22069,8 @@ Please add \`${key2}Action\` when creating your handler.`);
             case 3:
               e = _state.sent();
               api.start({
-                to: function(next) {
-                  return _async_to_generator(function() {
+                to: /* @__PURE__ */ function() {
+                  var _ref = _async_to_generator(function(next) {
                     return __generator(this, function(_state2) {
                       switch (_state2.label) {
                         case 0:
@@ -21863,8 +22088,11 @@ Please add \`${key2}Action\` when creating your handler.`);
                           ];
                       }
                     });
-                  })();
-                }
+                  });
+                  return function(next) {
+                    return _ref.apply(this, arguments);
+                  };
+                }()
               });
               throw e;
             case 4:
@@ -21881,8 +22109,8 @@ Please add \`${key2}Action\` when creating your handler.`);
               _state.label = 6;
             case 6:
               api.start({
-                to: function(next) {
-                  return _async_to_generator(function() {
+                to: /* @__PURE__ */ function() {
+                  var _ref = _async_to_generator(function(next) {
                     return __generator(this, function(_state2) {
                       switch (_state2.label) {
                         case 0:
@@ -21900,47 +22128,20 @@ Please add \`${key2}Action\` when creating your handler.`);
                           ];
                       }
                     });
-                  })();
-                }
+                  });
+                  return function(next) {
+                    return _ref.apply(this, arguments);
+                  };
+                }()
               });
               return [
                 2
               ];
           }
         });
-      })();
-    };
-    var classPrefix2 = "nut-pulltorefresh";
-    var locale = useConfig().locale;
-    var props = _object_spread({}, defaultProps$A, p2, {
-      pullingText: p2.pullingText || locale.pullToRefresh.pullingText,
-      canReleaseText: p2.canReleaseText || locale.pullToRefresh.canReleaseText,
-      refreshingText: p2.refreshingText || locale.pullToRefresh.refreshingText,
-      completeText: p2.completeText || locale.pullToRefresh.completeText
-    });
-    var classes = classNames(classPrefix2, props.className, "".concat(classPrefix2, "-").concat(props.type));
-    var headHeight = props.headHeight;
-    var threshold = props.threshold;
-    var _useState = _sliced_to_array(React.useState("pulling"), 2), status = _useState[0], setStatus = _useState[1];
-    var _useSpring = _sliced_to_array(useSpring(function() {
-      return {
-        from: {
-          height: 0
-        },
-        config: {
-          tension: 300,
-          friction: 30,
-          clamp: true
-        }
-      };
-    }), 2), springStyles = _useSpring[0], api = _useSpring[1];
-    var elementRef = React.useRef(null);
-    var pullingRef = React.useRef(false);
-    React.useEffect(function() {
-      var _elementRef_current;
-      (_elementRef_current = elementRef.current) === null || _elementRef_current === void 0 ? void 0 : _elementRef_current.addEventListener("touchmove", function() {
       });
-    }, []);
+      return _doRefresh.apply(this, arguments);
+    }
     useDrag(function(state) {
       var getScrollTop = function getScrollTop2(element) {
         return "scrollTop" in element ? element.scrollTop : element.scrollY;
@@ -22506,7 +22707,9 @@ Please add \`${key2}Action\` when creating your handler.`);
             id: "toast-".concat(id)
           }, /* @__PURE__ */ React__namespace.createElement("div", {
             className: classNames("".concat(classPrefix$a, "-inner"), "".concat(classPrefix$a, "-").concat(position2), contentClassName, "".concat(classPrefix$a, "-inner-").concat(size), "".concat(classPrefix$a, "-inner-").concat(wordBreak), _define_property({}, "".concat(classPrefix$a, "-inner-descrption"), content2)),
-            style: _object_spread({}, contentStyle)
+            style: _object_spread({}, contentStyle),
+            role: "alert",
+            "aria-label": (title !== null && title !== void 0 ? title : "") + (content2 !== null && content2 !== void 0 ? content2 : "")
           }, this.renderIcon(), title && /* @__PURE__ */ React__namespace.createElement("div", {
             className: "".concat(classPrefix$a, "-title")
           }, title), content2 && /* @__PURE__ */ React__namespace.createElement("span", {
@@ -22566,7 +22769,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       messageInstance = null;
     }
     Notification.newInstance(props, function(notification) {
-      return callback && callback(notification);
+      return callback(notification);
     });
   }
   function notice(opts2) {
@@ -23305,8 +23508,8 @@ Please add \`${key2}Action\` when creating your handler.`);
     var _useState = _sliced_to_array(React.useState(0), 2), tran = _useState[0], setTran = _useState[1];
     var _useRefState = _sliced_to_array(useRefState(0), 2), currentHeight = _useRefState[0], setCurrentHeight = _useRefState[1];
     var _useState1 = _sliced_to_array(React.useState(0), 2), wrapperHeight = _useState1[0], setWrapperHeight = _useState1[1];
-    var updateRectHeight = function() {
-      return _async_to_generator(function() {
+    var updateRectHeight = /* @__PURE__ */ function() {
+      var _ref2 = _async_to_generator(function() {
         var height2;
         return __generator(this, function(_state) {
           height2 = contentRef.current.offsetHeight;
@@ -23319,8 +23522,11 @@ Please add \`${key2}Action\` when creating your handler.`);
             2
           ];
         });
-      })();
-    };
+      });
+      return function updateRectHeight2() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     React.useEffect(function() {
       updateRectHeight();
     }, [
@@ -24115,11 +24321,11 @@ Please add \`${key2}Action\` when creating your handler.`);
     var _$_object_spread = _object_spread({}, defaultProps$i, props), children = _$_object_spread.children, direction = _$_object_spread.direction, indicator = _$_object_spread.indicator, loop2 = _$_object_spread.loop, effect2 = _$_object_spread.effect, autoplay = _$_object_spread.autoplay, touchable = _$_object_spread.touchable, defaultValue = _$_object_spread.defaultValue, duration = _$_object_spread.duration, style = _$_object_spread.style, className = _$_object_spread.className;
     var isVertical = direction === "vertical";
     var count = React.useMemo(function() {
-      var c2 = 0;
+      var c6 = 0;
       React.Children.map(children, function() {
-        c2 += 1;
+        c6 += 1;
       });
-      return c2;
+      return c6;
     }, [
       children
     ]);
@@ -24567,7 +24773,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   ImagePreview.displayName = "NutImagePreview";
   var lottie$1 = { exports: {} };
   (function(module, exports) {
-    typeof document !== "undefined" && typeof navigator !== "undefined" && function(global2, factory) {
+    typeof navigator !== "undefined" && function(global2, factory) {
       module.exports = factory();
     }(commonjsGlobal, function() {
       var svgNS = "http://www.w3.org/2000/svg";
@@ -24737,13 +24943,18 @@ Please add \`${key2}Action\` when creating your handler.`);
           length: len
         });
       }
-      function _typeof$6(o) {
+      function _typeof$6(obj) {
         "@babel/helpers - typeof";
-        return _typeof$6 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
-          return typeof o2;
-        } : function(o2) {
-          return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-        }, _typeof$6(o);
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+          _typeof$6 = function _typeof2(obj2) {
+            return typeof obj2;
+          };
+        } else {
+          _typeof$6 = function _typeof2(obj2) {
+            return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+          };
+        }
+        return _typeof$6(obj);
       }
       var subframeEnabled = true;
       var expressionsPlugin = null;
@@ -24990,13 +25201,18 @@ Please add \`${key2}Action\` when creating your handler.`);
       function createNS(type2) {
         return document.createElementNS(svgNS, type2);
       }
-      function _typeof$5(o) {
+      function _typeof$5(obj) {
         "@babel/helpers - typeof";
-        return _typeof$5 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
-          return typeof o2;
-        } : function(o2) {
-          return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-        }, _typeof$5(o);
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+          _typeof$5 = function _typeof2(obj2) {
+            return typeof obj2;
+          };
+        } else {
+          _typeof$5 = function _typeof2(obj2) {
+            return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+          };
+        }
+        return _typeof$5(obj);
       }
       var dataManager = /* @__PURE__ */ function() {
         var _counterId = 1;
@@ -25952,13 +26168,18 @@ Please add \`${key2}Action\` when creating your handler.`);
         }
         return "";
       }
-      function _typeof$4(o) {
+      function _typeof$4(obj) {
         "@babel/helpers - typeof";
-        return _typeof$4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
-          return typeof o2;
-        } : function(o2) {
-          return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-        }, _typeof$4(o);
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+          _typeof$4 = function _typeof2(obj2) {
+            return typeof obj2;
+          };
+        } else {
+          _typeof$4 = function _typeof2(obj2) {
+            return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+          };
+        }
+        return _typeof$4(obj);
       }
       var AnimationItem = function AnimationItem2() {
         this._cbs = [];
@@ -26847,12 +27068,12 @@ Please add \`${key2}Action\` when creating your handler.`);
         var ob2 = {};
         ob2.getBezierEasing = getBezierEasing;
         var beziers = {};
-        function getBezierEasing(a, b, c2, d2, nm) {
-          var str = nm || ("bez_" + a + "_" + b + "_" + c2 + "_" + d2).replace(/\./g, "p");
+        function getBezierEasing(a, b, c6, d2, nm) {
+          var str = nm || ("bez_" + a + "_" + b + "_" + c6 + "_" + d2).replace(/\./g, "p");
           if (beziers[str]) {
             return beziers[str];
           }
-          var bezEasing = new BezierEasing([a, b, c2, d2]);
+          var bezEasing = new BezierEasing([a, b, c6, d2]);
           beziers[str] = bezEasing;
           return bezEasing;
         }
@@ -27462,16 +27683,16 @@ Please add \`${key2}Action\` when creating your handler.`);
         var heading = values[0] * degToRads;
         var attitude = values[1] * degToRads;
         var bank = values[2] * degToRads;
-        var c1 = Math.cos(heading / 2);
-        var c2 = Math.cos(attitude / 2);
-        var c3 = Math.cos(bank / 2);
+        var c12 = Math.cos(heading / 2);
+        var c22 = Math.cos(attitude / 2);
+        var c32 = Math.cos(bank / 2);
         var s1 = Math.sin(heading / 2);
         var s2 = Math.sin(attitude / 2);
         var s3 = Math.sin(bank / 2);
-        var w = c1 * c2 * c3 - s1 * s2 * s3;
-        var x = s1 * s2 * c3 + c1 * c2 * s3;
-        var y = s1 * c2 * c3 + c1 * s2 * s3;
-        var z = c1 * s2 * c3 - s1 * c2 * s3;
+        var w = c12 * c22 * c32 - s1 * s2 * s3;
+        var x = s1 * s2 * c32 + c12 * c22 * s3;
+        var y = s1 * c22 * c32 + c12 * s2 * s3;
+        var z = c12 * s2 * c32 - s1 * c22 * s3;
         return [x, y, z, w];
       }
       function getValueAtCurrentTime() {
@@ -28469,10 +28690,10 @@ Please add \`${key2}Action\` when creating your handler.`);
           }
           return this._t(sx, 0, 0, 0, 0, sy, 0, 0, 0, 0, sz, 0, 0, 0, 0, 1);
         }
-        function setTransform(a, b, c2, d2, e, f, g, h, i2, j, k, l2, m2, n2, o, p2) {
+        function setTransform(a, b, c6, d2, e, f, g, h, i2, j, k, l2, m2, n2, o, p2) {
           this.props[0] = a;
           this.props[1] = b;
-          this.props[2] = c2;
+          this.props[2] = c6;
           this.props[3] = d2;
           this.props[4] = e;
           this.props[5] = f;
@@ -28495,9 +28716,9 @@ Please add \`${key2}Action\` when creating your handler.`);
           }
           return this;
         }
-        function transform2(a2, b2, c2, d2, e2, f2, g2, h2, i2, j2, k2, l2, m2, n2, o2, p2) {
+        function transform2(a2, b2, c22, d2, e2, f2, g2, h2, i2, j2, k2, l2, m2, n2, o2, p2) {
           var _p = this.props;
-          if (a2 === 1 && b2 === 0 && c2 === 0 && d2 === 0 && e2 === 0 && f2 === 1 && g2 === 0 && h2 === 0 && i2 === 0 && j2 === 0 && k2 === 1 && l2 === 0) {
+          if (a2 === 1 && b2 === 0 && c22 === 0 && d2 === 0 && e2 === 0 && f2 === 1 && g2 === 0 && h2 === 0 && i2 === 0 && j2 === 0 && k2 === 1 && l2 === 0) {
             _p[12] = _p[12] * a2 + _p[15] * m2;
             _p[13] = _p[13] * f2 + _p[15] * n2;
             _p[14] = _p[14] * k2 + _p[15] * o2;
@@ -28507,7 +28728,7 @@ Please add \`${key2}Action\` when creating your handler.`);
           }
           var a1 = _p[0];
           var b1 = _p[1];
-          var c1 = _p[2];
+          var c12 = _p[2];
           var d1 = _p[3];
           var e1 = _p[4];
           var f1 = _p[5];
@@ -28521,21 +28742,21 @@ Please add \`${key2}Action\` when creating your handler.`);
           var n1 = _p[13];
           var o1 = _p[14];
           var p1 = _p[15];
-          _p[0] = a1 * a2 + b1 * e2 + c1 * i2 + d1 * m2;
-          _p[1] = a1 * b2 + b1 * f2 + c1 * j2 + d1 * n2;
-          _p[2] = a1 * c2 + b1 * g2 + c1 * k2 + d1 * o2;
-          _p[3] = a1 * d2 + b1 * h2 + c1 * l2 + d1 * p2;
+          _p[0] = a1 * a2 + b1 * e2 + c12 * i2 + d1 * m2;
+          _p[1] = a1 * b2 + b1 * f2 + c12 * j2 + d1 * n2;
+          _p[2] = a1 * c22 + b1 * g2 + c12 * k2 + d1 * o2;
+          _p[3] = a1 * d2 + b1 * h2 + c12 * l2 + d1 * p2;
           _p[4] = e1 * a2 + f1 * e2 + g1 * i2 + h1 * m2;
           _p[5] = e1 * b2 + f1 * f2 + g1 * j2 + h1 * n2;
-          _p[6] = e1 * c2 + f1 * g2 + g1 * k2 + h1 * o2;
+          _p[6] = e1 * c22 + f1 * g2 + g1 * k2 + h1 * o2;
           _p[7] = e1 * d2 + f1 * h2 + g1 * l2 + h1 * p2;
           _p[8] = i1 * a2 + j1 * e2 + k1 * i2 + l1 * m2;
           _p[9] = i1 * b2 + j1 * f2 + k1 * j2 + l1 * n2;
-          _p[10] = i1 * c2 + j1 * g2 + k1 * k2 + l1 * o2;
+          _p[10] = i1 * c22 + j1 * g2 + k1 * k2 + l1 * o2;
           _p[11] = i1 * d2 + j1 * h2 + k1 * l2 + l1 * p2;
           _p[12] = m1 * a2 + n1 * e2 + o1 * i2 + p1 * m2;
           _p[13] = m1 * b2 + n1 * f2 + o1 * j2 + p1 * n2;
-          _p[14] = m1 * c2 + n1 * g2 + o1 * k2 + p1 * o2;
+          _p[14] = m1 * c22 + n1 * g2 + o1 * k2 + p1 * o2;
           _p[15] = m1 * d2 + n1 * h2 + o1 * l2 + p1 * p2;
           this._identityCalculated = false;
           return this;
@@ -28594,14 +28815,14 @@ Please add \`${key2}Action\` when creating your handler.`);
           var determinant = this.props[0] * this.props[5] - this.props[1] * this.props[4];
           var a = this.props[5] / determinant;
           var b = -this.props[1] / determinant;
-          var c2 = -this.props[4] / determinant;
+          var c6 = -this.props[4] / determinant;
           var d2 = this.props[0] / determinant;
           var e = (this.props[4] * this.props[13] - this.props[5] * this.props[12]) / determinant;
           var f = -(this.props[0] * this.props[13] - this.props[1] * this.props[12]) / determinant;
           var inverseMatrix = new Matrix();
           inverseMatrix.props[0] = a;
           inverseMatrix.props[1] = b;
-          inverseMatrix.props[4] = c2;
+          inverseMatrix.props[4] = c6;
           inverseMatrix.props[5] = d2;
           inverseMatrix.props[12] = e;
           inverseMatrix.props[13] = f;
@@ -28727,13 +28948,18 @@ Please add \`${key2}Action\` when creating your handler.`);
           this.reset();
         };
       }();
-      function _typeof$3(o) {
+      function _typeof$3(obj) {
         "@babel/helpers - typeof";
-        return _typeof$3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
-          return typeof o2;
-        } : function(o2) {
-          return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-        }, _typeof$3(o);
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+          _typeof$3 = function _typeof2(obj2) {
+            return typeof obj2;
+          };
+        } else {
+          _typeof$3 = function _typeof2(obj2) {
+            return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+          };
+        }
+        return _typeof$3(obj);
       }
       var lottie = {};
       function setLocation(href) {
@@ -28817,7 +29043,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       lottie.useWebWorker = setWebWorker;
       lottie.setIDPrefix = setPrefix;
       lottie.__getFactory = getFactory;
-      lottie.version = "5.13.0";
+      lottie.version = "5.12.2";
       function checkReady() {
         if (document.readyState === "complete") {
           clearInterval(readyStateCheckInterval);
@@ -29894,9 +30120,9 @@ Please add \`${key2}Action\` when creating your handler.`);
       function lerpPoint(p0, p1, amount) {
         return [lerp(p0[0], p1[0], amount), lerp(p0[1], p1[1], amount)];
       }
-      function quadRoots(a, b, c2) {
+      function quadRoots(a, b, c6) {
         if (a === 0) return [];
-        var s2 = b * b - 4 * a * c2;
+        var s2 = b * b - 4 * a * c6;
         if (s2 < 0) return [];
         var singleRoot = -b / (2 * a);
         if (s2 === 0) return [singleRoot];
@@ -31411,7 +31637,7 @@ Please add \`${key2}Action\` when creating your handler.`);
               }
             }
           }
-          if (!this.localTransforms || this.finalTransform._matMdf) {
+          if (this.finalTransform._matMdf) {
             this.finalTransform._localMatMdf = this.finalTransform._matMdf;
           }
           if (this.finalTransform._opMdf) {
@@ -32649,7 +32875,7 @@ Please add \`${key2}Action\` when creating your handler.`);
                 itemData.of.setAttribute("r", rad);
               }
             }
-            if (itemData.s._mdf || itemData.e._mdf || itemData.h._mdf || itemData.a._mdf || isFirstFrame) {
+            if (itemData.e._mdf || itemData.h._mdf || itemData.a._mdf || isFirstFrame) {
               if (!rad) {
                 rad = Math.sqrt(Math.pow(pt1[0] - pt2[0], 2) + Math.pow(pt1[1] - pt2[1], 2));
               }
@@ -32846,7 +33072,7 @@ Please add \`${key2}Action\` when creating your handler.`);
         var j;
         var jLen = this.stylesList.length;
         for (j = 0; j < jLen; j += 1) {
-          if (arr.indexOf(this.stylesList[j]) === -1 && !this.stylesList[j].closed) {
+          if (!this.stylesList[j].closed) {
             arr.push(this.stylesList[j]);
           }
         }
@@ -32888,7 +33114,7 @@ Please add \`${key2}Action\` when creating your handler.`);
             if (!processedPos) {
               itemsData[i2] = this.createStyleElement(arr[i2], level);
             } else {
-              itemsData[i2].style.closed = arr[i2].hd;
+              itemsData[i2].style.closed = false;
             }
             if (arr[i2]._render) {
               if (itemsData[i2].style.pElem.parentNode !== container) {
@@ -36800,21 +37026,21 @@ Please add \`${key2}Action\` when creating your handler.`);
       };
       HShapeElement.prototype.getBoundsOfCurve = function(p0, p1, p2, p3) {
         var bounds = [[p0[0], p3[0]], [p0[1], p3[1]]];
-        for (var a, b, c2, t, b2ac, t1, t2, i2 = 0; i2 < 2; ++i2) {
+        for (var a, b, c6, t, b2ac, t1, t2, i2 = 0; i2 < 2; ++i2) {
           b = 6 * p0[i2] - 12 * p1[i2] + 6 * p2[i2];
           a = -3 * p0[i2] + 9 * p1[i2] - 9 * p2[i2] + 3 * p3[i2];
-          c2 = 3 * p1[i2] - 3 * p0[i2];
+          c6 = 3 * p1[i2] - 3 * p0[i2];
           b |= 0;
           a |= 0;
-          c2 |= 0;
+          c6 |= 0;
           if (a === 0 && b === 0) ;
           else if (a === 0) {
-            t = -c2 / b;
+            t = -c6 / b;
             if (t > 0 && t < 1) {
               bounds[i2].push(this.calculateF(t, p0, p1, p2, p3, i2));
             }
           } else {
-            b2ac = b * b - 4 * c2 * a;
+            b2ac = b * b - 4 * c6 * a;
             if (b2ac >= 0) {
               t1 = (-b + bmSqrt(b2ac)) / (2 * a);
               if (t1 > 0 && t1 < 1) bounds[i2].push(this.calculateF(t1, p0, p1, p2, p3, i2));
@@ -37725,13 +37951,18 @@ Please add \`${key2}Action\` when creating your handler.`);
           return _thisLayerFunction;
         };
       }();
-      function _typeof$2(o) {
+      function _typeof$2(obj) {
         "@babel/helpers - typeof";
-        return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
-          return typeof o2;
-        } : function(o2) {
-          return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-        }, _typeof$2(o);
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+          _typeof$2 = function _typeof2(obj2) {
+            return typeof obj2;
+          };
+        } else {
+          _typeof$2 = function _typeof2(obj2) {
+            return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+          };
+        }
+        return _typeof$2(obj);
       }
       function seedRandom(pool, math) {
         var global2 = this, width2 = 256, chunks = 6, digits = 52, rngname = "random", startdenom = math.pow(width2, chunks), significance = math.pow(2, digits), overflow = significance * 2, mask2 = width2 - 1, nodecrypto;
@@ -37850,13 +38081,18 @@ Please add \`${key2}Action\` when creating your handler.`);
       var propTypes = {
         SHAPE: "shape"
       };
-      function _typeof$1(o) {
+      function _typeof$1(obj) {
         "@babel/helpers - typeof";
-        return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
-          return typeof o2;
-        } : function(o2) {
-          return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-        }, _typeof$1(o);
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+          _typeof$1 = function _typeof2(obj2) {
+            return typeof obj2;
+          };
+        } else {
+          _typeof$1 = function _typeof2(obj2) {
+            return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+          };
+        }
+        return _typeof$1(obj);
       }
       var ExpressionManager = function() {
         var ob = {};
@@ -38224,7 +38460,6 @@ Please add \`${key2}Action\` when creating your handler.`);
           var content;
           var effect;
           var thisProperty = property;
-          thisProperty._name = elem.data.nm;
           thisProperty.valueAtTime = thisProperty.getValueAtTime;
           Object.defineProperty(thisProperty, "value", {
             get: function get() {
@@ -38661,7 +38896,6 @@ Please add \`${key2}Action\` when creating your handler.`);
             if (expressionValue.value !== val2) {
               expressionValue = new Number(val2);
               expressionValue.value = val2;
-              expressionValue[0] = val2;
               completeProperty(expressionValue, property2, "unidimensional");
             }
             return expressionValue;
@@ -39701,13 +39935,18 @@ Please add \`${key2}Action\` when creating your handler.`);
           return _thisLayerFunction;
         };
       }();
-      function _typeof(o) {
+      function _typeof(obj) {
         "@babel/helpers - typeof";
-        return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
-          return typeof o2;
-        } : function(o2) {
-          return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-        }, _typeof(o);
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+          _typeof = function _typeof2(obj2) {
+            return typeof obj2;
+          };
+        } else {
+          _typeof = function _typeof2(obj2) {
+            return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+          };
+        }
+        return _typeof(obj);
       }
       var FootageInterface = /* @__PURE__ */ function() {
         var outlineInterfaceFactory = function outlineInterfaceFactory2(elem2) {
@@ -40819,106 +41058,122 @@ Please add \`${key2}Action\` when creating your handler.`);
   })(lottie$1, lottie$1.exports);
   var lottieExports = lottie$1.exports;
   const lottie = /* @__PURE__ */ getDefaultExportFromCjs(lottieExports);
-  function _arrayLikeToArray(r, a) {
-    (null == a || a > r.length) && (a = r.length);
-    for (var e = 0, n2 = Array(a); e < a; e++) n2[e] = r[e];
-    return n2;
-  }
-  function _arrayWithHoles(r) {
-    if (Array.isArray(r)) return r;
-  }
-  function _defineProperty(e, r, t) {
-    return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-      value: t,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    }) : e[r] = t, e;
-  }
-  function _iterableToArrayLimit(r, l2) {
-    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-    if (null != t) {
-      var e, n2, i2, u, a = [], f = true, o = false;
+  function _iterableToArrayLimit(arr, i2) {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s, _e, _x, _r, _arr = [], _n = true, _d = false;
       try {
-        if (i2 = (t = t.call(r)).next, 0 === l2) ;
-        else for (; !(f = (e = i2.call(t)).done) && (a.push(e.value), a.length !== l2); f = true) ;
-      } catch (r2) {
-        o = true, n2 = r2;
+        if (_x = (_i = _i.call(arr)).next, 0 === i2) ;
+        else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i2); _n = true) ;
+      } catch (err) {
+        _d = true, _e = err;
       } finally {
         try {
-          if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+          if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
         } finally {
-          if (o) throw n2;
+          if (_d) throw _e;
         }
       }
-      return a;
+      return _arr;
     }
   }
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  function ownKeys(e, r) {
-    var t = Object.keys(e);
+  function ownKeys(object2, enumerableOnly) {
+    var keys = Object.keys(object2);
     if (Object.getOwnPropertySymbols) {
-      var o = Object.getOwnPropertySymbols(e);
-      r && (o = o.filter(function(r2) {
-        return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-      })), t.push.apply(t, o);
+      var symbols = Object.getOwnPropertySymbols(object2);
+      enumerableOnly && (symbols = symbols.filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(object2, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
     }
-    return t;
+    return keys;
   }
-  function _objectSpread2(e) {
-    for (var r = 1; r < arguments.length; r++) {
-      var t = null != arguments[r] ? arguments[r] : {};
-      r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-        _defineProperty(e, r2, t[r2]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-        Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+  function _objectSpread2(target) {
+    for (var i2 = 1; i2 < arguments.length; i2++) {
+      var source = null != arguments[i2] ? arguments[i2] : {};
+      i2 % 2 ? ownKeys(Object(source), true).forEach(function(key2) {
+        _defineProperty(target, key2, source[key2]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key2) {
+        Object.defineProperty(target, key2, Object.getOwnPropertyDescriptor(source, key2));
       });
     }
-    return e;
+    return target;
   }
-  function _objectWithoutProperties(e, t) {
-    if (null == e) return {};
-    var o, r, i2 = _objectWithoutPropertiesLoose(e, t);
-    if (Object.getOwnPropertySymbols) {
-      var s2 = Object.getOwnPropertySymbols(e);
-      for (r = 0; r < s2.length; r++) o = s2[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i2[o] = e[o]);
+  function _defineProperty(obj, key2, value2) {
+    key2 = _toPropertyKey(key2);
+    if (key2 in obj) {
+      Object.defineProperty(obj, key2, {
+        value: value2,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key2] = value2;
     }
-    return i2;
+    return obj;
   }
-  function _objectWithoutPropertiesLoose(r, e) {
-    if (null == r) return {};
-    var t = {};
-    for (var n2 in r) if ({}.hasOwnProperty.call(r, n2)) {
-      if (e.includes(n2)) continue;
-      t[n2] = r[n2];
+  function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key2, i2;
+    for (i2 = 0; i2 < sourceKeys.length; i2++) {
+      key2 = sourceKeys[i2];
+      if (excluded.indexOf(key2) >= 0) continue;
+      target[key2] = source[key2];
     }
-    return t;
-  }
-  function _slicedToArray(r, e) {
-    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+    return target;
   }
-  function _toPrimitive(t, r) {
-    if ("object" != typeof t || !t) return t;
-    var e = t[Symbol.toPrimitive];
-    if (void 0 !== e) {
-      var i2 = e.call(t, r);
-      if ("object" != typeof i2) return i2;
-      throw new TypeError("@@toPrimitive must return a primitive value.");
+  function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key2, i2;
+    if (Object.getOwnPropertySymbols) {
+      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+      for (i2 = 0; i2 < sourceSymbolKeys.length; i2++) {
+        key2 = sourceSymbolKeys[i2];
+        if (excluded.indexOf(key2) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key2)) continue;
+        target[key2] = source[key2];
+      }
     }
-    return ("string" === r ? String : Number)(t);
+    return target;
   }
-  function _toPropertyKey(t) {
-    var i2 = _toPrimitive(t, "string");
-    return "symbol" == typeof i2 ? i2 : i2 + "";
+  function _slicedToArray(arr, i2) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i2) || _unsupportedIterableToArray(arr, i2) || _nonIterableRest();
   }
-  function _unsupportedIterableToArray(r, a) {
-    if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray(r, a);
-      var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n2 = Object.prototype.toString.call(o).slice(8, -1);
+    if (n2 === "Object" && o.constructor) n2 = o.constructor.name;
+    if (n2 === "Map" || n2 === "Set") return Array.from(o);
+    if (n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2)) return _arrayLikeToArray(o, minLen);
+  }
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i2 = 0, arr2 = new Array(len); i2 < len; i2++) arr2[i2] = arr[i2];
+    return arr2;
+  }
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  function _toPrimitive(input, hint) {
+    if (typeof input !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== void 0) {
+      var res = prim.call(input, hint || "default");
+      if (typeof res !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
     }
+    return (hint === "string" ? String : Number)(input);
+  }
+  function _toPropertyKey(arg) {
+    var key2 = _toPrimitive(arg, "string");
+    return typeof key2 === "symbol" ? key2 : String(key2);
   }
   var _excluded$1 = ["animationData", "loop", "autoplay", "initialSegment", "onComplete", "onLoopComplete", "onEnterFrame", "onSegmentStart", "onConfigReady", "onDataReady", "onDataFailed", "onLoadedImages", "onDOMLoaded", "onDestroy", "lottieRef", "renderer", "name", "assetsPath", "rendererSettings"];
   var useLottie = function useLottie2(props, style) {
@@ -42691,8 +42946,8 @@ Please add \`${key2}Action\` when creating your handler.`);
       }));
       resetScale(scale2);
     };
-    var inputImageChange = function(event) {
-      return _async_to_generator(function() {
+    var inputImageChange = /* @__PURE__ */ function() {
+      var _ref2 = _async_to_generator(function(event) {
         var $el, files, base64, image;
         return __generator(this, function(_state) {
           switch (_state.label) {
@@ -42721,8 +42976,11 @@ Please add \`${key2}Action\` when creating your handler.`);
               ];
           }
         });
-      })();
-    };
+      });
+      return function inputImageChange2(event) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     var resetScale = function(scale2) {
       setState(_object_spread_props(_object_spread({}, state), {
         moveX: 0,
@@ -42733,7 +42991,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       }));
     };
     var setScale = function(scale2) {
-      scale2 = clamp$1(scale2, 0.3, +maxZoom + 1);
+      scale2 = clamp$2(scale2, 0.3, +maxZoom + 1);
       if (scale2 !== state.scale) {
         setState(_object_spread_props(_object_spread({}, state), {
           scale: scale2
@@ -42779,8 +43037,8 @@ Please add \`${key2}Action\` when creating your handler.`);
         var moveX = deltaX.current * state.scale + startMoveX;
         var moveY = deltaY.current * state.scale + startMoveY;
         setState(_object_spread_props(_object_spread({}, state), {
-          moveX: clamp$1(moveX, -maxMoveX, maxMoveX),
-          moveY: clamp$1(moveY, -maxMoveY, maxMoveY)
+          moveX: clamp$2(moveX, -maxMoveX, maxMoveX),
+          moveY: clamp$2(moveY, -maxMoveY, maxMoveY)
         }));
       }
       if (zooming && touches.length === 2) {
@@ -42796,8 +43054,8 @@ Please add \`${key2}Action\` when creating your handler.`);
         if (!event.touches.length) {
           if (zooming) {
             setState(_object_spread_props(_object_spread({}, state), {
-              moveX: clamp$1(state.moveX, -maxMoveX, maxMoveX),
-              moveY: clamp$1(state.moveY, -maxMoveY, maxMoveY)
+              moveX: clamp$2(state.moveX, -maxMoveX, maxMoveX),
+              moveY: clamp$2(state.moveY, -maxMoveY, maxMoveY)
             }));
             setZooming(false);
           }
@@ -43539,7 +43797,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   exports.bound = bound;
   exports.canUseDom = canUseDom;
   exports.cancelRaf = cancelRaf;
-  exports.clamp = clamp$1;
+  exports.clamp = clamp$2;
   exports.clone = clone;
   exports.destroyList = destroyList;
   exports.funcInterceptor = funcInterceptor;