antd-mobile 5.28.0 → 5.28.1

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

@@ -90,7 +90,8 @@
     common: {
       confirm: "Confirm",
       cancel: "Cancel",
-      loading: "Loading"
+      loading: "Loading",
+      close: "Close"
     },
     Calendar: {
       markItems: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
@@ -220,7 +221,8 @@
     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"],
@@ -7309,6 +7311,9 @@
   });
   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] = React$4.useState(props.visible);
     useIsomorphicLayoutEffect$2(() => {
@@ -7388,7 +7393,9 @@
       onClick: () => {
         var _a;
         (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-      }
+      },
+      role: "button",
+      "aria-label": locale.common.close
     }, React__default.default.createElement(CloseOutline, null)), props.children))));
     return React__default.default.createElement(ShouldRender, {
       active,
@@ -13411,13 +13418,14 @@ Please add \`${key}Action\` when creating your handler.`);
     collapseText: "",
     stopPropagationForActionButtons: [],
     onContentClick: () => {
-    }
+    },
+    defaultExpanded: false
   };
   const Ellipsis$1 = (p) => {
     const props = mergeProps(defaultProps$G, p);
     const rootRef = React$4.useRef(null);
     const [ellipsised, setEllipsised] = React$4.useState({});
-    const [expanded, setExpanded] = React$4.useState(false);
+    const [expanded, setExpanded] = React$4.useState(props.defaultExpanded);
     const [exceeded, setExceeded] = React$4.useState(false);
     const chars = React$4.useMemo(() => _runes_0_4_3_runes.exports(props.content), [props.content]);
     function getSubString(start2, end) {
@@ -16473,7 +16481,7 @@ Please add \`${key}Action\` when creating your handler.`);
     _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);
@@ -16546,7 +16554,6 @@ Please add \`${key}Action\` when creating your handler.`);
             case "end":
               return _context2.stop();
           }
-        }
       }, _callee2, null, [[9, 14]]);
     }));
     return _validateRule.apply(this, arguments);
@@ -16602,7 +16609,7 @@ Please add \`${key}Action\` when creating your handler.`);
         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;
@@ -16635,7 +16642,6 @@ Please add \`${key}Action\` when creating your handler.`);
                 case "end":
                   return _context.stop();
               }
-            }
           }, _callee);
         }));
         return function(_x6, _x7) {
@@ -16666,7 +16672,7 @@ Please add \`${key}Action\` when creating your handler.`);
   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) {
@@ -16678,7 +16684,6 @@ Please add \`${key}Action\` when creating your handler.`);
             case "end":
               return _context3.stop();
           }
-        }
       }, _callee3);
     }));
     return _finishOnAllFailed.apply(this, arguments);
@@ -16690,7 +16695,7 @@ Please add \`${key}Action\` when creating your handler.`);
     _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;
@@ -16711,7 +16716,6 @@ Please add \`${key}Action\` when creating your handler.`);
             case "end":
               return _context4.stop();
           }
-        }
       }, _callee4);
     }));
     return _finishOnFirstFailed.apply(this, arguments);
@@ -18224,6 +18228,11 @@ Please add \`${key}Action\` when creating your handler.`);
       return Math.random();
     }
   }
+  var useWatchWarning = function(namePath) {
+    var fullyStr = namePath.join("__RC_FIELD_FORM_SPLIT__");
+    var nameStrRef = React$4.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];
@@ -18244,6 +18253,7 @@ Please add \`${key}Action\` when creating your handler.`);
     var namePath = getNamePath(dependencies);
     var namePathRef = React$4.useRef(namePath);
     namePathRef.current = namePath;
+    useWatchWarning(namePath);
     React$4.useEffect(
       function() {
         if (!isValidForm) {
@@ -18993,7 +19003,7 @@ Please add \`${key}Action\` when creating your handler.`);
       bottom: rect.y + rect.height
     };
   }
-  async function detectOverflow(middlewareArguments, options) {
+  async function detectOverflow(state, options) {
     var _await$platform$isEle;
     if (options === void 0) {
       options = {};
@@ -19005,7 +19015,7 @@ Please add \`${key}Action\` when creating your handler.`);
       rects,
       elements,
       strategy
-    } = middlewareArguments;
+    } = state;
     const {
       boundary = "clippingAncestors",
       rootBoundary = "viewport",
@@ -19055,7 +19065,7 @@ Please add \`${key}Action\` when creating your handler.`);
   const arrow = (options) => ({
     name: "arrow",
     options,
-    async fn(middlewareArguments) {
+    async fn(state) {
       const {
         element,
         padding = 0
@@ -19066,7 +19076,7 @@ Please add \`${key}Action\` when creating your handler.`);
         placement,
         rects,
         platform: platform2
-      } = middlewareArguments;
+      } = state;
       if (element == null) {
         {
           console.warn("Floating UI: No `element` was passed to the `arrow` middleware.");
@@ -19179,7 +19189,7 @@ Please add \`${key}Action\` when creating your handler.`);
     return {
       name: "flip",
       options,
-      async fn(middlewareArguments) {
+      async fn(state) {
         var _middlewareData$flip;
         const {
           placement,
@@ -19188,7 +19198,7 @@ Please add \`${key}Action\` when creating your handler.`);
           initialPlacement,
           platform: platform2,
           elements
-        } = middlewareArguments;
+        } = state;
         const {
           mainAxis: checkMainAxis = true,
           crossAxis: checkCrossAxis = true,
@@ -19206,7 +19216,7 @@ Please add \`${key}Action\` when creating your handler.`);
           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) {
@@ -19224,7 +19234,7 @@ Please add \`${key}Action\` when creating your handler.`);
           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) {
@@ -19238,19 +19248,21 @@ Please add \`${key}Action\` when creating your handler.`);
               }
             };
           }
