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

package/cjs/TagPicker/TagPicker.js

@@ -0,0 +1,45 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _InputPicker = _interopRequireDefault(require("../InputPicker/InputPicker"));
+var _InputPickerContext = require("../InputPicker/InputPickerContext");
+var _CustomProvider = require("../CustomProvider");
+var _utils = require("../internals/utils");
+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; }
+/**
+ * `TagPicker` component enables multi-selection by tags and supports new options.
+ *
+ * @see https://rsuitejs.com/components/tag-picker/
+ */
+const TagPicker = (0, _utils.forwardRef)((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('TagPicker', props);
+  const {
+    tagProps = {},
+    trigger = 'Enter',
+    onTagRemove,
+    renderMenuItemCheckbox,
+    ...rest
+  } = propsWithDefaults;
+  const contextValue = (0, _react.useMemo)(() => ({
+    multi: true,
+    trigger,
+    tagProps,
+    onTagRemove,
+    renderCheckbox: renderMenuItemCheckbox
+  }), [onTagRemove, renderMenuItemCheckbox, tagProps, trigger]);
+  return /*#__PURE__*/_react.default.createElement(_InputPickerContext.TagProvider, {
+    value: contextValue
+  }, /*#__PURE__*/_react.default.createElement(_InputPicker.default, (0, _extends2.default)({}, rest, {
+    ref: ref
+  })));
+});
+TagPicker.displayName = 'TagPicker';
+var _default = exports.default = TagPicker;

package/cjs/TagPicker/index.d.ts

@@ -1,19 +1,4 @@
-import React from 'react';
-import { InputPickerProps } from '../InputPicker/InputPicker';
-import { TagOnlyProps } from '../InputPicker/InputPickerContext';
-import type { PickerComponent } from '../internals/Picker/types';
-import type { CheckboxProps } from '../Checkbox';
-export interface TagPickerProps extends InputPickerProps, Partial<TagOnlyProps> {
-    /**
-     * Custom render checkbox on menu item
-     * @version 5.47.0
-     **/
-    renderMenuItemCheckbox?: (checkboxProps: CheckboxProps) => React.ReactNode;
-}
-/**
- * `TagPicker` component enables multi-selection by tags and supports new options.
- *
- * @see https://rsuitejs.com/components/tag-picker/
- */
-declare const TagPicker: PickerComponent<TagPickerProps>;
+import TagPicker from './TagPicker';
+export type { TagPickerProps } from './TagPicker';
+export { TagPicker };
 export default TagPicker;

package/cjs/TagPicker/index.js

@@ -4,41 +4,8 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _InputPicker = _interopRequireDefault(require("../InputPicker/InputPicker"));
-var _InputPickerContext = require("../InputPicker/InputPickerContext");
-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; }
-/**
- * `TagPicker` component enables multi-selection by tags and supports new options.
- *
- * @see https://rsuitejs.com/components/tag-picker/
- */
-const TagPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-    propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('TagPicker', props);
-  const {
-    tagProps = {},
-    trigger = 'Enter',
-    onTagRemove,
-    renderMenuItemCheckbox,
-    ...rest
-  } = propsWithDefaults;
-  const contextValue = (0, _react.useMemo)(() => ({
-    multi: true,
-    trigger,
-    tagProps,
-    onTagRemove,
-    renderCheckbox: renderMenuItemCheckbox
-  }), [onTagRemove, renderMenuItemCheckbox, tagProps, trigger]);
-  return /*#__PURE__*/_react.default.createElement(_InputPickerContext.TagProvider, {
-    value: contextValue
-  }, /*#__PURE__*/_react.default.createElement(_InputPicker.default, (0, _extends2.default)({}, rest, {
-    ref: ref
-  })));
-});
-TagPicker.displayName = 'TagPicker';
-var _default = exports.default = TagPicker;
+var _TagPicker = _interopRequireDefault(require("./TagPicker"));
+exports.TagPicker = _TagPicker.default;
+// export types
+// export components
+var _default = exports.default = _TagPicker.default;

