rsuite 5.75.0 → 6.0.0-canary-20241227

package/cjs/internals/hooks/useControlled.js

@@ -15,15 +15,13 @@ var _react = require("react");
  */
 
 function useControlled(controlledValue, defaultValue) {
-  var controlledRef = (0, _react.useRef)(false);
+  const controlledRef = (0, _react.useRef)(false);
   controlledRef.current = controlledValue !== undefined;
-  var _useState = (0, _react.useState)(defaultValue),
-    uncontrolledValue = _useState[0],
-    setUncontrolledValue = _useState[1];
+  const [uncontrolledValue, setUncontrolledValue] = (0, _react.useState)(defaultValue);
 
   // If it is controlled, this directly returns the attribute value.
-  var value = controlledRef.current ? controlledValue : uncontrolledValue;
-  var setValue = (0, _react.useCallback)(function (nextValue) {
+  const value = controlledRef.current ? controlledValue : uncontrolledValue;
+  const setValue = (0, _react.useCallback)(nextValue => {
     // Only update the value in state when it is not under control.
     if (!controlledRef.current) {
       setUncontrolledValue(nextValue);

package/cjs/internals/hooks/useElementResize.js

@@ -14,16 +14,16 @@ var _resizeObserver = require("@juggle/resize-observer");
  * @param listener An event handler
  */
 function useElementResize(eventTarget, listener) {
-  var resizeObserver = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
+  const resizeObserver = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
     if (!resizeObserver.current) {
-      var target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
+      const target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
       if (target) {
         resizeObserver.current = new _resizeObserver.ResizeObserver(listener);
         resizeObserver.current.observe(target);
       }
     }
-    return function () {
+    return () => {
       var _resizeObserver$curre;
       (_resizeObserver$curre = resizeObserver.current) === null || _resizeObserver$curre === void 0 || _resizeObserver$curre.disconnect();
     };

package/cjs/internals/hooks/useEnsuredRef.js

@@ -27,7 +27,7 @@ var _react = require("react");
  *
  */
 function useEnsuredRef(ref) {
-  var dumpRef = (0, _react.useRef)();
+  const dumpRef = (0, _react.useRef)();
   if (ref) {
     return ref;
   }

package/cjs/internals/hooks/useEventCallback.js

@@ -12,13 +12,13 @@ var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./useIsomorphic
  * @param {function} fn
  */
 function useEventCallback(fn) {
-  var ref = (0, _react.useRef)(fn);
+  const ref = (0, _react.useRef)(fn);
   /**
    * use useLayoutEffect instead of useEffect.
    * useLayoutEffect is earlier than useEffect, sometimes we use setState and then use callback immediately,
    * However the state in callback is not the latest, because useEffect is not triggered.
    */
-  (0, _useIsomorphicLayoutEffect.default)(function () {
+  (0, _useIsomorphicLayoutEffect.default)(() => {
     ref.current = fn;
   });
   return (0, _react.useCallback)(function () {
@@ -26,7 +26,7 @@ function useEventCallback(fn) {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.call.apply(_ref$current, [ref].concat(args));
+    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.call(ref, ...args);
   }, []);
 }
 var _default = exports.default = useEventCallback;

package/cjs/internals/hooks/useEventListener.js

@@ -19,10 +19,10 @@ function useEventListener(eventTarget, event, listener, capture) {
   if (capture === void 0) {
     capture = false;
   }
-  (0, _react.useEffect)(function () {
-    var target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
-    var controller = target ? (0, _on.default)(target, event, listener, capture) : null;
-    return function () {
+  (0, _react.useEffect)(() => {
+    const target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
+    const controller = target ? (0, _on.default)(target, event, listener, capture) : null;
+    return () => {
       controller === null || controller === void 0 || controller.off();
     };
   }, [eventTarget, event, listener, capture]);

package/cjs/internals/hooks/useFocus.js

@@ -8,11 +8,11 @@ var _react = require("react");
 function useFocus(elementRef) {
   // When grabbing focus, keep track of previous activeElement
   // so that we can return focus later
-  var previousActiveElementRef = (0, _react.useRef)(null);
+  const previousActiveElementRef = (0, _react.useRef)(null);
 
   // Focus the element itself
-  var grab = (0, _react.useCallback)(function () {
-    requestAnimationFrame(function () {
+  const grab = (0, _react.useCallback)(() => {
+    requestAnimationFrame(() => {
       if (document.activeElement !== elementRef.current) {
         var _elementRef$current;
         previousActiveElementRef.current = document.activeElement;
@@ -22,15 +22,15 @@ function useFocus(elementRef) {
   }, [elementRef]);
 
   // Return focus to previous active element
-  var release = (0, _react.useCallback)(function (options) {
-    requestAnimationFrame(function () {
+  const release = (0, _react.useCallback)(options => {
+    requestAnimationFrame(() => {
       var _previousActiveElemen;
       (_previousActiveElemen = previousActiveElementRef.current) === null || _previousActiveElemen === void 0 || _previousActiveElemen.focus(options);
     });
   }, []);
   return {
-    grab: grab,
-    release: release
+    grab,
+    release
   };
 }
 var _default = exports.default = useFocus;

package/cjs/internals/hooks/useFocusVirtualListItem.js

@@ -13,16 +13,16 @@ var _react = require("react");
  * @returns A ref to be attached to the list item element.
  */
 function useFocusVirtualListItem(focused) {
-  var itemRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
+  const itemRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
     if (!focused || !itemRef.current) {
       return;
     }
-    var activeElement = document.activeElement;
+    const activeElement = document.activeElement;
 
     // Helper function to determine if the element should retain focus
-    var isInteractiveElement = function isInteractiveElement(element) {
-      var tagName = element.tagName;
+    const isInteractiveElement = element => {
+      const tagName = element.tagName;
       return tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT' || tagName === 'BUTTON' || element.isContentEditable || element.tabIndex >= 0 // Elements with tabindex are considered focusable
       ;
     };

package/cjs/internals/hooks/useInternalId.js

@@ -11,9 +11,9 @@ var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
  * Used for generating unique ID for DOM elements
  */
 function useInternalId(namespace) {
-  var idRef = (0, _react.useRef)();
+  const idRef = (0, _react.useRef)();
   if (!idRef.current) {
-    idRef.current = (0, _uniqueId.default)("internal://" + namespace);
+    idRef.current = (0, _uniqueId.default)(`internal://${namespace}`);
   }
   (0, _react.useDebugValue)(idRef.current);
   return idRef.current;

package/cjs/internals/hooks/useIsMounted.js

@@ -6,15 +6,13 @@ exports.default = void 0;
 exports.useIsMounted = useIsMounted;
 var _react = require("react");
 function useIsMounted() {
-  var isMounted = (0, _react.useRef)(false);
-  (0, _react.useEffect)(function () {
+  const isMounted = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
     isMounted.current = true;
-    return function () {
+    return () => {
       isMounted.current = false;
     };
   }, []);
-  return (0, _react.useCallback)(function () {
-    return isMounted.current;
-  }, []);
+  return (0, _react.useCallback)(() => isMounted.current, []);
 }
 var _default = exports.default = useIsMounted;

package/cjs/internals/hooks/useIsomorphicLayoutEffect.js

@@ -4,5 +4,5 @@
 exports.__esModule = true;
 exports.useIsomorphicLayoutEffect = exports.default = void 0;
 var _react = require("react");
-var useIsomorphicLayoutEffect = exports.useIsomorphicLayoutEffect = typeof document !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
+const useIsomorphicLayoutEffect = exports.useIsomorphicLayoutEffect = typeof document !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
 var _default = exports.default = useIsomorphicLayoutEffect;

package/cjs/internals/hooks/useMap.js

@@ -6,27 +6,23 @@ exports.default = void 0;
 exports.useMap = useMap;
 var _react = require("react");
 function useMap() {
-  var _useState = (0, _react.useState)(function () {
-      return new Map();
-    }),
-    map = _useState[0],
-    setMap = _useState[1];
-  return (0, _react.useMemo)(function () {
+  const [map, setMap] = (0, _react.useState)(() => new Map());
+  return (0, _react.useMemo)(() => {
     return {
-      has: function has(key) {
+      has(key) {
         return map.has(key);
       },
-      get: function get(key) {
+      get(key) {
         return map.get(key);
       },
-      set: function set(key, value) {
-        setMap(function (prev) {
-          var copy = new Map(prev);
+      set(key, value) {
+        setMap(prev => {
+          const copy = new Map(prev);
           copy.set(key, value);
           return copy;
         });
       },
-      clear: function clear() {
+      clear() {
         setMap(new Map());
       }
     };

package/cjs/internals/hooks/useMount.js

@@ -4,12 +4,13 @@
 exports.__esModule = true;
 exports.useMount = exports.default = void 0;
 var _react = require("react");
-var useMount = exports.useMount = function useMount(callback) {
-  var mountRef = (0, _react.useRef)(callback);
+const useMount = callback => {
+  const mountRef = (0, _react.useRef)(callback);
   mountRef.current = callback;
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     var _mountRef$current;
     (_mountRef$current = mountRef.current) === null || _mountRef$current === void 0 || _mountRef$current.call(mountRef);
   }, []);
 };
+exports.useMount = useMount;
 var _default = exports.default = useMount;

package/cjs/internals/hooks/usePortal.js

@@ -9,17 +9,15 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
 var _canUseDOM = _interopRequireDefault(require("dom-lib/canUseDOM"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+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 MountedPortal = /*#__PURE__*/_react.default.memo(function (_ref) {
-  var children = _ref.children,
-    container = _ref.container;
-  var _useState = (0, _react.useState)(false),
-    mounted = _useState[0],
-    setMounted = _useState[1];
-  (0, _react.useEffect)(function () {
-    return setMounted(true);
-  }, []);
+const MountedPortal = /*#__PURE__*/_react.default.memo(_ref => {
+  let {
+    children,
+    container
+  } = _ref;
+  const [mounted, setMounted] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => setMounted(true), []);
   if (container && mounted) {
     return /*#__PURE__*/(0, _reactDom.createPortal)(children, container);
   }
@@ -29,23 +27,21 @@ function usePortal(props) {
   if (props === void 0) {
     props = {};
   }
-  var _props = props,
-    container = _props.container,
-    _props$waitMount = _props.waitMount,
-    waitMount = _props$waitMount === void 0 ? false : _props$waitMount;
-  var containerElement = typeof container === 'function' ? container() : container;
-  var rootElement = (0, _react.useMemo)(function () {
-    return _canUseDOM.default ? containerElement || document.body : null;
-  }, [containerElement]);
-  var Portal = (0, _react.useCallback)(function (_ref2) {
-    var children = _ref2.children;
+  const {
+    container,
+    waitMount = false
+  } = props;
+  const containerElement = typeof container === 'function' ? container() : container;
+  const rootElement = (0, _react.useMemo)(() => _canUseDOM.default ? containerElement || document.body : null, [containerElement]);
+  const Portal = (0, _react.useCallback)(_ref2 => {
+    let {
+      children
+    } = _ref2;
     return rootElement != null ? /*#__PURE__*/(0, _reactDom.createPortal)(children, rootElement) : null;
   }, [rootElement]);
-  var WaitMountPortal = (0, _react.useCallback)(function (props) {
-    return /*#__PURE__*/_react.default.createElement(MountedPortal, (0, _extends2.default)({
-      container: rootElement
-    }, props));
-  }, [rootElement]);
+  const WaitMountPortal = (0, _react.useCallback)(props => /*#__PURE__*/_react.default.createElement(MountedPortal, (0, _extends2.default)({
+    container: rootElement
+  }, props)), [rootElement]);
   return {
     target: rootElement,
     Portal: waitMount ? WaitMountPortal : Portal

package/cjs/internals/hooks/useRootClose.js

@@ -24,19 +24,20 @@ function isModifiedEvent(event) {
  * @todo Allow different behaviors based on whether clicked element is focusable
  */
 function useRootClose(onRootClose, _ref) {
-  var disabled = _ref.disabled,
-    triggerTarget = _ref.triggerTarget,
-    overlayTarget = _ref.overlayTarget,
-    _ref$listenEscape = _ref.listenEscape,
-    listenEscape = _ref$listenEscape === void 0 ? true : _ref$listenEscape;
-  var handleDocumentKeyUp = (0, _react.useCallback)(function (event) {
+  let {
+    disabled,
+    triggerTarget,
+    overlayTarget,
+    listenEscape = true
+  } = _ref;
+  const handleDocumentKeyUp = (0, _react.useCallback)(event => {
     if (listenEscape && event.key === _constants.KEY_VALUES.ESC) {
       onRootClose === null || onRootClose === void 0 || onRootClose(event);
     }
   }, [listenEscape, onRootClose]);
-  var handleDocumentMouseDown = (0, _react.useCallback)(function (event) {
-    var triggerElement = (0, _getDOMNode.default)(triggerTarget);
-    var overlayElement = (0, _getDOMNode.default)(overlayTarget);
+  const handleDocumentMouseDown = (0, _react.useCallback)(event => {
+    const triggerElement = (0, _getDOMNode.default)(triggerTarget);
+    const overlayElement = (0, _getDOMNode.default)(overlayTarget);
 
     // Check if the clicked element is a trigger.
     if (triggerElement && (0, _contains.default)(triggerElement, event.target)) {
@@ -52,13 +53,13 @@ function useRootClose(onRootClose, _ref) {
     }
     onRootClose === null || onRootClose === void 0 || onRootClose(event);
   }, [onRootClose, triggerTarget, overlayTarget]);
-  (0, _react.useEffect)(function () {
-    var currentTarget = (0, _getDOMNode.default)(triggerTarget);
+  (0, _react.useEffect)(() => {
+    const currentTarget = (0, _getDOMNode.default)(triggerTarget);
     if (disabled || !currentTarget) return;
-    var doc = (0, _ownerDocument.default)(currentTarget);
-    var onDocumentMouseDownListener = (0, _on.default)(doc, 'mousedown', handleDocumentMouseDown, true);
-    var onDocumentKeyupListener = (0, _on.default)(doc, 'keyup', handleDocumentKeyUp);
-    return function () {
+    const doc = (0, _ownerDocument.default)(currentTarget);
+    const onDocumentMouseDownListener = (0, _on.default)(doc, 'mousedown', handleDocumentMouseDown, true);
+    const onDocumentKeyupListener = (0, _on.default)(doc, 'keyup', handleDocumentKeyUp);
+    return () => {
       onDocumentMouseDownListener === null || onDocumentMouseDownListener === void 0 || onDocumentMouseDownListener.off();
       onDocumentKeyupListener === null || onDocumentKeyupListener === void 0 || onDocumentKeyupListener.off();
     };

package/cjs/internals/hooks/useTimeout.js

@@ -18,15 +18,15 @@ function useTimeout(fn, ms, enabled) {
   if (enabled === void 0) {
     enabled = true;
   }
-  var timeout = (0, _react.useRef)();
-  var callback = (0, _react.useRef)(fn);
-  var clear = (0, _react.useCallback)(function () {
+  const timeout = (0, _react.useRef)();
+  const callback = (0, _react.useRef)(fn);
+  const clear = (0, _react.useCallback)(() => {
     timeout.current && clearTimeout(timeout.current);
   }, []);
-  var set = (0, _react.useCallback)(function () {
+  const set = (0, _react.useCallback)(() => {
     timeout.current && clearTimeout(timeout.current);
     if (enabled) {
-      timeout.current = setTimeout(function () {
+      timeout.current = setTimeout(() => {
         var _callback$current;
         (_callback$current = callback.current) === null || _callback$current === void 0 || _callback$current.call(callback);
       }, ms);
@@ -34,15 +34,15 @@ function useTimeout(fn, ms, enabled) {
   }, [ms, enabled]);
 
   // update ref when function changes
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     callback.current = fn;
   }, [fn]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     set();
     return clear;
   }, [ms, enabled, set, clear]);
   return {
-    clear: clear,
+    clear,
     reset: set
   };
 }

package/cjs/internals/hooks/useToggleCaret.js

@@ -12,9 +12,10 @@ var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine
 var _ArrowRightLine = _interopRequireDefault(require("@rsuite/icons/ArrowRightLine"));
 var _CustomProvider = require("../../CustomProvider");
 function useToggleCaret(placement) {
-  var _useCustom = (0, _CustomProvider.useCustom)(),
-    rtl = _useCustom.rtl;
-  return (0, _react.useMemo)(function () {
+  const {
+    rtl
+  } = (0, _CustomProvider.useCustom)();
+  return (0, _react.useMemo)(() => {
     switch (true) {
       case /^top/.test(placement):
         return _ArrowUpLine.default;

package/cjs/internals/hooks/useUniqueId.js

@@ -1,29 +1,17 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
 exports.useUniqueId = useUniqueId;
-var React = _interopRequireWildcard(require("react"));
-var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 reactUseId = React['useId'.toString()];
-
+var _react = require("react");
 /**
  * Used for generating unique ID for DOM elements
  *
  * @param idProp If id is provided, it will be used instead of generating a new one
  */
 function useUniqueId(prefix, idProp) {
-  var idRef = React.useRef();
-  if (reactUseId !== undefined) {
-    return idProp !== null && idProp !== void 0 ? idProp : "" + prefix + reactUseId();
-  }
-  if (!idRef.current) {
-    idRef.current = (0, _uniqueId.default)(prefix);
-  }
-  return idProp !== null && idProp !== void 0 ? idProp : idRef.current;
+  const generatedId = (0, _react.useId)();
+  return idProp !== null && idProp !== void 0 ? idProp : `${prefix}${generatedId}`;
 }
 var _default = exports.default = useUniqueId;

package/cjs/internals/hooks/useUpdateEffect.js

@@ -4,9 +4,9 @@
 exports.__esModule = true;
 exports.useUpdateEffect = exports.default = void 0;
 var _react = require("react");
-var useUpdateEffect = exports.useUpdateEffect = function useUpdateEffect(effect, deps) {
-  var isMounting = (0, _react.useRef)(true);
-  (0, _react.useEffect)(function () {
+const useUpdateEffect = (effect, deps) => {
+  const isMounting = (0, _react.useRef)(true);
+  (0, _react.useEffect)(() => {
     if (isMounting.current) {
       isMounting.current = false;
       return;
@@ -15,4 +15,5 @@ var useUpdateEffect = exports.useUpdateEffect = function useUpdateEffect(effect,
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, deps);
 };
+exports.useUpdateEffect = useUpdateEffect;
 var _default = exports.default = useUpdateEffect;

package/cjs/internals/hooks/useUpdatedRef.js

@@ -12,7 +12,7 @@ var _react = require("react");
  * @category refs
  */
 function useUpdatedRef(value) {
-  var valueRef = (0, _react.useRef)(value);
+  const valueRef = (0, _react.useRef)(value);
   valueRef.current = value;
   return valueRef;
 }

package/cjs/internals/hooks/useWillUnmount.js

@@ -14,13 +14,9 @@ var _react = require("react");
  * @category effects
  */
 function useWillUnmount(fn) {
-  var onUnmount = (0, _useUpdatedRef.default)(fn);
+  const onUnmount = (0, _useUpdatedRef.default)(fn);
 
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  (0, _react.useEffect)(function () {
-    return function () {
-      return onUnmount.current();
-    };
-  }, []);
+  (0, _react.useEffect)(() => () => onUnmount.current(), []);
 }
 var _default = exports.default = useWillUnmount;

package/cjs/internals/symbols.js

@@ -3,5 +3,5 @@
 
 exports.__esModule = true;
 exports.RSUITE_PICKER_TYPE = exports.RSUITE_PICKER_GROUP_KEY = void 0;
-var RSUITE_PICKER_TYPE = exports.RSUITE_PICKER_TYPE = Symbol.for('rsuite.picker');
-var RSUITE_PICKER_GROUP_KEY = exports.RSUITE_PICKER_GROUP_KEY = Symbol.for('rsuite.picker_group_key');
+const RSUITE_PICKER_TYPE = exports.RSUITE_PICKER_TYPE = Symbol.for('rsuite.picker');
+const RSUITE_PICKER_GROUP_KEY = exports.RSUITE_PICKER_GROUP_KEY = Symbol.for('rsuite.picker_group_key');

package/cjs/internals/types/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode, CSSProperties, ElementType, InputHTMLAttributes, SyntheticEvent, FocusEventHandler } from 'react';
 import { ReplaceProps } from './utils';
 export interface StandardProps {
     /** The prefix of the component CSS class */
@@ -6,16 +6,20 @@ export interface StandardProps {
     /** Additional classes */
     className?: string;
     /** Primary content */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /** Additional style */
-    style?: React.CSSProperties;
+    style?: CSSProperties;
 }
-export interface WithAsProps<As extends React.ElementType | string = React.ElementType> extends StandardProps {
+export interface WithAsProps<As extends ElementType | string = ElementType> extends StandardProps {
     /** You can use a custom element for this component */
     as?: As;
 }
-export interface RsRefForwardingComponent<T extends React.ElementType, P = unknown> {
-    <As extends React.ElementType = T>(props: React.PropsWithChildren<ReplaceProps<As, WithAsProps<As> & P>>, context?: any): React.ReactElement | null;
+export interface WithAsPropsWithoutChildren<As extends ElementType | string = ElementType> extends Omit<StandardProps, 'children'> {
+    /** You can use a custom element for this component */
+    as?: As;
+}
+export interface RsRefForwardingComponent<T extends ElementType, P = unknown, ExcludeChildren extends boolean = false> {
+    <As extends ElementType = T>(props: ReplaceProps<As, ExcludeChildren extends true ? WithAsPropsWithoutChildren<As> & P : WithAsProps<As> & P>, context?: any): any;
     propTypes?: any;
     contextTypes?: any;
     displayName?: string;
@@ -50,17 +54,17 @@ export interface PickerBaseProps<L = any> extends WithAsProps, AnimationEventPro
     /** A picker can show it is currently unable to be interacted with */
     disabled?: boolean;
     /** You can use a custom element for this component */
-    toggleAs?: React.ElementType;
+    toggleAs?: ElementType;
     /** A CSS class to apply to the Menu DOM node. */
     menuClassName?: string;
     /** A style to apply to the Menu DOM node. */
-    menuStyle?: React.CSSProperties;
+    menuStyle?: CSSProperties;
     /** Picker menu auto width */
     menuAutoWidth?: boolean;
     /** Picker menu max Height */
     menuMaxHeight?: number;
     /** Placeholder text */
-    placeholder?: React.ReactNode;
+    placeholder?: ReactNode;
     /** The placement of picker */
     placement?: TypeAttributes.Placement;
     /** Prevent floating element overflow */
@@ -80,13 +84,13 @@ export interface PickerBaseProps<L = any> extends WithAsProps, AnimationEventPro
     /**
      * Called when the component is focused.
      */
-    onFocus?: React.FocusEventHandler<any>;
+    onFocus?: FocusEventHandler<any>;
     /**
      * Called when the component is blurred.
      */
-    onBlur?: React.FocusEventHandler<any>;
+    onBlur?: FocusEventHandler<any>;
     /** Custom render extra footer */
-    renderExtraFooter?: () => React.ReactNode;
+    renderExtraFooter?: () => ReactNode;
 }
 export interface DeprecatedPickerProps {
     /**
@@ -98,7 +102,7 @@ export interface DeprecatedPickerProps {
      * Custom menu style
      * @deprecated Use `popupStyle` instead
      */
-    menuStyle?: React.CSSProperties;
+    menuStyle?: CSSProperties;
     /**
      * Picker menu auto width
      *
@@ -109,9 +113,9 @@ export interface DeprecatedPickerProps {
      * Custom render tree
      * @deprecated Use `renderTree` instead
      */
-    renderMenu?: (menu: React.ReactNode) => React.ReactNode;
+    renderMenu?: (menu: ReactNode) => ReactNode;
 }
-export interface FormControlBaseProps<ValueType = React.InputHTMLAttributes<HTMLInputElement>['value']> {
+export interface FormControlBaseProps<ValueType = InputHTMLAttributes<HTMLInputElement>['value']> {
     /** Name of the form field */
     name?: string;
     /** Initial value */
@@ -120,10 +124,10 @@ export interface FormControlBaseProps<ValueType = React.InputHTMLAttributes<HTML
     value?: ValueType;
     /**
      * Called after the value has been changed
-     * todo Override event as React.ChangeEvent in components where onChange is delegated
+     * todo Override event as ChangeEvent in components where onChange is delegated
      *      to an underlying <input> element
      */
-    onChange?: (value: ValueType, event: React.SyntheticEvent) => void;
+    onChange?: (value: ValueType, event: SyntheticEvent) => void;
     /** Set the component to be disabled and cannot be entered */
     disabled?: boolean;
     /** Render the control as plain text */
@@ -179,7 +183,7 @@ export interface SVGIcon {
     id: string;
 }
 export interface ItemDataType<T = number | string> extends Record<string, any> {
-    label?: string | React.ReactNode;
+    label?: string | ReactNode;
     value?: T;
     groupBy?: string;
     parent?: ItemDataType<T>;
@@ -193,7 +197,7 @@ export interface Offset {
     width: number;
     height: number;
 }
-export type OnChangeCallback<T, E = React.SyntheticEvent> = (value: T, event: E) => void;
+export type OnChangeCallback<T, E = SyntheticEvent> = (value: T, event: E) => void;
 export type CursorPosition = {
     top: number;
     left: number;

package/cjs/internals/utils/BrowserDetection.d.ts

@@ -1,12 +1,4 @@
 export declare const isIE: () => boolean;
-export declare const isIE10: () => boolean;
 export declare const isIE11: () => boolean;
-export declare const isEdge: () => boolean;
 export declare const isAndroid: () => boolean;
 export declare const getChromeVersion: () => number | false;
-export declare const getSafariVersion: () => number | false;
-/**
- * flexbox-gap compatibility
- * @see https://caniuse.com/flexbox-gap
- */
-export declare const isSupportFlexGap: () => boolean;