rsuite 5.60.2 → 5.62.0

package/cjs/DateRangePicker/hooks/useDateDisabled.d.ts

@@ -0,0 +1,16 @@
+import { DATERANGE_DISABLED_TARGET as TARGET } from '@/internals/constants';
+import { DisabledDateFunction, SelectedDatesState } from '../types';
+interface UseDateDisabledProps {
+    shouldDisableDate?: DisabledDateFunction;
+    DEPRECATED_disabledDate?: DisabledDateFunction;
+}
+interface DateDisabledOptions {
+    selectDate?: SelectedDatesState;
+    selectedDone?: boolean;
+    target?: TARGET;
+}
+/**
+ * Returns a function that determines whether a date is disabled and is compatible with the deprecated `disabledDate` prop.
+ */
+declare function useDateDisabled(props: UseDateDisabledProps): ((date: Date, options: DateDisabledOptions) => boolean) | undefined;
+export default useDateDisabled;

package/cjs/DateRangePicker/hooks/useDateDisabled.js

@@ -0,0 +1,31 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = require("react");
+/**
+ * Returns a function that determines whether a date is disabled and is compatible with the deprecated `disabledDate` prop.
+ */
+function useDateDisabled(props) {
+  var shouldDisableDate = props.shouldDisableDate,
+    DEPRECATED_disabledDate = props.DEPRECATED_disabledDate;
+  var isDateDisabled = (0, _react.useCallback)(function (date, options) {
+    var selectDate = options.selectDate,
+      selectedDone = options.selectedDone,
+      target = options.target;
+    if (typeof shouldDisableDate === 'function') {
+      return shouldDisableDate(date, selectDate, selectedDone, target);
+    }
+    if (typeof DEPRECATED_disabledDate === 'function') {
+      return DEPRECATED_disabledDate(date, selectDate, selectedDone, target);
+    }
+    return false;
+  }, [shouldDisableDate, DEPRECATED_disabledDate]);
+  if (shouldDisableDate || DEPRECATED_disabledDate) {
+    return isDateDisabled;
+  }
+  return undefined;
+}
+var _default = useDateDisabled;
+exports.default = _default;

package/cjs/DateRangePicker/types.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DATERANGE_DISABLED_TARGET } from '../utils/constants';
+import { DATERANGE_DISABLED_TARGET } from '@/internals/constants';
 export declare type ValueType = [Date?, Date?];
 export declare type DateRange = [Date, Date];
 export interface RangeType<T = DateRange> {
@@ -26,3 +26,4 @@ selectedDone?: boolean,
  * Call the target of the `shouldDisableDate` function.
  */
 target?: DATERANGE_DISABLED_TARGET) => boolean;
+export declare type SelectedDatesState = [] | [Date] | [Date, Date];

package/cjs/DateRangePicker/utils.d.ts

@@ -1,4 +1,5 @@
 import { DateRange } from './types';
