rsuite 6.0.0-canary-20250424 → 6.0.0-canary-20250620

package/cjs/Sidenav/SidenavContext.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface SidenavContextType<T = string | number> {
+    openKeys: T[];
+    /**
+     * @deprecated Use activeKey from NavContext instead
+     */
+    activeKey: T | undefined;
+    sidenav: boolean;
+    expanded: boolean;
+    onOpenChange: (eventKey: T, event: React.SyntheticEvent) => void;
+    /**
+     * @deprecated Use onSelect from NavContext instead
+     */
+    onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
+}
+export declare const SidenavContext: React.Context<SidenavContextType<string | number> | null>;

package/cjs/Sidenav/SidenavContext.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SidenavContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+const SidenavContext = exports.SidenavContext = /*#__PURE__*/_react.default.createContext(null);

package/cjs/Sidenav/SidenavDropdown.js

@@ -19,9 +19,8 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _NavMenu = require("../Nav/NavMenu");
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _Sidenav = require("./Sidenav");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _SidenavContext = require("./SidenavContext");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const Subcomponents = {
   Item: _NavDropdownItem.default,
   Menu: _NavDropdownMenu.default
@@ -39,7 +38,7 @@ const Subcomponents = {
  * </Sidenav>
  */
 const SidenavDropdown = (0, _utils.forwardRef)((props, ref) => {
-  const sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
+  const sidenav = (0, _react.useContext)(_SidenavContext.SidenavContext);
   const nav = (0, _react.useContext)(_NavContext.default);
   const navMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);
   if (!sidenav || !nav || !navMenu) {
@@ -108,11 +107,10 @@ const SidenavDropdown = (0, _utils.forwardRef)((props, ref) => {
   }
   const renderMenuButton = (menuButtonProps, buttonRef) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     disabled: disabled
-  }, (_ref, menuitemRef) => {
-    let {
-      active,
-      ...menuitemProps
-    } = _ref;
+  }, ({
+    active,
+    ...menuitemProps
+  }, menuitemRef) => {
     return /*#__PURE__*/_react.default.createElement(_SidenavDropdownToggle.default, (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),
       as: toggleAs,
@@ -125,11 +123,10 @@ const SidenavDropdown = (0, _utils.forwardRef)((props, ref) => {
     menuButtonText: title,
     renderMenuButton: renderMenuButton,
     openMenuOn: menuButtonTriggers,
-    renderMenuPopup: (_ref2, popupRef) => {
-      let {
-        open,
-        ...popupProps
-      } = _ref2;
+    renderMenuPopup: ({
+      open,
+      ...popupProps
+    }, popupRef) => {
       const menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));
       // When inside a collapsed <Sidenav>, render a header in menu
       const showHeader = !!sidenav;
@@ -151,11 +148,10 @@ const SidenavDropdown = (0, _utils.forwardRef)((props, ref) => {
         onClose === null || onClose === void 0 || onClose();
       }
     }
-  }, (_ref3, menuContainerRef) => {
-    let {
-      open,
-      ...menuContainer
-    } = _ref3;
+  }, ({
+    open,
+    ...menuContainer
+  }, menuContainerRef) => {
     const classes = merge(className, withPrefix({
       disabled,
       open,

package/cjs/Sidenav/SidenavDropdownItem.js

@@ -12,11 +12,10 @@ var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 var _ExpandedSidenavDropdownItem = _interopRequireDefault(require("./ExpandedSidenavDropdownItem"));
 var _utils = require("../internals/utils");
-var _Sidenav = require("./Sidenav");
+var _SidenavContext = require("./SidenavContext");
 var _hooks = require("../internals/hooks");
 var _useRenderMenuItem = require("../internals/Menu/useRenderMenuItem");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Item> within a <Sidenav>
@@ -30,7 +29,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * </Sidenav>
  */
 const SidenavDropdownItem = (0, _utils.forwardRef)((props, ref) => {
-  const sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
+  const sidenav = (0, _react.useContext)(_SidenavContext.SidenavContext);
   const nav = (0, _react.useContext)(_NavContext.default);
   if (!sidenav || !nav) {
     throw new Error('<Sidenav.Dropdown.Item> must be used within a <Nav> within a <Sidenav> component.');
@@ -86,12 +85,11 @@ const SidenavDropdownItem = (0, _utils.forwardRef)((props, ref) => {
     selected: selected,
     disabled: disabled,
     onActivate: handleSelectItem
-  }, (_ref, menuitemRef) => {
-    let {
-      selected,
-      active,
-      ...menuitem
-    } = _ref;
+  }, ({
+    selected,
+    active,
+    ...menuitem
+  }, menuitemRef) => {
     const classes = merge(className, withPrefix({
       'with-icon': icon,
       active: selected,

package/cjs/Sidenav/SidenavDropdownMenu.js

@@ -15,9 +15,8 @@ var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 var _ExpandedSidenavDropdownMenu = _interopRequireDefault(require("./ExpandedSidenavDropdownMenu"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _Sidenav = require("./Sidenav");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _SidenavContext = require("./SidenavContext");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> within a <Sidenav>
@@ -31,7 +30,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * </Sidenav>
  */
 const SidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
+  const sidenav = (0, _react.useContext)(_SidenavContext.SidenavContext);
   const nav = (0, _react.useContext)(_NavContext.default);
   if (!sidenav || !nav) {
     throw new Error('<Sidenav.Dropdown.Menu> must be rendered within a <Nav> within a <Sidenav> component.');
@@ -79,43 +78,38 @@ const SidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref)
   const Icon = rtl ? _ArrowLeftLine.default : _ArrowRightLine.default;
   return /*#__PURE__*/_react.default.createElement(_Menu.default, {
     openMenuOn: ['mouseover', 'click'],
-    renderMenuButton: (_ref, buttonRef) => {
-      let {
-        open,
-        ...menuButtonProps
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-        disabled: disabled
-      }, (_ref2, menuitemRef) => {
-        let {
-          selected,
-          active,
-          ...menuitem
-        } = _ref2;
-        const classes = mergeItemClassNames(className, prefixItemClassName`toggle`, withItemClassPrefix({
-          'with-icon': icon,
-          open,
-          active: selected,
-          disabled,
-          focus: active
-        }));
-        return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-          ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),
-          className: classes,
-          "data-event-key": eventKey,
-          "data-event-key-type": typeof eventKey
-        }, menuitem, (0, _omit.default)(menuButtonProps, ['role'])), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
-          className: prefix('menu-icon')
-        }), title, /*#__PURE__*/_react.default.createElement(Icon, {
-          className: prefix`toggle-icon`
-        }));
-      });
-    },
-    renderMenuPopup: (_ref3, popupRef) => {
-      let {
+    renderMenuButton: ({
+      open,
+      ...menuButtonProps
+    }, buttonRef) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      disabled: disabled
+    }, ({
+      selected,
+      active,
+      ...menuitem
+    }, menuitemRef) => {
+      const classes = mergeItemClassNames(className, prefixItemClassName`toggle`, withItemClassPrefix({
+        'with-icon': icon,
         open,
-        ...popupProps
-      } = _ref3;
+        active: selected,
+        disabled,
+        focus: active
+      }));
+      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+        ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),
+        className: classes,
+        "data-event-key": eventKey,
+        "data-event-key-type": typeof eventKey
+      }, menuitem, (0, _omit.default)(menuButtonProps, ['role'])), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
+        className: prefix('menu-icon')
+      }), title, /*#__PURE__*/_react.default.createElement(Icon, {
+        className: prefix`toggle-icon`
+      }));
+    }),
+    renderMenuPopup: ({
+      open,
+      ...popupProps
+    }, popupRef) => {
       const menuClassName = mergeMenuClassName(className, withMenuClassPrefix());
       return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
         ref: popupRef,
@@ -124,11 +118,10 @@ const SidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref)
       }, popupProps, menuProps), children);
     },
     onToggleMenu: handleToggleSubmenu
-  }, (_ref4, menuContainerRef) => {
-    let {
-      open,
-      ...menuContainer
-    } = _ref4;
+  }, ({
+    open,
+    ...menuContainer
+  }, menuContainerRef) => {
     const classes = mergeItemClassNames(className, withItemClassPrefix({
       disabled,
       open,

package/cjs/Sidenav/SidenavItem.js

@@ -17,9 +17,8 @@ var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _Sidenav = require("./Sidenav");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _SidenavContext = require("./SidenavContext");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * Props of SidenavItem component
  */
@@ -28,7 +27,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @private
  */
 const SidenavItem = (0, _utils.forwardRef)((props, ref) => {
-  const sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
+  const sidenav = (0, _react.useContext)(_SidenavContext.SidenavContext);
   if (!sidenav) {
     throw new Error('<SidenavItem> component is not supposed to be used standalone. Use <Nav.Item> inside <Sidenav> instead.');
   }
@@ -87,12 +86,11 @@ const SidenavItem = (0, _utils.forwardRef)((props, ref) => {
       selected: selected,
       disabled: disabled,
       onActivate: handleClick
-    }, (_ref, menuitemRef) => {
-      let {
-        selected,
-        active,
-        ...menuitem
-      } = _ref;
+    }, ({
+      selected,
+      active,
+      ...menuitem
+    }, menuitemRef) => {
       const classes = merge(className, withPrefix({
         focus: active,
         active: selected,

package/cjs/Sidenav/SidenavToggle.js

@@ -9,12 +9,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _utils = require("../internals/utils");
-var _Sidenav = require("./Sidenav");
+var _SidenavContext = require("./SidenavContext");
 var _hooks = require("../internals/hooks");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const SidenavToggle = (0, _utils.forwardRef)((props, ref) => {
-  const sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
+  const sidenav = (0, _react.useContext)(_SidenavContext.SidenavContext);
   if (!sidenav) {
     console.error('<Sidenav.Toggle> must be rendered within a <Sidenav>');
     return null;

package/cjs/Slider/ProgressBar.d.ts

@@ -1,7 +1,6 @@
 import { BoxProps } from '../internals/Box';
 interface ProgressBarProps extends BoxProps {
     vertical?: boolean;
-    rtl?: boolean;
     start?: number;
     end?: number;
 }

package/cjs/Slider/ProgressBar.js

@@ -14,7 +14,6 @@ const ProgressBar = (0, _utils.forwardRef)((props, ref) => {
     as,
     classPrefix = 'slider-progress-bar',
     vertical,
-    rtl,
     end = 0,
     start = 0,
     style,
@@ -26,8 +25,7 @@ const ProgressBar = (0, _utils.forwardRef)((props, ref) => {
     withPrefix
   } = (0, _hooks.useStyles)(classPrefix);
   const sizeKey = vertical ? 'height' : 'width';
-  const dirKey = rtl ? 'right' : 'left';
-  const startKey = vertical ? 'bottom' : dirKey;
+  const startKey = vertical ? 'bottom' : 'inset-inline-start';
   const styles = (0, _utils.mergeStyles)(style, {
     [startKey]: `${start}%`,
     [sizeKey]: `${end - start}%`

package/cjs/Slider/Slider.js

@@ -17,8 +17,7 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _utils2 = require("./utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * A Slider is an interface for users to adjust a value in a specific range.
  *
@@ -117,9 +116,19 @@ const Slider = (0, _utils.forwardRef)((props, ref) => {
       pageX,
       pageY
     } = (0, _utils2.getPosition)(event);
-    const offset = vertical ? barOffset.top + barOffset.height - pageY : pageX - barOffset.left;
-    const offsetValue = rtl && !vertical ? barOffset.width - offset : offset;
-    return getValueByOffset(offsetValue) + min;
+    let offset;
+    if (vertical) {
+      // For vertical sliders, top is 0% and bottom is 100% in both LTR and RTL
+      offset = barOffset.top + barOffset.height - pageY;
+    } else {
+      // For horizontal sliders, handle RTL direction
+      offset = pageX - barOffset.left;
+      if (rtl) {
+        // In RTL, invert the offset so that dragging right decreases the value
+        offset = barOffset.width - offset;
+      }
+    }
+    return getValueByOffset(offset) + min;
   }, [getValueByOffset, min, rtl, vertical]);
 
   /**
@@ -195,7 +204,6 @@ const Slider = (0, _utils.forwardRef)((props, ref) => {
     onClick: handleClickBar,
     "data-testid": "slider-bar"
   }, progress && /*#__PURE__*/_react.default.createElement(_ProgressBar.default, {
-    rtl: rtl,
     vertical: vertical,
     start: 0,
     end: (value - min) / (max - min) * 100

package/cjs/Stack/Stack.js

@@ -46,8 +46,10 @@ const Stack = (0, _utils.forwardRef)((props, ref) => {
     cssVar,
     responsive
   } = (0, _hooks.useStyles)(classPrefix);
-  const classes = merge(className, withPrefix(), ...responsive(direction));
-  const styles = (0, _utils.mergeStyles)(style, cssVar('spacing', spacing, _utils.getCssValue), cssVar('align', align), cssVar('justify', justify), cssVar('wrap', wrap ? 'wrap' : undefined));
+  const classes = merge(className, withPrefix({
+    wrap
+  }), ...responsive(direction));
+  const styles = (0, _utils.mergeStyles)(style, cssVar('spacing', spacing, _utils.getCssValue), cssVar('align', align), cssVar('justify', justify));
   const filteredChildren = _react.default.Children.toArray(children);
   const childCount = filteredChildren.length;
   return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({

package/cjs/Stack/VStack.js

@@ -17,9 +17,7 @@ const VStack = (0, _utils.forwardRef)((props, ref) => {
     ...rest
   } = props;
   const direction = reverse ? 'column-reverse' : 'column';
-  return /*#__PURE__*/_react.default.createElement(_Stack.default, (0, _extends2.default)({
-    align: "flex-start"
-  }, rest, {
+  return /*#__PURE__*/_react.default.createElement(_Stack.default, (0, _extends2.default)({}, rest, {
     direction: direction,
     ref: ref
   }));

package/cjs/Tag/Tag.js

@@ -10,8 +10,7 @@ var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * The `Tag` component is used to label and categorize.
  * It can be used to mark the status of an object or classify it into different categories.

package/cjs/TagInput/TagInput.js

@@ -10,8 +10,7 @@ var _InputPicker = _interopRequireDefault(require("../InputPicker/InputPicker"))
 var _utils = require("../internals/utils");
 var _InputPickerContext = require("../InputPicker/InputPickerContext");
 var _hooks = require("../internals/hooks");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * The `TagInput` component is an enhancement of Input and supports input tags and management tags.
  *

package/cjs/TagPicker/TagPicker.js

@@ -10,8 +10,7 @@ var _InputPicker = _interopRequireDefault(require("../InputPicker/InputPicker"))
 var _InputPickerContext = require("../InputPicker/InputPickerContext");
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * `TagPicker` component enables multi-selection by tags and supports new options.
  *

package/cjs/TimePicker/TimePicker.js

@@ -9,8 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _DatePicker = _interopRequireDefault(require("../DatePicker"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const TimePicker = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults,

package/cjs/Toggle/Toggle.js

@@ -11,8 +11,7 @@ var _Loader = _interopRequireDefault(require("../Loader"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * The `Toggle` component is used to activate or deactivate an element.
  *

package/cjs/Tooltip/Tooltip.js

@@ -9,8 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * The `Tooltip` component is used to describe a element.
  *

package/cjs/Tree/Tree.js

@@ -13,8 +13,7 @@ var _TreeView = _interopRequireDefault(require("./TreeView"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _TreeProvider = require("../internals/Tree/TreeProvider");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * The `Tree` component is used to display hierarchical data.
  *

package/cjs/Tree/TreeNode.js

@@ -12,8 +12,7 @@ var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _TreeProvider = require("../internals/Tree/TreeProvider");
 var _utils2 = require("./utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * Props for the TreeNode component.
  */

package/cjs/Tree/TreeView.js

@@ -24,8 +24,7 @@ var _utils3 = require("./utils");
 var _Picker = require("../internals/Picker");
 var _Tree = require("../internals/Tree");
 var _TreeProvider = require("../internals/Tree/TreeProvider");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * Props for the TreeViewInner component.
  */
@@ -223,12 +222,11 @@ const TreeView = (0, _utils.forwardRef)((props, ref) => {
       key: node[valueKey]
     }, nodeProps));
   };
-  const renderVirtualListNode = _ref => {
-    let {
-      index,
-      style,
-      data
-    } = _ref;
+  const renderVirtualListNode = ({
+    index,
+    style,
+    data
+  }) => {
     const node = data[index];
     const {
       layer,
@@ -282,20 +280,17 @@ const TreeView = (0, _utils.forwardRef)((props, ref) => {
       height: 'auto'
     },
     className: prefix('virt-auto-sizer')
-  }, _ref2 => {
-    let {
-      height
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({
-      ref: listRef,
-      height: height,
-      itemSize: _Windowing.defaultItemSize,
-      itemCount: formattedNodes.length,
-      itemData: formattedNodes,
-      className: prefix('virt-list'),
-      scrollShadow: scrollShadow
-    }, listProps), renderVirtualListNode);
-  }) : formattedNodes));
+  }, ({
+    height
+  }) => /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({
+    ref: listRef,
+    height: height,
+    itemSize: _Windowing.defaultItemSize,
+    itemCount: formattedNodes.length,
+    itemData: formattedNodes,
+    className: prefix('virt-list'),
+    scrollShadow: scrollShadow
+  }, listProps), renderVirtualListNode)) : formattedNodes));
 });
 TreeView.displayName = 'TreeView';
 var _default = exports.default = TreeView;

package/cjs/Tree/hooks/useFlattenTree.js

@@ -28,10 +28,7 @@ function useFlattenTree(data, options) {
   const forceUpdate = (0, _useForceUpdate.default)();
   const flattenedNodes = (0, _react.useRef)({});
   const seenValues = (0, _react.useRef)(new Set());
-  const updateTreeNodeCheckState = (0, _react.useCallback)(function (value) {
-    if (value === void 0) {
-      value = [];
-    }
+  const updateTreeNodeCheckState = (0, _react.useCallback)((value = []) => {
     // Reset values to false
     Object.keys(flattenedNodes.current).forEach(refKey => {
       const node = flattenedNodes.current[refKey];
@@ -47,10 +44,7 @@ function useFlattenTree(data, options) {
       });
     });
   }, [cascade, uncheckableItemValues, valueKey]);
-  const flattenTreeData = (0, _react.useCallback)(function (treeData, parent, layer) {
-    if (layer === void 0) {
-      layer = 1;
-    }
+  const flattenTreeData = (0, _react.useCallback)((treeData, parent, layer = 1) => {
     if (!Array.isArray(treeData) || treeData.length === 0) {
       return [];
     }