rsuite 5.61.0 → 5.62.1

package/cjs/Animation/Transition.js

@@ -3,7 +3,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = exports.transitionPropTypes = exports.STATUS = void 0;
+exports.transitionPropTypes = exports.default = exports.STATUS = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -14,18 +14,18 @@ var _on = _interopRequireDefault(require("dom-lib/on"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
-var _utils = require("../utils");
+var _utils = require("../internals/utils");
 var _utils2 = require("./utils");
-var STATUS;
-exports.STATUS = STATUS;
-(function (STATUS) {
+var _excluded = ["children", "className", "exitedClassName", "enteringClassName", "enteredClassName", "exitingClassName"];
+var STATUS = exports.STATUS = /*#__PURE__*/function (STATUS) {
   STATUS[STATUS["UNMOUNTED"] = 0] = "UNMOUNTED";
   STATUS[STATUS["EXITED"] = 1] = "EXITED";
   STATUS[STATUS["ENTERING"] = 2] = "ENTERING";
   STATUS[STATUS["ENTERED"] = 3] = "ENTERED";
   STATUS[STATUS["EXITING"] = 4] = "EXITING";
-})(STATUS || (exports.STATUS = STATUS = {}));
-var transitionPropTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, {
+  return STATUS;
+}({});
+var transitionPropTypes = exports.transitionPropTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, {
   animation: _propTypes.default.bool,
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
   className: _propTypes.default.string,
@@ -38,13 +38,11 @@ var transitionPropTypes = (0, _extends2.default)({}, _utils2.animationPropTypes,
   enteredClassName: _propTypes.default.string,
   enteringClassName: _propTypes.default.string
 });
-exports.transitionPropTypes = transitionPropTypes;
 /**
  * A Transition component for animation.
  * @see https://rsuitejs.com/components/animation/#transition
  */
 var Transition = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(Transition, _React$Component);
   function Transition(props) {
     var _this;
     _this = _React$Component.call(this, props) || this;
@@ -66,6 +64,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     _this.childRef = /*#__PURE__*/_react.default.createRef();
     return _this;
   }
+  (0, _inheritsLoose2.default)(Transition, _React$Component);
   Transition.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
     if (nextProps.in && nextProps.unmountOnExit) {
       if (prevState.status === STATUS.UNMOUNTED) {
@@ -243,7 +242,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
       enteringClassName = _this$props2.enteringClassName,
       enteredClassName = _this$props2.enteredClassName,
       exitingClassName = _this$props2.exitingClassName,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, ["children", "className", "exitedClassName", "enteringClassName", "enteredClassName", "exitingClassName"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, _excluded);
     var childProps = (0, _omit.default)(rest, Object.keys(transitionPropTypes));
     var transitionClassName;
     if (status === STATUS.EXITED) {
@@ -272,5 +271,4 @@ Transition.displayName = 'Transition';
 Transition.defaultProps = {
   timeout: 1000
 };
-var _default = Transition;
-exports.default = _default;
+var _default = exports.default = Transition;

package/cjs/Animation/index.js

@@ -16,5 +16,4 @@ var Animation = {
   Bounce: _Bounce.default,
   Slide: _Slide.default
 };
-var _default = Animation;
-exports.default = _default;
+var _default = exports.default = Animation;

package/cjs/Animation/utils.js

@@ -3,8 +3,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.getAnimationEnd = getAnimationEnd;
 exports.animationPropTypes = void 0;
+exports.getAnimationEnd = getAnimationEnd;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 function getAnimationEnd() {
   var style = document.createElement('div').style;
@@ -13,12 +13,11 @@ function getAnimationEnd() {
   }
   return 'animationend';
 }
-var animationPropTypes = {
+var animationPropTypes = exports.animationPropTypes = {
   onEnter: _propTypes.default.func,
   onEntering: _propTypes.default.func,
   onEntered: _propTypes.default.func,
   onExit: _propTypes.default.func,
   onExiting: _propTypes.default.func,
   onExited: _propTypes.default.func
-};
-exports.animationPropTypes = animationPropTypes;
+};

package/cjs/AutoComplete/AutoComplete.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PickerComponent } from '../internals/Picker';
-import { WithAsProps, FormControlPickerProps, TypeAttributes, ItemDataType } from '../@types/common';
-export declare type ValueType = string;
+import { WithAsProps, FormControlPickerProps, TypeAttributes, ItemDataType } from '../internals/types';
+export type ValueType = string;
 export interface AutoCompleteProps<T = ValueType> extends WithAsProps, FormControlPickerProps<T, any, ItemDataType | string> {
     /** Additional classes for menu */
     menuClassName?: string;

package/cjs/AutoComplete/AutoComplete.js

@@ -1,7 +1,6 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
@@ -11,13 +10,18 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _utils2 = require("../Animation/utils");
 var _Picker = require("../internals/Picker");
+var _constants = require("../internals/constants");
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _propTypes2 = require("../internals/propTypes");
 var _utils3 = require("./utils");
 var _Combobox = _interopRequireDefault(require("./Combobox"));
+var _excluded = ["as", "disabled", "className", "placement", "selectOnEnter", "classPrefix", "defaultValue", "menuAutoWidth", "data", "value", "open", "style", "size", "menuClassName", "id", "readOnly", "plaintext", "renderMenu", "renderMenuItem", "onSelect", "filterBy", "onKeyDown", "onChange", "onClose", "onOpen", "onFocus", "onBlur", "onMenuFocus"];
+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; }
 /**
  * Autocomplete function of input field.
  * @see https://rsuitejs.com/components/auto-complete
@@ -60,9 +64,9 @@ var AutoComplete = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     onFocus = props.onFocus,
     onBlur = props.onBlur,
     onMenuFocus = props.onMenuFocus,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "disabled", "className", "placement", "selectOnEnter", "classPrefix", "defaultValue", "menuAutoWidth", "data", "value", "open", "style", "size", "menuClassName", "id", "readOnly", "plaintext", "renderMenu", "renderMenuItem", "onSelect", "filterBy", "onKeyDown", "onChange", "onClose", "onOpen", "onFocus", "onBlur", "onMenuFocus"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var datalist = (0, _utils3.transformData)(data);
-  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),
+  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
     value = _useControlled[0],
     setValue = _useControlled[1];
   var _useState = (0, _react.useState)(false),
@@ -74,7 +78,7 @@ var AutoComplete = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     trigger = _usePickerRef.trigger,
     overlay = _usePickerRef.overlay,
     root = _usePickerRef.root;
-  var isMounted = (0, _utils.useIsMounted)();
+  var isMounted = (0, _hooks.useIsMounted)();
 
   // Used to hover the focuse item  when trigger `onKeydown`
   var _useFocusItemValue = (0, _Picker.useFocusItemValue)(value, {
@@ -114,10 +118,10 @@ var AutoComplete = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     }
     handleClose();
   };
-  var handleSelect = (0, _utils.useEventCallback)(function (item, event) {
+  var handleSelect = (0, _hooks.useEventCallback)(function (item, event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(item.value, item, event);
   });
-  var handleChangeValue = (0, _utils.useEventCallback)(function (value, event) {
+  var handleChangeValue = (0, _hooks.useEventCallback)(function (value, event) {
     onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
   });
   var handleChange = function handleChange(value, event) {
@@ -126,17 +130,17 @@ var AutoComplete = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     setFocus(true);
     handleChangeValue(value, event);
   };
-  var handleClose = (0, _utils.useEventCallback)(function () {
+  var handleClose = (0, _hooks.useEventCallback)(function () {
     if (isMounted()) {
       setFocus(false);
       onClose === null || onClose === void 0 ? void 0 : onClose();
     }
   });
-  var handleOpen = (0, _utils.useEventCallback)(function () {
+  var handleOpen = (0, _hooks.useEventCallback)(function () {
     setFocus(true);
     onOpen === null || onOpen === void 0 ? void 0 : onOpen();
   });
-  var handleItemSelect = (0, _utils.useEventCallback)(function (nextItemValue, item, event) {
+  var handleItemSelect = (0, _hooks.useEventCallback)(function (nextItemValue, item, event) {
     setValue(nextItemValue);
     setFocusItemValue(nextItemValue);
     handleSelect(item, event);
@@ -145,15 +149,15 @@ var AutoComplete = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     }
     handleClose();
   });
-  var handleInputFocus = (0, _utils.useEventCallback)(function (event) {
+  var handleInputFocus = (0, _hooks.useEventCallback)(function (event) {
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
     handleOpen();
   });
-  var handleInputBlur = (0, _utils.useEventCallback)(function (event) {
+  var handleInputBlur = (0, _hooks.useEventCallback)(function (event) {
     setTimeout(handleClose, 300);
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
   });
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix({
@@ -234,7 +238,7 @@ AutoComplete.propTypes = (0, _extends2.default)({}, _utils2.animationPropTypes,
   className: _propTypes.default.string,
   menuClassName: _propTypes.default.string,
   menuAutoWidth: _propTypes.default.bool,
-  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT),
+  placement: (0, _propTypes2.oneOf)(_constants.PLACEMENT),
   onFocus: _propTypes.default.func,
   onMenuFocus: _propTypes.default.func,
   onBlur: _propTypes.default.func,
@@ -250,5 +254,4 @@ AutoComplete.propTypes = (0, _extends2.default)({}, _utils2.animationPropTypes,
   selectOnEnter: _propTypes.default.bool,
   filterBy: _propTypes.default.func
 });
-var _default = AutoComplete;
-exports.default = _default;
+var _default = exports.default = AutoComplete;

package/cjs/AutoComplete/Combobox.js

@@ -9,13 +9,14 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _Picker = require("../internals/Picker");
 var _Input = _interopRequireDefault(require("../Input"));
+var _excluded = ["expanded", "focusItemValue"];
 var Combobox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useCombobox = (0, _Picker.useCombobox)(),
     id = _useCombobox.id,
     popupType = _useCombobox.popupType;
   var expanded = props.expanded,
     focusItemValue = props.focusItemValue,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["expanded", "focusItemValue"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
     role: "combobox",
     "aria-autocomplete": "list",
@@ -27,5 +28,4 @@ var Combobox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     ref: ref
   }, rest));
 });
-var _default = Combobox;
-exports.default = _default;
+var _default = exports.default = Combobox;

package/cjs/AutoComplete/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _AutoComplete = _interopRequireDefault(require("./AutoComplete"));
-var _default = _AutoComplete.default;
-exports.default = _default;
+var _default = exports.default = _AutoComplete.default;

package/cjs/AutoComplete/utils.js

@@ -3,8 +3,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.transformData = transformData;
 exports.shouldDisplay = void 0;
+exports.transformData = transformData;
 var _trim = _interopRequireDefault(require("lodash/trim"));
 function transformData(data) {
   if (!data) {
@@ -22,7 +22,7 @@ function transformData(data) {
     }
   });
 }
-var shouldDisplay = function shouldDisplay(filterBy, value) {
+var shouldDisplay = exports.shouldDisplay = function shouldDisplay(filterBy, value) {
   return function (item) {
     if (typeof filterBy === 'function') {
       return filterBy(value, item);
@@ -33,5 +33,4 @@ var shouldDisplay = function shouldDisplay(filterBy, value) {
     var keyword = value.toLocaleLowerCase();
     return ("" + item.label).toLocaleLowerCase().indexOf(keyword) >= 0;
   };
-};
-exports.shouldDisplay = shouldDisplay;
+};

package/cjs/Avatar/Avatar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
 import { type Size } from '../AvatarGroup/AvatarGroup';
 export interface AvatarProps extends WithAsProps {
     /**

package/cjs/Avatar/Avatar.js

@@ -2,7 +2,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 exports.__esModule = true;
 exports.default = void 0;
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
@@ -10,12 +9,16 @@ var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _AvatarGroup = require("../AvatarGroup/AvatarGroup");
 var _propTypes2 = require("../internals/propTypes");
 var _AvatarIcon = _interopRequireDefault(require("./AvatarIcon"));
 var _useImage2 = _interopRequireDefault(require("./useImage"));
 var _templateObject, _templateObject2;
+var _excluded = ["as", "bordered", "alt", "className", "children", "circle", "color", "classPrefix", "size", "src", "srcSet", "sizes", "style", "imgProps", "onError"];
+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; }
 /**
  * The Avatar component is used to represent user or brand.
  * @see https://rsuitejs.com/components/avatar
@@ -43,8 +46,8 @@ var Avatar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     style = props.style,
     imgProps = props.imgProps,
     onError = props.onError,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "bordered", "alt", "className", "children", "circle", "color", "classPrefix", "size", "src", "srcSet", "sizes", "style", "imgProps", "onError"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
@@ -62,7 +65,7 @@ var Avatar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onError: onError
     })),
     loaded = _useImage.loaded;
-  var _useCustom = (0, _utils.useCustom)('Avatar'),
+  var _useCustom = (0, _hooks.useCustom)('Avatar'),
     rtl = _useCustom.rtl;
   var altComponent = (0, _react.useMemo)(function () {
     if (alt) {
@@ -101,5 +104,4 @@ Avatar.propTypes = {
   circle: _propTypes.default.bool,
   alt: _propTypes.default.string
 };
-var _default = Avatar;
-exports.default = _default;
+var _default = exports.default = Avatar;

package/cjs/Avatar/AvatarIcon.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const AvatarIcon: (props: React.HTMLAttributes<SVGElement>) => JSX.Element;
+declare const AvatarIcon: (props: React.HTMLAttributes<SVGElement>) => React.JSX.Element;
 export default AvatarIcon;

package/cjs/Avatar/AvatarIcon.js

@@ -20,5 +20,4 @@ var AvatarIcon = function AvatarIcon(props) {
     d: "M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"
   }));
 };
-var _default = AvatarIcon;
-exports.default = _default;
+var _default = exports.default = AvatarIcon;

package/cjs/Avatar/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Avatar = _interopRequireDefault(require("./Avatar"));
-var _default = _Avatar.default;
-exports.default = _default;
+var _default = exports.default = _Avatar.default;

package/cjs/Avatar/useImage.d.ts

@@ -21,7 +21,7 @@ interface UseImageProps {
      */
     onError?: OnErrorEventHandler;
 }
-declare type Status = 'pending' | 'loading' | 'error' | 'loaded';
+type Status = 'pending' | 'loading' | 'error' | 'loaded';
 /**
  * A hook that loads an image and returns the status of the image.
  *

package/cjs/Avatar/useImage.js

@@ -4,7 +4,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 /**
  * A hook that loads an image and returns the status of the image.
  *
@@ -57,7 +57,7 @@ var useImage = function useImage(props) {
     if (crossOrigin) img.crossOrigin = crossOrigin;
     imgRef.current = img;
   }, [crossOrigin, handleError, handleLoad, sizes, src, srcSet]);
-  (0, _utils.useIsomorphicLayoutEffect)(function () {
+  (0, _hooks.useIsomorphicLayoutEffect)(function () {
     if (status === 'loading') {
       loadImge();
     }
@@ -70,5 +70,4 @@ var useImage = function useImage(props) {
     status: status
   };
 };
-var _default = useImage;
-exports.default = _default;
+var _default = exports.default = useImage;

package/cjs/AvatarGroup/AvatarGroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
-export declare type Size = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+export type Size = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export interface AvatarGroupProps extends WithAsProps {
     /**
      * Render all avatars as stacks

package/cjs/AvatarGroup/AvatarGroup.js

@@ -1,7 +1,6 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = exports.AvatarGroupContext = void 0;
@@ -9,15 +8,18 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
-var AvatarGroupContext = /*#__PURE__*/_react.default.createContext({});
+var _excluded = ["as", "classPrefix", "spacing", "className", "children", "stack", "size", "style"];
+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 AvatarGroupContext = exports.AvatarGroupContext = /*#__PURE__*/_react.default.createContext({});
 
 /**
  * The AvatarGroup component is used to represent a collection of avatars.
  * @see https://rsuitejs.com/components/avatar
  */
-exports.AvatarGroupContext = AvatarGroupContext;
 var AvatarGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -29,8 +31,8 @@ var AvatarGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     stack = props.stack,
     size = props.size,
     style = props.style,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "spacing", "className", "children", "stack", "size", "style"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix({
@@ -64,5 +66,4 @@ AvatarGroup.propTypes = {
   spacing: _propTypes.default.number,
   size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs'])
 };
-var _default = AvatarGroup;
-exports.default = _default;
+var _default = exports.default = AvatarGroup;

package/cjs/AvatarGroup/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _AvatarGroup = _interopRequireDefault(require("./AvatarGroup"));
-var _default = _AvatarGroup.default;
-exports.default = _default;
+var _default = exports.default = _AvatarGroup.default;

package/cjs/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
 export interface BadgeProps extends WithAsProps {
     /** Main content */
     content?: React.ReactNode;

package/cjs/Badge/Badge.js

@@ -8,8 +8,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _propTypes2 = require("../internals/propTypes");
+var _excluded = ["as", "content", "color", "className", "classPrefix", "children", "maxCount"];
 /**
  * The Badge component is usually used to mark or highlight the status or quantity of an object.
  * @see https://rsuitejs.com/components/badge
@@ -25,8 +26,8 @@ var Badge = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     children = props.children,
     _props$maxCount = props.maxCount,
     maxCount = _props$maxCount === void 0 ? 99 : _props$maxCount,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "content", "color", "className", "classPrefix", "children", "maxCount"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
@@ -65,5 +66,4 @@ Badge.propTypes = {
   maxCount: _propTypes.default.number,
   color: (0, _propTypes2.oneOf)(['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet'])
 };
-var _default = Badge;
-exports.default = _default;
+var _default = exports.default = Badge;

package/cjs/Badge/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Badge = _interopRequireDefault(require("./Badge"));
-var _default = _Badge.default;
-exports.default = _default;
+var _default = exports.default = _Badge.default;

package/cjs/Breadcrumb/Breadcrumb.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import BreadcrumbItem from './BreadcrumbItem';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import { BreadcrumbLocale } from '../locales';
 export interface BreadcrumbProps extends WithAsProps {
     /** Shorthand for primary content of the React.ReactNode */

package/cjs/Breadcrumb/Breadcrumb.js

@@ -2,7 +2,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -10,9 +9,12 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem"));
 var _templateObject;
+var _excluded = ["as", "className", "classPrefix", "children", "maxItems", "separator", "locale", "onExpand"];
+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; }
 /**
  * The Breadcrumb component is used to indicate the current page location and navigate.
  * @see https://rsuitejs.com/components/breadcrumb
@@ -30,15 +32,15 @@ var Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     separator = _props$separator === void 0 ? '/' : _props$separator,
     overrideLocale = props.locale,
     onExpand = props.onExpand,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "children", "maxItems", "separator", "locale", "onExpand"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix;
   var _useState = (0, _react.useState)(true),
     ellipsis = _useState[0],
     setEllipsis = _useState[1];
-  var _useCustom = (0, _utils.useCustom)('Breadcrumb', overrideLocale),
+  var _useCustom = (0, _hooks.useCustom)('Breadcrumb', overrideLocale),
     locale = _useCustom.locale;
   var renderSeparator = function renderSeparator(key) {
     return /*#__PURE__*/_react.default.createElement("span", {
@@ -92,5 +94,4 @@ Breadcrumb.propTypes = {
   maxItems: _propTypes.default.number,
   onExpand: _propTypes.default.func
 };
-var _default = Breadcrumb;
-exports.default = _default;
+var _default = exports.default = Breadcrumb;

package/cjs/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface BreadcrumbItemProps extends WithAsProps<React.ElementType | string> {
     active?: boolean;
     href?: string;

package/cjs/Breadcrumb/BreadcrumbItem.js

@@ -9,7 +9,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _excluded = ["as", "href", "classPrefix", "title", "target", "className", "style", "active", "children"];
 /**
  * The `<Breadcrumb.Item>` component is used to specify each section of the Breadcrumb.
  * @see https://rsuitejs.com/components/breadcrumb
@@ -26,8 +27,8 @@ var BreadcrumbItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     style = props.style,
     active = props.active,
     children = props.children,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "href", "classPrefix", "title", "target", "className", "style", "active", "children"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix({
@@ -61,5 +62,4 @@ BreadcrumbItem.propTypes = {
   classPrefix: _propTypes.default.string,
   as: _propTypes.default.elementType
 };
-var _default = BreadcrumbItem;
-exports.default = _default;
+var _default = exports.default = BreadcrumbItem;

package/cjs/Breadcrumb/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
-var _default = _Breadcrumb.default;
-exports.default = _default;
+var _default = exports.default = _Breadcrumb.default;

package/cjs/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface ButtonProps extends WithAsProps, React.HTMLAttributes<HTMLElement> {
     /** A button can have different appearances. */
     appearance?: TypeAttributes.Appearance;