rsuite 6.0.0-canary-20250103 → 6.0.0-canary-2025011413

package/cjs/DateRangePicker/index.js

@@ -3,12 +3,20 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
+var _exportNames = {
+  DateRangePicker: true
+};
 exports.default = void 0;
 var _DateRangePicker = _interopRequireDefault(require("./DateRangePicker"));
-var utils = _interopRequireWildcard(require("./disabledDateUtils"));
-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; }
-Object.keys(utils).forEach(key => {
-  _DateRangePicker.default[key] = utils[key];
+exports.DateRangePicker = _DateRangePicker.default;
+var _disabledDateUtils = require("./disabledDateUtils");
+Object.keys(_disabledDateUtils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _disabledDateUtils[key]) return;
+  exports[key] = _disabledDateUtils[key];
 });
+// export types
+// export utils
+// export components
 var _default = exports.default = _DateRangePicker.default;

package/cjs/DateRangePicker/types.d.ts

@@ -1,13 +1,6 @@
-import React from 'react';
 import { DATERANGE_DISABLED_TARGET } from '../internals/constants';
 export type ValueType = [Date?, Date?];
 export type DateRange = [Date, Date];
-export interface RangeType<T = DateRange> {
-    label: React.ReactNode;
-    value: T | ((value?: T) => T);
-    closeOverlay?: boolean;
-    placement?: 'bottom' | 'left';
-}
 export type DisabledDateFunction = (
 /**
  * Date used to determine if disabling is required.

package/cjs/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import { WithAsProps } from '../internals/types';
 export interface DividerProps extends WithAsProps {
     /**
      * Vertical dividing line. Cannot be used with text.
@@ -9,5 +9,5 @@ export interface DividerProps extends WithAsProps {
  * The Divider component is used to separate content.
  * @see https://rsuitejs.com/components/divider
  */
-declare const Divider: RsRefForwardingComponent<'div', DividerProps>;
+declare const Divider: import("../internals/types").InternalRefForwardingComponent<"div", DividerProps, never> & Record<string, never>;
 export default Divider;

package/cjs/Divider/Divider.js

@@ -6,13 +6,14 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _CustomProvider = require("../CustomProvider");
 /**
  * The Divider component is used to separate content.
  * @see https://rsuitejs.com/components/divider
  */
-const Divider = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Divider = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Divider', props);

package/cjs/Divider/index.d.ts

@@ -1,3 +1,4 @@
 import Divider from './Divider';
 export type { DividerProps } from './Divider';
+export { Divider };
 export default Divider;

package/cjs/Divider/index.js

@@ -5,4 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Divider = _interopRequireDefault(require("./Divider"));
+exports.Divider = _Divider.default;
+// export types
+// export components
 var _default = exports.default = _Divider.default;

package/cjs/Drawer/Drawer.d.ts

@@ -1,30 +1,26 @@
 import React from 'react';
 import { ModalProps } from '../Modal';
-import { PlacementCardinal } from '../internals/types';
-import DrawerBody from './DrawerBody';
-import DrawerHeader from './DrawerHeader';
-import DrawerActions from './DrawerActions';
-import DrawerFooter from './DrawerFooter';
-import DrawerTitle from './DrawerTitle';
+import type { PlacementCardinal } from '../internals/types';
 export interface DrawerProps extends Omit<ModalProps, 'overflow'> {
     /** The placement of Drawer */
     placement?: PlacementCardinal;
     /** Custom close button */
     closeButton?: React.ReactNode | boolean;
 }
-interface DrawerComponent extends React.FC<DrawerProps> {
-    Body: typeof DrawerBody;
-    Header: typeof DrawerHeader;
-    Actions: typeof DrawerActions;
-    Title: typeof DrawerTitle;
-    /**
-     * @deprecated use <Drawer.Actions> instead
-     */
-    Footer: typeof DrawerFooter;
-}
 /**
  * The Drawer component is used to display extra content from a main content.
  * @see https://rsuitejs.com/components/drawer
  */
-declare const Drawer: DrawerComponent;
+declare const Drawer: import("../internals/types").InternalRefForwardingComponent<"div", DrawerProps, never> & {
+    Body: import("../internals/types").InternalRefForwardingComponent<"div", import("../Modal").ModalBodyProps, never> & Record<string, never>;
+    Header: import("../internals/types").InternalRefForwardingComponent<"div", import("../Modal").ModalHeaderProps, never> & Record<string, never>;
+    Actions: import("../internals/types").InternalRefForwardingComponent<"div", Partial<{
+        name: string;
+    }>, never> & Record<string, never>;
+    Title: import("../internals/types").InternalRefForwardingComponent<"div", import("../internals/utils").ComponentProps, never> & Record<string, never>;
+    /**
+     * @deprecated use <Drawer.Actions> instead
+     */
+    Footer: import("../internals/types").InternalRefForwardingComponent<"div", import("../internals/utils").ComponentProps, never> & Record<string, never>;
+};
 export default Drawer;

package/cjs/Drawer/Drawer.js

@@ -8,19 +8,30 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _Slide = _interopRequireDefault(require("../Animation/Slide"));
 var _Modal = _interopRequireDefault(require("../Modal"));
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
-var _CustomProvider = require("../CustomProvider");
 var _DrawerBody = _interopRequireDefault(require("./DrawerBody"));
 var _DrawerHeader = _interopRequireDefault(require("./DrawerHeader"));
 var _DrawerActions = _interopRequireDefault(require("./DrawerActions"));
 var _DrawerFooter = _interopRequireDefault(require("./DrawerFooter"));
 var _DrawerTitle = _interopRequireDefault(require("./DrawerTitle"));
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
+var _CustomProvider = require("../CustomProvider");
+const Subcomponents = {
+  Body: _DrawerBody.default,
+  Header: _DrawerHeader.default,
+  Actions: _DrawerActions.default,
+  Title: _DrawerTitle.default,
+  /**
+   * @deprecated use <Drawer.Actions> instead
+   */
+  Footer: (0, _utils.deprecateComponent)(_DrawerFooter.default, '<Drawer.Footer> has been deprecated, use <Drawer.Actions> instead.')
+};
+
 /**
  * The Drawer component is used to display extra content from a main content.
  * @see https://rsuitejs.com/components/drawer
  */
-const Drawer = /*#__PURE__*/_react.default.forwardRef(function Drawer(props, ref) {
+const Drawer = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Drawer', props);
@@ -50,16 +61,6 @@ const Drawer = /*#__PURE__*/_react.default.forwardRef(function Drawer(props, ref
     isDrawer: true,
     closeButton: closeButton
   }));
-});
-_DrawerBody.default.displayName = 'DrawerBody';
-_DrawerHeader.default.displayName = 'DrawerHeader';
-_DrawerActions.default.displayName = 'DrawerActions';
-_DrawerFooter.default.displayName = 'DrawerFooter';
-_DrawerTitle.default.displayName = 'DrawerTitle';
-Drawer.Body = _DrawerBody.default;
-Drawer.Header = _DrawerHeader.default;
-Drawer.Actions = _DrawerActions.default;
-Drawer.Footer = (0, _utils.deprecateComponent)(_DrawerFooter.default, '<Drawer.Footer> has been deprecated, use <Drawer.Actions> instead.');
-Drawer.Title = _DrawerTitle.default;
+}, Subcomponents);
 Drawer.displayName = 'Drawer';
 var _default = exports.default = Drawer;

