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

package/Text/styles/index.css

@@ -70,9 +70,10 @@
   box-sizing: border-box;
 }
 .rs-text {
-  font-family: Apple-System, Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STXihei, sans-serif;
+  --rs-text-color: var(--rs-text-primary);
+  font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STXihei, sans-serif;
   line-height: 1.42857143;
-  color: var(--rs-text-primary);
+  color: var(--rs-text-color);
   margin: 0;
 }
 blockquote.rs-text {
@@ -153,23 +154,30 @@ kbd.rs-text {
   }
 }
 .rs-text-red {
-  color: var(--rs-red-500);
+  --rs-text-color: var(--rs-red-500);
+  color: var(--rs-text-color);
 }
 .rs-text-orange {
-  color: var(--rs-orange-500);
+  --rs-text-color: var(--rs-orange-500);
+  color: var(--rs-text-color);
 }
 .rs-text-yellow {
-  color: var(--rs-yellow-500);
+  --rs-text-color: var(--rs-yellow-500);
+  color: var(--rs-text-color);
 }
 .rs-text-green {
-  color: var(--rs-green-500);
+  --rs-text-color: var(--rs-green-500);
+  color: var(--rs-text-color);
 }
 .rs-text-cyan {
-  color: var(--rs-cyan-500);
+  --rs-text-color: var(--rs-cyan-500);
+  color: var(--rs-text-color);
 }
 .rs-text-blue {
-  color: var(--rs-blue-500);
+  --rs-text-color: var(--rs-blue-500);
+  color: var(--rs-text-color);
 }
 .rs-text-violet {
-  color: var(--rs-violet-500);
+  --rs-text-color: var(--rs-violet-500);
+  color: var(--rs-text-color);
 }

package/Text/styles/index.less

@@ -4,9 +4,11 @@
 // -------------------------
 
 .rs-text {
+  --rs-text-color: var(--rs-text-primary);
+
   font-family: @font-family-base;
   line-height: @line-height-base;
-  color: var(--rs-text-primary);
+  color: var(--rs-text-color);
   margin: 0;
 
   blockquote& {
@@ -112,6 +114,8 @@
 // Colorful tags
 each(@spectrum, .(@color) {
   .rs-text-@{color} {
-    color: var(~'--rs-@{color}-500');
+    --rs-text-color:  var(~'--rs-@{color}-500');
+
+    color: var(--rs-text-color);
   }
 });

package/TimePicker/styles/index.css

@@ -3009,6 +3009,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn {
   padding-top: 7px;
   padding-bottom: 7px;
@@ -3082,6 +3086,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
   top: 9px;
 }
+.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 10px;
+  right: 16px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-top: 9px;
   padding-bottom: 9px;
@@ -3124,6 +3132,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-top: 7px;
   padding-bottom: 7px;
@@ -3200,6 +3212,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
   top: 4px;
 }
+.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 5px;
+  right: 10px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-top: 4px;
   padding-bottom: 4px;
@@ -3276,6 +3292,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
   top: 1px;
 }
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 2px;
+  right: 8px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-top: 1px;
   padding-bottom: 1px;

package/TimeRangePicker/styles/index.css

@@ -3009,6 +3009,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn {
   padding-top: 7px;
   padding-bottom: 7px;
@@ -3082,6 +3086,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
   top: 9px;
 }
+.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 10px;
+  right: 16px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-top: 9px;
   padding-bottom: 9px;
@@ -3124,6 +3132,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-top: 7px;
   padding-bottom: 7px;
@@ -3200,6 +3212,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
   top: 4px;
 }
+.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 5px;
+  right: 10px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-top: 4px;
   padding-bottom: 4px;
@@ -3276,6 +3292,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
   top: 1px;
 }
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 2px;
+  right: 8px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-top: 1px;
   padding-bottom: 1px;

package/Tree/styles/index.css

@@ -2317,6 +2317,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn {
   padding-top: 7px;
   padding-bottom: 7px;
@@ -2390,6 +2394,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
   top: 9px;
 }
+.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 10px;
+  right: 16px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-top: 9px;
   padding-bottom: 9px;
@@ -2432,6 +2440,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-top: 7px;
   padding-bottom: 7px;
@@ -2508,6 +2520,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
   top: 4px;
 }