+import type { Locale } from 'date-fns';
 export declare function getSafeCalendarDate({ value, calendarKey, allowSameMonth }: {
     value: [] | [Date] | [Date, Date] | null;
     calendarKey?: 'start' | 'end';
@@ -6,4 +7,8 @@ export declare function getSafeCalendarDate({ value, calendarKey, allowSameMonth
 }): DateRange;
 export declare const isSameRange: (source: DateRange | null, dest: DateRange | null, format: string) => boolean;
 export declare const getMonthHoverRange: (date: Date) => DateRange;
-export declare const getWeekHoverRange: (isoWeek: boolean, date: Date) => DateRange;
+export declare const getWeekHoverRange: (date: Date, options: {
+    isoWeek: boolean;
+    weekStart: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    locale?: Locale;
+}) => DateRange;

package/cjs/DateRangePicker/utils.js

@@ -4,7 +4,7 @@
 exports.__esModule = true;
 exports.getSafeCalendarDate = getSafeCalendarDate;
 exports.getWeekHoverRange = exports.getMonthHoverRange = exports.isSameRange = void 0;
-var _dateUtils = require("../utils/dateUtils");
+var _date = require("../internals/utils/date");
 function getSafeCalendarDate(_ref) {
   var _value;
   var value = _ref.value,
@@ -15,47 +15,56 @@ function getSafeCalendarDate(_ref) {
   value = (_value = value) !== null && _value !== void 0 ? _value : [];
   var gap = allowSameMonth ? 0 : 1;
   if (value[0] && value[1]) {
-    var diffMonth = (0, _dateUtils.differenceInCalendarMonths)(value[1], value[0]);
+    var diffMonth = (0, _date.differenceInCalendarMonths)(value[1], value[0]);
     if (calendarKey === 'start') {
-      return [value[0], diffMonth <= 0 ? (0, _dateUtils.copyTime)({
+      return [value[0], diffMonth <= 0 ? (0, _date.copyTime)({
         from: value[1],
-        to: (0, _dateUtils.addMonths)(value[0], gap)
+        to: (0, _date.addMonths)(value[0], gap)
       }) : value[1]];
     } else if (calendarKey === 'end') {
-      return [diffMonth <= 0 ? (0, _dateUtils.copyTime)({
+      return [diffMonth <= 0 ? (0, _date.copyTime)({
         from: value[0],
-        to: (0, _dateUtils.addMonths)(value[1], -gap)
+        to: (0, _date.addMonths)(value[1], -gap)
       }) : value[0], value[1]];
     }
 
     // If only the start date
   } else if (value[0]) {
-    return [value[0], (0, _dateUtils.addMonths)(value[0], gap)];
+    return [value[0], (0, _date.addMonths)(value[0], gap)];
   }
   var todayDate = new Date();
-  return [todayDate, (0, _dateUtils.addMonths)(todayDate, gap)];
+  return [todayDate, (0, _date.addMonths)(todayDate, gap)];
 }
 var isSameRange = function isSameRange(source, dest, format) {
   // If both are null, reguard as same
   if (null === source && null === dest) return true;
   // If only one is null, regard as different
   if (null === source || null === dest) return false;
-  var result = (0, _dateUtils.isSameDay)(source[0], dest[0]) && (0, _dateUtils.isSameDay)(source[1], dest[1]);
-  if ((0, _dateUtils.shouldRenderTime)(format)) {
-    result && (result = (0, _dateUtils.isSameSecond)(source[0], dest[0]) && (0, _dateUtils.isSameSecond)(source[1], dest[1]));
+  var result = (0, _date.isSameDay)(source[0], dest[0]) && (0, _date.isSameDay)(source[1], dest[1]);
+  if ((0, _date.shouldRenderTime)(format)) {
+    result && (result = (0, _date.isSameSecond)(source[0], dest[0]) && (0, _date.isSameSecond)(source[1], dest[1]));
   }
   return result;
 };
 exports.isSameRange = isSameRange;
 var getMonthHoverRange = function getMonthHoverRange(date) {
-  return [(0, _dateUtils.startOfMonth)(date), (0, _dateUtils.endOfMonth)(date)];
+  return [(0, _date.startOfMonth)(date), (0, _date.endOfMonth)(date)];
 };
 exports.getMonthHoverRange = getMonthHoverRange;
-var getWeekHoverRange = function getWeekHoverRange(isoWeek, date) {
+var getWeekHoverRange = function getWeekHoverRange(date, options) {
+  var isoWeek = options.isoWeek,
+    weekStart = options.weekStart,
+    locale = options.locale;
   if (isoWeek) {
     // set to the first day of this week according to ISO 8601, 12:00 am
-    return [(0, _dateUtils.startOfISOWeek)(date), (0, _dateUtils.endOfISOWeek)(date)];
+    return [(0, _date.startOfISOWeek)(date), (0, _date.endOfISOWeek)(date)];
   }
-  return [(0, _dateUtils.startOfWeek)(date), (0, _dateUtils.endOfWeek)(date)];
+  return [(0, _date.startOfWeek)(date, {
+    weekStartsOn: weekStart,
+    locale: locale
+  }), (0, _date.endOfWeek)(date, {
+    weekStartsOn: weekStart,
+    locale: locale
+  })];
 };
 exports.getWeekHoverRange = getWeekHoverRange;

package/cjs/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface DividerProps extends WithAsProps {
     /**
      * Vertical dividing line. Cannot be used with text.

package/cjs/Divider/Divider.js

@@ -8,7 +8,7 @@ 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");
 /**
  * The Divider component is used to separate content.
  * @see https://rsuitejs.com/components/divider
@@ -22,7 +22,7 @@ var Divider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     children = props.children,
     vertical = props.vertical,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "children", "vertical"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/cjs/Drawer/Drawer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ModalProps, ModalBodyProps, ModalHeaderProps, ModalFooterProps, ModalTitleProps } from '../Modal';
-import { TypeAttributes, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, RsRefForwardingComponent } from '@/internals/types';
 export interface DrawerProps extends ModalProps {
     /** The placement of Drawer */
     placement?: TypeAttributes.Placement4;

package/cjs/Drawer/Drawer.js

@@ -11,8 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Slide = _interopRequireDefault(require("../Animation/Slide"));
 var _Modal = _interopRequireDefault(require("../Modal"));
-var _utils = require("../utils");
-var _deprecateComponent = _interopRequireDefault(require("../utils/deprecateComponent"));
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _DrawerContext = _interopRequireDefault(require("./DrawerContext"));
 var _propTypes2 = require("../internals/propTypes");
 var DrawerBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -65,7 +65,7 @@ var Drawer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     _props$closeButton = props.closeButton,
     closeButton = _props$closeButton === void 0 ? true : _props$closeButton,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "placement", "classPrefix", "animation", "closeButton"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
   var classes = merge(className, prefix(placement));
@@ -96,7 +96,7 @@ DrawerTitle.displayName = 'DrawerTitle';
 Drawer.Body = DrawerBody;
 Drawer.Header = DrawerHeader;
 Drawer.Actions = DrawerActions;
-Drawer.Footer = (0, _deprecateComponent.default)(DrawerFooter, '<Drawer.Footer> has been deprecated, use <Drawer.Actions> instead.');
+Drawer.Footer = (0, _utils.deprecateComponent)(DrawerFooter, '<Drawer.Footer> has been deprecated, use <Drawer.Actions> instead.');
 Drawer.Title = DrawerTitle;
 Drawer.displayName = 'Drawer';
 Drawer.propTypes = (0, _extends2.default)({}, _Modal.default.propTypes, {

package/cjs/Dropdown/Dropdown.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import DropdownMenu from './DropdownMenu';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 import DropdownItem from './DropdownItem';
 import Button from '../Button';

package/cjs/Dropdown/Dropdown.js

@@ -12,7 +12,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
-var _utils = require("../utils");
+var _constants = require("../internals/constants");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
 var _DropdownItem = _interopRequireDefault(require("./DropdownItem"));
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
@@ -21,7 +23,6 @@ var _DropdownToggle = _interopRequireDefault(require("./DropdownToggle"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 var _DropdownState = require("./DropdownState");
-var _warnOnce = _interopRequireDefault(require("../utils/warnOnce"));
 var _Nav = _interopRequireDefault(require("../Nav"));
 var _DropdownSeparator = _interopRequireDefault(require("./DropdownSeparator"));
 /**
@@ -59,10 +60,10 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     style = rest.style,
     toggleProps = (0, _objectWithoutPropertiesLoose2.default)(rest, ["as", "title", "onClose", "onOpen", "onToggle", "trigger", "placement", "toggleAs", "toggleClassName", "open", "defaultOpen", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
   var nav = (0, _react.useContext)(_NavContext.default);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
-  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),
+  var _useClassNames2 = (0, _hooks.useClassNames)('dropdown-menu'),
     withMenuClassPrefix = _useClassNames2.withClassPrefix,
     mergeMenuClassName = _useClassNames2.merge;
   var menuButtonTriggers = (0, _react.useMemo)(function () {
@@ -101,7 +102,7 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   // Deprecate <Dropdown> within <Nav> usage
   // in favor of <Nav.Menu> API
   if (nav) {
-    (0, _warnOnce.default)('Usage of <Dropdown> within <Nav> is deprecated. Replace with <Nav.Menu>');
+    (0, _utils.warnOnce)('Usage of <Dropdown> within <Nav> is deprecated. Replace with <Nav.Menu>');
     return /*#__PURE__*/_react.default.createElement(_Nav.default.Menu, (0, _extends2.default)({
       ref: ref
     }, props));
@@ -164,7 +165,7 @@ Dropdown.propTypes = {
   activeKey: _propTypes.default.any,
   classPrefix: _propTypes.default.string,
   trigger: _propTypes.default.oneOfType([_propTypes.default.array, (0, _propTypes2.oneOf)(['click', 'hover', 'contextMenu'])]),
-  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT_8),
+  placement: (0, _propTypes2.oneOf)(_constants.PLACEMENT_8),
   title: _propTypes.default.node,
   disabled: _propTypes.default.bool,
   icon: _propTypes.default.node,

package/cjs/Dropdown/DropdownItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconProps } from '@rsuite/icons/lib/Icon';
-import type { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import type { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 export interface DropdownMenuItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;

package/cjs/Dropdown/DropdownItem.js

@@ -15,12 +15,11 @@ var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-var _useInternalId = _interopRequireDefault(require("../utils/useInternalId"));
 var _DropdownState = require("./DropdownState");
 var _useRenderDropdownItem = require("./useRenderDropdownItem");
-var _warnOnce = _interopRequireDefault(require("../utils/warnOnce"));
 var _Nav = _interopRequireDefault(require("../Nav"));
 var _Text = _interopRequireDefault(require("../Text"));
 var _DropdownSeparator = _interopRequireDefault(require("./DropdownSeparator"));
@@ -45,10 +44,10 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     children = props.children,
     disabled = props.disabled,
     restProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "className", "shortcut", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
-  var internalId = (0, _useInternalId.default)('DropdownItem');
+  var internalId = (0, _hooks.useInternalId)('DropdownItem');
   var nav = (0, _react.useContext)(_NavContext.default);
   var dropdown = (0, _react.useContext)(_DropdownContext.default);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
@@ -85,7 +84,7 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   // If using <Dropdown.Item> within <Nav>
   // Suggest <Nav.Item>
   if (nav) {
-    (0, _warnOnce.default)('Usage of <Dropdown.Item> within <Nav> is deprecated. Replace with <Nav.Item> within <Nav.Menu>.');
+    (0, _utils.warnOnce)('Usage of <Dropdown.Item> within <Nav> is deprecated. Replace with <Nav.Item> within <Nav.Menu>.');
     return /*#__PURE__*/_react.default.createElement(_Nav.default.Item, (0, _extends2.default)({
       ref: ref
     }, props));

package/cjs/Dropdown/DropdownMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StandardProps } from '../@types/common';
+import { StandardProps } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface DropdownMenuProps<T = string> extends StandardProps {
     /** Define the title as a submenu */

package/cjs/Dropdown/DropdownMenu.js

@@ -14,15 +14,14 @@ var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
 var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _Menubar = _interopRequireDefault(require("../internals/Menu/Menubar"));
 var _propTypes = require("../internals/propTypes");
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
 var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
-var _useCustom2 = _interopRequireDefault(require("../utils/useCustom"));
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
 var _Nav = _interopRequireDefault(require("../Nav"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-var _warnOnce = _interopRequireDefault(require("../utils/warnOnce"));
 var _templateObject, _templateObject2;
 /**
  * The `<Dropdown.Menu>` API
@@ -55,19 +54,19 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["onToggle", "eventKey", "title", "activeKey", "onSelect", "classPrefix", "className", "children"]);
   var nav = (0, _react.useContext)(_NavContext.default);
   var dropdown = (0, _react.useContext)(_DropdownContext.default);
-  var _useCustom = (0, _useCustom2.default)('DropdownMenu'),
+  var _useCustom = (0, _hooks.useCustom)('DropdownMenu'),
     rtl = _useCustom.rtl;
   var handleToggleSubmenu = (0, _react.useCallback)(function (_, event) {
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(eventKey, event);
   }, [eventKey, onToggle]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix;
-  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),
+  var _useClassNames2 = (0, _hooks.useClassNames)('dropdown-menu'),
     withMenuClassPrefix = _useClassNames2.withClassPrefix,
     mergeMenuClassName = _useClassNames2.merge;
-  var _useClassNames3 = (0, _utils.useClassNames)('dropdown-item'),
+  var _useClassNames3 = (0, _hooks.useClassNames)('dropdown-item'),
     mergeItemClassNames = _useClassNames3.merge,
     withItemClassPrefix = _useClassNames3.withClassPrefix,
     prefixItemClassName = _useClassNames3.prefix;
@@ -81,7 +80,7 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   // If rendered within a <Nav>
   // Suggest <Nav.Menu>
   if (nav) {
-    (0, _warnOnce.default)('Usage of <Dropdown.Menu> within <Nav> is deprecated. Replace with <Nav.Menu>');
+    (0, _utils.warnOnce)('Usage of <Dropdown.Menu> within <Nav> is deprecated. Replace with <Nav.Menu>');
     return /*#__PURE__*/_react.default.createElement(_Nav.default.Menu, (0, _extends2.default)({
       ref: ref
     }, props));

package/cjs/Dropdown/DropdownSeparator.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 export interface DropdownSeparatorProps extends WithAsProps, React.HTMLAttributes<HTMLElement> {
     /** You can use a custom element for this component */
     as?: React.ElementType;

package/cjs/Dropdown/DropdownSeparator.js

@@ -8,7 +8,7 @@ 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");
 /**
  * The `<Dropdown.Separator>` API
  *
@@ -22,7 +22,7 @@ var DropdownSeparator = /*#__PURE__*/_react.default.forwardRef(function (props,
     _props$as = props.as,
     Component = _props$as === void 0 ? 'li' : _props$as,
     restProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "className", "as"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({

package/cjs/Dropdown/DropdownToggle.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import Button from '../Button';
 import { IconProps } from '@rsuite/icons/lib/Icon';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '@/internals/types';
 export interface DropdownToggleProps extends WithAsProps {
     icon?: React.ReactElement<IconProps>;
     noCaret?: boolean;

package/cjs/Dropdown/DropdownToggle.js

@@ -9,8 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Button = _interopRequireDefault(require("../Button"));
-var _utils = require("../utils");
-var _useToggleCaret = _interopRequireDefault(require("../utils/useToggleCaret"));
+var _hooks = require("../internals/hooks");
 var _propTypes2 = require("../internals/propTypes");
 var DropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
@@ -25,7 +24,7 @@ var DropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "renderToggle", "children", "icon", "noCaret", "placement"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
@@ -34,7 +33,7 @@ var DropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   }));
 
   // Caret icon is down by default, when Dropdown is used in Sidenav.
-  var Caret = (0, _useToggleCaret.default)(placement);
+  var Caret = (0, _hooks.useToggleCaret)(placement);
   var toggle = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes

package/cjs/FlexboxGrid/FlexboxGrid.d.ts

@@ -1,5 +1,5 @@
 import FlexboxGridItem from './FlexboxGridItem';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface FlexboxGridProps extends WithAsProps {
     /** align */
     align?: 'top' | 'middle' | 'bottom';

package/cjs/FlexboxGrid/FlexboxGrid.js

@@ -8,7 +8,7 @@ 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 _FlexboxGridItem = _interopRequireDefault(require("./FlexboxGridItem"));
 var _propTypes2 = require("../internals/propTypes");
 /**
@@ -26,7 +26,7 @@ var FlexboxGrid = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     _props$justify = props.justify,
     justify = _props$justify === void 0 ? 'start' : _props$justify,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "align", "justify"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix(align, justify));

package/cjs/FlexboxGrid/FlexboxGridItem.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface FlexboxGridItemProps extends WithAsProps {
     /** spacing between grids */
     colspan?: number;

package/cjs/FlexboxGrid/FlexboxGridItem.js

@@ -8,7 +8,7 @@ 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");
 /**
  * The `FlexboxGrid.Item` component is used to specify the layout of the child element in the `FlexboxGrid` component.
  * @see https://rsuitejs.com/components/flexbox-grid
@@ -25,7 +25,7 @@ var FlexboxGridItem = /*#__PURE__*/_react.default.forwardRef(function (props, re
     _props$order = props.order,
     order = _props$order === void 0 ? 0 : _props$order,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "colspan", "order"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[colspan] = colspan >= 0, _withClassPrefix["order-" + order] = order, _withClassPrefix)));

package/cjs/Footer/Footer.d.ts

@@ -1,8 +1,8 @@
-import { ComponentProps } from '../utils/createComponent';
+import { ComponentProps } from '@/internals/utils';
 export declare type FooterProps = ComponentProps;
 /**
  * The `<Footer>` component is used to specify the footer of the page.
  * @see https://rsuitejs.com/components/container/
  */
-declare const Footer: import("../@types/common").RsRefForwardingComponent<"footer", ComponentProps>;
+declare const Footer: import("../internals/types").RsRefForwardingComponent<"footer", ComponentProps>;
 export default Footer;

package/cjs/Footer/Footer.js

@@ -1,15 +1,14 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _createComponent = _interopRequireDefault(require("../utils/createComponent"));
+var _utils = require("../internals/utils");
 /**
  * The `<Footer>` component is used to specify the footer of the page.
  * @see https://rsuitejs.com/components/container/
  */
-var Footer = (0, _createComponent.default)({
+var Footer = (0, _utils.createComponent)({
   name: 'Footer',
   componentAs: 'footer'
 });

package/cjs/Form/Form.d.ts

@@ -5,7 +5,7 @@ import FormControlLabel from '../FormControlLabel';
 import FormErrorMessage from '../FormErrorMessage';
 import FormGroup from '../FormGroup';
 import FormHelpText from '../FormHelpText';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '@/internals/types';
 import { FormInstance } from './hooks/useFormRef';
 export interface FormProps<V = Record<string, any>, M = any, E = {
     [P in keyof V]?: M;

package/cjs/Form/Form.js

@@ -15,7 +15,7 @@ var _FormControlLabel = _interopRequireDefault(require("../FormControlLabel"));
 var _FormErrorMessage = _interopRequireDefault(require("../FormErrorMessage"));
 var _FormGroup = _interopRequireDefault(require("../FormGroup"));
 var _FormHelpText = _interopRequireDefault(require("../FormHelpText"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _propTypes2 = require("../internals/propTypes");
 var _useSchemaModel2 = _interopRequireDefault(require("./hooks/useSchemaModel"));
 var _useFormValidate2 = _interopRequireDefault(require("./hooks/useFormValidate"));
@@ -96,17 +96,17 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     plaintext: plaintext,
     disabled: disabled
   });
-  var submit = (0, _utils.useEventCallback)(function (event) {
+  var submit = (0, _hooks.useEventCallback)(function (event) {
     // Check the form before submitting
     if (check()) {
       onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(formValue, event);
     }
   });
-  var reset = (0, _utils.useEventCallback)(function (event) {
+  var reset = (0, _hooks.useEventCallback)(function (event) {
     resetErrors();
     onReset === null || onReset === void 0 ? void 0 : onReset(resetFormValue(), event);
   });
-  var handleSubmit = (0, _utils.useEventCallback)(function (event) {
+  var handleSubmit = (0, _hooks.useEventCallback)(function (event) {
     var _event$preventDefault, _event$stopPropagatio;
     event === null || event === void 0 ? void 0 : (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);
     event === null || event === void 0 ? void 0 : (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 ? void 0 : _event$stopPropagatio.call(event);
@@ -117,7 +117,7 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     submit();
   });
-  var handleReset = (0, _utils.useEventCallback)(function (event) {
+  var handleReset = (0, _hooks.useEventCallback)(function (event) {
     var _event$preventDefault2, _event$stopPropagatio2;
     event === null || event === void 0 ? void 0 : (_event$preventDefault2 = event.preventDefault) === null || _event$preventDefault2 === void 0 ? void 0 : _event$preventDefault2.call(event);
     event === null || event === void 0 ? void 0 : (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 ? void 0 : _event$stopPropagatio2.call(event);
@@ -142,20 +142,20 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var formRef = (0, _useFormRef.default)(ref, {
     imperativeMethods: imperativeMethods
   });
-  var removeFieldValue = (0, _utils.useEventCallback)(function (name) {
+  var removeFieldValue = (0, _hooks.useEventCallback)(function (name) {
     var formValue = onRemoveValue(name);
     onChange === null || onChange === void 0 ? void 0 : onChange(formValue);
   });
-  var removeFieldError = (0, _utils.useEventCallback)(function (name) {
+  var removeFieldError = (0, _hooks.useEventCallback)(function (name) {
     onRemoveError(name);
   });
-  var onFieldError = (0, _utils.useEventCallback)(function (name, checkResult) {
+  var onFieldError = (0, _hooks.useEventCallback)(function (name, checkResult) {
     setFieldError(name, checkResult);
   });
-  var onFieldSuccess = (0, _utils.useEventCallback)(function (name) {
+  var onFieldSuccess = (0, _hooks.useEventCallback)(function (name) {
     removeFieldError(name);
   });
-  var onFieldChange = (0, _utils.useEventCallback)(function (name, value, event) {
+  var onFieldChange = (0, _hooks.useEventCallback)(function (name, value, event) {
     var nextFormValue = setFieldValue(name, value);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextFormValue, event);
   });

package/cjs/Form/FormContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes } from '../@types/common';
+import { TypeAttributes } from '@/internals/types';
 import type { Schema, CheckResult } from 'schema-typed';
 import type { FieldRuleType } from './hooks/useSchemaModel';
 declare type RecordAny = Record<string, any>;