package/cjs/Drawer/DrawerActions.d.ts

@@ -1,4 +1,6 @@
 import { ComponentProps } from '../internals/utils';
 export type DrawerActionsProps = ComponentProps;
-declare const DrawerActions: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps, false>;
+declare const DrawerActions: import("../internals/types").InternalRefForwardingComponent<"div", Partial<{
+    name: string;
+}>, never> & Record<string, never>;
 export default DrawerActions;

package/cjs/Drawer/DrawerBody.d.ts

@@ -1,4 +1,4 @@
 import { ModalBodyProps } from '../Modal/ModalBody';
-import { RsRefForwardingComponent } from '../internals/types';
-declare const DrawerBody: RsRefForwardingComponent<'div', ModalBodyProps>;
+export type DrawerBodyProps = ModalBodyProps;
+declare const DrawerBody: import("../internals/types").InternalRefForwardingComponent<"div", ModalBodyProps, never> & Record<string, never>;
 export default DrawerBody;

package/cjs/Drawer/DrawerBody.js

@@ -7,11 +7,13 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _ModalBody = _interopRequireDefault(require("../Modal/ModalBody"));
-const DrawerBody = /*#__PURE__*/_react.default.forwardRef(function DrawerBody(props, ref) {
+var _utils = require("../internals/utils");
+const DrawerBody = (0, _utils.forwardRef)((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_ModalBody.default, (0, _extends2.default)({
     classPrefix: "drawer-body"
   }, props, {
     ref: ref
   }));
 });
+DrawerBody.displayName = 'DrawerBody';
 var _default = exports.default = DrawerBody;

package/cjs/Drawer/DrawerFooter.d.ts

@@ -1,4 +1,4 @@
 import { ModalFooterProps } from '../Modal/ModalFooter';
-import { RsRefForwardingComponent } from '../internals/types';
-declare const DrawerFooter: RsRefForwardingComponent<'div', ModalFooterProps>;
+export type DrawerFooterProps = ModalFooterProps;
+declare const DrawerFooter: import("../internals/types").InternalRefForwardingComponent<"div", import("../internals/utils").ComponentProps, never> & Record<string, never>;
 export default DrawerFooter;

package/cjs/Drawer/DrawerFooter.js

@@ -7,11 +7,13 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _ModalFooter = _interopRequireDefault(require("../Modal/ModalFooter"));
-const DrawerFooter = /*#__PURE__*/_react.default.forwardRef(function DrawerFooter(props, ref) {
+var _utils = require("../internals/utils");
+const DrawerFooter = (0, _utils.forwardRef)((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_ModalFooter.default, (0, _extends2.default)({
     classPrefix: "drawer-footer"
   }, props, {
     ref: ref
   }));
 });
+DrawerFooter.displayName = 'DrawerFooter';
 var _default = exports.default = DrawerFooter;

package/cjs/Drawer/DrawerHeader.d.ts

@@ -1,4 +1,4 @@
 import { ModalHeaderProps } from '../Modal/ModalHeader';
-import { RsRefForwardingComponent } from '../internals/types';
-declare const DrawerHeader: RsRefForwardingComponent<'div', ModalHeaderProps>;
+export type DrawerHeaderProps = ModalHeaderProps;
+declare const DrawerHeader: import("../internals/types").InternalRefForwardingComponent<"div", ModalHeaderProps, never> & Record<string, never>;
 export default DrawerHeader;

package/cjs/Drawer/DrawerHeader.js

@@ -7,11 +7,13 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _ModalHeader = _interopRequireDefault(require("../Modal/ModalHeader"));
-const DrawerHeader = /*#__PURE__*/_react.default.forwardRef(function DrawerHeader(props, ref) {
+var _utils = require("../internals/utils");
+const DrawerHeader = (0, _utils.forwardRef)((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_ModalHeader.default, (0, _extends2.default)({
     classPrefix: "drawer-header"
   }, props, {
     ref: ref
   }));
 });
+DrawerHeader.displayName = 'DrawerHeader';
 var _default = exports.default = DrawerHeader;

package/cjs/Drawer/DrawerTitle.d.ts

@@ -1,4 +1,4 @@
 import { ModalTitleProps } from '../Modal/ModalTitle';
-import { RsRefForwardingComponent } from '../internals/types';
-declare const DrawerTitle: RsRefForwardingComponent<'div', ModalTitleProps>;
+export type DrawerTitleProps = ModalTitleProps;
+declare const DrawerTitle: import("../internals/types").InternalRefForwardingComponent<"div", import("../internals/utils").ComponentProps, never> & Record<string, never>;
 export default DrawerTitle;

package/cjs/Drawer/DrawerTitle.js

@@ -7,11 +7,13 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _ModalTitle = _interopRequireDefault(require("../Modal/ModalTitle"));
-const DrawerTitle = /*#__PURE__*/_react.default.forwardRef(function DrawerTitle(props, ref) {
+var _utils = require("../internals/utils");
+const DrawerTitle = (0, _utils.forwardRef)((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_ModalTitle.default, (0, _extends2.default)({
     classPrefix: "drawer-title"
   }, props, {
     ref: ref
   }));
 });
+DrawerTitle.displayName = 'DrawerTitle';
 var _default = exports.default = DrawerTitle;

package/cjs/Drawer/index.d.ts

@@ -1,3 +1,14 @@
 import Drawer from './Drawer';
+import DrawerActions from './DrawerActions';
+import DrawerBody from './DrawerBody';
+import DrawerFooter from './DrawerFooter';
+import DrawerHeader from './DrawerHeader';
+import DrawerTitle from './DrawerTitle';
 export type { DrawerProps } from './Drawer';
+export type { DrawerActionsProps } from './DrawerActions';
+export type { DrawerBodyProps } from './DrawerBody';
+export type { DrawerFooterProps } from './DrawerFooter';
+export type { DrawerHeaderProps } from './DrawerHeader';
+export type { DrawerTitleProps } from './DrawerTitle';
+export { Drawer, DrawerActions, DrawerBody, DrawerFooter, DrawerHeader, DrawerTitle };
 export default Drawer;

package/cjs/Drawer/index.js

@@ -5,4 +5,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Drawer = _interopRequireDefault(require("./Drawer"));
+exports.Drawer = _Drawer.default;
+var _DrawerActions = _interopRequireDefault(require("./DrawerActions"));
+exports.DrawerActions = _DrawerActions.default;
+var _DrawerBody = _interopRequireDefault(require("./DrawerBody"));
+exports.DrawerBody = _DrawerBody.default;
+var _DrawerFooter = _interopRequireDefault(require("./DrawerFooter"));
+exports.DrawerFooter = _DrawerFooter.default;
+var _DrawerHeader = _interopRequireDefault(require("./DrawerHeader"));
+exports.DrawerHeader = _DrawerHeader.default;
+var _DrawerTitle = _interopRequireDefault(require("./DrawerTitle"));
+exports.DrawerTitle = _DrawerTitle.default;
+// export types
+// export components
 var _default = exports.default = _Drawer.default;

package/cjs/Dropdown/Dropdown.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
+import Button from '../Button';
 import DropdownMenu from './DropdownMenu';
-import { PlacementCorners, WithAsProps, RsRefForwardingComponent } from '../internals/types';
-import { IconProps } from '@rsuite/icons/Icon';
 import DropdownItem from './DropdownItem';
-import Button from '../Button';
 import DropdownSeparator from './DropdownSeparator';
+import { IconProps } from '@rsuite/icons/Icon';
+import type { PlacementCorners, WithAsProps, InternalRefForwardingComponent } from '../internals/types';
 export type DropdownTrigger = 'click' | 'hover' | 'contextMenu';
 export interface DropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect' | 'onToggle' | 'title'> {
     /** Define the title as a submenu */
@@ -52,7 +52,7 @@ export interface DropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttr
     /** Selected callback function */
     onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
-export interface DropdownComponent extends RsRefForwardingComponent<'div', DropdownProps> {
+export interface DropdownComponent extends InternalRefForwardingComponent<'div', DropdownProps> {
     <ToggleAs extends React.ElementType = typeof Button>(props: DropdownProps & {
         ref?: React.Ref<any>;
         toggleAs?: ToggleAs;

package/cjs/Dropdown/Dropdown.js

@@ -9,20 +9,25 @@ var _react = _interopRequireWildcard(require("react"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
-var _DropdownState = require("./DropdownState");
-var _CustomProvider = require("../CustomProvider");
 var _DropdownItem = _interopRequireDefault(require("./DropdownItem"));
+var _DropdownSeparator = _interopRequireDefault(require("./DropdownSeparator"));
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
 var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
 var _DropdownToggle = _interopRequireDefault(require("./DropdownToggle"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 var _Nav = _interopRequireDefault(require("../Nav"));
-var _DropdownSeparator = _interopRequireDefault(require("./DropdownSeparator"));
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
+var _DropdownState = require("./DropdownState");
+var _CustomProvider = require("../CustomProvider");
 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; }
+const Subcomponents = {
+  Item: _DropdownItem.default,
+  Menu: _DropdownMenu.default,
+  Separator: _DropdownSeparator.default
+};
 /**
  * The `Dropdown` component is used to select an option from a set of options.
  * @see https://rsuitejs.com/components/dropdown
@@ -31,7 +36,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * - When used inside `<Sidenav>`, renders a `<TreeviewRootItem>`;
  * - Otherwise renders a `<MenuRoot>`
  */
-const Dropdown = /*#__PURE__*/_react.default.forwardRef(function Dropdown(props, ref) {
+const Dropdown = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Dropdown', props);
@@ -158,9 +163,6 @@ const Dropdown = /*#__PURE__*/_react.default.forwardRef(function Dropdown(props,
       style: style
     }));
   }));
-});
-Dropdown.Item = _DropdownItem.default;
-Dropdown.Menu = _DropdownMenu.default;
-Dropdown.Separator = _DropdownSeparator.default;
+}, Subcomponents);
 Dropdown.displayName = 'Dropdown';
 var _default = exports.default = Dropdown;

package/cjs/Dropdown/DropdownItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { IconProps } from '@rsuite/icons/Icon';
-import type { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import type { IconProps } from '@rsuite/icons/Icon';
+import type { WithAsProps } from '../internals/types';
 export interface DropdownMenuItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;
@@ -51,5 +51,5 @@ export interface DropdownMenuItemProps<T = any> extends WithAsProps, Omit<React.
  * - When used inside `<Sidenav>`, renders a `<TreeviewItem>`
  * - Otherwise renders a `<MenuItem>`
  */
-declare const DropdownItem: RsRefForwardingComponent<'li', DropdownMenuItemProps>;
+declare const DropdownItem: import("../internals/types").InternalRefForwardingComponent<"li", DropdownMenuItemProps<any>, never> & Record<string, never>;
 export default DropdownItem;

package/cjs/Dropdown/DropdownItem.js

@@ -11,14 +11,14 @@ 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 _Nav = _interopRequireDefault(require("../Nav"));
+var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
+var _Text = _interopRequireDefault(require("../Text"));
+var _DropdownSeparator = _interopRequireDefault(require("./DropdownSeparator"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 var _DropdownState = require("./DropdownState");
 var _useRenderDropdownItem = require("./useRenderDropdownItem");
-var _Nav = _interopRequireDefault(require("../Nav"));
-var _Text = _interopRequireDefault(require("../Text"));
-var _DropdownSeparator = _interopRequireDefault(require("./DropdownSeparator"));
 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; }
 /**
@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * - When used inside `<Sidenav>`, renders a `<TreeviewItem>`
  * - Otherwise renders a `<MenuItem>`
  */
-const DropdownItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DropdownItem = (0, _utils.forwardRef)((props, ref) => {
   const {
     classPrefix = 'dropdown-item',
     className,

package/cjs/Dropdown/DropdownSeparator.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface DropdownSeparatorProps extends WithAsProps, React.HTMLAttributes<HTMLElement> {
     /** You can use a custom element for this component */
     as?: React.ElementType;
@@ -10,5 +10,5 @@ export interface DropdownSeparatorProps extends WithAsProps, React.HTMLAttribute
  * Renders a non-focusable and non-interactive `separator`
  * Per ARIA APG https://www.w3.org/WAI/ARIA/apg/patterns/menu/
  */
-declare const DropdownSeparator: RsRefForwardingComponent<'li', DropdownSeparatorProps>;
+declare const DropdownSeparator: import("../internals/types").InternalRefForwardingComponent<"li", DropdownSeparatorProps, never> & Record<string, never>;
 export default DropdownSeparator;

package/cjs/Dropdown/DropdownSeparator.js

@@ -6,6 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 /**
  * The `<Dropdown.Separator>` API
@@ -13,7 +14,7 @@ var _hooks = require("../internals/hooks");
  * Renders a non-focusable and non-interactive `separator`
  * Per ARIA APG https://www.w3.org/WAI/ARIA/apg/patterns/menu/
  */
-const DropdownSeparator = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DropdownSeparator = (0, _utils.forwardRef)((props, ref) => {
   const {
     classPrefix = 'dropdown-item-divider',
     className,

package/cjs/Dropdown/DropdownToggle.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
-import Button from '../Button';
 import { IconProps } from '@rsuite/icons/Icon';
-import { WithAsProps, RsRefForwardingComponent, PlacementCorners } from '../internals/types';
+import { WithAsProps, PlacementCorners } from '../internals/types';
 export interface DropdownToggleProps extends WithAsProps {
     icon?: React.ReactElement<IconProps>;
     noCaret?: boolean;
     renderToggle?: (props: WithAsProps, ref: React.Ref<any>) => any;
     placement?: PlacementCorners;
 }
-declare const DropdownToggle: RsRefForwardingComponent<typeof Button, DropdownToggleProps>;
+declare const DropdownToggle: import("../internals/types").InternalRefForwardingComponent<import("../internals/types").InternalRefForwardingComponent<"button", import("../Button").ButtonProps, never> & Record<string, never>, DropdownToggleProps, never> & Record<string, never>;
 export default DropdownToggle;

package/cjs/Dropdown/DropdownToggle.js

@@ -7,8 +7,9 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("../Button"));
+var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-const DropdownToggle = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DropdownToggle = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = _Button.default,
     className,

package/cjs/Dropdown/index.d.ts

@@ -1,5 +1,12 @@
 import Dropdown from './Dropdown';
+import DropdownItem from './DropdownItem';
+import DropdownMenu from './DropdownMenu';
+import DropdownToggle from './DropdownToggle';
+import DropdownSeparator from './DropdownSeparator';
 export type { DropdownProps } from './Dropdown';
 export type { DropdownMenuItemProps } from './DropdownItem';
 export type { DropdownMenuProps } from './DropdownMenu';
+export type { DropdownToggleProps } from './DropdownToggle';
+export type { DropdownSeparatorProps } from './DropdownSeparator';
+export { Dropdown, DropdownItem, DropdownMenu, DropdownToggle, DropdownSeparator };
 export default Dropdown;

package/cjs/Dropdown/index.js

@@ -5,4 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
+exports.Dropdown = _Dropdown.default;
+var _DropdownItem = _interopRequireDefault(require("./DropdownItem"));
+exports.DropdownItem = _DropdownItem.default;
+var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
+exports.DropdownMenu = _DropdownMenu.default;
+var _DropdownToggle = _interopRequireDefault(require("./DropdownToggle"));
+exports.DropdownToggle = _DropdownToggle.default;
+var _DropdownSeparator = _interopRequireDefault(require("./DropdownSeparator"));
+exports.DropdownSeparator = _DropdownSeparator.default;
+// export types
+// export components
 var _default = exports.default = _Dropdown.default;

package/cjs/FlexboxGrid/FlexboxGrid.d.ts

@@ -1,17 +1,15 @@
-import FlexboxGridItem from './FlexboxGridItem';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface FlexboxGridProps extends WithAsProps {
     /** align */
     align?: 'top' | 'middle' | 'bottom';
     /** horizontal arrangement */
     justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between';
 }
-interface FlexboxGridCompont extends RsRefForwardingComponent<'div', FlexboxGridProps> {
-    Item: typeof FlexboxGridItem;
-}
 /**
  * The FlexboxGrid component is a box that can be used to layout other components.
  * @see https://rsuitejs.com/components/flexbox-grid
  */
-declare const FlexboxGrid: FlexboxGridCompont;
+declare const FlexboxGrid: import("../internals/types").InternalRefForwardingComponent<"div", FlexboxGridProps, never> & {
+    Item: import("../internals/types").InternalRefForwardingComponent<"div", import("./FlexboxGridItem").FlexboxGridItemProps, never> & Record<string, never>;
+};
 export default FlexboxGrid;

package/cjs/FlexboxGrid/FlexboxGrid.js

@@ -7,13 +7,18 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _FlexboxGridItem = _interopRequireDefault(require("./FlexboxGridItem"));
+var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _CustomProvider = require("../CustomProvider");
+const Subcomponents = {
+  Item: _FlexboxGridItem.default
+};
+
 /**
  * The FlexboxGrid component is a box that can be used to layout other components.
  * @see https://rsuitejs.com/components/flexbox-grid
  */
-const FlexboxGrid = /*#__PURE__*/_react.default.forwardRef(function FlexboxGrid(props, ref) {
+const FlexboxGrid = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('FlexboxGrid', props);
@@ -34,7 +39,6 @@ const FlexboxGrid = /*#__PURE__*/_react.default.forwardRef(function FlexboxGrid(
     ref: ref,
     className: classes
   }));
-});
-FlexboxGrid.Item = _FlexboxGridItem.default;
+}, Subcomponents);
 FlexboxGrid.displayName = 'FlexboxGrid';
 var _default = exports.default = FlexboxGrid;

package/cjs/FlexboxGrid/FlexboxGridItem.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface FlexboxGridItemProps extends WithAsProps {
     /** spacing between grids */
     colspan?: number;
@@ -9,5 +9,5 @@ export interface FlexboxGridItemProps extends WithAsProps {
  * 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
  */
-declare const FlexboxGridItem: RsRefForwardingComponent<'div', FlexboxGridItemProps>;
+declare const FlexboxGridItem: import("../internals/types").InternalRefForwardingComponent<"div", FlexboxGridItemProps, never> & Record<string, never>;
 export default FlexboxGridItem;