rsuite 6.0.0-canary-20250416 → 6.0.0-canary-20250507

package/esm/Accordion/Accordion.js

@@ -4,7 +4,7 @@ import React from 'react';
 import PanelGroup from "../PanelGroup/index.js";
 import AccordionPanel from "./AccordionPanel.js";
 import { forwardRef } from "../internals/utils/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useCustom } from "../internals/hooks/index.js";
 const Subcomponents = {
   Panel: AccordionPanel
 };

package/esm/Affix/Affix.js

@@ -4,9 +4,8 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import debounce from 'lodash/debounce';
 import getOffset from 'dom-lib/getOffset';
 import Box from "../internals/Box/index.js";
-import { useStyles, useElementResize, useEventListener, useMount } from "../internals/hooks/index.js";
+import { useStyles, useElementResize, useEventListener, useCustom, useMount } from "../internals/hooks/index.js";
 import { mergeRefs, forwardRef } from "../internals/utils/index.js";
-import { useCustom } from "../CustomProvider/index.js";
 /**
  * Get the layout size and offset of the mount element
  */

package/esm/Animation/Bounce.js

@@ -2,8 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Transition from "./Transition.js";
-import { useStyles } from "../internals/hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 /**
  * Bounce animation component
  * @see https://rsuitejs.com/components/animation/#bounce

package/esm/Animation/Collapse.js

@@ -6,9 +6,8 @@ import addStyle from 'dom-lib/addStyle';
 import get from 'lodash/get';
 import capitalize from 'lodash/capitalize';
 import Transition from "./Transition.js";
