rsuite 5.61.0 → 5.62.1

package/esm/{utils → internals/hooks}/useClassNames.js

@@ -1,12 +1,14 @@
 'use client';
 import { useCallback, useContext } from 'react';
 import classNames from 'classnames';
-import { prefix as addPrefix } from './prefix';
-import { CustomContext } from '../CustomProvider/CustomProvider';
+import { prefix as addPrefix } from "../utils/prefix.js";
+import { CustomContext } from "../../CustomProvider/CustomProvider.js";
 
 // This is the only way I found to break circular references between ClassArray and ClassValue
 // https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540
+
 //eslint-disable-line @typescript-eslint/no-empty-interface
+
 /**
  * Add a prefix to all classNames.
  *
@@ -18,7 +20,7 @@ import { CustomContext } from '../CustomProvider/CustomProvider';
  *  - prefix: Add a prefix to className
  *  - rootPrefix
  */
-function useClassNames(str) {
+export function useClassNames(str) {
   var _ref = useContext(CustomContext) || {},
     _ref$classPrefix = _ref.classPrefix,
     classPrefix = _ref$classPrefix === void 0 ? 'rs' : _ref$classPrefix;

package/{cjs/utils → esm/internals/hooks}/useClickOutside.d.ts

@@ -3,4 +3,5 @@ export interface UseClickOutsideOptions {
     isOutside: (event: MouseEvent) => boolean;
     handle: (event: MouseEvent) => void;
 }
-export default function useClickOutside({ enabled, isOutside, handle }: UseClickOutsideOptions): void;
+export declare function useClickOutside({ enabled, isOutside, handle }: UseClickOutsideOptions): void;
+export default useClickOutside;

package/esm/{utils → internals/hooks}/useClickOutside.js

@@ -1,6 +1,6 @@
 'use client';
 import { useEffect, useRef } from 'react';
-export default function useClickOutside(_ref) {
+export function useClickOutside(_ref) {
   var _ref$enabled = _ref.enabled,
     enabled = _ref$enabled === void 0 ? true : _ref$enabled,
     isOutside = _ref.isOutside,
@@ -26,4 +26,5 @@ export default function useClickOutside(_ref) {
       };
     }
   }, [enabled]);
-}
+}
+export default useClickOutside;

package/esm/{utils → internals/hooks}/useControlled.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-declare type InferDefined<T> = T extends infer U | undefined ? U : never;
+type InferDefined<T> = T extends infer U | undefined ? U : never;
 /**
  * A hook for controlled value management.
  * In the case of passing the controlled value, the controlled value is returned, otherwise the value in state is returned.
@@ -8,9 +7,5 @@ declare type InferDefined<T> = T extends infer U | undefined ? U : never;
  * @param defaultValue
  * @param formatValue
  */
-declare function useControlled<V = any, D = V>(controlledValue: V, defaultValue: D): [
-    V extends undefined ? D : InferDefined<V>,
-    (value: React.SetStateAction<V | null>) => void,
-    boolean
-];
+export declare function useControlled<V = any, D = V>(controlledValue: V, defaultValue: D): [V extends undefined ? D : InferDefined<V>, (value: React.SetStateAction<V | null>) => void, boolean];
 export default useControlled;

package/esm/{utils → internals/hooks}/useControlled.js

@@ -1,6 +1,5 @@
 'use client';
 import { useRef, useState, useCallback } from 'react';
-
 /**
  * A hook for controlled value management.
  * In the case of passing the controlled value, the controlled value is returned, otherwise the value in state is returned.
@@ -10,12 +9,14 @@ import { useRef, useState, useCallback } from 'react';
  * @param formatValue
  */
 
