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

package/esm/Card/index.d.ts

@@ -1,6 +1,10 @@
 import Card from './Card';
+import CardBody from './CardBody';
+import CardHeader from './CardHeader';
+import CardFooter from './CardFooter';
 export type { CardProps } from './Card';
 export type { CardBodyProps } from './CardBody';
 export type { CardHeaderProps } from './CardHeader';
 export type { CardFooterProps } from './CardFooter';
+export { Card, CardBody, CardHeader, CardFooter };
 export default Card;

package/esm/Card/index.js

@@ -1,3 +1,11 @@
 'use client';
 import Card from "./Card.js";
+import CardBody from "./CardBody.js";
+import CardHeader from "./CardHeader.js";
+import CardFooter from "./CardFooter.js";
+
+// export types
+
+// export components
+export { Card, CardBody, CardHeader, CardFooter };
 export default Card;

package/esm/CardGroup/CardGroup.d.ts

@@ -1,4 +1,4 @@
-import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface CardGroupProps extends WithAsProps {
     /**
      * The number of columns in the group
@@ -9,5 +9,5 @@ export interface CardGroupProps extends WithAsProps {
      */
     spacing?: number | string;
 }
-declare const CardGroup: RsRefForwardingComponent<'div', CardGroupProps>;
+declare const CardGroup: import("../internals/types").InternalRefForwardingComponent<"div", CardGroupProps, never> & Record<string, never>;
 export default CardGroup;

package/esm/CardGroup/CardGroup.js

@@ -1,10 +1,10 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import { getCssValue } from "../internals/utils/index.js";
+import { forwardRef, getCssValue } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-const CardGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
+const CardGroup = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('CardGroup', props);

package/esm/CardGroup/index.d.ts

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

package/esm/CardGroup/index.js

@@ -1,3 +1,8 @@
 'use client';
 import CardGroup from "./CardGroup.js";
+
+// export types
+
+// export components
+export { CardGroup };
 export default CardGroup;