-import { useStyles } from "../internals/hooks/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 import { createChainedFunction } from "../internals/utils/index.js";
-import { useCustom } from "../CustomProvider/index.js";
 export let DIMENSION = /*#__PURE__*/function (DIMENSION) {
   DIMENSION["HEIGHT"] = "height";
   DIMENSION["WIDTH"] = "width";

package/esm/Animation/Fade.js

@@ -2,8 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Transition from "./Transition.js";
-import { useStyles } from "../internals/hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 /**
  * Fade animation component
  * @see https://rsuitejs.com/components/animation/#fade

package/esm/Animation/Slide.js

@@ -2,8 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Transition from "./Transition.js";
-import { useStyles } from "../internals/hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 /**
  * Slide animation component
  * @see https://rsuitejs.com/components/animation/#slide

package/esm/AutoComplete/AutoComplete.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { FormControlPickerProps, Placement, Option, Size, ListboxProps, PopupProps } from '../internals/types';
+import type { FormControlPickerProps, Placement, Option, BasicSize, ListboxProps, PopupProps } from '../internals/types';
 import type { BoxProps } from '../internals/Box';
 export interface AutoCompleteProps<T = string> extends BoxProps, FormControlPickerProps<T, any, Option | string>, ListboxProps, PopupProps {
     /** The placement of component */
@@ -7,7 +7,7 @@ export interface AutoCompleteProps<T = string> extends BoxProps, FormControlPick
     /** When set to false, the Enter key selection function is invalid */
     selectOnEnter?: boolean;
     /** A component can have different sizes */
-    size?: Size;
+    size?: BasicSize;
     /** Open the menu and control it */
     open?: boolean;
     /** Placeholder text */

package/esm/AutoComplete/AutoComplete.js

@@ -5,10 +5,9 @@ import pick from 'lodash/pick';
 import omit from 'lodash/omit';
 import Combobox from "./Combobox.js";
 import Plaintext from "../internals/Plaintext/index.js";
-import { useStyles, useControlled, useIsMounted, useEventCallback } from "../internals/hooks/index.js";
+import { useStyles, useCustom, useControlled, useIsMounted, useEventCallback } from "../internals/hooks/index.js";
 import { forwardRef, mergeRefs, partitionHTMLProps } from "../internals/utils/index.js";
 import { transformData, shouldDisplay } from "./utils.js";
-import { useCustom } from "../CustomProvider/index.js";
 import { PickerToggleTrigger, onMenuKeyDown, Listbox, ListItem, PickerPopup, useFocusItemValue, usePickerRef, triggerPropKeys } from "../internals/Picker/index.js";
 /**
  * Autocomplete function of input field.

package/esm/Avatar/Avatar.js

@@ -4,10 +4,9 @@ import React, { useContext, useMemo } from 'react';
 import StyledBox from "../internals/StyledBox/index.js";
 import AvatarIcon from "./AvatarIcon.js";
 import useImage from "./useImage.js";
-import { useStyles } from "../internals/hooks/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 import { forwardRef } from "../internals/utils/index.js";
 import { AvatarGroupContext } from "../AvatarGroup/AvatarGroup.js";
-import { useCustom } from "../CustomProvider/index.js";
 /**
  * The Avatar component is used to represent user or brand.
  * @see https://rsuitejs.com/components/avatar

package/esm/AvatarGroup/AvatarGroup.js

@@ -3,8 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useMemo } from 'react';
 import Box from "../internals/Box/index.js";
 import { forwardRef, getCssValue, mergeStyles } from "../internals/utils/index.js";
-import { useStyles } from "../internals/hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 export const AvatarGroupContext = /*#__PURE__*/React.createContext({});
 
 /**

package/esm/Badge/Badge.js

@@ -3,8 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useMemo } from 'react';
 import kebabCase from 'lodash/kebabCase';
 import Box from "../internals/Box/index.js";
-import { useStyles } from "../internals/hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 import { forwardRef, mergeStyles, createOffsetStyles, isPresetColor, createColorVariables } from "../internals/utils/index.js";
 /**
  * The Badge component is usually used to mark or highlight the status or quantity of an object.

package/esm/Breadcrumb/Breadcrumb.js

@@ -3,9 +3,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useState, useMemo } from 'react';
 import BreadcrumbItem from "./BreadcrumbItem.js";
 import StyledBox from "../internals/StyledBox/index.js";
-import { useStyles, useEventCallback } from "../internals/hooks/index.js";
+import { useStyles, useCustom, useEventCallback } from "../internals/hooks/index.js";
 import { forwardRef, rch, createComponent } from "../internals/utils/index.js";
-import { useCustom } from "../CustomProvider/index.js";
 const Subcomponents = {
   Item: BreadcrumbItem
 };

package/esm/Button/Button.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { BoxProps } from '../internals/Box';
-import { Color, Size, AppearanceType } from '../internals/types';
+import { Color, BasicSize, AppearanceType } from '../internals/types';
 export interface ButtonProps extends BoxProps, Omit<React.HTMLAttributes<HTMLElement>, 'onToggle'> {
     /** A button can have different appearances. */
     appearance?: AppearanceType;
     /** A button can show it is currently the active user selection */
     active?: boolean;
     /** A button can have different sizes */
-    size?: Size;
+    size?: BasicSize;
     /** A button can have different colors */
     color?: Color;
     /** Format button to appear inside a content block */

package/esm/Button/Button.js

@@ -6,8 +6,7 @@ import Box from "../internals/Box/index.js";
 import SafeAnchor from "../internals/SafeAnchor/index.js";
 import { ButtonGroupContext } from "../ButtonGroup/index.js";
 import { forwardRef, isOneOf, isDisableableElement } from "../internals/utils/index.js";
-import { useStyles, useControlled, useEventCallback } from "../internals/hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useStyles, useCustom, useControlled, useEventCallback } from "../internals/hooks/index.js";
 /**
  * The Button component is used to trigger a custom action.
  * @see https://rsuitejs.com/components/button

package/esm/ButtonGroup/ButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import { BoxProps } from '../internals/Box';
-import type { Size } from '../internals/types';
+import type { BasicSize } from '../internals/types';
 export interface ButtonGroupProps extends BoxProps {
     /** Display block buttongroups */
     block?: boolean;
@@ -18,7 +18,7 @@ export interface ButtonGroupProps extends BoxProps {
      */
     role?: string;
     /** A button group can have different sizes */
-    size?: Size;
+    size?: BasicSize;
 }
 /**
  * The ButtonGroup component is used to group a series of buttons together in a single line or column.

package/esm/ButtonGroup/ButtonGroup.js

@@ -4,8 +4,7 @@ import React, { useMemo } from 'react';
 import ButtonGroupContext from "./ButtonGroupContext.js";
 import Box from "../internals/Box/index.js";
 import { forwardRef } from "../internals/utils/index.js";
-import { useStyles } from "../internals/hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 /**
  * The ButtonGroup component is used to group a series of buttons together in a single line or column.
  * @see https://rsuitejs.com/components/button/#button-group

package/esm/ButtonToolbar/ButtonToolbar.js

@@ -2,9 +2,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Stack from "../Stack/index.js";
-import { useStyles } from "../internals/hooks/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 import { forwardRef } from "../internals/utils/index.js";
-import { useCustom } from "../CustomProvider/index.js";
 /**
  * The ButtonToolbar component is used to group a series of buttons together in a single line.
  * @see https://rsuitejs.com/components/button/#button-toolbar

package/esm/Calendar/Calendar.js

@@ -6,10 +6,9 @@ import Button from "../Button/index.js";
 import Box from "../internals/Box/index.js";
 import { forwardRef } from "../internals/utils/index.js";
 import { isSameMonth, startOfDay } from "../internals/utils/date/index.js";
-import { FormattedDate } from "../CustomProvider/index.js";
-import { useStyles, useEventCallback } from "../internals/hooks/index.js";
+import { FormattedDate } from "../internals/intl/FormattedDate.js";
+import { useStyles, useCustom, useEventCallback } from "../internals/hooks/index.js";
 import { useCalendarDate } from "./hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
 /**
  * The Calendar component is used to select dates.
  * @see https://rsuitejs.com/components/calendar
@@ -26,7 +25,7 @@ const Calendar = forwardRef((props, ref) => {
     compact,
     defaultValue = startOfDay(new Date()),
     isoWeek,
-    weekStart = 0,
+    weekStart,
     locale,
     cellClassName,
     onChange,

package/esm/Calendar/CalendarBody.js

@@ -4,9 +4,8 @@ import React from 'react';
 import Grid from "./Grid/index.js";
 import { forwardRef } from "../internals/utils/index.js";
 import { getWeekStartDates, setDate } from "../internals/utils/date/index.js";
-import { useStyles } from "../internals/hooks/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 import { useCalendar } from "./hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
 const CalendarBody = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
@@ -16,7 +15,6 @@ const CalendarBody = forwardRef((props, ref) => {
   } = props;
   const {
     date = new Date(),
-    isoWeek,
     locale: overrideLocale,
     weekStart
   } = useCalendar();
@@ -36,7 +34,6 @@ const CalendarBody = forwardRef((props, ref) => {
     className: classes
   }), /*#__PURE__*/React.createElement(Grid, {
     rows: getWeekStartDates(thisMonthDate, {
-      isoWeek,
       weekStart,
       locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale
     }),

package/esm/Calendar/CalendarContainer.js

@@ -26,7 +26,7 @@ const CalendarContainer = forwardRef((props, ref) => {
     hoverRangeValue,
     inline,
     isoWeek = false,
-    weekStart = 0,
+    weekStart,
     targetId,
     limitEndYear,
     limitStartYear,

package/esm/Calendar/CalendarHeader.js

@@ -8,7 +8,7 @@ import Button from "../Button/index.js";
 import { forwardRef } from "../internals/utils/index.js";
 import { useStyles } from "../internals/hooks/index.js";
 import { extractTimeFormat } from "../internals/utils/date/index.js";
-import { FormattedDate } from "../CustomProvider/index.js";
+import { FormattedDate } from "../internals/intl/FormattedDate.js";
 import { useCalendar } from "./hooks/index.js";
 import { useDateRangePicker } from "../DateRangePicker/hooks/index.js";
 const CalendarHeader = forwardRef((props, ref) => {

package/esm/Calendar/CalendarProvider.d.ts

@@ -34,7 +34,7 @@ export interface CalendarInnerContextValue {
      * The start day of the week in the calendar.
      * 0 - Sunday, 1 - Monday, 2 - Tuesday, 3 - Wednesday, 4 - Thursday, 5 - Friday, 6 - Saturday
      */
-    weekStart: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * Indicates whether week numbers should be shown in the calendar.
      */

package/esm/Calendar/Grid/GridCell.js

@@ -4,8 +4,7 @@ import React from 'react';
 import partial from 'lodash/partial';
 import { forwardRef } from "../../internals/utils/index.js";
 import { isSameDay, getDate } from "../../internals/utils/date/index.js";
-import { useStyles } from "../../internals/hooks/index.js";
-import { useCustom } from "../../CustomProvider/index.js";
+import { useStyles, useCustom } from "../../internals/hooks/index.js";
 import { useCalendar } from "../hooks/index.js";
 import { getAriaLabel } from "../utils/index.js";
 const GridCell = forwardRef((props, ref) => {

package/esm/Calendar/Grid/GridHeaderRow.js

@@ -16,7 +16,6 @@ const GridHeaderRow = forwardRef((props, ref) => {
   const {
     locale,
     showWeekNumbers,
-    isoWeek,
     weekStart
   } = useCalendar();
   const {
@@ -24,7 +23,7 @@ const GridHeaderRow = forwardRef((props, ref) => {
     prefix
   } = useStyles(classPrefix);
   const classes = merge(className, prefix('row', 'header-row'));
-  const weeks = getWeekKeys(isoWeek ? 1 : weekStart);
+  const weeks = getWeekKeys(weekStart);
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "row"
   }, rest, {

package/esm/Calendar/Grid/GridRow.d.ts

@@ -1,6 +1,8 @@
 import { WithAsProps } from '../../internals/types';
 export interface GridRowProps extends WithAsProps {
+    /** The weekend: Sunday */
     weekendDate?: Date;
+    /** The index of the row */
     rowIndex?: number;
 }
 declare const GridRow: import("../../internals/types").InternalRefForwardingComponent<"div", GridRowProps, never> & Record<string, never>;

package/esm/Calendar/Grid/GridRow.js

@@ -90,13 +90,14 @@ const GridRow = forwardRef((props, ref) => {
   };
   const classes = merge(className, prefix('row'));
   const {
-    firstWeekContainsDate,
-    weekStartsOn
+    firstWeekContainsDate
   } = (_locale$dateLocale$op = locale === null || locale === void 0 || (_locale$dateLocale = locale.dateLocale) === null || _locale$dateLocale === void 0 ? void 0 : _locale$dateLocale.options) !== null && _locale$dateLocale$op !== void 0 ? _locale$dateLocale$op : {};
-  const week = format(weekendDate, isoWeek ? 'I' : 'w', {
+  // ISO week starts on Monday
+  const date = isoWeek ? addDays(weekendDate, 1) : weekendDate;
+  const week = format(date, isoWeek ? 'I' : 'w', {
     locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale,
     firstWeekContainsDate,
-    weekStartsOn: weekStart || weekStartsOn
+    weekStartsOn: weekStart
   });
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,

package/esm/Calendar/MonthDropdown/MonthDropdownItem.js

@@ -3,8 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useMemo } from 'react';
 import { forwardRef, composeFunctions } from "../../internals/utils/index.js";
 import { setMonth, setYear } from "../../internals/utils/date/index.js";
-import { useStyles, useEventCallback } from "../../internals/hooks/index.js";
-import { useCustom } from "../../CustomProvider/index.js";
+import { useStyles, useCustom, useEventCallback } from "../../internals/hooks/index.js";
 import { useCalendar } from "../hooks/index.js";
 import { getAriaLabel } from "../utils/index.js";
 const MonthDropdownItem = forwardRef((props, ref) => {

package/esm/Calendar/hooks/useCalendar.d.ts

@@ -1,2 +1,24 @@
-import { CalendarContextValue } from '../CalendarProvider';
-export declare const useCalendar: () => CalendarContextValue;
+/// <reference types="react" />
+export declare const useCalendar: () => {
+    formatDate?: typeof import("date-fns").format | undefined;
+    date?: Date | undefined;
+    dateRange?: Date[] | undefined;
+    format?: string | undefined;
+    hoverRangeValue?: [Date, Date] | undefined;
+    inline?: boolean | undefined;
+    targetId?: string | undefined;
+    monthDropdownProps?: import("../types").MonthDropdownProps | undefined;
+    disabledDate?: ((date: Date, selectRangeValue?: Date[] | undefined, type?: string | undefined) => boolean) | undefined;
+    inSameMonth?: ((date: Date) => boolean) | undefined;
+    onChangeMonth?: ((nextPageDate: Date, event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    onChangeTime?: ((nextPageTime: Date, event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    onMouseMove?: ((date: Date) => void) | undefined;
+    onSelect?: ((date: Date, event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    renderCell?: ((date: Date) => import("react").ReactNode) | undefined;
+    renderCellOnPicker?: ((date: Date) => import("react").ReactNode) | undefined;
+    cellClassName?: ((date: Date) => string | undefined) | undefined;
+    locale: import("../../locales").CalendarLocale | undefined;
+    showWeekNumbers: boolean | undefined;
+    isoWeek: boolean;
+    weekStart: import("date-fns").Day;
+};

package/esm/Calendar/hooks/useCalendar.js

@@ -1,6 +1,39 @@
 'use client';
-import { useContext } from 'react';
+import { useContext, useMemo } from 'react';
 import { CalendarContext } from "../CalendarProvider.js";
 export const useCalendar = () => {
-  return useContext(CalendarContext);
+  var _locale$dateLocale2;
+  const {
+    locale,
+    showWeekNumbers,
+    isoWeek,
+    weekStart: weekStartProp,
+    ...rest
+  } = useContext(CalendarContext);
+
+  // Determine the start of the week based on various conditions
+  const weekStart = useMemo(() => {
+    var _locale$dateLocale;
+    // If weekStartProp is explicitly provided, use it
+    if (typeof weekStartProp !== 'undefined') {
+      return weekStartProp;
+    }
+    // If using ISO week, start on Monday (1)
+    else if (isoWeek) {
+      return 1;
+    }
+    // If locale specifies a weekStartsOn option, use it
+    else if ((locale === null || locale === void 0 || (_locale$dateLocale = locale.dateLocale) === null || _locale$dateLocale === void 0 || (_locale$dateLocale = _locale$dateLocale.options) === null || _locale$dateLocale === void 0 ? void 0 : _locale$dateLocale.weekStartsOn) !== undefined) {
+      return locale.dateLocale.options.weekStartsOn;
+    }
+    // Default to Sunday (0) if no other condition is met
+    return 0;
+  }, [weekStartProp, isoWeek, locale === null || locale === void 0 || (_locale$dateLocale2 = locale.dateLocale) === null || _locale$dateLocale2 === void 0 || (_locale$dateLocale2 = _locale$dateLocale2.options) === null || _locale$dateLocale2 === void 0 ? void 0 : _locale$dateLocale2.weekStartsOn]);
+  return {
+    locale,
+    showWeekNumbers,
+    isoWeek,
+    weekStart,
+    ...rest
+  };
 };

package/esm/Card/Card.js

@@ -6,8 +6,7 @@ import CardBody from "./CardBody.js";
 import CardFooter from "./CardFooter.js";
 import Box from "../internals/Box/index.js";
 import { forwardRef, mergeStyles, getCssValue } from "../internals/utils/index.js";
-import { useCustom } from "../CustomProvider/index.js";
-import { useStyles } from "../internals/hooks/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 const Subcomponents = {
   Header: CardHeader,
   Body: CardBody,

package/esm/CardGroup/CardGroup.js

@@ -3,8 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Box from "../internals/Box/index.js";
 import { forwardRef, getCssValue, mergeStyles } from "../internals/utils/index.js";
-import { useStyles } from "../internals/hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 const CardGroup = forwardRef((props, ref) => {
   const {
     propsWithDefaults

package/esm/Carousel/Carousel.js

@@ -3,9 +3,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useState, useMemo, useCallback, useRef } from 'react';
 import classNames from 'classnames';
 import Box from "../internals/Box/index.js";
-import { useStyles, useControlled, useUpdateEffect, useTimeout } from "../internals/hooks/index.js";
+import { useStyles, useCustom, useControlled, useUpdateEffect, useTimeout } from "../internals/hooks/index.js";
 import { forwardRef, guid, rch, 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

package/esm/CascadeTree/CascadeTree.js

@@ -7,9 +7,8 @@ import Box from "../internals/Box/index.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, useStyles, useEventCallback } from "../internals/hooks/index.js";
+import { useMap, useControlled, useStyles, useCustom, useEventCallback } from "../internals/hooks/index.js";
 import { useSearch, useSelect, usePaths } from "./hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
 /**
  * CascadeTree is a component that displays tree-structured data in columns.
  *

package/esm/CascadeTree/SearchView.js

@@ -3,9 +3,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import SearchBox from "../internals/SearchBox/index.js";
 import Highlight from "../Highlight/index.js";
-import { useStyles } from "../internals/hooks/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 import { getPathTowardsItem } from "../internals/Tree/utils/index.js";
-import { useCustom } from "../CustomProvider/index.js";
 function SearchView(props) {
   const {
     as: Component = 'div',

package/esm/CascadeTree/TreeView.js

@@ -9,9 +9,8 @@ import SpinnerIcon from '@rsuite/icons/Spinner';
 import ArrowLeftLineIcon from '@rsuite/icons/ArrowLeftLine';
 import ArrowRightLineIcon from '@rsuite/icons/ArrowRightLine';
 import { forwardRef, shallowEqual, mergeRefs, mergeStyles } from "../internals/utils/index.js";
-import { useStyles, useEventCallback } from "../internals/hooks/index.js";
+import { useStyles, useCustom, useEventCallback } from "../internals/hooks/index.js";
 import { ListItem, useCombobox } from "../internals/Picker/index.js";
-import { useCustom } from "../CustomProvider/index.js";
 const emptyArray = [];
 const TreeView = forwardRef((props, ref) => {
   const {

package/esm/Cascader/Cascader.js

@@ -9,10 +9,9 @@ import SearchView from "../CascadeTree/SearchView.js";
 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, useStyles, useEventCallback, useMap } from "../internals/hooks/index.js";
+import { useControlled, useStyles, useCustom, useEventCallback, useMap } from "../internals/hooks/index.js";
 import { forwardRef, createChainedFunction, mergeRefs, shallowEqual } from "../internals/utils/index.js";
 import { PickerToggle, PickerPopup, PickerToggleTrigger, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, triggerPropKeys } from "../internals/Picker/index.js";
-import { useCustom } from "../CustomProvider/index.js";
 import useActive from "./useActive.js";
 const emptyArray = [];
 /**

package/esm/CheckPicker/CheckPicker.js

@@ -8,8 +8,7 @@ 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 { useStyles, useControlled, useEventCallback } from "../internals/hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useStyles, useControlled, useCustom, useEventCallback } from "../internals/hooks/index.js";
 import { forwardRef, createChainedFunction, shallowEqual, mergeRefs, getDataGroupBy } from "../internals/utils/index.js";
 import { Listbox, ListCheckItem, PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, useFocusItemValue, useSearch, useToggleKeyDownEvent, usePickerRef, triggerPropKeys } from "../internals/Picker/index.js";
 const emptyArray = [];

package/esm/CheckTree/CheckTree.js

@@ -7,9 +7,8 @@ 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 { useEventCallback, useCustom } 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

package/esm/CheckTree/CheckTreeNode.js

@@ -7,8 +7,7 @@ import { forwardRef, stringifyReactNode, mergeRefs } from "../internals/utils/in
 import { useTreeContextProps } from "../internals/Tree/TreeProvider.js";
 import { CHECK_STATE } from "../internals/constants/index.js";
 import { indentTreeNode } from "../Tree/utils/index.js";
-import { useStyles, useEventCallback, useFocusVirtualListItem } from "../internals/hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useStyles, useCustom, useEventCallback, useFocusVirtualListItem } from "../internals/hooks/index.js";
 const CheckTreeNode = forwardRef((props, ref) => {
   const {
     as: Component = 'div',

package/esm/CheckTree/CheckTreeView.js

@@ -13,14 +13,13 @@ 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 { useStyles, useEventCallback } from "../internals/hooks/index.js";
+import { useStyles, useCustom, useEventCallback } from "../internals/hooks/index.js";
 import { getPathTowardsItem, getKeyParentMap } from "../internals/Tree/utils/index.js";
 import { onMenuKeyDown } from "../internals/Picker/index.js";
 import { TreeView } from "../internals/Tree/index.js";
 import { hasGrandchild, isEveryFirstLevelNodeUncheckable, getFormattedTree, isNodeUncheckable } from "./utils.js";
 import { hasVisibleChildren, getActiveItem, isExpand } from "../Tree/utils/index.js";
 import { useTreeContextProps } from "../internals/Tree/TreeProvider.js";
-import { useCustom } from "../CustomProvider/index.js";
 
 /**
  * Props for the CheckTreeView component.

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -11,12 +11,11 @@ import useFocusState from "./hooks/useFocusState.js";
 import isNil from 'lodash/isNil';
 import pick from 'lodash/pick';
 import isFunction from 'lodash/isFunction';
-import { useStyles, useEventCallback } from "../internals/hooks/index.js";
+import { useStyles, useCustom, useEventCallback } from "../internals/hooks/index.js";
 import { forwardRef, createChainedFunction, mergeRefs } from "../internals/utils/index.js";
 import { PickerToggle, onMenuKeyDown, PickerPopup, SelectedElement, PickerToggleTrigger, useToggleKeyDownEvent, usePickerRef, triggerPropKeys } 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";
 /**
  * The `CheckTreePicker` component is used for selecting multiple options which are organized in a tree structure.
  *

package/esm/Checkbox/Checkbox.js

@@ -2,10 +2,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext, useMemo, useRef } from 'react';
 import Box from "../internals/Box/index.js";
-import { useControlled, useStyles, useEventCallback, useUniqueId } from "../internals/hooks/index.js";
+import { useControlled, useStyles, useCustom, useEventCallback, useUniqueId } from "../internals/hooks/index.js";
 import { forwardRef, partitionHTMLProps, mergeRefs } from "../internals/utils/index.js";
 import { CheckboxGroupContext } from "../CheckboxGroup/index.js";
-import { useCustom } from "../CustomProvider/index.js";
 /**
  * The Checkbox component is used for selecting multiple options from a set.
  * @see https://rsuitejs.com/components/checkbox

package/esm/CheckboxGroup/CheckboxGroup.js

@@ -6,9 +6,8 @@ import remove from 'lodash/remove';
 import Plaintext from "../internals/Plaintext/index.js";
 import Box from "../internals/Box/index.js";
 import { forwardRef, shallowEqual } from "../internals/utils/index.js";
-import { useStyles, useControlled } from "../internals/hooks/index.js";
+import { useStyles, useControlled, useCustom } from "../internals/hooks/index.js";
 import { CheckboxGroupContext } from "./CheckboxGroupContext.js";
-import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `CheckboxGroup` component is used for selecting multiple options which are unrelated.
  * @see https://rsuitejs.com/components/checkbox/#checkbox-group