-function useControlled(controlledValue, defaultValue) {
+export function useControlled(controlledValue, defaultValue) {
   var controlledRef = useRef(false);
   controlledRef.current = controlledValue !== undefined;
   var _useState = useState(defaultValue),
     uncontrolledValue = _useState[0],
-    setUncontrolledValue = _useState[1]; // If it is controlled, this directly returns the attribute value.
+    setUncontrolledValue = _useState[1];
+
+  // If it is controlled, this directly returns the attribute value.
   var value = controlledRef.current ? controlledValue : uncontrolledValue;
   var setValue = useCallback(function (nextValue) {
     // Only update the value in state when it is not under control.

package/esm/internals/hooks/useCustom.d.ts

@@ -0,0 +1,7 @@
+import { CustomValue } from '../../CustomProvider/CustomProvider';
+/**
+ * A hook to get custom configuration of `<CustomProvider>`
+ * @param keys
+ */
+export declare function useCustom<T = any>(keys?: string | string[], overrideLocale?: any): CustomValue<T>;
+export default useCustom;

package/esm/{utils → internals/hooks}/useCustom.js

@@ -1,9 +1,9 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { useContext, useCallback } from 'react';
-import defaultLocale from '../locales/default';
-import { CustomContext } from '../CustomProvider/CustomProvider';
-import { format, parse, isValid } from '../utils/dateUtils';
+import { format, parse, isValid } from "../utils/date/index.js";
+import defaultLocale from "../../locales/default.js";
+import { CustomContext } from "../../CustomProvider/CustomProvider.js";
 var mergeObject = function mergeObject(list) {
   return list.reduce(function (a, b) {
     a = _extends({}, a, b);
@@ -18,7 +18,7 @@ var getDefaultRTL = function getDefaultRTL() {
  * A hook to get custom configuration of `<CustomProvider>`
  * @param keys
  */
-function useCustom(keys, overrideLocale) {
+export function useCustom(keys, overrideLocale) {
   var _locale$Calendar2, _locale$Calendar4;
   var _useContext = useContext(CustomContext),
     _useContext$locale = _useContext.locale,

package/esm/{utils → internals/hooks}/useElementResize.d.ts

@@ -5,4 +5,5 @@
  * @param eventTarget The target to listen for events on
  * @param listener An event handler
  */
-export default function useElementResize(eventTarget: Element | null | (() => Element | null), listener: ResizeObserverCallback): void;
+export declare function useElementResize(eventTarget: Element | null | (() => Element | null), listener: ResizeObserverCallback): void;
+export default useElementResize;

package/esm/{utils → internals/hooks}/useElementResize.js

@@ -9,7 +9,7 @@ import { ResizeObserver } from '@juggle/resize-observer';
  * @param eventTarget The target to listen for events on
  * @param listener An event handler
  */
-export default function useElementResize(eventTarget, listener) {
+export function useElementResize(eventTarget, listener) {
   var resizeObserver = useRef();
   useEffect(function () {
     if (!resizeObserver.current) {
@@ -24,4 +24,5 @@ export default function useElementResize(eventTarget, listener) {
       (_resizeObserver$curre = resizeObserver.current) === null || _resizeObserver$curre === void 0 ? void 0 : _resizeObserver$curre.disconnect();
     };
   }, [eventTarget, listener]);
-}
+}
+export default useElementResize;

package/{cjs/utils → esm/internals/hooks}/useEnsuredRef.d.ts

@@ -20,4 +20,5 @@ import React from 'react';
  * });
  *
  */
-export default function useEnsuredRef<T = undefined>(ref: any): React.MutableRefObject<T | undefined>;
+export declare function useEnsuredRef<T = undefined>(ref: any): React.MutableRefObject<T | undefined>;
+export default useEnsuredRef;

package/esm/{utils → internals/hooks}/useEnsuredRef.js

@@ -22,10 +22,11 @@ import { useRef } from 'react';
  * });
  *
  */
-export default function useEnsuredRef(ref) {
+export function useEnsuredRef(ref) {
   var dumpRef = useRef();
   if (ref) {
     return ref;
   }
   return dumpRef;
-}
+}
+export default useEnsuredRef;

package/{cjs/utils → esm/internals/hooks}/useEventCallback.d.ts

@@ -2,4 +2,5 @@
  * https://github.com/facebook/react/issues/14099#issuecomment-440013892
  * @param {function} fn
  */
-export default function useEventCallback(fn: any): (...args: any[]) => any;
+export declare function useEventCallback(fn: any): (...args: any[]) => any;
+export default useEventCallback;

package/esm/{utils → internals/hooks}/useEventCallback.js

@@ -5,7 +5,7 @@ import { useEffect, useCallback, useRef } from 'react';
  * https://github.com/facebook/react/issues/14099#issuecomment-440013892
  * @param {function} fn
  */
-export default function useEventCallback(fn) {
+export function useEventCallback(fn) {
   var ref = useRef(fn);
   useEffect(function () {
     ref.current = fn;
@@ -17,4 +17,5 @@ export default function useEventCallback(fn) {
     }
     return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.call.apply(_ref$current, [ref].concat(args));
   }, []);
-}
+}
+export default useEventCallback;

package/esm/{utils → internals/hooks}/useEventListener.d.ts

@@ -6,4 +6,5 @@
  * @param handler An event handler
  * @param capture Whether or not to listen during the capture event phase
  */
-export default function useEventListener<K extends keyof DocumentEventMap>(eventTarget: EventTarget | (() => EventTarget), event: K, listener: EventListenerOrEventListenerObject, capture?: boolean | AddEventListenerOptions): void;
+export declare function useEventListener<K extends keyof DocumentEventMap>(eventTarget: EventTarget | (() => EventTarget), event: K, listener: EventListenerOrEventListenerObject, capture?: boolean | AddEventListenerOptions): void;
+export default useEventListener;

package/esm/{utils → internals/hooks}/useEventListener.js

@@ -10,7 +10,7 @@ import on from 'dom-lib/on';
  * @param handler An event handler
  * @param capture Whether or not to listen during the capture event phase
  */
-export default function useEventListener(eventTarget, event, listener, capture) {
+export function useEventListener(eventTarget, event, listener, capture) {
   if (capture === void 0) {
     capture = false;
   }
@@ -21,4 +21,5 @@ export default function useEventListener(eventTarget, event, listener, capture)
       controller === null || controller === void 0 ? void 0 : controller.off();
     };
   }, [eventTarget, event, listener, capture]);
-}
+}
+export default useEventListener;

package/esm/{utils → internals/hooks}/useFocus.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export default function useFocus<E extends HTMLElement>(elementRef: React.RefObject<E>): {
+export declare function useFocus<E extends HTMLElement>(elementRef: React.RefObject<E>): {
     grab: () => void;
     release: (options?: FocusOptions) => void;
 };
+export default useFocus;

package/esm/{utils → internals/hooks}/useFocus.js

@@ -1,6 +1,6 @@
 'use client';
 import { useCallback, useRef } from 'react';
-export default function useFocus(elementRef) {
+export function useFocus(elementRef) {
   // When grabbing focus, keep track of previous activeElement
   // so that we can return focus later
   var previousActiveElementRef = useRef(null);
@@ -27,4 +27,5 @@ export default function useFocus(elementRef) {
     grab: grab,
     release: release
   };
-}
+}
+export default useFocus;

package/esm/internals/hooks/{useFoucsVirtualListItem.d.ts → useFocusVirtualListItem.d.ts}

@@ -3,5 +3,5 @@
  * Virtualized list loses focus when scrolling or clicking options, causing the component to re-render.
  * To solve this problem, we need to refocus on the selected option after the component is re-rendered.
  */
-declare function useFoucsVirtualListItem<T extends HTMLElement>(focused?: boolean): import("react").RefObject<T>;
-export default useFoucsVirtualListItem;
+export declare function useFocusVirtualListItem<T extends HTMLElement>(focused?: boolean): import("react").RefObject<T>;
+export default useFocusVirtualListItem;

package/esm/internals/hooks/{useFoucsVirtualListItem.js → useFocusVirtualListItem.js}

@@ -5,7 +5,7 @@ import { useRef, useEffect } from 'react';
  * Virtualized list loses focus when scrolling or clicking options, causing the component to re-render.
  * To solve this problem, we need to refocus on the selected option after the component is re-rendered.
  */
-function useFoucsVirtualListItem(focused) {
+export function useFocusVirtualListItem(focused) {
   var itemRef = useRef(null);
   useEffect(function () {
     if (!focused) {
@@ -19,4 +19,4 @@ function useFoucsVirtualListItem(focused) {
   }, [focused]);
   return itemRef;
 }
-export default useFoucsVirtualListItem;
+export default useFocusVirtualListItem;

package/esm/internals/hooks/useInternalId.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Used for generating unique ID for DOM elements
+ */
+export declare function useInternalId(namespace?: string): string;
+export default useInternalId;

package/esm/{utils → internals/hooks}/useInternalId.js

@@ -5,11 +5,12 @@ import uniqueId from 'lodash/uniqueId';
 /**
  * Used for generating unique ID for DOM elements
  */
-export default function useInternalId(namespace) {
+export function useInternalId(namespace) {
   var idRef = useRef();
   if (!idRef.current) {
     idRef.current = uniqueId("internal://" + namespace);
   }
   useDebugValue(idRef.current);
   return idRef.current;
-}
+}
+export default useInternalId;

package/esm/internals/hooks/useIsMounted.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsMounted(): () => boolean;
+export default useIsMounted;

package/esm/{utils → internals/hooks}/useIsMounted.js

@@ -1,6 +1,6 @@
 'use client';
 import { useCallback, useEffect, useRef } from 'react';
-function useIsMounted() {
+export function useIsMounted() {
   var isMounted = useRef(false);
   useEffect(function () {
     isMounted.current = true;

package/esm/internals/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useEffect;
+export default useIsomorphicLayoutEffect;

package/esm/internals/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,4 @@
+'use client';
+import { useEffect, useLayoutEffect } from 'react';
+export var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+export default useIsomorphicLayoutEffect;

package/esm/{utils → internals/hooks}/useMap.d.ts

@@ -4,3 +4,4 @@ export declare function useMap<K, V>(): {
     set(key: K, value: V): void;
     clear(): void;
 };
+export default useMap;

package/esm/{utils → internals/hooks}/useMap.js

@@ -26,4 +26,5 @@ export function useMap() {
       }
     };
   }, [map]);
-}
+}
+export default useMap;

package/esm/internals/hooks/useMount.d.ts

@@ -0,0 +1,2 @@
+export declare const useMount: (callback: () => void) => void;
+export default useMount;

package/esm/{utils → internals/hooks}/useMount.js

@@ -1,6 +1,6 @@
 'use client';
 import { useEffect, useRef } from 'react';
-var useMount = function useMount(callback) {
+export var useMount = function useMount(callback) {
   var mountRef = useRef(callback);
   mountRef.current = callback;
   useEffect(function () {

package/esm/{utils → internals/hooks}/usePortal.d.ts

@@ -3,9 +3,9 @@ interface PortalProps {
     container?: HTMLElement | (() => HTMLElement | null) | null;
     waitMount?: boolean;
 }
-declare function usePortal(props?: PortalProps): {
+export declare function usePortal(props?: PortalProps): {
     target: HTMLElement | null;
-    Portal: ((props: any) => JSX.Element) | (({ children }: {
+    Portal: ((props: any) => React.JSX.Element) | (({ children }: {
         children: React.ReactNode;
     }) => React.ReactPortal | null);
 };

package/esm/{utils → internals/hooks}/usePortal.js

@@ -17,7 +17,7 @@ var MountedPortal = /*#__PURE__*/React.memo(function (_ref) {
   }
   return null;
 });
-function usePortal(props) {
+export function usePortal(props) {
   if (props === void 0) {
     props = {};
   }

package/esm/{utils → internals/hooks}/useRootClose.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type TargetType = React.RefObject<Element> | Element | null | undefined;
+type TargetType = React.RefObject<Element> | Element | null | undefined;
 interface Options {
     disabled: boolean;
     triggerTarget: TargetType;
@@ -16,5 +16,5 @@ interface Options {
  * @param param1
  * @todo Allow different behaviors based on whether clicked element is focusable
  */
-declare function useRootClose(onRootClose: React.ReactEventHandler | undefined, { disabled, triggerTarget, overlayTarget, listenEscape }: Options): void;
+export declare function useRootClose(onRootClose: React.ReactEventHandler | undefined, { disabled, triggerTarget, overlayTarget, listenEscape }: Options): void;
 export default useRootClose;

package/esm/{utils → internals/hooks}/useRootClose.js

@@ -3,7 +3,8 @@ import { useEffect, useCallback } from 'react';
 import contains from 'dom-lib/contains';
 import ownerDocument from 'dom-lib/ownerDocument';
 import on from 'dom-lib/on';
-import { getDOMNode, KEY_VALUES } from './';
+import getDOMNode from "../utils/getDOMNode.js";
+import { KEY_VALUES } from "../constants/index.js";
 function isLeftClickEvent(event) {
   return (event === null || event === void 0 ? void 0 : event.button) === 0;
 }
@@ -16,7 +17,7 @@ function isModifiedEvent(event) {
  * @param param1
  * @todo Allow different behaviors based on whether clicked element is focusable
  */
-function useRootClose(onRootClose, _ref) {
+export function useRootClose(onRootClose, _ref) {
   var disabled = _ref.disabled,
     triggerTarget = _ref.triggerTarget,
     overlayTarget = _ref.overlayTarget,

package/esm/{utils → internals/hooks}/useTimeout.d.ts

@@ -8,5 +8,5 @@ export interface UseTimeoutFnReturn {
  * @param ms Milliseconds of the timer
  * @param enabled Whether to open the timer
  */
-declare function useTimeout(fn: (() => void) | undefined, ms?: number, enabled?: boolean): UseTimeoutFnReturn;
+export declare function useTimeout(fn: (() => void) | undefined, ms?: number, enabled?: boolean): UseTimeoutFnReturn;
 export default useTimeout;

package/esm/{utils → internals/hooks}/useTimeout.js

@@ -6,7 +6,7 @@ import { useEffect, useRef, useCallback } from 'react';
  * @param ms Milliseconds of the timer
  * @param enabled Whether to open the timer
  */
-function useTimeout(fn, ms, enabled) {
+export function useTimeout(fn, ms, enabled) {
   if (ms === void 0) {
     ms = 0;
   }

package/esm/internals/hooks/useToggleCaret.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TypeAttributes } from '../types';
+export declare function useToggleCaret(placement: TypeAttributes.Placement8 | TypeAttributes.Placement): import("react").FC<import("@rsuite/icons/lib/Icon").IconProps>;
+export default useToggleCaret;

package/esm/{utils → internals/hooks}/useToggleCaret.js

@@ -4,8 +4,8 @@ import AngleDownIcon from '@rsuite/icons/legacy/AngleDown';
 import AngleUpIcon from '@rsuite/icons/legacy/AngleUp';
 import AngleLeftIcon from '@rsuite/icons/legacy/AngleLeft';
 import AngleRightIcon from '@rsuite/icons/legacy/AngleRight';
-import useCustom from './useCustom';
-function useToggleCaret(placement) {
+import useCustom from "./useCustom.js";
+export function useToggleCaret(placement) {
   var _useCustom = useCustom('Dropdown'),
     rtl = _useCustom.rtl;
   return useMemo(function () {

package/{cjs/utils → esm/internals/hooks}/useUniqueId.d.ts

@@ -3,4 +3,5 @@
  *
  * @param idProp If id is provided, it will be used instead of generating a new one
  */
-export default function useUniqueId(prefix: string, idProp?: string): string;
+export declare function useUniqueId(prefix: string, idProp?: string): string;
+export default useUniqueId;

package/esm/{utils → internals/hooks}/useUniqueId.js

@@ -8,7 +8,7 @@ var reactUseId = React['useId'.toString()];
  *
  * @param idProp If id is provided, it will be used instead of generating a new one
  */
-export default function useUniqueId(prefix, idProp) {
+export function useUniqueId(prefix, idProp) {
   var idRef = React.useRef();
   if (reactUseId !== undefined) {
     return idProp !== null && idProp !== void 0 ? idProp : "" + prefix + reactUseId();
@@ -17,4 +17,5 @@ export default function useUniqueId(prefix, idProp) {
     idRef.current = uniqueId(prefix);
   }
   return idProp !== null && idProp !== void 0 ? idProp : idRef.current;
-}
+}
+export default useUniqueId;

package/esm/{utils → internals/hooks}/useUpdateEffect.d.ts

@@ -1,3 +1,3 @@
 import { useEffect } from 'react';
-declare const useUpdateEffect: typeof useEffect;
+export declare const useUpdateEffect: typeof useEffect;
 export default useUpdateEffect;

package/esm/{utils → internals/hooks}/useUpdateEffect.js

@@ -1,6 +1,6 @@
 'use client';
 import { useEffect, useRef } from 'react';
-var useUpdateEffect = function useUpdateEffect(effect, deps) {
+export var useUpdateEffect = function useUpdateEffect(effect, deps) {
   var isMounting = useRef(true);
   useEffect(function () {
     if (isMounting.current) {

package/{cjs/utils → esm/internals/hooks}/useUpdatedRef.d.ts

@@ -5,4 +5,5 @@
  * @param value The Ref value
  * @category refs
  */
-export default function useUpdatedRef<T>(value: T): import("react").MutableRefObject<T>;
+export declare function useUpdatedRef<T>(value: T): import("react").MutableRefObject<T>;
+export default useUpdatedRef;

package/esm/{utils → internals/hooks}/useUpdatedRef.js

@@ -7,8 +7,9 @@ import { useRef } from 'react';
  * @param value The Ref value
  * @category refs
  */
-export default function useUpdatedRef(value) {
+export function useUpdatedRef(value) {
   var valueRef = useRef(value);
   valueRef.current = value;
   return valueRef;
-}
+}
+export default useUpdatedRef;

package/{cjs/utils → esm/internals/hooks}/useWillUnmount.d.ts

@@ -4,4 +4,5 @@
  * @param fn Handler to run when the component unmounts
  * @category effects
  */
-export default function useWillUnmount(fn: () => void): void;
+export declare function useWillUnmount(fn: () => void): void;
+export default useWillUnmount;

package/esm/{utils → internals/hooks}/useWillUnmount.js

@@ -1,5 +1,5 @@
 'use client';
-import useUpdatedRef from './useUpdatedRef';
+import useUpdatedRef from "./useUpdatedRef.js";
 import { useEffect } from 'react';
 
 /**
@@ -8,7 +8,7 @@ import { useEffect } from 'react';
  * @param fn Handler to run when the component unmounts
  * @category effects
  */
-export default function useWillUnmount(fn) {
+export function useWillUnmount(fn) {
   var onUnmount = useUpdatedRef(fn);
 
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -17,4 +17,5 @@ export default function useWillUnmount(fn) {
       return onUnmount.current();
     };
   }, []);
-}
+}
+export default useWillUnmount;

package/esm/internals/propTypes/deprecatePropType.js

@@ -1,7 +1,7 @@
 'use client';
 // Ref: https://github.com/thefrontside/deprecated-prop-type/blob/master/deprecated.js
 
-import warnOnce from '../../utils/warnOnce';
+import { warnOnce } from "../utils/index.js";
 
 /**
  * Prints deprecation message when user uses a deprecated prop

package/esm/internals/propTypes/index.js

@@ -1,7 +1,7 @@
 'use client';
 import PropTypes from 'prop-types';
-export { default as oneOf } from './oneOf';
-export { default as deprecatePropType, deprecatePropTypeNew } from './deprecatePropType';
+export { default as oneOf } from "./oneOf.js";
+export { default as deprecatePropType, deprecatePropTypeNew } from "./deprecatePropType.js";
 export function tupleType() {
   for (var _len = arguments.length, typeCheckers = new Array(_len), _key = 0; _key < _len; _key++) {
     typeCheckers[_key] = arguments[_key];

package/esm/{@types/common.d.ts → internals/types/index.d.ts}

@@ -34,7 +34,7 @@ export interface AnimationEventProps {
     /** Callback fired after the Modal finishes transitioning out */
     onExited?: (node: HTMLElement) => void;
 }
-export declare type PickerAppearance = 'default' | 'subtle';
+export type PickerAppearance = 'default' | 'subtle';
 export interface PickerBaseProps<L = any> extends WithAsProps, AnimationEventProps {
     id?: string;
     /** Custom locale */
@@ -131,7 +131,7 @@ export interface FormControlBaseProps<ValueType = React.InputHTMLAttributes<HTML
     /** Make the control readonly */
     readOnly?: boolean;
 }
-export declare type ToArray<V> = V extends any[] ? V : V[];
+export type ToArray<V> = V extends any[] ? V : V[];
 /**
  * Represents the data properties for a component.
  */
@@ -185,15 +185,15 @@ export interface ItemDataType<T = number | string> extends Record<string, any> {
     children?: ItemDataType<T>[];
     loading?: boolean;
 }
-export declare type DataItemValue = number | string | null;
+export type DataItemValue = number | string | null;
 export interface Offset {
     top: number;
     left: number;
     width: number;
     height: number;
 }
-export declare type OnChangeCallback<T, E = React.SyntheticEvent> = (value: T, event: E) => void;
-export declare type CursorPosition = {
+export type OnChangeCallback<T, E = React.SyntheticEvent> = (value: T, event: E) => void;
+export type CursorPosition = {
     top: number;
     left: number;
     clientTop: number;

package/{cjs/@types/common.js → esm/internals/types/index.js}

@@ -1,2 +1,2 @@
 'use client';
-"use strict";
+export {};

package/esm/internals/types/utils.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export type Partial<T> = {
+    [P in keyof T]?: T[P];
+};
+export type Pick<T, K extends keyof T> = {
+    [P in K]: T[P];
+};
+export type Exclude<T, U> = T extends U ? never : T;
+export type Omit<T, U> = Pick<T, Exclude<keyof T, keyof U>>;
+export type ReplaceProps<Inner extends React.ElementType, P> = Omit<React.ComponentPropsWithRef<Inner>, P> & P;
+/**
+ * Prepend arguments to function
+ * Useful for prepend `newValue` arg to native `onChange` callbacks
+ *
+ * @see https://stackoverflow.com/a/69668215
+ * @example
+ *
+ * type SomeFunc = (a: string, b: number, c: someCustomType) => number;
+ * type SomeFuncAltered = PrependParameters<SomeFunc, [d: number]>;
+ * // SomeFuncAltered = (d: number, a:string, b:number, c:someCustomType) => number;
+ */
+export type PrependParameters<TFunction extends (...args: any) => any, TParameters extends [...args: any]> = (...args: [...TParameters, ...Parameters<TFunction>]) => ReturnType<TFunction>;

package/esm/internals/types/utils.js

@@ -0,0 +1,2 @@
+'use client';
+export {};