package/cjs/Text/Text.d.ts

@@ -1,4 +1,5 @@
-import type { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
+import React from 'react';
+import type { WithAsProps, Color } from '../internals/types';
 declare const fontSizeMap: {
     sm: number;
     md: number;
@@ -9,8 +10,9 @@ declare const fontSizeMap: {
 export interface TextProps extends WithAsProps {
     /**
      * The font color of the text.
+     * Accepts preset colors or CSS color values
      */
-    color?: TypeAttributes.Color;
+    color?: Color | React.CSSProperties['color'];
     /**
      * The font size of the text.
      */
@@ -43,5 +45,5 @@ export interface TextProps extends WithAsProps {
  *
  * @see https://rsuitejs.com/components/text
  */
-declare const Text: RsRefForwardingComponent<'p', TextProps>;
+declare const Text: import("../internals/types").InternalRefForwardingComponent<"p", TextProps, never> & Record<string, never>;
 export default Text;

package/cjs/Text/Text.js

@@ -5,9 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("../internals/hooks");
 var _CustomProvider = require("../CustomProvider");
+var _utils = require("../internals/utils");
+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 fontSizeMap = {
   sm: 12,
   md: 14,
@@ -21,7 +24,7 @@ const fontSizeMap = {
  *
  * @see https://rsuitejs.com/components/text
  */
-const Text = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Text = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Text', props);
@@ -43,17 +46,16 @@ const Text = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     withClassPrefix,
     merge
   } = (0, _hooks.useClassNames)(classPrefix);
-  const classes = merge(className, withClassPrefix(color, align, weight, transform, {
+  const classes = merge(className, withClassPrefix((0, _utils.isPresetColor)(color) && color, align, weight, transform, {
     muted,
     ellipsis: maxLines
   }));
-  const styles = {
+  const styles = (0, _react.useMemo)(() => (0, _utils.mergeStyles)({
     fontSize: fontSizeMap[size] || size,
     ...(maxLines ? {
       WebkitLineClamp: maxLines
-    } : null),
-    ...style
-  };
+    } : null)
+  }, (0, _utils.createColorVariables)(color, '--rs-text-color'), style), [style, color, size, maxLines]);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes,

package/cjs/Text/index.d.ts

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

package/cjs/Text/index.js

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

package/cjs/TimePicker/TimePicker.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import { RangeType } from '../DatePicker';
+import type { DateOptionPreset } from '../internals/types';
 import type { FormControlBaseProps, PickerBaseProps } from '../internals/types';
-import type { PickerComponent } from '../internals/Picker/types';
 import type { DatePickerLocale } from '../locales';
 export interface TimePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<Date | null> {
     /**
@@ -67,7 +66,7 @@ export interface TimePickerProps extends PickerBaseProps<DatePickerLocale>, Form
     /**
      * Called after clicking the shortcut button
      */
-    onShortcutClick?: (range: RangeType<Date>, event: React.MouseEvent) => void;
+    onShortcutClick?: (range: DateOptionPreset<Date>, event: React.MouseEvent) => void;
     /**
      * Called when clean
      */
@@ -77,5 +76,5 @@ export interface TimePickerProps extends PickerBaseProps<DatePickerLocale>, Form
      */
     renderValue?: (value: Date, format: string) => string;
 }
-declare const TimePicker: PickerComponent<TimePickerProps>;
+declare const TimePicker: import("../internals/types").InternalRefForwardingComponent<"div", TimePickerProps, never> & Record<string, never>;
 export default TimePicker;

package/cjs/TimePicker/TimePicker.js

@@ -7,10 +7,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _DatePicker = _interopRequireDefault(require("../DatePicker"));
+var _utils = require("../internals/utils");
 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 TimePicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const TimePicker = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults,
     getLocale

package/cjs/TimePicker/index.d.ts

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

package/cjs/TimePicker/index.js

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

package/cjs/TimeRangePicker/TimeRangePicker.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { RangeType, DateRange } from '../DateRangePicker';
+import { DateRange } from '../DateRangePicker';
+import type { DateOptionPreset } from '../internals/types';
 import type { FormControlBaseProps, PickerBaseProps } from '../internals/types';
-import type { PickerComponent } from '../internals/Picker/types';
 import type { DatePickerLocale } from '../locales';
 export interface TimeRangePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<DateRange | null> {
     /**
@@ -9,7 +9,7 @@ export interface TimeRangePickerProps extends PickerBaseProps<DatePickerLocale>,
      */
     caretAs?: React.ElementType | null;
     /** Predefined date ranges */
-    ranges?: RangeType[];
+    ranges?: DateOptionPreset<DateRange>[];
     /**
      * Format of the date displayed in the input box
      */
@@ -59,7 +59,7 @@ export interface TimeRangePickerProps extends PickerBaseProps<DatePickerLocale>,
     /**
      * Called after clicking the shortcut button
      */
-    onShortcutClick?: (range: RangeType, event: React.MouseEvent) => void;
+    onShortcutClick?: (range: DateOptionPreset<DateRange>, event: React.MouseEvent) => void;
     /**
      * Called when the value is cleared
      */
@@ -73,5 +73,5 @@ export interface TimeRangePickerProps extends PickerBaseProps<DatePickerLocale>,
      */
     renderTitle?: (date: Date) => React.ReactNode;
 }
-declare const TimeRangePicker: PickerComponent<TimeRangePickerProps>;
+declare const TimeRangePicker: import("../internals/types").InternalRefForwardingComponent<"div", TimeRangePickerProps, never> & Record<string, never>;
 export default TimeRangePicker;

package/cjs/TimeRangePicker/TimeRangePicker.js

@@ -8,8 +8,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _DateRangePicker = _interopRequireDefault(require("../DateRangePicker"));
 var _CustomProvider = require("../CustomProvider");
+var _utils = require("../internals/utils");
 const defaultRanges = [];
-const TimeRangePicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const TimeRangePicker = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults,
     getLocale

package/cjs/TimeRangePicker/index.d.ts

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

package/cjs/TimeRangePicker/index.js

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

package/cjs/Timeline/Timeline.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import TimelineItem from './TimelineItem';
-import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface TimelineProps extends WithAsProps {
     /** The content of the component */
     children?: React.ReactNode;
@@ -16,15 +15,14 @@ export interface TimelineProps extends WithAsProps {
      */
     isItemActive?: (index: number, totalItemsCount: number) => boolean;
 }
-interface TimelineComponent extends RsRefForwardingComponent<'div', TimelineProps> {
-    Item: typeof TimelineItem;
-    ACTIVE_FIRST: (index: number, totalItemsCount: number) => boolean;
-    ACTIVE_LAST: (index: number, totalItemsCount: number) => boolean;
-}
 /**
  * The `Timeline` component is used to display a list of items in chronological order.
  *
  * @see https://rsuitejs.com/components/timeline
  */
-declare const Timeline: TimelineComponent;
+declare const Timeline: import("../internals/types").InternalRefForwardingComponent<"div", TimelineProps, never> & {
+    Item: import("../internals/types").InternalRefForwardingComponent<"div", import("./TimelineItem").TimelineItemProps, never> & Record<string, never>;
+    ACTIVE_FIRST: (index: number) => boolean;
+    ACTIVE_LAST: (index: number, totalItemsCount: number) => boolean;
+};
 export default Timeline;

package/cjs/Timeline/Timeline.js

@@ -13,13 +13,18 @@ var _CustomProvider = require("../CustomProvider");
 var _utils = require("../internals/utils");
 const ACTIVE_FIRST = index => index === 0;
 const ACTIVE_LAST = (index, totalItemsCount) => index === totalItemsCount - 1;
+const SubcomponentsAndStaticMethods = {
+  Item: _TimelineItem.default,
+  ACTIVE_FIRST,
+  ACTIVE_LAST
+};
 
 /**
  * The `Timeline` component is used to display a list of items in chronological order.
  *
  * @see https://rsuitejs.com/components/timeline
  */
-const Timeline = /*#__PURE__*/_react.default.forwardRef(function Timeline(props, ref) {
+const Timeline = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Timeline', props);
@@ -54,9 +59,6 @@ const Timeline = /*#__PURE__*/_react.default.forwardRef(function Timeline(props,
     INTERNAL_active: isItemActive(index, count),
     align
   })));
-});
+}, SubcomponentsAndStaticMethods);
 Timeline.displayName = 'Timeline';
-Timeline.ACTIVE_FIRST = ACTIVE_FIRST;
-Timeline.ACTIVE_LAST = ACTIVE_LAST;
-Timeline.Item = _TimelineItem.default;
 var _default = exports.default = Timeline;

package/cjs/Timeline/TimelineItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface TimelineItemProps extends WithAsProps {
     /**
      * Whether the last item
@@ -34,5 +34,5 @@ export interface TimelineItemProps extends WithAsProps {
  *
  * @see https://rsuitejs.com/compo◊nents/timeline
  */
-declare const TimelineItem: RsRefForwardingComponent<'div', TimelineItemProps>;
+declare const TimelineItem: import("../internals/types").InternalRefForwardingComponent<"div", TimelineItemProps, never> & Record<string, never>;
 export default TimelineItem;

package/cjs/Timeline/TimelineItem.js

@@ -7,12 +7,13 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 /**
  * The `Timeline.Item` component is used to set the layout of the child element in the `Timeline` component.
  *
  * @see https://rsuitejs.com/compo◊nents/timeline
  */
-const TimelineItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const TimelineItem = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'li',
     children,

package/cjs/Timeline/index.d.ts

@@ -1,4 +1,6 @@
 import Timeline from './Timeline';
+import TimelineItem from './TimelineItem';
 export type { TimelineProps } from './Timeline';
 export type { TimelineItemProps } from './TimelineItem';
+export { Timeline, TimelineItem };
 export default Timeline;

package/cjs/Timeline/index.js

@@ -5,4 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Timeline = _interopRequireDefault(require("./Timeline"));
+exports.Timeline = _Timeline.default;
+var _TimelineItem = _interopRequireDefault(require("./TimelineItem"));
+exports.TimelineItem = _TimelineItem.default;
+// export types
+// export components
 var _default = exports.default = _Timeline.default;

package/cjs/Toggle/Toggle.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import type { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, ColorType, SizeType } from '../internals/types';
 import type { ToggleLocale } from '../locales';
 export interface ToggleProps extends WithAsProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'> {
     /**
      * The color of the toggle.
      */
-    color?: TypeAttributes.Color;
+    color?: ColorType;
     /**
      * Whether to disabled toggle
      */
@@ -41,7 +41,7 @@ export interface ToggleProps extends WithAsProps, Omit<React.InputHTMLAttributes
     /**
      * The size of the toggle
      */
-    size?: Omit<TypeAttributes.Size, 'xs'>;
+    size?: Omit<SizeType, 'xs'>;
     /**
      * Custom locale
      */
@@ -56,5 +56,5 @@ export interface ToggleProps extends WithAsProps, Omit<React.InputHTMLAttributes
  *
  * @see https://rsuitejs.com/components/toggle
  */
-declare const Toggle: RsRefForwardingComponent<'label', ToggleProps>;
+declare const Toggle: import("../internals/types").InternalRefForwardingComponent<"label", ToggleProps, never> & Record<string, never>;
 export default Toggle;

package/cjs/Toggle/Toggle.js

@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  *
  * @see https://rsuitejs.com/components/toggle
  */
-const Toggle = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Toggle = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Toggle', props);

package/cjs/Toggle/index.d.ts

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

package/cjs/Toggle/index.js

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

package/cjs/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Placement, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { Placement, WithAsProps } from '../internals/types';
 export interface TooltipProps extends WithAsProps {
     /** Dispaly placement */
     placement?: Placement;
@@ -15,5 +15,5 @@ export interface TooltipProps extends WithAsProps {
  *
  * @see https://rsuitejs.com/components/tooltip
  */
-declare const Tooltip: RsRefForwardingComponent<'div', TooltipProps>;
+declare const Tooltip: import("../internals/types").InternalRefForwardingComponent<"div", TooltipProps, never> & Record<string, never>;
 export default Tooltip;

package/cjs/Tooltip/Tooltip.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");
 var _CustomProvider = require("../CustomProvider");
 /**
@@ -13,7 +14,7 @@ var _CustomProvider = require("../CustomProvider");
  *
  * @see https://rsuitejs.com/components/tooltip
  */
-const Tooltip = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Tooltip = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Tooltip', props);

package/cjs/Tooltip/index.d.ts

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

package/cjs/Tooltip/index.js

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

package/cjs/Tree/Tree.d.ts

@@ -1,7 +1,6 @@
 import { type TreeViewProps } from './TreeView';
-import type { RsRefForwardingComponent } from '../internals/types';
-import type { TreeExtraProps } from './types';
-export interface TreeProps<T = string | number | null> extends TreeViewProps<T>, TreeExtraProps {
+import type { TreeExtraProps, WithTreeDragProps } from './types';
+export interface TreeProps<T = string | number | null> extends WithTreeDragProps<TreeViewProps<T>>, TreeExtraProps {
     /**
      * Default selected Value
      */
@@ -16,5 +15,5 @@ export interface TreeProps<T = string | number | null> extends TreeViewProps<T>,
  *
  * @see https://rsuitejs.com/components/tree
  */
-declare const Tree: RsRefForwardingComponent<'div', TreeProps>;
+declare const Tree: import("../internals/types").InternalRefForwardingComponent<"div", TreeProps<string | number | null>, never> & Record<string, never>;
 export default Tree;

package/cjs/Tree/Tree.js

@@ -10,6 +10,7 @@ var _useFlattenTree = _interopRequireDefault(require("./hooks/useFlattenTree"));
 var _useTreeWithChildren = _interopRequireDefault(require("./hooks/useTreeWithChildren"));
 var _useExpandTree = _interopRequireDefault(require("./hooks/useExpandTree"));
 var _TreeView = _interopRequireDefault(require("./TreeView"));
+var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _TreeProvider = require("../internals/Tree/TreeProvider");
 var _CustomProvider = require("../CustomProvider");
@@ -20,7 +21,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  *
  * @see https://rsuitejs.com/components/tree
  */
-const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Tree = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Tree', props);

package/cjs/Tree/TreeNode.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 import type { TreeNode as TreeNodeData } from '../internals/Tree/types';
 export type DragStatus = 'drag-over' | 'drag-over-top' | 'drag-over-bottom';
 interface TreeDragEventProps {
@@ -97,5 +97,5 @@ export interface TreeNodeProps extends WithAsProps, TreeDragEventProps {
      */
     onSelect?: (nodeData: TreeNodeData, event: React.SyntheticEvent) => void;
 }
-declare const TreeNode: RsRefForwardingComponent<'div', TreeNodeProps>;
+declare const TreeNode: import("../internals/types").InternalRefForwardingComponent<"div", TreeNodeProps, never> & Record<string, never>;
 export default TreeNode;

package/cjs/Tree/TreeNode.js

@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * Props for the TreeNode component.
  */
 
-const TreeNode = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+const TreeNode = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'div',
     label,