+.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 5px;
+  right: 10px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-top: 4px;
   padding-bottom: 4px;
@@ -2584,6 +2600,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
   top: 1px;
 }
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 2px;
+  right: 8px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-top: 1px;
   padding-bottom: 1px;

package/TreePicker/styles/index.css

@@ -2317,6 +2317,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn {
   padding-top: 7px;
   padding-bottom: 7px;
@@ -2390,6 +2394,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
   top: 9px;
 }
+.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 10px;
+  right: 16px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-top: 9px;
   padding-bottom: 9px;
@@ -2432,6 +2440,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-top: 7px;
   padding-bottom: 7px;
@@ -2508,6 +2520,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
   top: 4px;
 }
+.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 5px;
+  right: 10px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-top: 4px;
   padding-bottom: 4px;
@@ -2584,6 +2600,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
   top: 1px;
 }
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 2px;
+  right: 8px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-top: 1px;
   padding-bottom: 1px;

package/cjs/Accordion/Accordion.d.ts

@@ -1,13 +1,10 @@
 import { type PanelGroupProps } from '../PanelGroup';
-import AccordionPanel from './AccordionPanel';
-import { RsRefForwardingComponent } from '../internals/types';
 export type AccordionProps = Omit<PanelGroupProps, 'accordion'>;
-export interface AccordionComponent extends RsRefForwardingComponent<'div', AccordionProps> {
-    Panel: typeof AccordionPanel;
-}
 /**
  * The `Accordion` component is used to display content that can be collapsed.
  * @see https://rsuitejs.com/components/accordion
  */
-declare const Accordion: AccordionComponent;
+declare const Accordion: import("../internals/types").InternalRefForwardingComponent<"div", AccordionProps, never> & {
+    Panel: import("../internals/types").InternalRefForwardingComponent<"div", import("..").PanelProps<string | number>, never> & Record<string, never>;
+};
 export default Accordion;

package/cjs/Accordion/Accordion.js

@@ -8,12 +8,17 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _PanelGroup = _interopRequireDefault(require("../PanelGroup"));
 var _AccordionPanel = _interopRequireDefault(require("./AccordionPanel"));
+var _utils = require("../internals/utils");
 var _CustomProvider = require("../CustomProvider");
+const Subcomponents = {
+  Panel: _AccordionPanel.default
+};
+
 /**
  * The `Accordion` component is used to display content that can be collapsed.
  * @see https://rsuitejs.com/components/accordion
  */
-const Accordion = /*#__PURE__*/_react.default.forwardRef(function Accordion(props, ref) {
+const Accordion = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Accordion', props);
@@ -21,7 +26,6 @@ const Accordion = /*#__PURE__*/_react.default.forwardRef(function Accordion(prop
     accordion: true,
     ref: ref
   }, propsWithDefaults));
-});
-Accordion.Panel = _AccordionPanel.default;
+}, Subcomponents);
 Accordion.displayName = 'Accordion';
 var _default = exports.default = Accordion;

package/cjs/Accordion/AccordionPanel.d.ts

@@ -1,2 +1,3 @@
-import Panel from '../Panel';
+import Panel, { PanelProps } from '../Panel';
+export type AccordionPanelProps = PanelProps;
 export default Panel;

package/cjs/Accordion/index.d.ts

@@ -1,3 +1,6 @@
 import Accordion from './Accordion';
+import AccordionPanel from './AccordionPanel';
 export type { AccordionProps } from './Accordion';
+export type { AccordionPanelProps } from './AccordionPanel';
+export { Accordion, AccordionPanel };
 export default Accordion;

package/cjs/Accordion/index.js

@@ -5,4 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Accordion = _interopRequireDefault(require("./Accordion"));
+exports.Accordion = _Accordion.default;
+var _AccordionPanel = _interopRequireDefault(require("./AccordionPanel"));
+exports.AccordionPanel = _AccordionPanel.default;
+// export types
+// export components
 var _default = exports.default = _Accordion.default;

package/cjs/Affix/Affix.d.ts

