rsuite 5.74.1 → 5.75.0

package/esm/Nav/NavItem.js

@@ -44,8 +44,8 @@ var NavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onSelectFromNav = nav.onSelect;
   var active = activeProp !== null && activeProp !== void 0 ? activeProp : !isNil(eventKey) && shallowEqual(eventKey, activeKey);
   var emitSelect = useCallback(function (event) {
-    onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event);
-    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);
+    onSelectProp === null || onSelectProp === void 0 || onSelectProp(eventKey, event);
+    onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);
   }, [eventKey, onSelectProp, onSelectFromNav]);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
@@ -58,7 +58,7 @@ var NavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleClick = useCallback(function (event) {
     if (!disabled) {
       emitSelect(event);
-      onClick === null || onClick === void 0 ? void 0 : onClick(event);
+      onClick === null || onClick === void 0 || onClick(event);
     }
   }, [disabled, emitSelect, onClick]);
   if (divider) {

package/esm/Navbar/NavbarDropdown.js

@@ -55,11 +55,11 @@ var NavbarDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     trigger: castArray(trigger),
     hideOnClickOutside: true,
     onToggle: function onToggle(open) {
-      _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(open);
+      _onToggle === null || _onToggle === void 0 || _onToggle(open);
       if (open) {
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        onOpen === null || onOpen === void 0 || onOpen();
       } else {
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onClose === null || onClose === void 0 || onClose();
       }
     }
   }, function (_ref, containerRef) {

package/esm/Navbar/NavbarDropdownItem.js

@@ -42,18 +42,18 @@ var NavbarDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     prefix = _useClassNames.prefix;
   var handleSelectItem = useCallback(function (event) {
     var _nav$onSelect;
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
-    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 ? void 0 : _nav$onSelect.call(nav, eventKey, event);
+    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
+    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 || _nav$onSelect.call(nav, eventKey, event);
   }, [onSelect, eventKey, nav]);
   var disclosure = useContext(DisclosureContext);
   var _ref = disclosure !== null && disclosure !== void 0 ? disclosure : [],
     dispatchDisclosure = _ref[1];
   var handleClickNavbarDropdownItem = useCallback(function (event) {
-    dispatchDisclosure === null || dispatchDisclosure === void 0 ? void 0 : dispatchDisclosure({
+    dispatchDisclosure === null || dispatchDisclosure === void 0 || dispatchDisclosure({
       type: DisclosureActionTypes.Hide,
       cascade: true
     });
-    handleSelectItem === null || handleSelectItem === void 0 ? void 0 : handleSelectItem(event);
+    handleSelectItem === null || handleSelectItem === void 0 || handleSelectItem(event);
   }, [dispatchDisclosure, handleSelectItem]);
   var selected = activeProp || !isNil(eventKey) && shallowEqual(nav.activeKey, eventKey);
   var renderDropdownItem = useRenderDropdownItem(Component);

package/esm/Navbar/NavbarItem.js

@@ -34,8 +34,8 @@ var NavbarItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onSelectFromNav = _ref.onSelect;
   var active = activeProp !== null && activeProp !== void 0 ? activeProp : !isNil(eventKey) && shallowEqual(eventKey, activeKey);
   var emitSelect = useCallback(function (event) {
-    onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event);
-    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);
+    onSelectProp === null || onSelectProp === void 0 || onSelectProp(eventKey, event);
+    onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);
   }, [eventKey, onSelectProp, onSelectFromNav]);
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix,
@@ -48,7 +48,7 @@ var NavbarItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleClick = useCallback(function (event) {
     if (!disabled) {
       emitSelect(event);
-      onClick === null || onClick === void 0 ? void 0 : onClick(event);
+      onClick === null || onClick === void 0 || onClick(event);
     }
   }, [disabled, emitSelect, onClick]);
   return /*#__PURE__*/React.createElement(Component, _extends({

package/esm/Notification/Notification.js

@@ -55,7 +55,7 @@ var Notification = /*#__PURE__*/React.forwardRef(function (props, ref) {
   // Click to trigger to close the message
   var handleClose = useEventCallback(function (event) {
     setDisplay('hiding');
-    onClose === null || onClose === void 0 ? void 0 : onClose(event);
+    onClose === null || onClose === void 0 || onClose(event);
     clear();
     setTimeout(function () {
       if (isMounted()) {

package/esm/Pagination/PaginationButton.js

@@ -31,7 +31,7 @@ var PaginationButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (disabled) {
       return;
     }
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
+    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
   });
   var asProps = {};
   if (typeof Component !== 'string') {

package/esm/Pagination/PaginationGroup.js

@@ -68,18 +68,18 @@ var PaginationGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleInputBlur = useEventCallback(function (event) {
     var value = parseInt(event.target.value);
     if (value > 0 && value <= pages) {
-      onChangePage === null || onChangePage === void 0 ? void 0 : onChangePage(value);
+      onChangePage === null || onChangePage === void 0 || onChangePage(value);
       setActivePage(value);
     }
     event.target.value = '';
   });
   var handleInputPressEnter = useEventCallback(function (event) {
     var _event$target;
-    (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.blur();
+    (_event$target = event.target) === null || _event$target === void 0 || _event$target.blur();
   });
   var handleChangeLimit = useEventCallback(function (value) {
     setLimit(value);
-    onChangeLimit === null || onChangeLimit === void 0 ? void 0 : onChangeLimit(value);
+    onChangeLimit === null || onChangeLimit === void 0 || onChangeLimit(value);
   });
   return /*#__PURE__*/React.createElement(Component, {
     ref: ref,

package/esm/Panel/AccordionButton.js

@@ -25,6 +25,7 @@ var AccordionButton = function AccordionButton(props) {
     withClassPrefix = _useClassNames.withClassPrefix;
   return /*#__PURE__*/React.createElement("button", _extends({
     id: id,
+    type: "button",
     "aria-controls": controlId,
     "aria-expanded": expanded,
     "aria-disabled": disabled,

package/esm/Panel/Panel.js

@@ -65,8 +65,8 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setExpanded = _useExpanded[1],
     collapsible = _useExpanded[2];
   var handleSelect = useEventCallback(function (event) {
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
-    onGroupSelect === null || onGroupSelect === void 0 ? void 0 : onGroupSelect(eventKey, event);
+    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
+    onGroupSelect === null || onGroupSelect === void 0 || onGroupSelect(eventKey, event);
     setExpanded(!expanded);
   });
   var classes = merge(className, withClassPrefix({

package/esm/PanelGroup/PanelGroup.js

@@ -39,7 +39,7 @@ var PanelGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
   var handleSelect = useEventCallback(function (activeKey, event) {
     setActiveKey(activeKey);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(activeKey, event);
+    onSelect === null || onSelect === void 0 || onSelect(activeKey, event);
   });
   var contextValue = useMemo(function () {
     return {

package/esm/Placeholder/PlaceholderGrid.js

@@ -44,7 +44,7 @@ var PlaceholderGrid = /*#__PURE__*/React.forwardRef(function (props, ref) {
   for (var i = 0; i < columns; i++) {
     var rowItems = [];
     for (var j = 0; j < rows; j++) {
-      rowItems.push( /*#__PURE__*/React.createElement("div", {
+      rowItems.push(/*#__PURE__*/React.createElement("div", {
         key: j,
         style: {
           height: rowHeight,
@@ -53,7 +53,7 @@ var PlaceholderGrid = /*#__PURE__*/React.forwardRef(function (props, ref) {
         className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["row"])))
       }));
     }
-    colItems.push( /*#__PURE__*/React.createElement("div", {
+    colItems.push(/*#__PURE__*/React.createElement("div", {
       key: i,
       className: classNames(prefix('grid-col'))
     }, rowItems));

package/esm/Placeholder/PlaceholderParagraph.js

@@ -44,7 +44,7 @@ var PlaceholderParagraph = /*#__PURE__*/React.forwardRef(function (props, ref) {
         height: rowHeight,
         marginTop: i > 0 ? rowSpacing : Number(rowSpacing) / 2
       };
-      rowArr.push( /*#__PURE__*/React.createElement("div", {
+      rowArr.push(/*#__PURE__*/React.createElement("div", {
         key: i,
         style: styles,
         className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["row"])))

package/esm/Radio/Radio.js

@@ -76,8 +76,8 @@ var Radio = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return;
     }
     setChecked(true);
-    onGroupChange === null || onGroupChange === void 0 ? void 0 : onGroupChange(value, event);
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, true, event);
+    onGroupChange === null || onGroupChange === void 0 || onGroupChange(value, event);
+    onChange === null || onChange === void 0 || onChange(value, true, event);
   });
   var controlled = radioContext ? true : selfControlled;
   if (typeof controlled !== 'undefined') {

package/esm/RadioGroup/RadioGroup.js

@@ -46,7 +46,7 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     isControlled = _useControlled[2];
   var handleChange = useEventCallback(function (nextValue, event) {
     setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue !== null && nextValue !== void 0 ? nextValue : '', event);
+    onChange === null || onChange === void 0 || onChange(nextValue !== null && nextValue !== void 0 ? nextValue : '', event);
   });
   var contextValue = useMemo(function () {
     return {

package/esm/RadioTile/RadioTile.js

@@ -54,8 +54,8 @@ var RadioTile = /*#__PURE__*/React.forwardRef(function (props, ref) {
     prefix = _useClassNames.prefix;
   var handleChange = useCallback(function (event) {
     setChecked(true);
-    onGroupChange === null || onGroupChange === void 0 ? void 0 : onGroupChange(value, event);
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+    onGroupChange === null || onGroupChange === void 0 || onGroupChange(value, event);
+    onChange === null || onChange === void 0 || onChange(value, event);
   }, [onChange, onGroupChange, setChecked, value]);
   var classes = merge(className, withClassPrefix({
     checked: checked,

package/esm/RadioTileGroup/RadioTileGroup.js

@@ -39,7 +39,7 @@ var RadioTileGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setValue = _useControlled[1];
   var handleChange = useCallback(function (nextValue, event) {
     setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    onChange === null || onChange === void 0 || onChange(nextValue, event);
   }, [onChange, setValue]);
   var contextValue = useMemo(function () {
     return {

package/esm/RangeSlider/RangeSlider.js

@@ -183,7 +183,7 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var nextValue = getNextValue(event, dataset);
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
     }
   });
 
@@ -197,7 +197,7 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var nextValue = getNextValue(event, dataset);
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
-      onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
+      onChangeCommitted === null || onChangeCommitted === void 0 || onChangeCommitted(nextValue, event);
     }
   });
   var handleKeyDown = useEventCallback(function (event) {
@@ -237,7 +237,7 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     event.preventDefault();
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
     }
   });
   var handleBarClick = useEventCallback(function (event) {
@@ -259,8 +259,8 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }));
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
-      onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
+      onChangeCommitted === null || onChangeCommitted === void 0 || onChangeCommitted(nextValue, event);
     }
   });
   var handleProps = useMemo(function () {

package/esm/Rate/Character.js

@@ -33,10 +33,10 @@ var Character = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var beforeRef = useRef(null);
   var classes = merge(className, withClassPrefix(!_isNil(status) && characterStatus[status]));
   var handleMouseMove = useCallback(function (event) {
-    onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(getKey(beforeRef.current, event.target), event);
+    onMouseMove === null || onMouseMove === void 0 || onMouseMove(getKey(beforeRef.current, event.target), event);
   }, [onMouseMove]);
   var handleClick = useCallback(function (event) {
-    onClick === null || onClick === void 0 ? void 0 : onClick(getKey(beforeRef.current, event.target), event);
+    onClick === null || onClick === void 0 || onClick(getKey(beforeRef.current, event.target), event);
   }, [onClick]);
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,

package/esm/Rate/Rate.js

@@ -75,7 +75,7 @@ var Rate = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [valueProp]);
   var handleMouseLeave = useCallback(function (event) {
     resetCharacterMap();
-    onChangeActive === null || onChangeActive === void 0 ? void 0 : onChangeActive(value, event);
+    onChangeActive === null || onChangeActive === void 0 || onChangeActive(value, event);
   }, [onChangeActive, resetCharacterMap, value]);
   var handleChangeValue = useCallback(function (index, event) {
     var nextValue = transformCharacterMapToValue(characterMap);
@@ -85,7 +85,7 @@ var Rate = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (nextValue !== value) {
       setValue(nextValue);
       setCharacterMap(getCharacterMap(nextValue));
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
     }
   }, [characterMap, cleanable, getCharacterMap, onChange, setValue, value]);
   var handleKeyDown = useCallback(function (index, event) {
@@ -110,7 +110,7 @@ var Rate = /*#__PURE__*/React.forwardRef(function (props, ref) {
     });
     if (!shallowEqualArray(characterMap, nextCharacterMap)) {
       setCharacterMap(nextCharacterMap);
-      onChangeActive === null || onChangeActive === void 0 ? void 0 : onChangeActive(transformCharacterMapToValue(nextCharacterMap), event);
+      onChangeActive === null || onChangeActive === void 0 || onChangeActive(transformCharacterMapToValue(nextCharacterMap), event);
     }
   }, [allowHalf, characterMap, onChangeActive]);
   var handleClick = useCallback(function (index, key, event) {

package/esm/SafeAnchor/SafeAnchor.js

@@ -30,7 +30,7 @@ var SafeAnchor = /*#__PURE__*/React.forwardRef(function (props, ref) {
       event.stopPropagation();
       return;
     }
-    onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    onClick === null || onClick === void 0 || onClick(event);
   }, [disabled, href, onClick]);
 
   // There are default role and href attributes on the node to ensure Focus management and keyboard interactions.

package/esm/SelectPicker/SelectPicker.js

@@ -106,8 +106,8 @@ var SelectPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       callback: function callback(searchKeyword, filteredData, event) {
         var _filteredData$;
         // The first option after filtering is the focus.
-        setFocusItemValue(filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]);
-        onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);
+        setFocusItemValue(filteredData === null || filteredData === void 0 || (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]);
+        onSearch === null || onSearch === void 0 || onSearch(searchKeyword, event);
       }
     }),
     searchKeyword = _useSearch.searchKeyword,
@@ -121,15 +121,15 @@ var SelectPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setActive = _useState[1];
   var handleClose = useEventCallback(function () {
     var _trigger$current, _trigger$current$clos;
-    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);
+    (_trigger$current = trigger.current) === null || _trigger$current === void 0 || (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 || _trigger$current$clos.call(_trigger$current);
   });
   var handleSelect = useEventCallback(function (value, item, event) {
     var _target$current;
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);
-    (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();
+    onSelect === null || onSelect === void 0 || onSelect(value, item, event);
+    (_target$current = target.current) === null || _target$current === void 0 || _target$current.focus();
   });
   var handleChangeValue = useEventCallback(function (value, event) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+    onChange === null || onChange === void 0 || onChange(value, event);
   });
   var handleMenuPressEnter = useEventCallback(function (event) {
     if (!focusItemValue) {
@@ -174,7 +174,7 @@ var SelectPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleExited = useEventCallback(function () {
     resetSearch();
     setActive(false);
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch('');
+    onSearch === null || onSearch === void 0 || onSearch('');
     setFocusItemValue(null);
   });
   var handleEntered = useEventCallback(function () {

package/esm/Sidebar/Sidebar.js

@@ -34,7 +34,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setHasSidebar = _useContext.setHasSidebar;
   useEffect(function () {
     /** Notify the Container that the Sidebar is in the child node of the Container. */
-    setHasSidebar === null || setHasSidebar === void 0 ? void 0 : setHasSidebar(true);
+    setHasSidebar === null || setHasSidebar === void 0 || setHasSidebar(true);
   }, [setHasSidebar]);
   var styles = _extends({
     flex: "0 0 " + width + "px",

package/esm/Sidenav/ExpandedSidenavDropdown.js

@@ -67,12 +67,12 @@ var ExpandedSidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref
   });
   var handleToggleDisclosure = useCallback(function (open, event) {
     if (open) {
-      onClose === null || onClose === void 0 ? void 0 : onClose();
+      onClose === null || onClose === void 0 || onClose();
     } else {
-      onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+      onOpen === null || onOpen === void 0 || onOpen();
     }
-    onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);
-    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(uniqueKey, event);
+    onToggle === null || onToggle === void 0 || onToggle(open);
+    onOpenChange === null || onOpenChange === void 0 || onOpenChange(uniqueKey, event);
   }, [onClose, onOpen, onToggle, uniqueKey, onOpenChange]);
   var open = openProp !== null && openProp !== void 0 ? openProp : openKeys.includes(uniqueKey);
   return /*#__PURE__*/React.createElement(Disclosure, {

package/esm/Sidenav/ExpandedSidenavDropdownItem.js

@@ -52,9 +52,9 @@ var ExpandedSidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props,
   var handleClick = useCallback(function (event) {
     var _nav$onSelect, _sidenav$onSelect;
     if (disabled) return;
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
-    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 ? void 0 : _nav$onSelect.call(nav, eventKey, event);
-    (_sidenav$onSelect = sidenav.onSelect) === null || _sidenav$onSelect === void 0 ? void 0 : _sidenav$onSelect.call(sidenav, eventKey, event);
+    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
+    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 || _nav$onSelect.call(nav, eventKey, event);
+    (_sidenav$onSelect = sidenav.onSelect) === null || _sidenav$onSelect === void 0 || _sidenav$onSelect.call(sidenav, eventKey, event);
   }, [disabled, onSelect, sidenav, eventKey, nav]);
   var menuitemEventHandlers = {
     onClick: createChainedFunction(handleClick, onClick)

package/esm/Sidenav/ExpandedSidenavDropdownMenu.js

@@ -53,8 +53,8 @@ var ExpandedSidenavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props,
     onSidenavSelect = sidenavContext.onSelect;
   var handleClick = useCallback(function (event) {
     if (disabled) return;
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
-    onSidenavSelect === null || onSidenavSelect === void 0 ? void 0 : onSidenavSelect(eventKey, event);
+    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
+    onSidenavSelect === null || onSidenavSelect === void 0 || onSidenavSelect(eventKey, event);
   }, [disabled, onSelect, onSidenavSelect, eventKey]);
   var menuitemEventHandlers = {
     onClick: createChainedFunction(handleClick, onClick)

package/esm/Sidenav/Sidenav.js

@@ -59,7 +59,7 @@ var Sidenav = /*#__PURE__*/React.forwardRef(function (props, ref) {
       nextOpenKeys.push(eventKey);
     }
     setOpenKeys(nextOpenKeys);
-    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpenKeys, event);
+    onOpenChange === null || onOpenChange === void 0 || onOpenChange(nextOpenKeys, event);
   }, [onOpenChange, openKeys, setOpenKeys]);
   var contextValue = useMemo(function () {
     return {

package/esm/Sidenav/SidenavDropdown.js

@@ -140,12 +140,12 @@ var SidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, title), children);
     },
     onToggleMenu: function onToggleMenu(open, event) {
-      onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, eventKey, event);
-      sidenav === null || sidenav === void 0 ? void 0 : sidenav.onOpenChange(eventKey, event);
+      onToggle === null || onToggle === void 0 || onToggle(open, eventKey, event);
+      sidenav === null || sidenav === void 0 || sidenav.onOpenChange(eventKey, event);
       if (open) {
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        onOpen === null || onOpen === void 0 || onOpen();
       } else {
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onClose === null || onClose === void 0 || onClose();
       }
     }
   }, function (_ref3, menuContainerRef) {

package/esm/Sidenav/SidenavDropdownItem.js

@@ -53,8 +53,8 @@ var SidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     prefix = _useClassNames.prefix;
   var handleSelectItem = useCallback(function (event) {
     var _nav$onSelect;
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
-    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 ? void 0 : _nav$onSelect.call(nav, eventKey, event);
+    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
+    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 || _nav$onSelect.call(nav, eventKey, event);
   }, [onSelect, eventKey, nav]);
   var selected = activeProp || !isNil(eventKey) && shallowEqual(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey);
   var renderDropdownItem = useRenderDropdownItem(Component);

package/esm/Sidenav/SidenavDropdownMenu.js

@@ -50,7 +50,7 @@ var SidenavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useCustom = useCustom(),
     rtl = _useCustom.rtl;
   var handleToggleSubmenu = useCallback(function (open, event) {
-    onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, eventKey, event);
+    onToggle === null || onToggle === void 0 || onToggle(open, eventKey, event);
   }, [eventKey, onToggle]);
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix;

package/esm/Sidenav/SidenavItem.js

@@ -55,10 +55,10 @@ var SidenavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleClick = useCallback(function (event) {
     var _whisperRef$current;
     if (disabled) return;
-    (_whisperRef$current = whisperRef.current) === null || _whisperRef$current === void 0 ? void 0 : _whisperRef$current.close();
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
-    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);
-    onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    (_whisperRef$current = whisperRef.current) === null || _whisperRef$current === void 0 || _whisperRef$current.close();
+    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
+    onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);
+    onClick === null || onClick === void 0 || onClick(event);
   }, [disabled, onSelect, onSelectFromNav, eventKey, onClick]);
   var clonedIcon = icon ? /*#__PURE__*/React.cloneElement(icon, {
     className: classNames(prefix('icon'), icon.props.className)

package/esm/Sidenav/SidenavToggle.js

@@ -35,7 +35,7 @@ var SidenavToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
   var Icon = expanded ? PagePreviousIcon : PageNextIcon;
   var handleToggle = function handleToggle(event) {
-    onToggle === null || onToggle === void 0 ? void 0 : onToggle(!expanded, event);
+    onToggle === null || onToggle === void 0 || onToggle(!expanded, event);
   };
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,

package/esm/Slider/Graduated.js

@@ -42,7 +42,7 @@ var Graduated = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var mark = precisionMath(i * step + min);
     var lastMark = Math.min(max, mark + step);
     var last = i === count - 1;
-    graduatedItems.push( /*#__PURE__*/React.createElement("li", {
+    graduatedItems.push(/*#__PURE__*/React.createElement("li", {
       className: _classes,
       key: i
     }, /*#__PURE__*/React.createElement(Mark, {

package/esm/Slider/Slider.js

@@ -160,7 +160,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     var nextValue = getValidValue(getValueByPosition(event));
     setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    onChange === null || onChange === void 0 || onChange(nextValue, event);
   });
 
   /**
@@ -171,7 +171,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return;
     }
     var nextValue = getValidValue(getValueByPosition(event));
-    onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
+    onChangeCommitted === null || onChangeCommitted === void 0 || onChangeCommitted(nextValue, event);
   });
   var handleClickBar = useEventCallback(function (event) {
     handleChangeValue(event);
@@ -203,7 +203,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     // Prevent scroll of the page
     event.preventDefault();
     setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    onChange === null || onChange === void 0 || onChange(nextValue, event);
   });
   if (plaintext) {
     return /*#__PURE__*/React.createElement(Plaintext, {

package/esm/Slider/useDrag.js

@@ -20,7 +20,7 @@ var useDrag = function useDrag(props) {
   // Release the move event
   var releaseMoves = useCallback(function () {
     var _moveTracker$current;
-    (_moveTracker$current = moveTracker.current) === null || _moveTracker$current === void 0 ? void 0 : _moveTracker$current.releaseMoves();
+    (_moveTracker$current = moveTracker.current) === null || _moveTracker$current === void 0 || _moveTracker$current.releaseMoves();
     moveTracker.current = null;
   }, []);
   var setTooltipPosition = useCallback(function () {
@@ -35,7 +35,7 @@ var useDrag = function useDrag(props) {
     var _moveTracker$current2;
     if ((_moveTracker$current2 = moveTracker.current) !== null && _moveTracker$current2 !== void 0 && _moveTracker$current2.isDragging()) {
       var _rootRef$current;
-      onDragMove === null || onDragMove === void 0 ? void 0 : onDragMove(event, (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.dataset);
+      onDragMove === null || onDragMove === void 0 || onDragMove(event, (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.dataset);
       setTooltipPosition();
     }
   });
@@ -43,7 +43,7 @@ var useDrag = function useDrag(props) {
     var _rootRef$current2;
     setActive(false);
     releaseMoves();
-    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.dataset);
+    onDragEnd === null || onDragEnd === void 0 || onDragEnd(event, (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.dataset);
   });
   var getMouseMoveTracker = useCallback(function () {
     return moveTracker.current || new PointerMoveTracker(document.body, {
@@ -58,10 +58,10 @@ var useDrag = function useDrag(props) {
       return;
     }
     moveTracker.current = getMouseMoveTracker();
-    (_moveTracker$current3 = moveTracker.current) === null || _moveTracker$current3 === void 0 ? void 0 : _moveTracker$current3.captureMoves(event);
-    (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.focus();
+    (_moveTracker$current3 = moveTracker.current) === null || _moveTracker$current3 === void 0 || _moveTracker$current3.captureMoves(event);
+    (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 || _rootRef$current3.focus();
     setActive(true);
-    onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(event);
+    onDragStart === null || onDragStart === void 0 || onDragStart(event);
   });
   var onMouseEnter = useEventCallback(function () {
     setTooltipPosition();

package/esm/Stack/HStack.d.ts

@@ -1,10 +1,13 @@
-import React from 'react';
-import { StackProps } from './Stack';
+import Stack, { StackProps } from './Stack';
+import { RsRefForwardingComponent } from '../internals/types';
 export interface HStackProps extends Omit<StackProps, 'direction'> {
     /**
      * Reverse the order of the children in the stack
      */
     reverse?: boolean;
 }
-declare const HStack: React.ForwardRefExoticComponent<HStackProps & React.RefAttributes<unknown>>;
+export interface StackComponent extends RsRefForwardingComponent<'div', HStackProps> {
+    Item: typeof Stack.Item;
+}
+declare const HStack: StackComponent;
 export default HStack;

package/esm/Stack/HStack.js

@@ -21,4 +21,5 @@ var HStack = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 HStack.displayName = 'HStack';
+HStack.Item = Stack.Item;
 export default HStack;

package/esm/Stack/Stack.d.ts

@@ -14,9 +14,13 @@ export interface StackProps extends WithAsProps {
      *  Define the alignment of the children in the stack on the inline axis
      */
     justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';
-    /** Define the spacing between immediate children */
+    /**
+     * Define the spacing between immediate children
+     */
     spacing?: number | string | (number | string)[];
-    /** Add an element between each child */
+    /**
+     * Add an element between each child
+     */
     divider?: React.ReactNode;
     /**
      * Define whether the children in the stack are forced onto one line or can wrap onto multiple lines