package/esm/Carousel/Carousel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import { WithAsProps } from '../internals/types';
 export interface CarouselProps extends WithAsProps {
     /** Autoplay element */
     autoplay?: boolean;
@@ -24,5 +24,5 @@ export interface CarouselProps extends WithAsProps {
  * The Carousel component is used to display a series of content.
  * @see https://rsuitejs.com/components/carousel
  */
-declare const Carousel: RsRefForwardingComponent<'div', CarouselProps>;
+declare const Carousel: import("../internals/types").InternalRefForwardingComponent<"div", CarouselProps, never> & Record<string, never>;
 export default Carousel;

package/esm/Carousel/Carousel.js

@@ -3,13 +3,13 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useState, useMemo, useCallback, useRef } from 'react';
 import classNames from 'classnames';
 import { useClassNames, useControlled, useUpdateEffect, useTimeout } from "../internals/hooks/index.js";
-import { guid, ReactChildren, mergeRefs } from "../internals/utils/index.js";
+import { forwardRef, guid, ReactChildren, mergeRefs } from "../internals/utils/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The Carousel component is used to display a series of content.
  * @see https://rsuitejs.com/components/carousel
  */
-const Carousel = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Carousel = forwardRef((props, ref) => {
   const {
     rtl,
     propsWithDefaults

package/esm/Carousel/index.d.ts

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

package/esm/Carousel/index.js

@@ -1,3 +1,8 @@
 'use client';
 import Carousel from "./Carousel.js";
+
+// export types
+
+// export components
+export { Carousel };
 export default Carousel;

package/esm/CascadeTree/CascadeTree.d.ts

@@ -1,9 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import type { CascadeTreeProps } from './types';
 export interface CascadeTreeComponent {
-    <T>(props: CascadeTreeProps<T> & {
-        ref?: React.Ref<HTMLDivElement>;
-    }): JSX.Element | null;
+    <T>(props: CascadeTreeProps<T>): JSX.Element | null;
     displayName?: string;
 }
 /**

package/esm/CascadeTree/CascadeTree.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useCallback, useMemo } from 'react';
 import TreeView from "./TreeView.js";
 import SearchView from "./SearchView.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { getParentMap } from "../internals/Tree/utils/index.js";
 import { flattenTree } from "../Tree/utils/index.js";
 import { useMap, useControlled, useClassNames, useEventCallback } from "../internals/hooks/index.js";
@@ -13,7 +14,7 @@ import { useCustom } from "../CustomProvider/index.js";
  *
  * @see https://rsuitejs.com/components/cascade-tree
  */
-const CascadeTree = /*#__PURE__*/React.forwardRef((props, ref) => {
+const CascadeTree = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('CascadeTree', props);

package/esm/CascadeTree/TreeView.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
+import type { ItemDataType, WithAsProps, DataProps, ToArray } from '../internals/types';
 import type { SelectNode, CascadeColumn } from './types';
-import type { ItemDataType, WithAsProps, RsRefForwardingComponent, DataProps, ToArray } from '../internals/types';
 type SetLike<T = unknown> = {
     has(value: T): boolean;
 };
@@ -16,5 +16,5 @@ export interface TreeViewProps<T = any> extends WithAsProps, Omit<DataProps<Item
     renderColumn?: (childNodes: React.ReactNode, column: CascadeColumn<T>) => React.ReactNode;
     onSelect?: (node: SelectNode<T>, event: React.MouseEvent) => void;
 }
-declare const TreeView: RsRefForwardingComponent<'div', TreeViewProps>;
+declare const TreeView: import("../internals/types").InternalRefForwardingComponent<"div", TreeViewProps<any>, never> & Record<string, never>;
 export default TreeView;

package/esm/CascadeTree/TreeView.js

@@ -8,12 +8,12 @@ import scrollTop from 'dom-lib/scrollTop';
 import SpinnerIcon from '@rsuite/icons/Spinner';
 import ArrowLeftLineIcon from '@rsuite/icons/ArrowLeftLine';
 import ArrowRightLineIcon from '@rsuite/icons/ArrowRightLine';
-import { shallowEqual, mergeRefs } from "../internals/utils/index.js";
+import { forwardRef, shallowEqual, mergeRefs } from "../internals/utils/index.js";
 import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
 import { ListItem, useCombobox } from "../internals/Picker/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 const emptyArray = [];
-const TreeView = /*#__PURE__*/React.forwardRef((props, ref) => {
+const TreeView = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     activeItemValue,

package/esm/CascadeTree/index.d.ts

@@ -1,4 +1,4 @@
 import CascadeTree from './CascadeTree';
-export type { ItemDataType } from '../internals/types';
 export type { CascadeTreeProps } from './types';
+export { CascadeTree };
 export default CascadeTree;

package/esm/CascadeTree/index.js

@@ -1,3 +1,8 @@
 'use client';
 import CascadeTree from "./CascadeTree.js";
+
+// export types
+
+// export components
+export { CascadeTree };
 export default CascadeTree;

package/esm/Cascader/Cascader.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { CascadeTreeProps } from '../CascadeTree/types';
 import { PickerLocale } from '../locales';
-import { PickerHandle, PickerToggleProps } from '../internals/Picker';
+import { PickerToggleProps } from '../internals/Picker';
 import { ItemDataType, DataItemValue, FormControlPickerProps } from '../internals/types';
 export interface CascaderProps<T = DataItemValue> extends FormControlPickerProps<T, PickerLocale, ItemDataType<T>>, CascadeTreeProps<T, T, PickerLocale>, Pick<PickerToggleProps, 'label' | 'caretAs' | 'loading'> {
     /**
@@ -63,9 +63,7 @@ export interface CascaderProps<T = DataItemValue> extends FormControlPickerProps
     onClean?: (event: React.SyntheticEvent) => void;
 }
 export interface CascaderComponent {
-    <T>(props: CascaderProps<T> & {
-        ref?: React.Ref<PickerHandle>;
-    }): JSX.Element | null;
+    <T>(props: CascaderProps<T>): JSX.Element | null;
     displayName?: string;
 }
 /**

package/esm/Cascader/Cascader.js

@@ -11,17 +11,16 @@ import { usePaths, useSelect, useSearch } from "../CascadeTree/hooks/index.js";
 import { flattenTree } from "../Tree/utils/index.js";
 import { findNodeOfTree, getParentMap } from "../internals/Tree/utils/index.js";
 import { useControlled, useClassNames, useEventCallback, useMap } from "../internals/hooks/index.js";
-import { createChainedFunction, mergeRefs, shallowEqual } from "../internals/utils/index.js";
+import { forwardRef, createChainedFunction, mergeRefs, shallowEqual } from "../internals/utils/index.js";
 import { PickerToggle, PickerPopup, PickerToggleTrigger, usePickerClassName, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 import useActive from "./useActive.js";
 const emptyArray = [];
-
 /**
  * The `Cascader` component displays a hierarchical list of options.
  * @see https://rsuitejs.com/components/cascader
  */
-const Cascader = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Cascader = forwardRef((props, ref) => {
   const {
     rtl,
     propsWithDefaults

package/esm/Cascader/index.d.ts

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

package/esm/Cascader/index.js

@@ -1,3 +1,8 @@
 'use client';
 import Cascader from "./Cascader.js";
+
+// export types
+
+// export components
+export { Cascader };
 export default Cascader;

package/esm/CheckPicker/CheckPicker.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { PickerLocale } from '../locales';
-import { PickerHandle, PickerToggleProps } from '../internals/Picker';
-import { ItemDataType, FormControlPickerProps } from '../internals/types';
+/// <reference types="react" />
+import { PickerToggleProps } from '../internals/Picker';
+import type { PickerLocale } from '../locales';
+import type { ItemDataType, FormControlPickerProps } from '../internals/types';
 import type { MultipleSelectProps } from '../SelectPicker';
 export type ValueType = (number | string)[];
 export interface CheckPickerProps<T = any> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>>, MultipleSelectProps<T>, Pick<PickerToggleProps, 'label' | 'caretAs' | 'loading'> {
@@ -11,9 +11,7 @@ export interface CheckPickerProps<T = any> extends FormControlPickerProps<T[], P
     countable?: boolean;
 }
 export interface CheckPickerComponent {
-    <T>(props: CheckPickerProps<T> & {
-        ref?: React.Ref<PickerHandle>;
-    }): JSX.Element | null;
+    <T>(props: CheckPickerProps<T>): JSX.Element | null;
     displayName?: string;
 }
 /**

package/esm/CheckPicker/CheckPicker.js

@@ -7,18 +7,18 @@ import remove from 'lodash/remove';
 import omit from 'lodash/omit';
 import pick from 'lodash/pick';
 import isNil from 'lodash/isNil';
+import SearchBox from "../internals/SearchBox/index.js";
 import { filterNodesOfTree } from "../internals/Tree/utils/index.js";
 import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
-import { createChainedFunction, shallowEqual, mergeRefs, getDataGroupBy } from "../internals/utils/index.js";
-import { Listbox, ListCheckItem, PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker/index.js";
-import SearchBox from "../internals/SearchBox/index.js";
 import { useCustom } from "../CustomProvider/index.js";
+import { forwardRef, createChainedFunction, shallowEqual, mergeRefs, getDataGroupBy } from "../internals/utils/index.js";
+import { Listbox, ListCheckItem, PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker/index.js";
 const emptyArray = [];
 /**
  * A component for selecting checkable items in a dropdown list.
  * @see https://rsuitejs.com/components/check-picker
  */
-const CheckPicker = /*#__PURE__*/React.forwardRef((props, ref) => {
+const CheckPicker = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('CheckPicker', props);

package/esm/CheckPicker/index.d.ts

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

package/esm/CheckPicker/index.js

@@ -1,3 +1,8 @@
 'use client';
 import CheckPicker from "./CheckPicker.js";
+
+// export types
+
+// export components
+export { CheckPicker };
 export default CheckPicker;

package/esm/CheckTree/CheckTree.d.ts

@@ -1,5 +1,4 @@
 import { type CheckTreeViewProps } from './CheckTreeView';
-import type { RsRefForwardingComponent } from '../internals/types';
 import type { TreeExtraProps } from '../Tree/types';
 export type ValueType = (string | number)[];
 export interface CheckTreeProps<T = ValueType> extends CheckTreeViewProps<T>, TreeExtraProps {
@@ -16,5 +15,5 @@ export interface CheckTreeProps<T = ValueType> extends CheckTreeViewProps<T>, Tr
  * The `CheckTree` component is used for selecting multiple options which are organized in a tree structure.
  * @see https://rsuitejs.com/components/check-tree
  */
-declare const CheckTree: RsRefForwardingComponent<'div', CheckTreeProps>;
+declare const CheckTree: import("../internals/types").InternalRefForwardingComponent<"div", CheckTreeProps<ValueType>, never> & Record<string, never>;
 export default CheckTree;

package/esm/CheckTree/CheckTree.js

@@ -1,19 +1,20 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useMemo } from 'react';
-import { useEventCallback } from "../internals/hooks/index.js";
 import useTreeValue from "./hooks/useTreeValue.js";
 import CheckTreeView from "./CheckTreeView.js";
 import useFlattenTree from "../Tree/hooks/useFlattenTree.js";
 import useTreeWithChildren from "../Tree/hooks/useTreeWithChildren.js";
 import useExpandTree from "../Tree/hooks/useExpandTree.js";
+import { forwardRef } from "../internals/utils/index.js";
+import { useEventCallback } from "../internals/hooks/index.js";
 import { TreeProvider } from "../internals/Tree/TreeProvider.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `CheckTree` component is used for selecting multiple options which are organized in a tree structure.
  * @see https://rsuitejs.com/components/check-tree
  */
-const CheckTree = /*#__PURE__*/React.forwardRef((props, ref) => {
+const CheckTree = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('CheckTree', props);

package/esm/CheckTree/CheckTreeNode.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import { WithAsProps } from '../internals/types';
 import { CheckStateType } from '../internals/constants';
 import type { TreeNode as TreeNodeData } from '../internals/Tree/types';
 export interface CheckTreeNodeProps extends WithAsProps {
@@ -68,5 +68,5 @@ export interface CheckTreeNodeProps extends WithAsProps {
      */
     onSelect?: (nodeData: TreeNodeData, event: React.SyntheticEvent) => void;
 }
-declare const CheckTreeNode: RsRefForwardingComponent<'div', CheckTreeNodeProps>;
+declare const CheckTreeNode: import("../internals/types").InternalRefForwardingComponent<"div", CheckTreeNodeProps, never> & Record<string, never>;
 export default CheckTreeNode;

package/esm/CheckTree/CheckTreeNode.js

@@ -1,15 +1,15 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { forwardRef, useMemo } from 'react';
+import React, { useMemo } from 'react';
 import ListCheckItem from "../internals/Picker/ListCheckItem.js";
 import TreeNodeToggle from "../Tree/TreeNodeToggle.js";
+import { forwardRef, stringifyReactNode, mergeRefs } from "../internals/utils/index.js";
 import { useTreeContextProps } from "../internals/Tree/TreeProvider.js";
-import { stringifyReactNode, mergeRefs } from "../internals/utils/index.js";
 import { CHECK_STATE } from "../internals/constants/index.js";
 import { indentTreeNode } from "../Tree/utils/index.js";
 import { useClassNames, useEventCallback, useFocusVirtualListItem } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-const CheckTreeNode = /*#__PURE__*/forwardRef((props, ref) => {
+const CheckTreeNode = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     style,

package/esm/CheckTree/CheckTreeView.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { TreeNode, TreeNodeMap } from '../internals/Tree/types';
-import type { RsRefForwardingComponent, ToArray, DataProps } from '../internals/types';
+import type { WithAsProps, ToArray, DataProps } from '../internals/types';
 import type { TreeViewBaseProps } from '../Tree/types';
 /**
  * Props for the CheckTreeView component.
@@ -43,7 +43,7 @@ export interface CheckTreeViewProps<V = (string | number)[]> extends TreeViewBas
      */
     onChange?: (value: V, event: React.SyntheticEvent) => void;
 }
-interface CheckTreeViewInnerProps<V = (string | number)[]> extends Omit<CheckTreeViewProps<V>, 'onExpand'> {
+interface CheckTreeViewInnerProps<V = (string | number)[]> extends WithAsProps, Omit<CheckTreeViewProps<V>, 'onExpand'> {
     /**
      * Loading node values.
      */
@@ -67,5 +67,5 @@ interface CheckTreeViewInnerProps<V = (string | number)[]> extends Omit<CheckTre
      */
     onExpand?: (nodeData: TreeNode, expanded?: boolean) => void;
 }
-declare const CheckTreeView: RsRefForwardingComponent<'div', CheckTreeViewInnerProps>;
+declare const CheckTreeView: import("../internals/types").InternalRefForwardingComponent<"div", CheckTreeViewInnerProps<(string | number)[]>, never> & Record<string, never>;
 export default CheckTreeView;

package/esm/CheckTree/CheckTreeView.js

@@ -10,6 +10,7 @@ import useFocusTree from "../Tree/hooks/useFocusTree.js";
 import useVirtualizedTreeData from "../Tree/hooks/useVirtualizedTreeData.js";
 import useTreeCheckState from "./hooks/useTreeCheckState.js";
 import useTreeNodeProps from "./hooks/useTreeNodeProps.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { List, AutoSizer, defaultItemSize } from "../internals/Windowing/index.js";
 import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
 import { getPathTowardsItem, getKeyParentMap } from "../internals/Tree/utils/index.js";
@@ -24,7 +25,7 @@ import { useCustom } from "../CustomProvider/index.js";
  * Props for the CheckTreeView component.
  */
 
-const CheckTreeView = /*#__PURE__*/React.forwardRef((props, ref) => {
+const CheckTreeView = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     className,

package/esm/CheckTree/index.d.ts

@@ -1,3 +1,5 @@
 import CheckTree from './CheckTree';
-export type { CheckTreeProps, ValueType } from './CheckTree';
+export type { CheckTreeProps } from './CheckTree';
+export type { CheckTreeNodeProps } from './CheckTreeNode';
+export { CheckTree };
 export default CheckTree;

package/esm/CheckTree/index.js

@@ -1,3 +1,8 @@
 'use client';
 import CheckTree from "./CheckTree.js";
+
+// export types
+
+// export components
+export { CheckTree };
 export default CheckTree;

package/esm/CheckTreePicker/CheckTreePicker.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { PickerLocale } from '../locales';
-import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import { type CheckTreeViewProps } from '../CheckTree/CheckTreeView';
+import { PickerLocale } from '../locales';
+import { PickerToggleProps } from '../internals/Picker';
 import type { TreeNode } from '../internals/Tree/types';
 import type { FormControlPickerProps, ItemDataType, DeprecatedPickerProps } from '../internals/types';
 import type { TreeExtraProps } from '../Tree/types';
@@ -39,5 +39,5 @@ export interface CheckTreePickerProps<V = ValueType> extends Omit<CheckTreeViewP
  *
  * @see https://rsuitejs.com/components/check-tree-picker
  */
-declare const CheckTreePicker: PickerComponent<CheckTreePickerProps>;
+declare const CheckTreePicker: import("../internals/types").InternalRefForwardingComponent<"div", CheckTreePickerProps<ValueType>, never> & Record<string, never>;
 export default CheckTreePicker;

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -1,20 +1,20 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _omit from "lodash/omit";
-import _isFunction from "lodash/isFunction";
-import _pick from "lodash/pick";
-import _isNil from "lodash/isNil";
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
-import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
-import { createChainedFunction, mergeRefs } from "../internals/utils/index.js";
-import { PickerToggle, onMenuKeyDown, PickerPopup, SelectedElement, PickerToggleTrigger, usePickerClassName, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker/index.js";
 import CheckTreeView from "../CheckTree/CheckTreeView.js";
 import useTreeValue from "../CheckTree/hooks/useTreeValue.js";
 import useFlattenTree from "../Tree/hooks/useFlattenTree.js";
 import useTreeWithChildren from "../Tree/hooks/useTreeWithChildren.js";
 import useExpandTree from "../Tree/hooks/useExpandTree.js";
 import useFocusState from "./hooks/useFocusState.js";
+import isNil from 'lodash/isNil';
+import pick from 'lodash/pick';
+import isFunction from 'lodash/isFunction';
+import omit from 'lodash/omit';
+import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
+import { forwardRef, createChainedFunction, mergeRefs } from "../internals/utils/index.js";
+import { PickerToggle, onMenuKeyDown, PickerPopup, SelectedElement, PickerToggleTrigger, usePickerClassName, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker/index.js";
 import { getSelectedItems } from "../CheckTree/utils.js";
 import { TreeProvider, useTreeImperativeHandle } from "../internals/Tree/TreeProvider.js";
 import { useCustom } from "../CustomProvider/index.js";
@@ -23,7 +23,7 @@ import { useCustom } from "../CustomProvider/index.js";
  *
  * @see https://rsuitejs.com/components/check-tree-picker
  */
-const CheckTreePicker = /*#__PURE__*/React.forwardRef((props, ref) => {
+const CheckTreePicker = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('CheckTreePicker', props);
@@ -241,7 +241,7 @@ const CheckTreePicker = /*#__PURE__*/React.forwardRef((props, ref) => {
    * 1.Have a value and the value is valid.
    * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.
    */
-  let hasValidValue = selectedNodes.length > 0 || value.length > 0 && _isFunction(renderValue);
+  let hasValidValue = selectedNodes.length > 0 || value.length > 0 && isFunction(renderValue);
   let selectedElement = placeholder;
   if (hasValidValue) {
     selectedElement = /*#__PURE__*/React.createElement(SelectedElement, {
@@ -254,9 +254,9 @@ const CheckTreePicker = /*#__PURE__*/React.forwardRef((props, ref) => {
       cascade: cascade,
       locale: locale
     });
-    if (_isFunction(renderValue)) {
+    if (isFunction(renderValue)) {
       selectedElement = renderValue(value, selectedNodes, selectedElement);
-      if (_isNil(selectedElement)) {
+      if (isNil(selectedElement)) {
         hasValidValue = false;
       }
     }
@@ -275,7 +275,7 @@ const CheckTreePicker = /*#__PURE__*/React.forwardRef((props, ref) => {
     id: id,
     popupType: "tree",
     multiple: true,
-    pickerProps: _pick(props, pickTriggerPropKeys),
+    pickerProps: pick(props, pickTriggerPropKeys),
     ref: trigger,
     placement: placement,
     speaker: renderTreeView
@@ -283,7 +283,7 @@ const CheckTreePicker = /*#__PURE__*/React.forwardRef((props, ref) => {
     className: classes,
     style: style,
     ref: root
-  }, /*#__PURE__*/React.createElement(PickerToggle, _extends({}, _omit(rest, [...omitTriggerPropKeys, ...usedClassNamePropKeys]), {
+  }, /*#__PURE__*/React.createElement(PickerToggle, _extends({}, omit(rest, [...omitTriggerPropKeys, ...usedClassNamePropKeys]), {
     ref: target,
     appearance: appearance,
     onKeyDown: onPickerKeydown,

package/esm/CheckTreePicker/index.d.ts

@@ -1,3 +1,4 @@
 import CheckTreePicker from './CheckTreePicker';
-export type { CheckTreePickerProps, ValueType } from './CheckTreePicker';
+export type { CheckTreePickerProps } from './CheckTreePicker';
+export { CheckTreePicker };
 export default CheckTreePicker;

package/esm/CheckTreePicker/index.js

@@ -1,3 +1,8 @@
 'use client';
 import CheckTreePicker from "./CheckTreePicker.js";
+
+// export types
+
+// export components
+export { CheckTreePicker };
 export default CheckTreePicker;

package/esm/Checkbox/Checkbox.d.ts

@@ -1,13 +1,12 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
-export type ValueType = string | number;
-export interface CheckboxProps<V = ValueType> extends WithAsProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+import { WithAsProps, ColorType } from '../internals/types';
+export interface CheckboxProps<V = string | number> extends WithAsProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
      * The color of the checkbox when checked or indeterminate
      *
      * @version 5.56.0
      */
-    color?: TypeAttributes.Color;
+    color?: ColorType;
     /**
      * Whether to show checkbox
      *
@@ -85,5 +84,5 @@ export interface CheckboxProps<V = ValueType> extends WithAsProps, Omit<React.HT
  * The Checkbox component is used for selecting multiple options from a set.
  * @see https://rsuitejs.com/components/checkbox
  */
-declare const Checkbox: RsRefForwardingComponent<'div', CheckboxProps>;
+declare const Checkbox: import("../internals/types").InternalRefForwardingComponent<"div", CheckboxProps<string | number>, never> & Record<string, never>;
 export default Checkbox;