antd-mobile 5.27.0 → 5.28.1

package/2x/bundle/antd-mobile.es.development.js

@@ -20,7 +20,7 @@ function __rest(s, e) {
     }
   return t;
 }
-function __awaiter$1(thisArg, _arguments, P, generator) {
+function __awaiter(thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function(resolve) {
       resolve(value);
@@ -68,7 +68,8 @@ const base = {
   common: {
     confirm: "Confirm",
     cancel: "Cancel",
-    loading: "Loading"
+    loading: "Loading",
+    close: "Close"
   },
   Calendar: {
     markItems: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
@@ -198,7 +199,8 @@ const zhCN = mergeLocale(base, {
   common: {
     confirm: "\u786E\u5B9A",
     cancel: "\u53D6\u6D88",
-    loading: "\u52A0\u8F7D\u4E2D"
+    loading: "\u52A0\u8F7D\u4E2D",
+    close: "\u5173\u95ED"
   },
   Calendar: {
     markItems: ["\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D", "\u65E5"],
@@ -882,48 +884,36 @@ function mergeProps(...items) {
   return ret;
 }
 const popup = "";
-var createUpdateEffect = function createUpdateEffect2(hook) {
-  return function(effect, deps) {
-    var isMounted = useRef(false);
-    hook(function() {
-      return function() {
-        isMounted.current = false;
-      };
-    }, []);
-    hook(function() {
-      if (!isMounted.current) {
-        isMounted.current = true;
-      } else {
-        return effect();
-      }
-    }, deps);
-  };
-};
-var isFunction$1 = function isFunction(value) {
-  return typeof value === "function";
-};
-var isNumber = function isNumber2(value) {
-  return typeof value === "number";
+const createUpdateEffect = (hook) => (effect, deps) => {
+  const isMounted = useRef(false);
+  hook(() => {
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  hook(() => {
+    if (!isMounted.current) {
+      isMounted.current = true;
+    } else {
+      return effect();
+    }
+  }, deps);
 };
-var isDev$1 = true;
+const isFunction$1 = (value) => typeof value === "function";
+const isNumber = (value) => typeof value === "number";
+const isDev$1 = true;
 const isDev$2 = isDev$1;
 function useMemoizedFn(fn) {
   if (isDev$2) {
     if (!isFunction$1(fn)) {
-      console.error("useMemoizedFn expected parameter is a function, got ".concat(typeof fn));
+      console.error(`useMemoizedFn expected parameter is a function, got ${typeof fn}`);
     }
   }
-  var fnRef = useRef(fn);
-  fnRef.current = useMemo(function() {
-    return fn;
-  }, [fn]);
-  var memoizedFn = useRef();
+  const fnRef = useRef(fn);
+  fnRef.current = useMemo(() => fn, [fn]);
+  const memoizedFn = useRef();
   if (!memoizedFn.current) {
-    memoizedFn.current = function() {
-      var args = [];
-      for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-      }
+    memoizedFn.current = function(...args) {
       return fnRef.current.apply(this, args);
     };
   }
@@ -933,28 +923,26 @@ const useUpdateEffect = createUpdateEffect(useEffect);
 function depsAreSame(oldDeps, deps) {
   if (oldDeps === deps)
     return true;
-  for (var i = 0; i < oldDeps.length; i++) {
+  for (let i = 0; i < oldDeps.length; i++) {
     if (!Object.is(oldDeps[i], deps[i]))
       return false;
   }
   return true;
 }
 function useLatest(value) {
-  var ref = useRef(value);
+  const ref = useRef(value);
   ref.current = value;
   return ref;
 }
-var useUnmount = function useUnmount2(fn) {
+const useUnmount = (fn) => {
   if (isDev$2) {
     if (!isFunction$1(fn)) {
-      console.error("useUnmount expected parameter is a function, got ".concat(typeof fn));
+      console.error(`useUnmount expected parameter is a function, got ${typeof fn}`);
     }
   }
-  var fnRef = useLatest(fn);
-  useEffect(function() {
-    return function() {
-      fnRef.current();
-    };
+  const fnRef = useLatest(fn);
+  useEffect(() => () => {
+    fnRef.current();
   }, []);
 };
 const useUnmount$1 = useUnmount;
@@ -1093,7 +1081,7 @@ function debounce$1(func, wait, options) {
   return debounced;
 }
 var debounce_1 = debounce$1;
-var isBrowser$2 = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+const isBrowser$2 = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 const isBrowser$3 = isBrowser$2;
 var debounce = debounce_1, isObject$5 = isObject_1;
 var FUNC_ERROR_TEXT$1 = "Expected a function";
@@ -1113,46 +1101,20 @@ function throttle$1(func, wait, options) {
   });
 }
 var throttle_1 = throttle$1;
-var useMount = function useMount2(fn) {
+const useMount = (fn) => {
   if (isDev$2) {
     if (!isFunction$1(fn)) {
-      console.error('useMount: parameter `fn` expected to be a function, but got "'.concat(typeof fn, '".'));
+      console.error(`useMount: parameter \`fn\` expected to be a function, but got "${typeof fn}".`);
     }
   }
-  useEffect(function() {
+  useEffect(() => {
     fn === null || fn === void 0 ? void 0 : fn();
   }, []);
 };
 const useMount$1 = useMount;
-var __read$7 = globalThis && globalThis.__read || function(o, n) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m)
-    return o;
-  var i = m.call(o), r, ar = [], e;
-  try {
-    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
-      ar.push(r.value);
-    }
-  } catch (error) {
-    e = {
-      error
-    };
-  } finally {
-    try {
-      if (r && !r.done && (m = i["return"]))
-        m.call(i);
-    } finally {
-      if (e)
-        throw e.error;
-    }
-  }
-  return ar;
-};
-var useUpdate = function useUpdate2() {
-  var _a = __read$7(useState$1({}), 2), setState = _a[1];
-  return useCallback(function() {
-    return setState({});
-  }, []);
+const useUpdate = () => {
+  const [, setState] = useState$1({});
+  return useCallback(() => setState({}), []);
 };
 const useUpdate$1 = useUpdate;
 function getTargetElement(target, defaultElement) {
@@ -1162,7 +1124,7 @@ function getTargetElement(target, defaultElement) {
   if (!target) {
     return defaultElement;
   }
-  var targetElement;
+  let targetElement;
   if (isFunction$1(target)) {
     targetElement = target();
   } else if ("current" in target) {
@@ -1172,44 +1134,42 @@ function getTargetElement(target, defaultElement) {
   }
   return targetElement;
 }
-var checkIfAllInShadow = function checkIfAllInShadow2(targets) {
-  return targets.every(function(item) {
-    var targetElement = getTargetElement(item);
+const checkIfAllInShadow = (targets) => {
+  return targets.every((item) => {
+    const targetElement = getTargetElement(item);
     if (!targetElement)
       return false;
     if (targetElement.getRootNode() instanceof ShadowRoot)
       return true;
   });
 };
-var getShadow = function getShadow2(node) {
+const getShadow = (node) => {
   if (!node) {
     return document;
   }
   return node.getRootNode();
 };
-var getDocumentOrShadow = function getDocumentOrShadow2(target) {
+const getDocumentOrShadow = (target) => {
   if (!target || !document.getRootNode) {
     return document;
   }
-  var targets = Array.isArray(target) ? target : [target];
+  const targets = Array.isArray(target) ? target : [target];
   if (checkIfAllInShadow(targets)) {
     return getShadow(getTargetElement(targets[0]));
   }
   return document;
 };
 const getDocumentOrShadow$1 = getDocumentOrShadow;
-var createEffectWithTarget = function createEffectWithTarget2(useEffectType) {
-  var useEffectWithTarget2 = function useEffectWithTarget3(effect, deps, target) {
-    var hasInitRef = useRef(false);
-    var lastElementRef = useRef([]);
-    var lastDepsRef = useRef([]);
-    var unLoadRef = useRef();
-    useEffectType(function() {
+const createEffectWithTarget = (useEffectType) => {
+  const useEffectWithTarget2 = (effect, deps, target) => {
+    const hasInitRef = useRef(false);
+    const lastElementRef = useRef([]);
+    const lastDepsRef = useRef([]);
+    const unLoadRef = useRef();
+    useEffectType(() => {
       var _a;
-      var targets = Array.isArray(target) ? target : [target];
-      var els = targets.map(function(item) {
-        return getTargetElement(item);
-      });
+      const targets = Array.isArray(target) ? target : [target];
+      const els = targets.map((item) => getTargetElement(item));
       if (!hasInitRef.current) {
         hasInitRef.current = true;
         lastElementRef.current = els;
@@ -1224,7 +1184,7 @@ var createEffectWithTarget = function createEffectWithTarget2(useEffectType) {
         unLoadRef.current = effect();
       }
     });
-    useUnmount$1(function() {
+    useUnmount$1(() => {
       var _a;
       (_a = unLoadRef.current) === null || _a === void 0 ? void 0 : _a.call(unLoadRef);
       hasInitRef.current = false;
@@ -1233,33 +1193,26 @@ var createEffectWithTarget = function createEffectWithTarget2(useEffectType) {
   return useEffectWithTarget2;
 };
 const createEffectWithTarget$1 = createEffectWithTarget;
-var useEffectWithTarget$1 = createEffectWithTarget$1(useEffect);
+const useEffectWithTarget$1 = createEffectWithTarget$1(useEffect);
 const useEffectWithTarget$2 = useEffectWithTarget$1;
-function useClickAway(onClickAway, target, eventName) {
-  if (eventName === void 0) {
-    eventName = "click";
-  }
-  var onClickAwayRef = useLatest(onClickAway);
-  useEffectWithTarget$2(function() {
-    var handler = function handler2(event) {
-      var targets = Array.isArray(target) ? target : [target];
-      if (targets.some(function(item) {
-        var targetElement = getTargetElement(item);
+function useClickAway(onClickAway, target, eventName = "click") {
+  const onClickAwayRef = useLatest(onClickAway);
+  useEffectWithTarget$2(() => {
+    const handler = (event) => {
+      const targets = Array.isArray(target) ? target : [target];
+      if (targets.some((item) => {
+        const targetElement = getTargetElement(item);
         return !targetElement || targetElement.contains(event.target);
       })) {
         return;
       }
       onClickAwayRef.current(event);
     };
-    var documentOrShadow = getDocumentOrShadow$1(target);
-    var eventNames = Array.isArray(eventName) ? eventName : [eventName];
-    eventNames.forEach(function(event) {
-      return documentOrShadow.addEventListener(event, handler);
-    });
-    return function() {
-      eventNames.forEach(function(event) {
-        return documentOrShadow.removeEventListener(event, handler);
-      });
+    const documentOrShadow = getDocumentOrShadow$1(target);
+    const eventNames = Array.isArray(eventName) ? eventName : [eventName];
+    eventNames.forEach((event) => documentOrShadow.addEventListener(event, handler));
+    return () => {
+      eventNames.forEach((event) => documentOrShadow.removeEventListener(event, handler));
     };
   }, Array.isArray(eventName) ? eventName : [eventName], target);
 }
@@ -1472,60 +1425,19 @@ var dayjs_min = { exports: {} };
   });
 })(dayjs_min);
 const dayjs = dayjs_min.exports;
-var __read$6 = globalThis && globalThis.__read || function(o, n) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m)
-    return o;
-  var i = m.call(o), r, ar = [], e;
-  try {
-    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
-      ar.push(r.value);
-    }
-  } catch (error) {
-    e = {
-      error
-    };
-  } finally {
-    try {
-      if (r && !r.done && (m = i["return"]))
-        m.call(i);
-    } finally {
-      if (e)
-        throw e.error;
-    }
-  }
-  return ar;
-};
-var __spreadArray$2 = globalThis && globalThis.__spreadArray || function(to2, from, pack) {
-  if (pack || arguments.length === 2)
-    for (var i = 0, l = from.length, ar; i < l; i++) {
-      if (ar || !(i in from)) {
-        if (!ar)
-          ar = Array.prototype.slice.call(from, 0, i);
-        ar[i] = from[i];
-      }
-    }
-  return to2.concat(ar || Array.prototype.slice.call(from));
-};
 function useDebounceFn(fn, options) {
   var _a;
   if (isDev$2) {
     if (!isFunction$1(fn)) {
-      console.error("useDebounceFn expected parameter is a function, got ".concat(typeof fn));
+      console.error(`useDebounceFn expected parameter is a function, got ${typeof fn}`);
     }
   }
-  var fnRef = useLatest(fn);
-  var wait = (_a = options === null || options === void 0 ? void 0 : options.wait) !== null && _a !== void 0 ? _a : 1e3;
-  var debounced = useMemo(function() {
-    return debounce_1(function() {
-      var args = [];
-      for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-      }
-      return fnRef.current.apply(fnRef, __spreadArray$2([], __read$6(args), false));
-    }, wait, options);
-  }, []);
-  useUnmount$1(function() {
+  const fnRef = useLatest(fn);
+  const wait = (_a = options === null || options === void 0 ? void 0 : options.wait) !== null && _a !== void 0 ? _a : 1e3;
+  const debounced = useMemo(() => debounce_1((...args) => {
+    return fnRef.current(...args);
+  }, wait, options), []);
+  useUnmount$1(() => {
     debounced.cancel();
   });
   return {
@@ -1534,36 +1446,14 @@ function useDebounceFn(fn, options) {
     flush: debounced.flush
   };
 }
-var __read$5 = globalThis && globalThis.__read || function(o, n) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m)
-    return o;
-  var i = m.call(o), r, ar = [], e;
-  try {
-    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
-      ar.push(r.value);
-    }
-  } catch (error) {
-    e = {
-      error
-    };
-  } finally {
-    try {
-      if (r && !r.done && (m = i["return"]))
-        m.call(i);
-    } finally {
-      if (e)
-        throw e.error;
-    }
-  }
-  return ar;
-};
 function useDebounceEffect(effect, deps, options) {
-  var _a = __read$5(useState$1({}), 2), flag = _a[0], setFlag = _a[1];
-  var run = useDebounceFn(function() {
+  const [flag, setFlag] = useState$1({});
+  const {
+    run
+  } = useDebounceFn(() => {
     setFlag({});
-  }, options).run;
-  useEffect(function() {
+  }, options);
+  useEffect(() => {
     return run();
   }, deps);
   useUpdateEffect(effect, [flag]);
@@ -2684,333 +2574,66 @@ var isEqual_1 = isEqual$1;
   window.IntersectionObserver = IntersectionObserver2;
   window.IntersectionObserverEntry = IntersectionObserverEntry;
 })();
-var __assign = globalThis && globalThis.__assign || function() {
-  __assign = Object.assign || function(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p))
-          t[p] = s[p];
-      }
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __read$4 = globalThis && globalThis.__read || function(o, n) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m)
-    return o;
-  var i = m.call(o), r, ar = [], e;
-  try {
-    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
-      ar.push(r.value);
-    }
-  } catch (error) {
-    e = {
-      error
-    };
-  } finally {
-    try {
-      if (r && !r.done && (m = i["return"]))
-        m.call(i);
-    } finally {
-      if (e)
-        throw e.error;
-    }
-  }
-  return ar;
-};
-var __values = globalThis && globalThis.__values || function(o) {
-  var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-  if (m)
-    return m.call(o);
-  if (o && typeof o.length === "number")
-    return {
-      next: function next() {
-        if (o && i >= o.length)
-          o = void 0;
-        return {
-          value: o && o[i++],
-          done: !o
-        };
-      }
-    };
-  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
 function useInViewport(target, options) {
-  var _a = __read$4(useState$1(), 2), state = _a[0], setState = _a[1];
-  var _b = __read$4(useState$1(), 2), ratio = _b[0], setRatio = _b[1];
-  useEffectWithTarget$2(function() {
-    var el = getTargetElement(target);
+  const [state, setState] = useState$1();
+  const [ratio, setRatio] = useState$1();
+  useEffectWithTarget$2(() => {
+    const el = getTargetElement(target);
     if (!el) {
       return;
     }
-    var observer = new IntersectionObserver(function(entries) {
-      var e_1, _a2;
-      try {
-        for (var entries_1 = __values(entries), entries_1_1 = entries_1.next(); !entries_1_1.done; entries_1_1 = entries_1.next()) {
-          var entry = entries_1_1.value;
-          setRatio(entry.intersectionRatio);
-          setState(entry.isIntersecting);
-        }
-      } catch (e_1_1) {
-        e_1 = {
-          error: e_1_1
-        };
-      } finally {
-        try {
-          if (entries_1_1 && !entries_1_1.done && (_a2 = entries_1["return"]))
-            _a2.call(entries_1);
-        } finally {
-          if (e_1)
-            throw e_1.error;
-        }
+    const observer = new IntersectionObserver((entries) => {
+      for (const entry of entries) {
+        setRatio(entry.intersectionRatio);
+        setState(entry.isIntersecting);
       }
-    }, __assign(__assign({}, options), {
+    }, Object.assign(Object.assign({}, options), {
       root: getTargetElement(options === null || options === void 0 ? void 0 : options.root)
     }));
     observer.observe(el);
-    return function() {
+    return () => {
       observer.disconnect();
     };
-  }, [], target);
+  }, [options === null || options === void 0 ? void 0 : options.rootMargin, options === null || options === void 0 ? void 0 : options.threshold], target);
   return [state, ratio];
 }
-var useIsomorphicLayoutEffect$1 = isBrowser$3 ? useLayoutEffect$2 : useEffect;
+const useIsomorphicLayoutEffect$1 = isBrowser$3 ? useLayoutEffect$2 : useEffect;
 const useIsomorphicLayoutEffect$2 = useIsomorphicLayoutEffect$1;
-var __awaiter = globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function(resolve) {
-      resolve(value);
-    });
-  }
-  return new (P || (P = Promise))(function(resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function step(result2) {
-      result2.done ? resolve(result2.value) : adopt(result2.value).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-var __generator = globalThis && globalThis.__generator || function(thisArg, body) {
-  var _ = {
-    label: 0,
-    sent: function sent() {
-      if (t[0] & 1)
-        throw t[1];
-      return t[1];
-    },
-    trys: [],
-    ops: []
-  }, f, y, t, g;
-  return g = {
-    next: verb(0),
-    "throw": verb(1),
-    "return": verb(2)
-  }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-    return this;
-  }), g;
-  function verb(n) {
-    return function(v) {
-      return step([n, v]);
-    };
-  }
-  function step(op) {
-    if (f)
-      throw new TypeError("Generator is already executing.");
-    while (_) {
-      try {
-        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-          return t;
-        if (y = 0, t)
-          op = [op[0] & 2, t.value];
-        switch (op[0]) {
-          case 0:
-          case 1:
-            t = op;
-            break;
-          case 4:
-            _.label++;
-            return {
-              value: op[1],
-              done: false
-            };
-          case 5:
-            _.label++;
-            y = op[1];
-            op = [0];
-            continue;
-          case 7:
-            op = _.ops.pop();
-            _.trys.pop();
-            continue;
-          default:
-            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _ = 0;
-              continue;
-            }
-            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-              _.label = op[1];
-              break;
-            }
-            if (op[0] === 6 && _.label < t[1]) {
-              _.label = t[1];
-              t = op;
-              break;
-            }
-            if (t && _.label < t[2]) {
-              _.label = t[2];
-              _.ops.push(op);
-              break;
-            }
-            if (t[2])
-              _.ops.pop();
-            _.trys.pop();
-            continue;
-        }
-        op = body.call(thisArg, _);
-      } catch (e) {
-        op = [6, e];
-        y = 0;
-      } finally {
-        f = t = 0;
-      }
-    }
-    if (op[0] & 5)
-      throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: true
-    };
-  }
-};
-var __read$3 = globalThis && globalThis.__read || function(o, n) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m)
-    return o;
-  var i = m.call(o), r, ar = [], e;
-  try {
-    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
-      ar.push(r.value);
-    }
-  } catch (error) {
-    e = {
-      error
-    };
-  } finally {
-    try {
-      if (r && !r.done && (m = i["return"]))
-        m.call(i);
-    } finally {
-      if (e)
-        throw e.error;
-    }
-  }
-  return ar;
-};
-var __spreadArray$1 = globalThis && globalThis.__spreadArray || function(to2, from, pack) {
-  if (pack || arguments.length === 2)
-    for (var i = 0, l = from.length, ar; i < l; i++) {
-      if (ar || !(i in from)) {
-        if (!ar)
-          ar = Array.prototype.slice.call(from, 0, i);
-        ar[i] = from[i];
-      }
-    }
-  return to2.concat(ar || Array.prototype.slice.call(from));
-};
 function useLockFn(fn) {
-  var _this = this;
-  var lockRef = useRef(false);
-  return useCallback(function() {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      args[_i] = arguments[_i];
-    }
-    return __awaiter(_this, void 0, void 0, function() {
-      var ret, e_1;
-      return __generator(this, function(_a) {
-        switch (_a.label) {
-          case 0:
-            if (lockRef.current)
-              return [2];
-            lockRef.current = true;
-            _a.label = 1;
-          case 1:
-            _a.trys.push([1, 3, , 4]);
-            return [4, fn.apply(void 0, __spreadArray$1([], __read$3(args), false))];
-          case 2:
-            ret = _a.sent();
-            lockRef.current = false;
-            return [2, ret];
-          case 3:
-            e_1 = _a.sent();
-            lockRef.current = false;
-            throw e_1;
-          case 4:
-            return [2];
-        }
-      });
-    });
-  }, [fn]);
-}
-var __read$2 = globalThis && globalThis.__read || function(o, n) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m)
-    return o;
-  var i = m.call(o), r, ar = [], e;
-  try {
-    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
-      ar.push(r.value);
-    }
-  } catch (error) {
-    e = {
-      error
-    };
-  } finally {
+  const lockRef = useRef(false);
+  return useCallback((...args) => __awaiter(this, void 0, void 0, function* () {
+    if (lockRef.current)
+      return;
+    lockRef.current = true;
     try {
-      if (r && !r.done && (m = i["return"]))
-        m.call(i);
-    } finally {
-      if (e)
-        throw e.error;
+      const ret = yield fn(...args);
+      lockRef.current = false;
+      return ret;
+    } catch (e) {
+      lockRef.current = false;
+      throw e;
     }
-  }
-  return ar;
-};
+  }), [fn]);
+}
 function useRafState(initialState) {
-  var ref = useRef(0);
-  var _a = __read$2(useState$1(initialState), 2), state = _a[0], setState = _a[1];
-  var setRafState = useCallback(function(value) {
+  const ref = useRef(0);
+  const [state, setState] = useState$1(initialState);
+  const setRafState = useCallback((value) => {
     cancelAnimationFrame(ref.current);
-    ref.current = requestAnimationFrame(function() {
+    ref.current = requestAnimationFrame(() => {
       setState(value);
     });
   }, []);
-  useUnmount$1(function() {
+  useUnmount$1(() => {
     cancelAnimationFrame(ref.current);
   });
   return [state, setRafState];
 }
-var useUnmountedRef = function useUnmountedRef2() {
-  var unmountedRef = useRef(false);
-  useEffect(function() {
+const useUnmountedRef = () => {
+  const unmountedRef = useRef(false);
+  useEffect(() => {
     unmountedRef.current = false;
-    return function() {
+    return () => {
       unmountedRef.current = true;
     };
   }, []);
@@ -3488,44 +3111,23 @@ var index$k = function() {
   }
   return ResizeObserver$1;
 }();
-var useEffectWithTarget = createEffectWithTarget$1(useLayoutEffect$2);
+const useEffectWithTarget = createEffectWithTarget$1(useLayoutEffect$2);
 const useLayoutEffectWithTarget = useEffectWithTarget;
-var useIsomorphicLayoutEffectWithTarget = isBrowser$3 ? useLayoutEffectWithTarget : useEffectWithTarget$2;
+const useIsomorphicLayoutEffectWithTarget = isBrowser$3 ? useLayoutEffectWithTarget : useEffectWithTarget$2;
 const useIsomorphicLayoutEffectWithTarget$1 = useIsomorphicLayoutEffectWithTarget;
-var __read$1 = globalThis && globalThis.__read || function(o, n) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m)
-    return o;
-  var i = m.call(o), r, ar = [], e;
-  try {
-    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
-      ar.push(r.value);
-    }
-  } catch (error) {
-    e = {
-      error
-    };
-  } finally {
-    try {
-      if (r && !r.done && (m = i["return"]))
-        m.call(i);
-    } finally {
-      if (e)
-        throw e.error;
-    }
-  }
-  return ar;
-};
 function useSize(target) {
-  var _a = __read$1(useRafState(), 2), state = _a[0], setState = _a[1];
-  useIsomorphicLayoutEffectWithTarget$1(function() {
-    var el = getTargetElement(target);
+  const [state, setState] = useRafState();
+  useIsomorphicLayoutEffectWithTarget$1(() => {
+    const el = getTargetElement(target);
     if (!el) {
       return;
     }
-    var resizeObserver = new index$k(function(entries) {
-      entries.forEach(function(entry) {
-        var _a2 = entry.target, clientWidth = _a2.clientWidth, clientHeight = _a2.clientHeight;
+    const resizeObserver = new index$k((entries) => {
+      entries.forEach((entry) => {
+        const {
+          clientWidth,
+          clientHeight
+        } = entry.target;
         setState({
           width: clientWidth,
           height: clientHeight
@@ -3533,66 +3135,25 @@ function useSize(target) {
       });
     });
     resizeObserver.observe(el);
-    return function() {
+    return () => {
       resizeObserver.disconnect();
     };
   }, [], target);
   return state;
 }
-var __read = globalThis && globalThis.__read || function(o, n) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m)
-    return o;
-  var i = m.call(o), r, ar = [], e;
-  try {
-    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
-      ar.push(r.value);
-    }
-  } catch (error) {
-    e = {
-      error
-    };
-  } finally {
-    try {
-      if (r && !r.done && (m = i["return"]))
-        m.call(i);
-    } finally {
-      if (e)
-        throw e.error;
-    }
-  }
-  return ar;
-};
-var __spreadArray = globalThis && globalThis.__spreadArray || function(to2, from, pack) {
-  if (pack || arguments.length === 2)
-    for (var i = 0, l = from.length, ar; i < l; i++) {
-      if (ar || !(i in from)) {
-        if (!ar)
-          ar = Array.prototype.slice.call(from, 0, i);
-        ar[i] = from[i];
-      }
-    }
-  return to2.concat(ar || Array.prototype.slice.call(from));
-};
 function useThrottleFn(fn, options) {
   var _a;
   if (isDev$2) {
     if (!isFunction$1(fn)) {
-      console.error("useThrottleFn expected parameter is a function, got ".concat(typeof fn));
+      console.error(`useThrottleFn expected parameter is a function, got ${typeof fn}`);
     }
   }
-  var fnRef = useLatest(fn);
-  var wait = (_a = options === null || options === void 0 ? void 0 : options.wait) !== null && _a !== void 0 ? _a : 1e3;
-  var throttled = useMemo(function() {
-    return throttle_1(function() {
-      var args = [];
-      for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-      }
-      return fnRef.current.apply(fnRef, __spreadArray([], __read(args), false));
-    }, wait, options);
-  }, []);
-  useUnmount$1(function() {
+  const fnRef = useLatest(fn);
+  const wait = (_a = options === null || options === void 0 ? void 0 : options.wait) !== null && _a !== void 0 ? _a : 1e3;
+  const throttled = useMemo(() => throttle_1((...args) => {
+    return fnRef.current(...args);
+  }, wait, options), []);
+  useUnmount$1(() => {
     throttled.cancel();
   });
   return {
@@ -3602,22 +3163,22 @@ function useThrottleFn(fn, options) {
   };
 }
 function useTimeout(fn, delay) {
-  var fnRef = useLatest(fn);
-  var timerRef = useRef(null);
-  useEffect(function() {
+  const fnRef = useLatest(fn);
+  const timerRef = useRef(null);
+  useEffect(() => {
     if (!isNumber(delay) || delay < 0) {
       return;
     }
-    timerRef.current = setTimeout(function() {
+    timerRef.current = setTimeout(() => {
       fnRef.current();
     }, delay);
-    return function() {
+    return () => {
       if (timerRef.current) {
         clearTimeout(timerRef.current);
       }
     };
   }, [delay]);
-  var clear2 = useCallback(function() {
+  const clear2 = useCallback(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
     }
@@ -4109,6 +3670,7 @@ function findIndex(arr, test) {
   const index2 = arr.findIndex(test);
   return index2 < 0 ? arr.length : index2;
 }
+const clamp$1 = (min2, max2, v) => Math.min(Math.max(v, min2), max2);
 const colors = {
   transparent: 0,
   aliceblue: 4042850303,
@@ -4430,6 +3992,64 @@ function findRange(input2, inputRange) {
       break;
   return i - 1;
 }
+const steps$1 = (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$1(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,
+  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: steps$1
+};
 function _extends$4() {
   _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -5111,57 +4731,6 @@ const config$1 = {
     friction: 120
   }
 };
-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,
-  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
-};
 const defaults = _extends$2({}, config$1.default, {
   mass: 1,
   damping: 1,
@@ -5357,7 +4926,7 @@ function runAsync(to2, props, state, target) {
     };
     const animate = (arg1, arg2) => {
       const bailSignal = new BailSignal();
-      const skipAnimationSignal = new SkipAniamtionSignal();
+      const skipAnimationSignal = new SkipAnimationSignal();
       return (async () => {
         if (globals.skipAnimation) {
           stopAsync(state);
@@ -5406,7 +4975,7 @@ function runAsync(to2, props, state, target) {
     } catch (err) {
       if (err instanceof BailSignal) {
         result2 = err.result;
-      } else if (err instanceof SkipAniamtionSignal) {
+      } else if (err instanceof SkipAnimationSignal) {
         result2 = err.result;
       } else {
         throw err;
@@ -5440,7 +5009,7 @@ class BailSignal extends Error {
     this.result = void 0;
   }
 }
-class SkipAniamtionSignal extends Error {
+class SkipAnimationSignal extends Error {
   constructor() {
     super("SkipAnimationSignal");
     this.result = void 0;
@@ -6471,11 +6040,11 @@ function _objectWithoutPropertiesLoose$3(source, excluded) {
   }
   return target;
 }
-const _excluded$3$1 = ["children"];
+const _excluded$6 = ["children"];
 const SpringContext = (_ref) => {
   let {
     children
-  } = _ref, props = _objectWithoutPropertiesLoose$3(_ref, _excluded$3$1);
+  } = _ref, props = _objectWithoutPropertiesLoose$3(_ref, _excluded$6);
   const inherited = useContext(ctx);
   const pause = props.pause || !!inherited.pause, immediate = props.immediate || !!inherited.immediate;
   props = useMemoOne(() => ({
@@ -6779,7 +6348,7 @@ function _objectWithoutPropertiesLoose$2(source, excluded) {
   }
   return target;
 }
-const _excluded$2$1 = ["style", "children", "scrollTop", "scrollLeft"];
+const _excluded$2$1 = ["style", "children", "scrollTop", "scrollLeft", "viewBox"];
 const isCustomPropRE = /^--/;
 function dangerousStyleValue(name, value) {
   if (value == null || typeof value === "boolean" || value === "")
@@ -6798,7 +6367,8 @@ function applyAnimatedValues(instance, props) {
     style,
     children,
     scrollTop,
-    scrollLeft
+    scrollLeft,
+    viewBox
   } = _ref, attributes = _objectWithoutPropertiesLoose$2(_ref, _excluded$2$1);
   const values = Object.values(attributes);
   const names = Object.keys(attributes).map((name) => isFilterElement || instance.hasAttribute(name) ? name : attributeCache[name] || (attributeCache[name] = name.replace(/([A-Z])/g, (n) => "-" + n.toLowerCase())));
@@ -6824,6 +6394,9 @@ function applyAnimatedValues(instance, props) {
   if (scrollLeft !== void 0) {
     instance.scrollLeft = scrollLeft;
   }
+  if (viewBox !== void 0) {
+    instance.setAttribute("viewBox", viewBox);
+  }
 }
 let isUnitlessNumber = {
   animationIterationCount: true,
@@ -6996,13 +6569,13 @@ function useShouldRender(active, forceRender, destroyOnClose) {
     return false;
   return !destroyOnClose;
 }
-const eventToPropRecord = {
+const eventToPropRecord$1 = {
   "click": "onClick"
 };
 function withStopPropagation(events, element) {
   const props = Object.assign({}, element.props);
   for (const key of events) {
-    const prop = eventToPropRecord[key];
+    const prop = eventToPropRecord$1[key];
     props[prop] = function(e) {
       var _a, _b;
       e.stopPropagation();
@@ -7716,6 +7289,9 @@ const defaultProps$12 = Object.assign(Object.assign({}, defaultPopupBaseProps),
 });
 const Popup$1 = (p) => {
   const props = mergeProps(defaultProps$12, p);
+  const {
+    locale
+  } = useConfig();
   const bodyCls = classNames(`${classPrefix$1k}-body`, props.bodyClassName, `${classPrefix$1k}-body-position-${props.position}`);
   const [active, setActive] = useState$1(props.visible);
   useIsomorphicLayoutEffect$2(() => {
@@ -7795,7 +7371,9 @@ const Popup$1 = (p) => {
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-    }
+    },
+    role: "button",
+    "aria-label": locale.common.close
   }, React__default.createElement(CloseOutline, null)), props.children))));
   return React__default.createElement(ShouldRender, {
     active,
@@ -7856,7 +7434,7 @@ function legacyUnmount(container) {
   return unmountComponentAtNode(container);
 }
 function concurrentUnmount(container) {
-  return __awaiter$1(this, void 0, void 0, function* () {
+  return __awaiter(this, void 0, void 0, function* () {
     return Promise.resolve().then(() => {
       var _a;
       (_a = container[MARK]) === null || _a === void 0 ? void 0 : _a.unmount();
@@ -8335,7 +7913,7 @@ const Button$1 = forwardRef((p, ref) => {
       return nativeButtonRef.current;
     }
   }));
-  const handleClick = (e) => __awaiter$1(void 0, void 0, void 0, function* () {
+  const handleClick = (e) => __awaiter(void 0, void 0, void 0, function* () {
     if (!props.onClick)
       return;
     const promise = props.onClick(e);
@@ -8677,7 +8255,7 @@ const Calendar$1 = forwardRef((p, ref) => {
         }
       }, React__default.createElement("div", {
         className: `${classPrefix$1b}-cell-top`
-      }, d.date()), React__default.createElement("div", {
+      }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), React__default.createElement("div", {
         className: `${classPrefix$1b}-cell-bottom`
       }, (_a = props.renderLabel) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate()))));
       iterator = iterator.add(1, "day");
@@ -13419,7 +12997,7 @@ const Dialog = (p) => {
     }, actions.map((action, index3) => React__default.createElement(DialogActionButton, {
       key: action.key,
       action,
-      onAction: () => __awaiter$1(void 0, void 0, void 0, function* () {
+      onAction: () => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c;
         yield Promise.all([(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action), (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index3)]);
         if (props.closeOnAction) {
@@ -13510,7 +13088,7 @@ function confirm$1(p) {
       actions: [[{
         key: "cancel",
         text: props.cancelText,
-        onClick: () => __awaiter$1(this, void 0, void 0, function* () {
+        onClick: () => __awaiter(this, void 0, void 0, function* () {
           var _a;
           yield (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
           resolve(false);
@@ -13519,7 +13097,7 @@ function confirm$1(p) {
         key: "confirm",
         text: props.confirmText,
         bold: true,
-        onClick: () => __awaiter$1(this, void 0, void 0, function* () {
+        onClick: () => __awaiter(this, void 0, void 0, function* () {
           var _b;
           yield (_b = props.onConfirm) === null || _b === void 0 ? void 0 : _b.call(props);
           resolve(true);
@@ -13818,13 +13396,14 @@ const defaultProps$G = {
   collapseText: "",
   stopPropagationForActionButtons: [],
   onContentClick: () => {
-  }
+  },
+  defaultExpanded: false
 };
 const Ellipsis$1 = (p) => {
   const props = mergeProps(defaultProps$G, p);
   const rootRef = useRef(null);
   const [ellipsised, setEllipsised] = useState$1({});
-  const [expanded, setExpanded] = useState$1(false);
+  const [expanded, setExpanded] = useState$1(props.defaultExpanded);
   const [exceeded, setExceeded] = useState$1(false);
   const chars = useMemo(() => _runes_0_4_3_runes.exports(props.content), [props.content]);
   function getSubString(start2, end) {
@@ -14888,9 +14467,8 @@ function _objectSpread2(target) {
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
-  }
   return arr2;
 }
 function _arrayWithoutHoles(arr) {
@@ -15422,10 +15000,9 @@ function _regeneratorRuntime() {
         return iterable;
       if (!isNaN(iterable.length)) {
         var i = -1, next = function next2() {
-          for (; ++i < iterable.length; ) {
+          for (; ++i < iterable.length; )
             if (hasOwn.call(iterable, i))
               return next2.value = iterable[i], next2.done = false, next2;
-          }
           return next2.value = void 0, next2.done = true, next2;
         };
         return next.next = next;
@@ -15470,9 +15047,8 @@ function _regeneratorRuntime() {
     return "[object Generator]";
   }), exports.keys = function(val) {
     var object4 = Object(val), keys2 = [];
-    for (var key in object4) {
+    for (var key in object4)
       keys2.push(key);
-    }
     return keys2.reverse(), function next() {
       for (; keys2.length; ) {
         var key2 = keys2.pop();
@@ -15485,9 +15061,8 @@ function _regeneratorRuntime() {
     constructor: Context2,
     reset: function reset(skipTempReset) {
       if (this.prev = 0, this.next = 0, this.sent = this._sent = void 0, this.done = false, this.delegate = null, this.method = "next", this.arg = void 0, this.tryEntries.forEach(resetTryEntry), !skipTempReset)
-        for (var name in this) {
+        for (var name in this)
           "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = void 0);
-        }
     },
     stop: function stop2() {
       this.done = true;
@@ -16884,7 +16459,7 @@ function _validateRule() {
   _validateRule = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee2(name, value, rule, options, messageVariables) {
     var cloneRule, originValidator, subRuleField, validator, messages2, result2, subResults, kv, fillVariableResult;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) {
+      while (1)
         switch (_context2.prev = _context2.next) {
           case 0:
             cloneRule = _objectSpread2({}, rule);
@@ -16957,7 +16532,6 @@ function _validateRule() {
           case "end":
             return _context2.stop();
         }
-      }
     }, _callee2, null, [[9, 14]]);
   }));
   return _validateRule.apply(this, arguments);
@@ -17013,7 +16587,7 @@ function validateRules(namePath, value, rules2, options, validateFirst, messageV
       var _ref3 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee(resolve, reject) {
         var i, rule, errors;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) {
+          while (1)
             switch (_context.prev = _context.next) {
               case 0:
                 i = 0;
@@ -17046,7 +16620,6 @@ function validateRules(namePath, value, rules2, options, validateFirst, messageV
               case "end":
                 return _context.stop();
             }
-          }
         }, _callee);
       }));
       return function(_x6, _x7) {
@@ -17077,7 +16650,7 @@ function finishOnAllFailed(_x8) {
 function _finishOnAllFailed() {
   _finishOnAllFailed = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee3(rulePromises) {
     return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) {
+      while (1)
         switch (_context3.prev = _context3.next) {
           case 0:
             return _context3.abrupt("return", Promise.all(rulePromises).then(function(errorsList) {
@@ -17089,7 +16662,6 @@ function _finishOnAllFailed() {
           case "end":
             return _context3.stop();
         }
-      }
     }, _callee3);
   }));
   return _finishOnAllFailed.apply(this, arguments);
@@ -17101,7 +16673,7 @@ function _finishOnFirstFailed() {
   _finishOnFirstFailed = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee4(rulePromises) {
     var count;
     return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-      while (1) {
+      while (1)
         switch (_context4.prev = _context4.next) {
           case 0:
             count = 0;
@@ -17122,7 +16694,6 @@ function _finishOnFirstFailed() {
           case "end":
             return _context4.stop();
         }
-      }
     }, _callee4);
   }));
   return _finishOnFirstFailed.apply(this, arguments);
@@ -17495,9 +17066,9 @@ var Field = /* @__PURE__ */ function(_React$Component) {
     value: function render2() {
       var resetCount = this.state.resetCount;
       var children = this.props.children;
-      var _this$getOnlyChild = this.getOnlyChild(children), child = _this$getOnlyChild.child, isFunction3 = _this$getOnlyChild.isFunction;
+      var _this$getOnlyChild = this.getOnlyChild(children), child = _this$getOnlyChild.child, isFunction2 = _this$getOnlyChild.isFunction;
       var returnChildNode;
-      if (isFunction3) {
+      if (isFunction2) {
         returnChildNode = child;
       } else if (/* @__PURE__ */ React$4.isValidElement(child)) {
         returnChildNode = /* @__PURE__ */ React$4.cloneElement(child, this.getControlled(child.props));
@@ -17663,9 +17234,8 @@ function _iterableToArrayLimit(arr, i) {
           return;
         _n = false;
       } else
-        for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = true) {
+        for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = true)
           ;
-        }
     } catch (err) {
       _d = true, _e = err;
     } finally {
@@ -18636,6 +18206,11 @@ function stringify(value) {
     return Math.random();
   }
 }
+var useWatchWarning = function(namePath) {
+  var fullyStr = namePath.join("__RC_FIELD_FORM_SPLIT__");
+  var nameStrRef = useRef(fullyStr);
+  warningOnce$1(nameStrRef.current === fullyStr, "`useWatch` is not support dynamic `namePath`. Please provide static instead.");
+};
 function useWatch() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
@@ -18656,6 +18231,7 @@ function useWatch() {
   var namePath = getNamePath(dependencies);
   var namePathRef = useRef(namePath);
   namePathRef.current = namePath;
+  useWatchWarning(namePath);
   useEffect(
     function() {
       if (!isValidForm) {
@@ -18854,7 +18430,7 @@ function toPlainObject$1(value) {
   return copyObject(value, keysIn$1(value));
 }
 var toPlainObject_1 = toPlainObject$1;
-var assignMergeValue$1 = _assignMergeValue, cloneBuffer = _cloneBuffer.exports, cloneTypedArray = _cloneTypedArray, copyArray = _copyArray, initCloneObject = _initCloneObject, isArguments = isArguments_1, isArray = isArray_1, isArrayLikeObject = isArrayLikeObject_1, isBuffer = isBuffer$3.exports, isFunction2 = isFunction_1, isObject$1 = isObject_1, isPlainObject = isPlainObject_1, isTypedArray = isTypedArray_1, safeGet$1 = _safeGet, toPlainObject = toPlainObject_1;
+var assignMergeValue$1 = _assignMergeValue, cloneBuffer = _cloneBuffer.exports, cloneTypedArray = _cloneTypedArray, copyArray = _copyArray, initCloneObject = _initCloneObject, isArguments = isArguments_1, isArray = isArray_1, isArrayLikeObject = isArrayLikeObject_1, isBuffer = isBuffer$3.exports, isFunction = isFunction_1, isObject$1 = isObject_1, isPlainObject = isPlainObject_1, isTypedArray = isTypedArray_1, safeGet$1 = _safeGet, toPlainObject = toPlainObject_1;
 function baseMergeDeep$1(object4, source, key, srcIndex, mergeFunc, customizer, stack) {
   var objValue = safeGet$1(object4, key), srcValue = safeGet$1(source, key), stacked = stack.get(srcValue);
   if (stacked) {
@@ -18884,7 +18460,7 @@ function baseMergeDeep$1(object4, source, key, srcIndex, mergeFunc, customizer,
       newValue = objValue;
       if (isArguments(objValue)) {
         newValue = toPlainObject(objValue);
-      } else if (!isObject$1(objValue) || isFunction2(objValue)) {
+      } else if (!isObject$1(objValue) || isFunction(objValue)) {
         newValue = initCloneObject(srcValue);
       }
     } else {
@@ -19208,18 +18784,18 @@ const Arrow = memo((props) => {
     d: "M0,0 L30,0 L18.07289,14.312538 C16.65863,16.009645 14.13637,16.238942 12.43926,14.824685 C12.25341,14.669808 12.08199,14.49839 11.92711,14.312538 L0,0 L0,0 Z"
   }))));
 });
-function getSide(placement) {
-  return placement.split("-")[0];
-}
 function getAlignment(placement) {
   return placement.split("-")[1];
 }
-function getMainAxisFromPlacement(placement) {
-  return ["top", "bottom"].includes(getSide(placement)) ? "x" : "y";
-}
 function getLengthFromAxis(axis) {
   return axis === "y" ? "height" : "width";
 }
+function getSide(placement) {
+  return placement.split("-")[0];
+}
+function getMainAxisFromPlacement(placement) {
+  return ["top", "bottom"].includes(getSide(placement)) ? "x" : "y";
+}
 function computeCoordsFromPlacement(_ref, placement, rtl) {
   let {
     reference,
@@ -19405,7 +18981,7 @@ function rectToClientRect(rect) {
     bottom: rect.y + rect.height
   };
 }
-async function detectOverflow(middlewareArguments, options) {
+async function detectOverflow(state, options) {
   var _await$platform$isEle;
   if (options === void 0) {
     options = {};
@@ -19417,7 +18993,7 @@ async function detectOverflow(middlewareArguments, options) {
     rects,
     elements,
     strategy
-  } = middlewareArguments;
+  } = state;
   const {
     boundary = "clippingAncestors",
     rootBoundary = "viewport",
@@ -19467,18 +19043,18 @@ function within(min$1$1, value, max$1$1) {
 const arrow = (options) => ({
   name: "arrow",
   options,
-  async fn(middlewareArguments) {
+  async fn(state) {
     const {
       element,
       padding = 0
-    } = options != null ? options : {};
+    } = options || {};
     const {
       x,
       y,
       placement,
       rects,
       platform: platform2
-    } = middlewareArguments;
+    } = state;
     if (element == null) {
       {
         console.warn("Floating UI: No `element` was passed to the `arrow` middleware.");
@@ -19491,7 +19067,6 @@ const arrow = (options) => ({
       y
     };
     const axis = getMainAxisFromPlacement(placement);
-    const alignment = getAlignment(placement);
     const length = getLengthFromAxis(axis);
     const arrowDimensions = await platform2.getDimensions(element);
     const minProp = axis === "y" ? "top" : "left";
@@ -19508,8 +19083,7 @@ const arrow = (options) => ({
     const max2 = clientSize - arrowDimensions[length] - paddingObject[maxProp];
     const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
     const offset2 = within(min2, center, max2);
-    const alignmentPadding = alignment === "start" ? paddingObject[minProp] : paddingObject[maxProp];
-    const shouldAddOffset = alignmentPadding > 0 && center !== offset2 && rects.reference[length] <= rects.floating[length];
+    const shouldAddOffset = getAlignment(placement) != null && center != offset2 && rects.reference[length] / 2 - (center < min2 ? paddingObject[minProp] : paddingObject[maxProp]) - arrowDimensions[length] / 2 < 0;
     const alignmentOffset = shouldAddOffset ? center < min2 ? min2 - center : max2 - center : 0;
     return {
       [axis]: coords[axis] - alignmentOffset,
@@ -19520,14 +19094,15 @@ const arrow = (options) => ({
     };
   }
 });
-const hash$1 = {
+const sides = ["top", "right", "bottom", "left"];
+const oppositeSideMap = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
 function getOppositePlacement(placement) {
-  return placement.replace(/left|right|bottom|top/g, (matched) => hash$1[matched]);
+  return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
 }
 function getAlignmentSides(placement, rects, rtl) {
   if (rtl === void 0) {
@@ -19545,18 +19120,46 @@ function getAlignmentSides(placement, rects, rtl) {
     cross: getOppositePlacement(mainAlignmentSide)
   };
 }
-const hash = {
+const oppositeAlignmentMap = {
   start: "end",
   end: "start"
 };
 function getOppositeAlignmentPlacement(placement) {
-  return placement.replace(/start|end/g, (matched) => hash[matched]);
+  return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
 }
-const sides = ["top", "right", "bottom", "left"];
 function getExpandedPlacements(placement) {
   const oppositePlacement = getOppositePlacement(placement);
   return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
 }
+function getSideList(side, isStart, rtl) {
+  const lr = ["left", "right"];
+  const rl = ["right", "left"];
+  const tb = ["top", "bottom"];
+  const bt = ["bottom", "top"];
+  switch (side) {
+    case "top":
+    case "bottom":
+      if (rtl)
+        return isStart ? rl : lr;
+      return isStart ? lr : rl;
+    case "left":
+    case "right":
+      return isStart ? tb : bt;
+    default:
+      return [];
+  }
+}
+function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
+  const alignment = getAlignment(placement);
+  let list2 = getSideList(getSide(placement), direction === "start", rtl);
+  if (alignment) {
+    list2 = list2.map((side) => side + "-" + alignment);
+    if (flipAlignment) {
+      list2 = list2.concat(list2.map(getOppositeAlignmentPlacement));
+    }
+  }
+  return list2;
+}
 const flip = function(options) {
   if (options === void 0) {
     options = {};
@@ -19564,7 +19167,7 @@ const flip = function(options) {
   return {
     name: "flip",
     options,
-    async fn(middlewareArguments) {
+    async fn(state) {
       var _middlewareData$flip;
       const {
         placement,
@@ -19573,20 +19176,25 @@ const flip = function(options) {
         initialPlacement,
         platform: platform2,
         elements
-      } = middlewareArguments;
+      } = state;
       const {
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = true,
         fallbackPlacements: specifiedFallbackPlacements,
         fallbackStrategy = "bestFit",
+        fallbackAxisSideDirection = "none",
         flipAlignment = true,
         ...detectOverflowOptions
       } = options;
       const side = getSide(placement);
-      const isBasePlacement = side === initialPlacement;
+      const isBasePlacement = getSide(initialPlacement) === initialPlacement;
+      const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
       const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
+      if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== "none") {
+        fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
+      }
       const placements = [initialPlacement, ...fallbackPlacements];
-      const overflow = await detectOverflow(middlewareArguments, detectOverflowOptions);
+      const overflow = await detectOverflow(state, detectOverflowOptions);
       const overflows = [];
       let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
       if (checkMainAxis) {
@@ -19596,7 +19204,7 @@ const flip = function(options) {
         const {
           main,
           cross
-        } = getAlignmentSides(placement, rects, await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)));
+        } = getAlignmentSides(placement, rects, rtl);
         overflows.push(overflow[main], overflow[cross]);
       }
       overflowsData = [...overflowsData, {
@@ -19604,8 +19212,8 @@ const flip = function(options) {
         overflows
       }];
       if (!overflows.every((side2) => side2 <= 0)) {
-        var _middlewareData$flip$, _middlewareData$flip2;
-        const nextIndex = ((_middlewareData$flip$ = (_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) != null ? _middlewareData$flip$ : 0) + 1;
+        var _middlewareData$flip2, _overflowsData$filter;
+        const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
         const nextPlacement = placements[nextIndex];
         if (nextPlacement) {
           return {
@@ -19618,19 +19226,21 @@ const flip = function(options) {
             }
           };
         }
-        let resetPlacement = "bottom";
-        switch (fallbackStrategy) {
-          case "bestFit": {
-            var _overflowsData$map$so;
-            const placement2 = (_overflowsData$map$so = overflowsData.map((d) => [d, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$map$so[0].placement;
-            if (placement2) {
-              resetPlacement = placement2;
+        let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
+        if (!resetPlacement) {
+          switch (fallbackStrategy) {
+            case "bestFit": {
+              var _overflowsData$map$so;
+              const placement2 = (_overflowsData$map$so = overflowsData.map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
+              if (placement2) {
+                resetPlacement = placement2;
+              }
+              break;
             }
-            break;
+            case "initialPlacement":
+              resetPlacement = initialPlacement;
+              break;
           }
-          case "initialPlacement":
-            resetPlacement = initialPlacement;
-            break;
         }
         if (placement !== resetPlacement) {
           return {
@@ -19655,20 +19265,24 @@ function getSideOffsets(overflow, rect) {
 function isAnySideFullyClipped(overflow) {
   return sides.some((side) => overflow[side] >= 0);
 }
-const hide = function(_temp) {
-  let {
-    strategy = "referenceHidden",
-    ...detectOverflowOptions
-  } = _temp === void 0 ? {} : _temp;
+const hide = function(options) {
+  if (options === void 0) {
+    options = {};
+  }
   return {
     name: "hide",
-    async fn(middlewareArguments) {
+    options,
+    async fn(state) {
+      const {
+        strategy = "referenceHidden",
+        ...detectOverflowOptions
+      } = options;
       const {
         rects
-      } = middlewareArguments;
+      } = state;
       switch (strategy) {
         case "referenceHidden": {
-          const overflow = await detectOverflow(middlewareArguments, {
+          const overflow = await detectOverflow(state, {
             ...detectOverflowOptions,
             elementContext: "reference"
           });
@@ -19681,7 +19295,7 @@ const hide = function(_temp) {
           };
         }
         case "escaped": {
-          const overflow = await detectOverflow(middlewareArguments, {
+          const overflow = await detectOverflow(state, {
             ...detectOverflowOptions,
             altBoundary: true
           });
@@ -19700,19 +19314,19 @@ const hide = function(_temp) {
     }
   };
 };
-async function convertValueToCoords(middlewareArguments, value) {
+async function convertValueToCoords(state, value) {
   const {
     placement,
     platform: platform2,
     elements
-  } = middlewareArguments;
+  } = state;
   const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
   const side = getSide(placement);
   const alignment = getAlignment(placement);
   const isVertical = getMainAxisFromPlacement(placement) === "x";
   const mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
-  const rawValue = typeof value === "function" ? value(middlewareArguments) : value;
+  const rawValue = typeof value === "function" ? value(state) : value;
   let {
     mainAxis,
     crossAxis,
@@ -19745,12 +19359,12 @@ const offset = function(value) {
   return {
     name: "offset",
     options: value,
-    async fn(middlewareArguments) {
+    async fn(state) {
       const {
         x,
         y
-      } = middlewareArguments;
-      const diffCoords = await convertValueToCoords(middlewareArguments, value);
+      } = state;
+      const diffCoords = await convertValueToCoords(state, value);
       return {
         x: x + diffCoords.x,
         y: y + diffCoords.y,
@@ -19769,12 +19383,12 @@ const shift = function(options) {
   return {
     name: "shift",
     options,
-    async fn(middlewareArguments) {
+    async fn(state) {
       const {
         x,
         y,
         placement
-      } = middlewareArguments;
+      } = state;
       const {
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = false,
@@ -19796,7 +19410,7 @@ const shift = function(options) {
         x,
         y
       };
-      const overflow = await detectOverflow(middlewareArguments, detectOverflowOptions);
+      const overflow = await detectOverflow(state, detectOverflowOptions);
       const mainAxis = getMainAxisFromPlacement(getSide(placement));
       const crossAxis = getCrossAxis(mainAxis);
       let mainAxisCoord = coords[mainAxis];
@@ -19816,7 +19430,7 @@ const shift = function(options) {
         crossAxisCoord = within(min2, crossAxisCoord, max2);
       }
       const limitedCoords = limiter.fn({
-        ...middlewareArguments,
+        ...state,
         [mainAxis]: mainAxisCoord,
         [crossAxis]: crossAxisCoord
       });
@@ -19836,14 +19450,14 @@ const limitShift = function(options) {
   }
   return {
     options,
-    fn(middlewareArguments) {
+    fn(state) {
       const {
         x,
         y,
         placement,
         rects,
         middlewareData
-      } = middlewareArguments;
+      } = state;
       const {
         offset: offset2 = 0,
         mainAxis: checkMainAxis = true,
@@ -19857,7 +19471,7 @@ const limitShift = function(options) {
       const crossAxis = getCrossAxis(mainAxis);
       let mainAxisCoord = coords[mainAxis];
       let crossAxisCoord = coords[crossAxis];
-      const rawOffset = typeof offset2 === "function" ? offset2(middlewareArguments) : offset2;
+      const rawOffset = typeof offset2 === "function" ? offset2(state) : offset2;
       const computedOffset = typeof rawOffset === "number" ? {
         mainAxis: rawOffset,
         crossAxis: 0
@@ -19877,11 +19491,11 @@ const limitShift = function(options) {
         }
       }
       if (checkCrossAxis) {
-        var _middlewareData$offse, _middlewareData$offse2, _middlewareData$offse3, _middlewareData$offse4;
+        var _middlewareData$offse, _middlewareData$offse2;
         const len = mainAxis === "y" ? "width" : "height";
         const isOriginSide = ["top", "left"].includes(getSide(placement));
-        const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? (_middlewareData$offse = (_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) != null ? _middlewareData$offse : 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);
-        const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : (_middlewareData$offse3 = (_middlewareData$offse4 = middlewareData.offset) == null ? void 0 : _middlewareData$offse4[crossAxis]) != null ? _middlewareData$offse3 : 0) - (isOriginSide ? computedOffset.crossAxis : 0);
+        const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);
+        const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);
         if (crossAxisCoord < limitMin) {
           crossAxisCoord = limitMin;
         } else if (crossAxisCoord > limitMax) {
@@ -19895,30 +19509,45 @@ const limitShift = function(options) {
     }
   };
 };
-const min = Math.min;
-const max = Math.max;
-const round = Math.round;
-function getScale(element, paramRect) {
-  const rect = paramRect || element.getBoundingClientRect();
-  return {
-    x: element.offsetWidth > 0 ? round(rect.width) / element.offsetWidth || 1 : 1,
-    y: element.offsetHeight > 0 ? round(rect.height) / element.offsetHeight || 1 : 1
-  };
-}
 function getWindow(node) {
   var _node$ownerDocument;
   return ((_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
 }
-function getComputedStyle(element) {
+function getComputedStyle$1(element) {
   return getWindow(element).getComputedStyle(element);
 }
+const min = Math.min;
+const max = Math.max;
+const round = Math.round;
+function getCssDimensions(element) {
+  const css = getComputedStyle$1(element);
+  let width = parseFloat(css.width);
+  let height = parseFloat(css.height);
+  const offsetWidth = element.offsetWidth;
+  const offsetHeight = element.offsetHeight;
+  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
+  if (shouldFallback) {
+    width = offsetWidth;
+    height = offsetHeight;
+  }
+  return {
+    width,
+    height,
+    fallback: shouldFallback
+  };
+}
 function getNodeName(node) {
   return isNode(node) ? (node.nodeName || "").toLowerCase() : "";
 }
+let uaString;
 function getUAString() {
+  if (uaString) {
+    return uaString;
+  }
   const uaData = navigator.userAgentData;
   if (uaData && Array.isArray(uaData.brands)) {
-    return uaData.brands.map((item) => item.brand + "/" + item.version).join(" ");
+    uaString = uaData.brands.map((item) => item.brand + "/" + item.version).join(" ");
+    return uaString;
   }
   return navigator.userAgent;
 }
@@ -19944,31 +19573,60 @@ function isOverflowElement(element) {
     overflowX,
     overflowY,
     display
-  } = getComputedStyle(element);
-  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX) && !["inline", "contents"].includes(display);
+  } = getComputedStyle$1(element);
+  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !["inline", "contents"].includes(display);
 }
 function isTableElement(element) {
   return ["table", "td", "th"].includes(getNodeName(element));
 }
 function isContainingBlock(element) {
   const isFirefox = /firefox/i.test(getUAString());
-  const css = getComputedStyle(element);
+  const css = getComputedStyle$1(element);
   const backdropFilter = css.backdropFilter || css.WebkitBackdropFilter;
-  return css.transform !== "none" || css.perspective !== "none" || (backdropFilter ? backdropFilter !== "none" : false) || isFirefox && css.willChange === "filter" || isFirefox && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective"].some((value) => css.willChange.includes(value)) || ["paint", "layout", "strict", "content"].some(
-    (value) => {
-      const contain = css.contain;
-      return contain != null ? contain.includes(value) : false;
-    }
-  );
+  return css.transform !== "none" || css.perspective !== "none" || (backdropFilter ? backdropFilter !== "none" : false) || isFirefox && css.willChange === "filter" || isFirefox && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective"].some((value) => css.willChange.includes(value)) || ["paint", "layout", "strict", "content"].some((value) => {
+    const contain = css.contain;
+    return contain != null ? contain.includes(value) : false;
+  });
 }
-function isLayoutViewport() {
-  return !/^((?!chrome|android).)*safari/i.test(getUAString());
+function isClientRectVisualViewportBased() {
+  return /^((?!chrome|android).)*safari/i.test(getUAString());
 }
 function isLastTraversableNode(node) {
   return ["html", "body", "#document"].includes(getNodeName(node));
 }
-function getBoundingClientRect(element, includeScale, isFixedStrategy) {
-  var _win$visualViewport$o, _win$visualViewport, _win$visualViewport$o2, _win$visualViewport2;
+function unwrapElement(element) {
+  return !isElement(element) ? element.contextElement : element;
+}
+const FALLBACK_SCALE = {
+  x: 1,
+  y: 1
+};
+function getScale(element) {
+  const domElement = unwrapElement(element);
+  if (!isHTMLElement(domElement)) {
+    return FALLBACK_SCALE;
+  }
+  const rect = domElement.getBoundingClientRect();
+  const {
+    width,
+    height,
+    fallback
+  } = getCssDimensions(domElement);
+  let x = (fallback ? round(rect.width) : rect.width) / width;
+  let y = (fallback ? round(rect.height) : rect.height) / height;
+  if (!x || !Number.isFinite(x)) {
+    x = 1;
+  }
+  if (!y || !Number.isFinite(y)) {
+    y = 1;
+  }
+  return {
+    x,
+    y
+  };
+}
+function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
+  var _win$visualViewport, _win$visualViewport2;
   if (includeScale === void 0) {
     includeScale = false;
   }
@@ -19976,25 +19634,42 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy) {
     isFixedStrategy = false;
   }
   const clientRect = element.getBoundingClientRect();
-  let contextRect = clientRect;
-  let elementToCheckForScale = element;
-  let scale2 = {
-    x: 1,
-    y: 1
-  };
-  if (!isElement(element) && element.contextElement) {
-    contextRect = element.contextElement.getBoundingClientRect();
-    elementToCheckForScale = element.contextElement;
-  }
-  if (includeScale && isHTMLElement(elementToCheckForScale)) {
-    scale2 = getScale(elementToCheckForScale, contextRect);
+  const domElement = unwrapElement(element);
+  let scale2 = FALLBACK_SCALE;
+  if (includeScale) {
+    if (offsetParent) {
+      if (isElement(offsetParent)) {
+        scale2 = getScale(offsetParent);
+      }
+    } else {
+      scale2 = getScale(element);
+    }
+  }
+  const win = domElement ? getWindow(domElement) : window;
+  const addVisualOffsets = isClientRectVisualViewportBased() && isFixedStrategy;
+  let x = (clientRect.left + (addVisualOffsets ? ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0 : 0)) / scale2.x;
+  let y = (clientRect.top + (addVisualOffsets ? ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0 : 0)) / scale2.y;
+  let width = clientRect.width / scale2.x;
+  let height = clientRect.height / scale2.y;
+  if (domElement) {
+    const win2 = getWindow(domElement);
+    const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
+    let currentIFrame = win2.frameElement;
+    while (currentIFrame && offsetParent && offsetWin !== win2) {
+      const iframeScale = getScale(currentIFrame);
+      const iframeRect = currentIFrame.getBoundingClientRect();
+      const css = getComputedStyle(currentIFrame);
+      iframeRect.x += (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
+      iframeRect.y += (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
+      x *= iframeScale.x;
+      y *= iframeScale.y;
+      width *= iframeScale.x;
+      height *= iframeScale.y;
+      x += iframeRect.x;
+      y += iframeRect.y;
+      currentIFrame = getWindow(currentIFrame).frameElement;
+    }
   }
-  const win = isElement(element) ? getWindow(element) : window;
-  const addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
-  const x = (clientRect.left + (addVisualOffsets ? (_win$visualViewport$o = (_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) != null ? _win$visualViewport$o : 0 : 0)) / scale2.x;
-  const y = (clientRect.top + (addVisualOffsets ? (_win$visualViewport$o2 = (_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) != null ? _win$visualViewport$o2 : 0 : 0)) / scale2.y;
-  const width = clientRect.width / scale2.x;
-  const height = clientRect.height / scale2.y;
   return {
     width,
     height,
@@ -20021,96 +19696,6 @@ function getNodeScroll(element) {
     scrollTop: element.pageYOffset
   };
 }
-function getWindowScrollBarX(element) {
-  return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
-}
-function isScaled(element) {
-  const rect = getBoundingClientRect(element);
-  return round(rect.width) !== element.offsetWidth || round(rect.height) !== element.offsetHeight;
-}
-function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
-  const isOffsetParentAnElement = isHTMLElement(offsetParent);
-  const documentElement = getDocumentElement(offsetParent);
-  const rect = getBoundingClientRect(
-    element,
-    isOffsetParentAnElement && isScaled(offsetParent),
-    strategy === "fixed"
-  );
-  let scroll = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const offsets = {
-    x: 0,
-    y: 0
-  };
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
-    if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
-      scroll = getNodeScroll(offsetParent);
-    }
-    if (isHTMLElement(offsetParent)) {
-      const offsetRect = getBoundingClientRect(offsetParent, true);
-      offsets.x = offsetRect.x + offsetParent.clientLeft;
-      offsets.y = offsetRect.y + offsetParent.clientTop;
-    } else if (documentElement) {
-      offsets.x = getWindowScrollBarX(documentElement);
-    }
-  }
-  return {
-    x: rect.left + scroll.scrollLeft - offsets.x,
-    y: rect.top + scroll.scrollTop - offsets.y,
-    width: rect.width,
-    height: rect.height
-  };
-}
-function getParentNode(node) {
-  if (getNodeName(node) === "html") {
-    return node;
-  }
-  const result2 = node.assignedSlot || node.parentNode || (isShadowRoot(node) ? node.host : null) || getDocumentElement(node);
-  return isShadowRoot(result2) ? result2.host : result2;
-}
-function getTrueOffsetParent(element) {
-  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
-    return null;
-  }
-  return element.offsetParent;
-}
-function getContainingBlock(element) {
-  let currentNode = getParentNode(element);
-  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    if (isContainingBlock(currentNode)) {
-      return currentNode;
-    } else {
-      currentNode = getParentNode(currentNode);
-    }
-  }
-  return null;
-}
-function getOffsetParent(element) {
-  const window2 = getWindow(element);
-  let offsetParent = getTrueOffsetParent(element);
-  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === "static") {
-    offsetParent = getTrueOffsetParent(offsetParent);
-  }
-  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle(offsetParent).position === "static" && !isContainingBlock(offsetParent))) {
-    return window2;
-  }
-  return offsetParent || getContainingBlock(element) || window2;
-}
-function getDimensions(element) {
-  if (isHTMLElement(element)) {
-    return {
-      width: element.offsetWidth,
-      height: element.offsetHeight
-    };
-  }
-  const rect = getBoundingClientRect(element);
-  return {
-    width: rect.width,
-    height: rect.height
-  };
-}
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   let {
     rect,
@@ -20152,41 +19737,19 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     y: rect.y * scale2.y - scroll.scrollTop * scale2.y + offsets.y
   };
 }
-function getViewportRect(element, strategy) {
-  const win = getWindow(element);
-  const html = getDocumentElement(element);
-  const visualViewport = win.visualViewport;
-  let width = html.clientWidth;
-  let height = html.clientHeight;
-  let x = 0;
-  let y = 0;
-  if (visualViewport) {
-    width = visualViewport.width;
-    height = visualViewport.height;
-    const layoutViewport = isLayoutViewport();
-    if (layoutViewport || !layoutViewport && strategy === "fixed") {
-      x = visualViewport.offsetLeft;
-      y = visualViewport.offsetTop;
-    }
-  }
-  return {
-    width,
-    height,
-    x,
-    y
-  };
+function getWindowScrollBarX(element) {
+  return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
 }
 function getDocumentRect(element) {
-  var _element$ownerDocumen;
   const html = getDocumentElement(element);
   const scroll = getNodeScroll(element);
-  const body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
-  const width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
-  const height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
+  const body = element.ownerDocument.body;
+  const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
+  const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
   let x = -scroll.scrollLeft + getWindowScrollBarX(element);
   const y = -scroll.scrollTop;
-  if (getComputedStyle(body || html).direction === "rtl") {
-    x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
+  if (getComputedStyle$1(body).direction === "rtl") {
+    x += max(html.clientWidth, body.clientWidth) - width;
   }
   return {
     width,
@@ -20195,10 +19758,17 @@ function getDocumentRect(element) {
     y
   };
 }
+function getParentNode(node) {
+  if (getNodeName(node) === "html") {
+    return node;
+  }
+  const result2 = node.assignedSlot || node.parentNode || isShadowRoot(node) && node.host || getDocumentElement(node);
+  return isShadowRoot(result2) ? result2.host : result2;
+}
 function getNearestOverflowAncestor(node) {
   const parentNode = getParentNode(node);
   if (isLastTraversableNode(parentNode)) {
-    return node.ownerDocument.body;
+    return parentNode.ownerDocument.body;
   }
   if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
     return parentNode;
@@ -20218,6 +19788,30 @@ function getOverflowAncestors(node, list2) {
   }
   return list2.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor));
 }
+function getViewportRect(element, strategy) {
+  const win = getWindow(element);
+  const html = getDocumentElement(element);
+  const visualViewport = win.visualViewport;
+  let width = html.clientWidth;
+  let height = html.clientHeight;
+  let x = 0;
+  let y = 0;
+  if (visualViewport) {
+    width = visualViewport.width;
+    height = visualViewport.height;
+    const visualViewportBased = isClientRectVisualViewportBased();
+    if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
+      x = visualViewport.offsetLeft;
+      y = visualViewport.offsetTop;
+    }
+  }
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
 function getInnerBoundingClientRect(element, strategy) {
   const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
   const top = clientRect.top + element.clientTop;
@@ -20231,41 +19825,60 @@ function getInnerBoundingClientRect(element, strategy) {
   const x = left * scale2.x;
   const y = top * scale2.y;
   return {
-    top: y,
-    left: x,
-    right: x + width,
-    bottom: y + height,
-    x,
-    y,
     width,
-    height
+    height,
+    x,
+    y
   };
 }
 function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
+  let rect;
   if (clippingAncestor === "viewport") {
-    return rectToClientRect(getViewportRect(element, strategy));
-  }
-  if (isElement(clippingAncestor)) {
-    return getInnerBoundingClientRect(clippingAncestor, strategy);
+    rect = getViewportRect(element, strategy);
+  } else if (clippingAncestor === "document") {
+    rect = getDocumentRect(getDocumentElement(element));
+  } else if (isElement(clippingAncestor)) {
+    rect = getInnerBoundingClientRect(clippingAncestor, strategy);
+  } else {
+    const mutableRect = {
+      ...clippingAncestor
+    };
+    if (isClientRectVisualViewportBased()) {
+      var _win$visualViewport, _win$visualViewport2;
+      const win = getWindow(element);
+      mutableRect.x -= ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0;
+      mutableRect.y -= ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0;
+    }
+    rect = mutableRect;
   }
-  return rectToClientRect(getDocumentRect(getDocumentElement(element)));
+  return rectToClientRect(rect);
 }
-function getClippingElementAncestors(element) {
+function getClippingElementAncestors(element, cache) {
+  const cachedResult = cache.get(element);
+  if (cachedResult) {
+    return cachedResult;
+  }
   let result2 = getOverflowAncestors(element).filter((el) => isElement(el) && getNodeName(el) !== "body");
   let currentContainingBlockComputedStyle = null;
-  const elementIsFixed = getComputedStyle(element).position === "fixed";
+  const elementIsFixed = getComputedStyle$1(element).position === "fixed";
   let currentNode = elementIsFixed ? getParentNode(element) : element;
   while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    const computedStyle = getComputedStyle(currentNode);
+    const computedStyle = getComputedStyle$1(currentNode);
     const containingBlock = isContainingBlock(currentNode);
-    const shouldDropCurrentNode = elementIsFixed ? !containingBlock && !currentContainingBlockComputedStyle : !containingBlock && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position);
-    if (shouldDropCurrentNode) {
-      result2 = result2.filter((ancestor) => ancestor !== currentNode);
+    const shouldIgnoreCurrentNode = computedStyle.position === "fixed";
+    if (shouldIgnoreCurrentNode) {
+      currentContainingBlockComputedStyle = null;
     } else {
-      currentContainingBlockComputedStyle = computedStyle;
+      const shouldDropCurrentNode = elementIsFixed ? !containingBlock && !currentContainingBlockComputedStyle : !containingBlock && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position);
+      if (shouldDropCurrentNode) {
+        result2 = result2.filter((ancestor) => ancestor !== currentNode);
+      } else {
+        currentContainingBlockComputedStyle = computedStyle;
+      }
     }
     currentNode = getParentNode(currentNode);
   }
+  cache.set(element, result2);
   return result2;
 }
 function getClippingRect(_ref) {
@@ -20275,7 +19888,7 @@ function getClippingRect(_ref) {
     rootBoundary,
     strategy
   } = _ref;
-  const elementClippingAncestors = boundary === "clippingAncestors" ? getClippingElementAncestors(element) : [].concat(boundary);
+  const elementClippingAncestors = boundary === "clippingAncestors" ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
   const clippingAncestors = [...elementClippingAncestors, rootBoundary];
   const firstClippingAncestor = clippingAncestors[0];
   const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
@@ -20293,6 +19906,74 @@ function getClippingRect(_ref) {
     y: clippingRect.top
   };
 }
+function getDimensions(element) {
+  if (isHTMLElement(element)) {
+    return getCssDimensions(element);
+  }
+  return element.getBoundingClientRect();
+}
+function getTrueOffsetParent(element, polyfill) {
+  if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
+    return null;
+  }
+  if (polyfill) {
+    return polyfill(element);
+  }
+  return element.offsetParent;
+}
+function getContainingBlock(element) {
+  let currentNode = getParentNode(element);
+  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    if (isContainingBlock(currentNode)) {
+      return currentNode;
+    } else {
+      currentNode = getParentNode(currentNode);
+    }
+  }
+  return null;
+}
+function getOffsetParent(element, polyfill) {
+  const window2 = getWindow(element);
+  let offsetParent = getTrueOffsetParent(element, polyfill);
+  while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === "static") {
+    offsetParent = getTrueOffsetParent(offsetParent, polyfill);
+  }
+  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle$1(offsetParent).position === "static" && !isContainingBlock(offsetParent))) {
+    return window2;
+  }
+  return offsetParent || getContainingBlock(element) || window2;
+}
+function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  const documentElement = getDocumentElement(offsetParent);
+  const rect = getBoundingClientRect(element, true, strategy === "fixed", offsetParent);
+  let scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const offsets = {
+    x: 0,
+    y: 0
+  };
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
+    if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isHTMLElement(offsetParent)) {
+      const offsetRect = getBoundingClientRect(offsetParent, true);
+      offsets.x = offsetRect.x + offsetParent.clientLeft;
+      offsets.y = offsetRect.y + offsetParent.clientTop;
+    } else if (documentElement) {
+      offsets.x = getWindowScrollBarX(documentElement);
+    }
+  }
+  return {
+    x: rect.left + scroll.scrollLeft - offsets.x,
+    y: rect.top + scroll.scrollTop - offsets.y,
+    width: rect.width,
+    height: rect.height
+  };
+}
 const platform = {
   getClippingRect,
   convertOffsetParentRelativeRectToViewportRelativeRect,
@@ -20319,7 +20000,7 @@ const platform = {
     };
   },
   getClientRects: (element) => Array.from(element.getClientRects()),
-  isRTL: (element) => getComputedStyle(element).direction === "rtl"
+  isRTL: (element) => getComputedStyle$1(element).direction === "rtl"
 };
 function autoUpdate(reference, floating, update2, options) {
   if (options === void 0) {
@@ -20381,10 +20062,21 @@ function autoUpdate(reference, floating, update2, options) {
     }
   };
 }
-const computePosition = (reference, floating, options) => computePosition$1(reference, floating, {
-  platform,
-  ...options
-});
+const computePosition = (reference, floating, options) => {
+  const cache = /* @__PURE__ */ new Map();
+  const mergedOptions = {
+    platform,
+    ...options
+  };
+  const platformWithCache = {
+    ...mergedOptions.platform,
+    _c: cache
+  };
+  return computePosition$1(reference, floating, {
+    ...mergedOptions,
+    platform: platformWithCache
+  });
+};
 class Wrapper extends React__default.Component {
   constructor() {
     super(...arguments);
@@ -20488,7 +20180,7 @@ const Popover$1 = forwardRef((p, ref) => {
   const [targetElement, setTargetElement] = useState$1(null);
   function update2() {
     var _a, _b, _c;
-    return __awaiter$1(this, void 0, void 0, function* () {
+    return __awaiter(this, void 0, void 0, function* () {
       const target = (_b = (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.element) !== null && _b !== void 0 ? _b : null;
       const floating2 = floatingRef.current;
       const arrowElement = arrowRef.current;
@@ -21502,7 +21194,7 @@ const ImageUploader$1 = (p) => {
     renderItem
   } = props;
   function processFile(file, fileList) {
-    return __awaiter$1(this, void 0, void 0, function* () {
+    return __awaiter(this, void 0, void 0, function* () {
       const {
         beforeUpload
       } = props;
@@ -21516,7 +21208,7 @@ const ImageUploader$1 = (p) => {
   }
   function onChange(e) {
     var _a;
-    return __awaiter$1(this, void 0, void 0, function* () {
+    return __awaiter(this, void 0, void 0, function* () {
       e.persist();
       const {
         files: rawFiles
@@ -21549,7 +21241,7 @@ const ImageUploader$1 = (p) => {
         file
       }));
       setTasks((prev) => [...getFinalTasks(prev), ...newTasks]);
-      yield Promise.all(newTasks.map((currentTask) => __awaiter$1(this, void 0, void 0, function* () {
+      yield Promise.all(newTasks.map((currentTask) => __awaiter(this, void 0, void 0, function* () {
         try {
           const result2 = yield props.upload(currentTask.file);
           setTasks((prev) => {
@@ -21614,7 +21306,7 @@ const ImageUploader$1 = (p) => {
           }
           onPreview && onPreview(index2, fileItem);
         },
-        onDelete: () => __awaiter$1(void 0, void 0, void 0, function* () {
+        onDelete: () => __awaiter(void 0, void 0, void 0, function* () {
           var _c;
           const canDelete = yield (_c = props.onDelete) === null || _c === void 0 ? void 0 : _c.call(props, fileItem);
           if (canDelete === false)
@@ -21862,7 +21554,7 @@ const defaultProps$w = {
 const InfiniteScroll$1 = (p) => {
   const props = mergeProps(defaultProps$w, p);
   const [failed, setFailed] = useState$1(false);
-  const doLoadMore = useLockFn((isRetry) => __awaiter$1(void 0, void 0, void 0, function* () {
+  const doLoadMore = useLockFn((isRetry) => __awaiter(void 0, void 0, void 0, function* () {
     try {
       yield props.loadMore(isRetry);
     } catch (e) {
@@ -21876,7 +21568,7 @@ const InfiniteScroll$1 = (p) => {
   const [scrollParent, setScrollParent] = useState$1();
   const {
     run: check
-  } = useThrottleFn(() => __awaiter$1(void 0, void 0, void 0, function* () {
+  } = useThrottleFn(() => __awaiter(void 0, void 0, void 0, function* () {
     if (nextFlagRef.current !== flag)
       return;
     if (!props.hasMore)
@@ -21922,7 +21614,7 @@ const InfiniteScroll$1 = (p) => {
     };
   }, [scrollParent]);
   function retry() {
-    return __awaiter$1(this, void 0, void 0, function* () {
+    return __awaiter(this, void 0, void 0, function* () {
       setFailed(false);
       yield doLoadMore(true);
       setFlag(nextFlagRef.current);
@@ -22067,6 +21759,7 @@ const Input$1 = forwardRef((p, ref) => {
       (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     onClick: props.onClick,
+    step: props.step,
     role: props.role,
     "aria-valuenow": props["aria-valuenow"],
     "aria-valuemax": props["aria-valuemax"],
@@ -22234,7 +21927,7 @@ const Modal = (p) => {
     return React__default.createElement(ModalActionButton, {
       key: action.key,
       action,
-      onAction: () => __awaiter$1(void 0, void 0, void 0, function* () {
+      onAction: () => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c;
         yield Promise.all([(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action), (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index2)]);
         if (props.closeOnAction) {
@@ -22324,7 +22017,7 @@ function confirm(p) {
         key: "confirm",
         text: props.confirmText,
         primary: true,
-        onClick: () => __awaiter$1(this, void 0, void 0, function* () {
+        onClick: () => __awaiter(this, void 0, void 0, function* () {
           var _a;
           yield (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props);
           resolve(true);
@@ -22332,7 +22025,7 @@ function confirm(p) {
       }, {
         key: "cancel",
         text: props.cancelText,
-        onClick: () => __awaiter$1(this, void 0, void 0, function* () {
+        onClick: () => __awaiter(this, void 0, void 0, function* () {
           var _b;
           yield (_b = props.onCancel) === null || _b === void 0 ? void 0 : _b.call(props);
           resolve(false);
@@ -22900,7 +22593,7 @@ const PullToRefresh$1 = (p) => {
     });
   }, []);
   function doRefresh() {
-    return __awaiter$1(this, void 0, void 0, function* () {
+    return __awaiter(this, void 0, void 0, function* () {
       api.start({
         height: headHeight
       });
@@ -22910,7 +22603,7 @@ const PullToRefresh$1 = (p) => {
         setStatus("complete");
       } catch (e) {
         api.start({
-          to: (next) => __awaiter$1(this, void 0, void 0, function* () {
+          to: (next) => __awaiter(this, void 0, void 0, function* () {
             yield next({
               height: 0
             });
@@ -22923,7 +22616,7 @@ const PullToRefresh$1 = (p) => {
         yield sleep(props.completeDelay);
       }
       api.start({
-        to: (next) => __awaiter$1(this, void 0, void 0, function* () {
+        to: (next) => __awaiter(this, void 0, void 0, function* () {
           yield next({
             height: 0
           });
@@ -24289,9 +23982,8 @@ var iterableToArrayLimit = { exports: {} };
             return;
           _n = false;
         } else
-          for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = true) {
+          for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = true)
             ;
-          }
       } catch (err) {
         _d = true, _e = err;
       } finally {
@@ -24314,9 +24006,8 @@ var arrayLikeToArray = { exports: {} };
   function _arrayLikeToArray2(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
-    }
     return arr2;
   }
   module.exports = _arrayLikeToArray2, module.exports.__esModule = true, module.exports["default"] = module.exports;
@@ -24946,7 +24637,31 @@ function useRefState(initialState) {
   }, [state]);
   return [state, setState, ref];
 }
+function mergeFuncProps(p1, p2) {
+  const p1Keys = Object.keys(p1);
+  const p2Keys = Object.keys(p2);
+  const keys2 = /* @__PURE__ */ new Set([...p1Keys, ...p2Keys]);
+  const res = {};
+  keys2.forEach((key) => {
+    const p1Value = p1[key];
+    const p2Value = p2[key];
+    if (typeof p1Value === "function" && typeof p2Value === "function") {
+      res[key] = function(...args) {
+        p1Value(...args);
+        p2Value(...args);
+      };
+    } else {
+      res[key] = p1Value || p2Value;
+    }
+  });
+  return res;
+}
 const classPrefix$a = `adm-swiper`;
+const eventToPropRecord = {
+  "mousedown": "onMouseDown",
+  "mousemove": "onMouseMove",
+  "mouseup": "onMouseUp"
+};
 const defaultProps$a = {
   defaultIndex: 0,
   allowTouchMove: true,
@@ -24957,7 +24672,8 @@ const defaultProps$a = {
   slideSize: 100,
   trackOffset: 0,
   stuckAtBoundary: true,
-  rubberband: true
+  rubberband: true,
+  stopPropagation: []
 };
 let currentUid;
 const Swiper = forwardRef(staged_1((p, ref) => {
@@ -25141,11 +24857,15 @@ const Swiper = forwardRef(staged_1((p, ref) => {
     useEffect(() => {
       if (!autoplay || dragging)
         return;
-      const interval = window.setInterval(() => {
+      let interval;
+      function tick() {
+        interval = window.setTimeout(tick, autoplayInterval);
         swipeNext();
-      }, autoplayInterval);
+      }
+      interval = window.setTimeout(tick, autoplayInterval);
       return () => {
-        window.clearInterval(interval);
+        if (interval)
+          window.clearTimeout(interval);
       };
     }, [autoplay, autoplayInterval, dragging, count]);
     function renderTrackInner() {
@@ -25184,6 +24904,15 @@ const Swiper = forwardRef(staged_1((p, ref) => {
       "--slide-size": `${props.slideSize}%`,
       "--track-offset": `${props.trackOffset}%`
     };
+    const dragProps = Object.assign({}, props.allowTouchMove ? bind() : {});
+    const stopPropagationProps = {};
+    for (const key of props.stopPropagation) {
+      const prop = eventToPropRecord[key];
+      stopPropagationProps[prop] = function(e) {
+        e.stopPropagation();
+      };
+    }
+    const mergedProps = mergeFuncProps(dragProps, stopPropagationProps);
     return withNativeProps(props, React__default.createElement("div", {
       className: classNames(classPrefix$a, `${classPrefix$a}-${props.direction}`),
       style
@@ -25198,7 +24927,7 @@ const Swiper = forwardRef(staged_1((p, ref) => {
         }
         forceCancelDrag();
       }
-    }, props.allowTouchMove ? bind() : {}), renderTrackInner()), props.indicator === void 0 ? React__default.createElement("div", {
+    }, mergedProps), renderTrackInner()), props.indicator === void 0 ? React__default.createElement("div", {
       className: `${classPrefix$a}-indicator`
     }, React__default.createElement(PageIndicator, Object.assign({}, props.indicatorProps, {
       total: count,
@@ -25253,7 +24982,7 @@ const Switch$1 = (p) => {
     onChange: props.onChange
   });
   function onClick() {
-    return __awaiter$1(this, void 0, void 0, function* () {
+    return __awaiter(this, void 0, void 0, function* () {
       if (disabled || props.loading || changing) {
         return;
       }
@@ -25437,6 +25166,7 @@ const TextArea$1 = forwardRef((p, ref) => {
     devError("TextArea", "`value` prop on `TextArea` should not be `null`. Consider using an empty string to clear the component.");
   }
   const nativeTextAreaRef = useRef(null);
+  const heightRef = useRef("auto");
   useImperativeHandle(ref, () => ({
     clear: () => {
       setValue2("");
@@ -25459,7 +25189,7 @@ const TextArea$1 = forwardRef((p, ref) => {
     const textArea2 = nativeTextAreaRef.current;
     if (!textArea2)
       return;
-    textArea2.style.height = "auto";
+    textArea2.style.height = heightRef.current;
     let height = textArea2.scrollHeight;
     if (typeof autoSize === "object") {
       const computedStyle = window.getComputedStyle(textArea2);
@@ -25471,6 +25201,7 @@ const TextArea$1 = forwardRef((p, ref) => {
         height = Math.min(height, autoSize.maxRows * lineHeight);
       }
     }
+    heightRef.current = `${height}px`;
     textArea2.style.height = `${height}px`;
   }, [value, autoSize]);
   const compositingRef = useRef(false);
@@ -26205,7 +25936,7 @@ const Footer$1 = (p) => {
     className: classNames(classPrefix)
   }, label && React__default.createElement("div", {
     className: `${classPrefix}-label`
-  }, React__default.createElement(Divider$1, null, label)), links && links.length > 0 && React__default.createElement("div", {
+  }, React__default.createElement(Divider, null, label)), links && links.length > 0 && React__default.createElement("div", {
     className: `${classPrefix}-links`
   }, links.map((link, index2) => {
     return React__default.createElement(React__default.Fragment, {
@@ -26214,7 +25945,7 @@ const Footer$1 = (p) => {
       href: link.href,
       rel: "noopener noreferrer",
       onClick: (event) => clickLinkItem(link, index2, event)
-    }, link.text), index2 !== links.length - 1 && React__default.createElement(Divider$1, {
+    }, link.text), index2 !== links.length - 1 && React__default.createElement(Divider, {
       direction: "vertical"
     }));
   })), content && React__default.createElement("div", {