@@ -1,4 +1,4 @@
-import { Offset, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import { Offset, WithAsProps } from '../internals/types';
 export interface AffixProps extends WithAsProps {
     /** Specify the container. */
     container?: HTMLElement | (() => HTMLElement);
@@ -15,5 +15,5 @@ export interface AffixProps extends WithAsProps {
  *
  * @see https://rsuitejs.com/components/affix/
  */
-declare const Affix: RsRefForwardingComponent<'div', AffixProps>;
+declare const Affix: import("../internals/types").InternalRefForwardingComponent<"div", AffixProps, never> & Record<string, never>;
 export default Affix;

package/cjs/Affix/Affix.js

@@ -101,7 +101,7 @@ function useFixed(offset, containerOffset, props) {
  *
  * @see https://rsuitejs.com/components/affix/
  */
-const Affix = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Affix = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Affix', props);

package/cjs/Affix/index.d.ts

@@ -1,4 +1,4 @@
 import Affix from './Affix';
-import type { AffixProps } from './Affix';
-export type { AffixProps };
+export type { AffixProps } from './Affix';
+export { Affix };
 export default Affix;

package/cjs/Affix/index.js

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

package/cjs/Animation/index.d.ts

@@ -1,16 +1,17 @@
-/// <reference types="react" />
-import { TransitionProps } from './Transition';
-import { SlideProps } from './Slide';
-import { CollapseProps } from './Collapse';
-import { FadeProps } from './Fade';
-import { BounceProps } from './Bounce';
+import { ComponentType, FunctionComponent } from 'react';
+import Transition, { TransitionProps } from './Transition';
+import Slide, { SlideProps } from './Slide';
+import Collapse, { CollapseProps } from './Collapse';
+import Fade, { FadeProps } from './Fade';
+import Bounce, { BounceProps } from './Bounce';
+export type { TransitionProps, SlideProps, CollapseProps, FadeProps, BounceProps };
 export interface AnimationAPI {
-    Transition: React.ComponentType<TransitionProps>;
-    Collapse: React.ComponentType<CollapseProps>;
-    Fade: React.FunctionComponent<FadeProps>;
-    Bounce: React.FunctionComponent<BounceProps>;
-    Slide: React.FunctionComponent<SlideProps>;
+    Transition: ComponentType<TransitionProps>;
+    Collapse: ComponentType<CollapseProps>;
+    Fade: FunctionComponent<FadeProps>;
+    Bounce: FunctionComponent<BounceProps>;
+    Slide: FunctionComponent<SlideProps>;
 }
-declare const Animation: AnimationAPI;
-export type { TransitionProps, SlideProps, CollapseProps, FadeProps, BounceProps };
+export declare const Animation: AnimationAPI;
+export { Transition, Slide, Collapse, Fade, Bounce };
 export default Animation;

package/cjs/Animation/index.js

@@ -3,13 +3,21 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = void 0;
+exports.default = exports.Animation = void 0;
 var _Transition = _interopRequireDefault(require("./Transition"));
+exports.Transition = _Transition.default;
 var _Slide = _interopRequireDefault(require("./Slide"));
+exports.Slide = _Slide.default;
 var _Collapse = _interopRequireDefault(require("./Collapse"));
+exports.Collapse = _Collapse.default;
 var _Fade = _interopRequireDefault(require("./Fade"));
+exports.Fade = _Fade.default;
 var _Bounce = _interopRequireDefault(require("./Bounce"));
-const Animation = {
+exports.Bounce = _Bounce.default;
+// export types
+
+// export components
+const Animation = exports.Animation = {
   Transition: _Transition.default,
   Collapse: _Collapse.default,
   Fade: _Fade.default,

package/cjs/AutoComplete/AutoComplete.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { PickerComponent } from '../internals/Picker';
-import { WithAsProps, FormControlPickerProps, TypeAttributes, Placement, ItemDataType } from '../internals/types';
+import { WithAsProps, FormControlPickerProps, Placement, ItemDataType, SizeType } from '../internals/types';
 export interface AutoCompleteProps<T = string> extends WithAsProps, FormControlPickerProps<T, any, ItemDataType | string> {
     /** Additional classes for menu */
     menuClassName?: string;
@@ -9,7 +8,7 @@ export interface AutoCompleteProps<T = string> extends WithAsProps, FormControlP
     /** When set to false, the Enter key selection function is invalid */
     selectOnEnter?: boolean;
     /** A component can have different sizes */
-    size?: TypeAttributes.Size;
+    size?: SizeType;
     /** Open the menu and control it */
     open?: boolean;
     /** Placeholder text */
@@ -46,5 +45,5 @@ export interface AutoCompleteProps<T = string> extends WithAsProps, FormControlP
  * TODO: Remove unnecessary .rs-auto-complete element
  * TODO: role=combobox and aria-autocomplete on input element
  */
-declare const AutoComplete: PickerComponent<AutoCompleteProps>;
+declare const AutoComplete: import("../internals/types").InternalRefForwardingComponent<"div", AutoCompleteProps<string>, never> & Record<string, never>;
 export default AutoComplete;

package/cjs/AutoComplete/AutoComplete.js

@@ -8,13 +8,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
+var _Combobox = _interopRequireDefault(require("./Combobox"));
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Picker = require("../internals/Picker");
-var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _utils2 = require("./utils");
 var _CustomProvider = require("../CustomProvider");
-var _Combobox = _interopRequireDefault(require("./Combobox"));
 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; }
 /**
@@ -24,7 +24,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * TODO: Remove unnecessary .rs-auto-complete element
  * TODO: role=combobox and aria-autocomplete on input element
  */
-const AutoComplete = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const AutoComplete = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('AutoComplete', props);

package/cjs/AutoComplete/Combobox.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-import { type InputProps } from '../Input';
+import { InputProps } from '../Input';
 interface ComboboxProps extends InputProps {
     expanded?: boolean;
     focusItemValue?: string | null;
 }
-declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
+declare const Combobox: import("../internals/types").InternalRefForwardingComponent<import("../internals/types").InternalRefForwardingComponent<"input", InputProps, never> & Record<string, never>, ComboboxProps, never> & Record<string, never>;
 export default Combobox;

package/cjs/AutoComplete/Combobox.js

@@ -6,9 +6,10 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _Picker = require("../internals/Picker");
 var _Input = _interopRequireDefault(require("../Input"));
-const Combobox = /*#__PURE__*/_react.default.forwardRef(function Combobox(props, ref) {
+var _Picker = require("../internals/Picker");
+var _utils = require("../internals/utils");
+const Combobox = (0, _utils.forwardRef)((props, ref) => {
   const {
     id,
     popupType
@@ -29,4 +30,5 @@ const Combobox = /*#__PURE__*/_react.default.forwardRef(function Combobox(props,
     ref: ref
   }, rest));
 });
+Combobox.displayName = 'Combobox';
 var _default = exports.default = Combobox;

package/cjs/AutoComplete/index.d.ts

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

package/cjs/AutoComplete/index.js

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

package/cjs/Avatar/Avatar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
+import { WithAsProps, ColorType } from '../internals/types';
 import { type Size } from '../AvatarGroup/AvatarGroup';
 export interface AvatarProps extends WithAsProps {
     /**
@@ -44,7 +44,7 @@ export interface AvatarProps extends WithAsProps {
      * Sets the avatar background color.
      * @version 5.59.0
      */
-    color?: TypeAttributes.Color;
+    color?: ColorType;
     /**
      * Callback fired when the image failed to load.
      * @version 5.59.0
@@ -55,5 +55,5 @@ export interface AvatarProps extends WithAsProps {
  * The Avatar component is used to represent user or brand.
  * @see https://rsuitejs.com/components/avatar
  */
-declare const Avatar: RsRefForwardingComponent<'div', AvatarProps>;
+declare const Avatar: import("../internals/types").InternalRefForwardingComponent<"div", AvatarProps, never> & Record<string, never>;
 export default Avatar;

package/cjs/Avatar/Avatar.js

@@ -6,18 +6,19 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
+var _AvatarIcon = _interopRequireDefault(require("./AvatarIcon"));
+var _useImage = _interopRequireDefault(require("./useImage"));
 var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _AvatarGroup = require("../AvatarGroup/AvatarGroup");
 var _CustomProvider = require("../CustomProvider");
-var _AvatarIcon = _interopRequireDefault(require("./AvatarIcon"));
-var _useImage = _interopRequireDefault(require("./useImage"));
 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; }
 /**
  * The Avatar component is used to represent user or brand.
  * @see https://rsuitejs.com/components/avatar
  */
-const Avatar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Avatar = (0, _utils.forwardRef)((props, ref) => {
   const {
     size: groupSize
   } = (0, _react.useContext)(_AvatarGroup.AvatarGroupContext);