-          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 {
@@ -19282,17 +19294,17 @@ Please add \`${key}Action\` when creating your handler.`);
     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"
             });
@@ -19305,7 +19317,7 @@ Please add \`${key}Action\` when creating your handler.`);
             };
           }
           case "escaped": {
-            const overflow = await detectOverflow(middlewareArguments, {
+            const overflow = await detectOverflow(state, {
               ...detectOverflowOptions,
               altBoundary: true
             });
@@ -19324,19 +19336,19 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
   };
-  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,
@@ -19369,12 +19381,12 @@ Please add \`${key}Action\` when creating your handler.`);
     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,
@@ -19393,12 +19405,12 @@ Please add \`${key}Action\` when creating your handler.`);
     return {
       name: "shift",
       options,
-      async fn(middlewareArguments) {
+      async fn(state) {
         const {
           x,
           y,
           placement
-        } = middlewareArguments;
+        } = state;
         const {
           mainAxis: checkMainAxis = true,
           crossAxis: checkCrossAxis = false,
@@ -19420,7 +19432,7 @@ Please add \`${key}Action\` when creating your handler.`);
           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];
@@ -19440,7 +19452,7 @@ Please add \`${key}Action\` when creating your handler.`);
           crossAxisCoord = within(min2, crossAxisCoord, max2);
         }
         const limitedCoords = limiter.fn({
-          ...middlewareArguments,
+          ...state,
           [mainAxis]: mainAxisCoord,
           [crossAxis]: crossAxisCoord
         });
@@ -19460,14 +19472,14 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     return {
       options,
-      fn(middlewareArguments) {
+      fn(state) {
         const {
           x,
           y,
           placement,
           rects,
           middlewareData
-        } = middlewareArguments;
+        } = state;
         const {
           offset: offset2 = 0,
           mainAxis: checkMainAxis = true,
@@ -19481,7 +19493,7 @@ Please add \`${key}Action\` when creating your handler.`);
         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
@@ -19526,6 +19538,26 @@ Please add \`${key}Action\` when creating your handler.`);
   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() : "";
   }
@@ -19573,39 +19605,17 @@ Please add \`${key}Action\` when creating your handler.`);
     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;
   }
@@ -19658,7 +19668,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }
     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;
@@ -19708,78 +19718,6 @@ Please add \`${key}Action\` when creating your handler.`);
       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,
@@ -19821,41 +19759,19 @@ Please add \`${key}Action\` when creating your handler.`);
       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,
@@ -19864,10 +19780,17 @@ Please add \`${key}Action\` when creating your handler.`);
       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;
@@ -19887,6 +19810,30 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     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;
@@ -19900,24 +19847,33 @@ Please add \`${key}Action\` when creating your handler.`);
     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);
@@ -19931,11 +19887,16 @@ Please add \`${key}Action\` when creating your handler.`);
     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);
     }
@@ -19967,6 +19928,74 @@ Please add \`${key}Action\` when creating your handler.`);
       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,
@@ -24850,11 +24879,15 @@ Please add \`${key}Action\` when creating your handler.`);
       React$4.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() {
@@ -25155,6 +25188,7 @@ Please add \`${key}Action\` when creating your handler.`);
       devError("TextArea", "`value` prop on `TextArea` should not be `null`. Consider using an empty string to clear the component.");
     }
     const nativeTextAreaRef = React$4.useRef(null);
+    const heightRef = React$4.useRef("auto");
     React$4.useImperativeHandle(ref, () => ({
       clear: () => {
         setValue2("");
@@ -25177,7 +25211,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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);
@@ -25189,6 +25223,7 @@ Please add \`${key}Action\` when creating your handler.`);
           height = Math.min(height, autoSize.maxRows * lineHeight);
         }
       }
+      heightRef.current = `${height}px`;
       textArea2.style.height = `${height}px`;
     }, [value, autoSize]);
     const compositingRef = React$4.useRef(false);