antd-mobile 5.28.0 → 5.28.1

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

@@ -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"],
@@ -7287,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(() => {
@@ -7366,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,
@@ -13389,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) {
@@ -16451,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);
@@ -16524,7 +16532,6 @@ function _validateRule() {
           case "end":
             return _context2.stop();
         }
-      }
     }, _callee2, null, [[9, 14]]);
   }));
   return _validateRule.apply(this, arguments);
@@ -16580,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;
@@ -16613,7 +16620,6 @@ function validateRules(namePath, value, rules2, options, validateFirst, messageV
               case "end":
                 return _context.stop();
             }
-          }
         }, _callee);
       }));
       return function(_x6, _x7) {
@@ -16644,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) {
@@ -16656,7 +16662,6 @@ function _finishOnAllFailed() {
           case "end":
             return _context3.stop();
         }
-      }
     }, _callee3);
   }));
   return _finishOnAllFailed.apply(this, arguments);
@@ -16668,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;
@@ -16689,7 +16694,6 @@ function _finishOnFirstFailed() {
           case "end":
             return _context4.stop();
         }
-      }
     }, _callee4);
   }));
   return _finishOnFirstFailed.apply(this, arguments);
@@ -18202,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];
@@ -18222,6 +18231,7 @@ function useWatch() {
   var namePath = getNamePath(dependencies);
   var namePathRef = useRef(namePath);
   namePathRef.current = namePath;
+  useWatchWarning(namePath);
   useEffect(
     function() {
       if (!isValidForm) {
@@ -18971,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 = {};
@@ -18983,7 +18993,7 @@ async function detectOverflow(middlewareArguments, options) {
     rects,
     elements,
     strategy
-  } = middlewareArguments;
+  } = state;
   const {
     boundary = "clippingAncestors",
     rootBoundary = "viewport",
@@ -19033,7 +19043,7 @@ 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
@@ -19044,7 +19054,7 @@ const arrow = (options) => ({
       placement,
       rects,
       platform: platform2
-    } = middlewareArguments;
+    } = state;
     if (element == null) {
       {
         console.warn("Floating UI: No `element` was passed to the `arrow` middleware.");
@@ -19157,7 +19167,7 @@ const flip = function(options) {
   return {
     name: "flip",
     options,
-    async fn(middlewareArguments) {
+    async fn(state) {
       var _middlewareData$flip;
       const {
         placement,
@@ -19166,7 +19176,7 @@ const flip = function(options) {
         initialPlacement,
         platform: platform2,
         elements
-      } = middlewareArguments;
+      } = state;
       const {
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = true,
@@ -19184,7 +19194,7 @@ const flip = function(options) {
         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) {
@@ -19202,7 +19212,7 @@ const flip = function(options) {
         overflows
       }];
       if (!overflows.every((side2) => side2 <= 0)) {
-        var _middlewareData$flip2;
+        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) {
@@ -19216,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 {
@@ -19260,17 +19272,17 @@ const hide = function(options) {
   return {
     name: "hide",
     options,
-    async fn(middlewareArguments) {
+    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"
           });
@@ -19283,7 +19295,7 @@ const hide = function(options) {
           };
         }
         case "escaped": {
-          const overflow = await detectOverflow(middlewareArguments, {
+          const overflow = await detectOverflow(state, {
             ...detectOverflowOptions,
             altBoundary: true
           });
@@ -19302,19 +19314,19 @@ const hide = function(options) {
     }
   };
 };
-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,
@@ -19347,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,
@@ -19371,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,
@@ -19398,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];
@@ -19418,7 +19430,7 @@ const shift = function(options) {
         crossAxisCoord = within(min2, crossAxisCoord, max2);
       }
       const limitedCoords = limiter.fn({
-        ...middlewareArguments,
+        ...state,
         [mainAxis]: mainAxisCoord,
         [crossAxis]: crossAxisCoord
       });
@@ -19438,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,
@@ -19459,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
@@ -19504,6 +19516,26 @@ function getWindow(node) {
 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() : "";
 }
@@ -19551,39 +19583,17 @@ function isContainingBlock(element) {
   const isFirefox = /firefox/i.test(getUAString());
   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));
 }
-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 unwrapElement(element) {
   return !isElement(element) ? element.contextElement : element;
 }
@@ -19636,7 +19646,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     }
   }
   const win = domElement ? getWindow(domElement) : window;
-  const addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
+  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;
@@ -19686,78 +19696,6 @@ function getNodeScroll(element) {
     scrollTop: element.pageYOffset
   };
 }
-function getWindowScrollBarX(element) {
-  return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
-}
-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
-  };
-}
-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$1(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$1(offsetParent).position === "static") {
-    offsetParent = getTrueOffsetParent(offsetParent);
-  }
-  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle$1(offsetParent).position === "static" && !isContainingBlock(offsetParent))) {
-    return window2;
-  }
-  return offsetParent || getContainingBlock(element) || window2;
-}
-function getDimensions(element) {
-  return getCssDimensions(element);
-}
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   let {
     rect,
@@ -19799,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$1(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,
@@ -19842,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;
@@ -19865,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;
@@ -19878,24 +19825,33 @@ 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, cache) {
   const cachedResult = cache.get(element);
@@ -19909,11 +19865,16 @@ function getClippingElementAncestors(element, cache) {
   while (isElement(currentNode) && !isLastTraversableNode(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);
   }
@@ -19945,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,
@@ -24828,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() {
@@ -25133,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("");
@@ -25155,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);
@@ -25167,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);