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

package/esm/Sidebar/Sidebar.js

@@ -2,9 +2,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext, useEffect } from 'react';
 import Box from "../internals/Box/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";
 import { ContainerContext } from "../Container/Container.js";
 /**
  * The `Sidebar` component for use with the `Container` component.

package/esm/Sidenav/ExpandedSidenavDropdownMenu.js

@@ -10,9 +10,8 @@ import ArrowLeftLine from '@rsuite/icons/ArrowLeftLine';
 import ArrowRightLine from '@rsuite/icons/ArrowRightLine';
 import Box from "../internals/Box/index.js";
 import { forwardRef, createChainedFunction } from "../internals/utils/index.js";
-import { useStyles } from "../internals/hooks/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 import { SidenavContext } from "./Sidenav.js";
-import { useCustom } from "../CustomProvider/index.js";
 /**
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView

package/esm/Sidenav/Sidenav.js

@@ -10,8 +10,7 @@ import SidenavToggle from "./SidenavToggle.js";
 import SidenavGroupLabel from "./SidenavGroupLabel.js";
 import Box from "../internals/Box/index.js";
 import { forwardRef, mergeRefs, shallowEqual } from "../internals/utils/index.js";
-import { useStyles, useControlled } from "../internals/hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useStyles, useCustom, useControlled } from "../internals/hooks/index.js";
 export const SidenavContext = /*#__PURE__*/React.createContext(null);
 const emptyArray = [];
 const Subcomponents = {

package/esm/Sidenav/SidenavDropdownMenu.js

@@ -8,10 +8,9 @@ import ArrowLeftLine from '@rsuite/icons/ArrowLeftLine';
 import ArrowRightLine from '@rsuite/icons/ArrowRightLine';
 import NavContext from "../Nav/NavContext.js";
 import ExpandedSidenavDropdownMenu from "./ExpandedSidenavDropdownMenu.js";
-import { useStyles } from "../internals/hooks/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 import { mergeRefs } from "../internals/utils/index.js";
 import { SidenavContext } from "./Sidenav.js";
-import { useCustom } from "../CustomProvider/index.js";
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> within a <Sidenav>

package/esm/Slider/Slider.d.ts

@@ -44,16 +44,20 @@ export interface SliderProps<T = number> extends BoxProps, FormControlBaseProps<
     placeholder?: React.ReactNode;
     /** Vertical Slide */
     vertical?: boolean;
-    /** If true, tooltip will always be visible  even without hover */
+    /**
+     * If true, tooltip will always be visible  even without hover
+     */
     keepTooltipOpen?: boolean;
     /**
      * A slider can have different sizes.
      *
      * @default 'sm'
+     * @version 6.0.0
      */
     size?: Size;
     /**
      * Custom marks on the ruler
+     * @version 6.0.0
      */
     marks?: {
         value: number;

package/esm/Slider/Slider.js

@@ -9,8 +9,7 @@ import Handle from "./Handle.js";
 import Graduated from "./Graduated.js";
 import Plaintext from "../internals/Plaintext/index.js";
 import Box from "../internals/Box/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";
 import { forwardRef } from "../internals/utils/index.js";
 import { precisionMath, checkValue, getPosition } from "./utils.js";
 /**
@@ -27,33 +26,33 @@ const Slider = forwardRef((props, ref) => {
     'aria-labelledby': ariaLabelledby,
     'aria-valuetext': ariaValuetext,
     as,
-    graduated,
     className,
+    classPrefix = 'slider',
     barClassName,
-    progress,
-    vertical,
+    defaultValue = 0,
     disabled,
-    readOnly,
-    plaintext,
-    classPrefix = 'slider',
-    min = 0,
+    progress,
+    graduated,
     handleClassName,
     handleStyle,
     handleTitle,
-    tooltip = true,
+    keepTooltipOpen,
+    readOnly,
     step = 1,
     size = 'sm',
-    defaultValue = 0,
-    value: valueProp,
+    tooltip = true,
     max: maxProp = 100,
     placeholder,
+    plaintext,
     marks,
+    min = 0,
+    vertical,
+    value: valueProp,
     getAriaValueText,
     renderTooltip,
     renderMark,
     onChange,
     onChangeCommitted,
-    keepTooltipOpen,
     ...rest
   } = propsWithDefaults;
   const barRef = useRef(null);

package/esm/Stack/Stack.js

@@ -4,8 +4,7 @@ import React from 'react';
 import StackItem from "./StackItem.js";
 import Box from "../internals/Box/index.js";
 import { forwardRef, mergeStyles, getCssValue } 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 Subcomponents = {
   Item: StackItem
 };

package/esm/Stat/Stat.js

@@ -8,8 +8,7 @@ import StatHelpText from "./StatHelpText.js";
 import StatTrend from "./StatTrend.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";
 const Subcomponents = {
   Label: StatLabel,
   Value: StatValue,

package/esm/Stat/StatValue.js

@@ -4,7 +4,7 @@ import React from 'react';
 import Box from "../internals/Box/index.js";
 import { forwardRef } from "../internals/utils/index.js";
 import { useStyles } from "../internals/hooks/index.js";
-import { FormattedNumber } from "../CustomProvider/index.js";
+import { FormattedNumber } from "../internals/intl/FormattedNumber.js";
 const StatValue = forwardRef((props, ref) => {
   const {
     as = 'dd',

package/esm/StatGroup/StatGroup.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 StatGroup = forwardRef((props, ref) => {
   const {
     propsWithDefaults

package/esm/Steps/Steps.js

@@ -4,8 +4,7 @@ import React from 'react';
 import StepItem from "./StepItem.js";
 import Box from "../internals/Box/index.js";
 import { forwardRef, rch } 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 Subcomponents = {
   Item: StepItem
 };

package/esm/Table/Table.js

@@ -5,7 +5,7 @@ import TableCell from "./TableCell.js";
 import TableHeaderCell from "./TableHeaderCell.js";
 import TableColumn from "./TableColumn.js";
 import TableColumnGroup from "./TableColumnGroup.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useCustom } from "../internals/hooks/index.js";
 import { Table as RsTable } from 'rsuite-table';
 const CustomTable = /*#__PURE__*/React.forwardRef(function Table(props, ref) {
   const {

package/esm/Tabs/Tabs.js

@@ -6,8 +6,7 @@ import Tab from "./Tab.js";
 import TabPanel from "./TabPanel.js";
 import Box from "../internals/Box/index.js";
 import { forwardRef, rch } from "../internals/utils/index.js";
-import { useStyles, useControlled, useEventCallback, useUniqueId } from "../internals/hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useStyles, useCustom, useControlled, useEventCallback, useUniqueId } from "../internals/hooks/index.js";
 
 /**
  * Props for the Tabs component.

package/esm/Tag/Tag.js

@@ -3,8 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useMemo } from 'react';
 import CloseButton from "../internals/CloseButton/index.js";
 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, isPresetColor, createColorVariables } from "../internals/utils/index.js";
 /**
  * The `Tag` component is used to label and categorize.

package/esm/TagInput/TagInput.js

@@ -4,7 +4,7 @@ import React, { useMemo } from 'react';
 import InputPicker from "../InputPicker/InputPicker.js";
 import { forwardRef } from "../internals/utils/index.js";
 import { TagProvider } from "../InputPicker/InputPickerContext.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useCustom } from "../internals/hooks/index.js";
 /**
  * The `TagInput` component is an enhancement of Input and supports input tags and management tags.
  *

package/esm/TagPicker/TagPicker.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useMemo } from 'react';
 import InputPicker from "../InputPicker/InputPicker.js";
 import { TagProvider } from "../InputPicker/InputPickerContext.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useCustom } from "../internals/hooks/index.js";
 import { forwardRef } from "../internals/utils/index.js";
 /**
  * `TagPicker` component enables multi-selection by tags and supports new options.

package/esm/Text/Text.js

@@ -2,8 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 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, getSizeStyle } from "../internals/utils/index.js";
 /**
  *

package/esm/Textarea/Textarea.js

@@ -4,8 +4,7 @@ import React from 'react';
 import ReactTextareaAutosize from 'react-textarea-autosize';
 import InputBase from "../internals/InputBase/index.js";
 import { forwardRef, 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 Textarea = forwardRef((props, ref) => {
   const {
     propsWithDefaults

package/esm/TimePicker/TimePicker.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import type { DateOptionPreset } from '../internals/types';
-import type { FormControlBaseProps, PickerBaseProps } from '../internals/types';
+import type { DateOptionPreset, FormControlBaseProps, PickerBaseProps } from '../internals/types';
 import type { DatePickerLocale } from '../locales';
 export interface TimePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<Date | null> {
     /**

package/esm/TimePicker/TimePicker.js

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

package/esm/TimeRangePicker/TimeRangePicker.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import DateRangePicker from "../DateRangePicker/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useCustom } from "../internals/hooks/index.js";
 import { forwardRef } from "../internals/utils/index.js";
 const defaultRanges = [];
 const TimeRangePicker = forwardRef((props, ref) => {

package/esm/Timeline/Timeline.js

@@ -4,8 +4,7 @@ import React from 'react';
 import some from 'lodash/some';
 import TimelineItem from "./TimelineItem.js";
 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, rch } from "../internals/utils/index.js";
 const ACTIVE_FIRST = index => index === 0;
 const ACTIVE_LAST = (index, totalItemsCount) => index === totalItemsCount - 1;

package/esm/Toggle/Toggle.js

@@ -4,9 +4,8 @@ import React, { useRef } from 'react';
 import Plaintext from "../internals/Plaintext/index.js";
 import Loader from "../Loader/index.js";
 import Box from "../internals/Box/index.js";
-import { useStyles, useControlled, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
+import { useStyles, useControlled, useUniqueId, useEventCallback, useCustom } from "../internals/hooks/index.js";
 import { forwardRef, partitionHTMLProps } from "../internals/utils/index.js";
-import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Toggle` component is used to activate or deactivate an element.
  *

package/esm/Tooltip/Tooltip.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, 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";
 /**
  * The `Tooltip` component is used to describe a element.
  *

package/esm/Tree/Tree.js

@@ -6,9 +6,8 @@ import useTreeWithChildren from "./hooks/useTreeWithChildren.js";
 import useExpandTree from "./hooks/useExpandTree.js";
 import TreeView from "./TreeView.js";
 import { forwardRef } from "../internals/utils/index.js";
-import { useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { useControlled, useEventCallback, useCustom } from "../internals/hooks/index.js";
 import { TreeProvider } from "../internals/Tree/TreeProvider.js";
-import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Tree` component is used to display hierarchical data.
  *

package/esm/Tree/TreeNode.js

@@ -4,10 +4,9 @@ import React, { useMemo } from 'react';
 import TreeNodeToggle from "./TreeNodeToggle.js";
 import Box from "../internals/Box/index.js";
 import { forwardRef, mergeRefs, stringifyReactNode, mergeStyles } from "../internals/utils/index.js";
-import { useFocusVirtualListItem, useStyles, useEventCallback } from "../internals/hooks/index.js";
+import { useFocusVirtualListItem, useStyles, useCustom, useEventCallback } from "../internals/hooks/index.js";
 import { useTreeContextProps } from "../internals/Tree/TreeProvider.js";
 import { indentTreeNode } from "./utils/index.js";
-import { useCustom } from "../CustomProvider/index.js";
 
 /**
  * Props for the TreeNode component.

package/esm/Tree/TreeNodeToggle.js

@@ -5,9 +5,8 @@ import ArrowDownIcon from '@rsuite/icons/ArrowDown';
 import ArrowRightIcon from '@rsuite/icons/ArrowRight';
 import ArrowLeftIcon from '@rsuite/icons/ArrowLeft';
 import Spinner from '@rsuite/icons/Spinner';
-import { useStyles } from "../internals/hooks/index.js";
+import { useStyles, useCustom } from "../internals/hooks/index.js";
 import { useTreeCustomRenderer } from "../internals/Tree/TreeProvider.js";
-import { useCustom } from "../CustomProvider/index.js";
 function TreeNodeToggle(props) {
   const {
     data,

package/esm/Tree/TreeView.js

@@ -14,12 +14,11 @@ import Box from "../internals/Box/index.js";
 import { List, AutoSizer, defaultItemSize } from "../internals/Windowing/index.js";
 import { forwardRef } from "../internals/utils/index.js";
 import { getPathTowardsItem, getKeyParentMap } from "../internals/Tree/utils/index.js";
-import { useStyles, useEventCallback } from "../internals/hooks/index.js";
+import { useStyles, useCustom, useEventCallback } from "../internals/hooks/index.js";
 import { isExpand, hasVisibleChildren, getActiveItem } from "./utils/index.js";
 import { onMenuKeyDown } from "../internals/Picker/index.js";
 import { TreeView as BaseTreeView } from "../internals/Tree/index.js";
 import { useTreeContextProps } from "../internals/Tree/TreeProvider.js";
-import { useCustom } from "../CustomProvider/index.js";
 
 /**
  * Props for the TreeViewInner component.

package/esm/Tree/hooks/useFocusTree.js

@@ -2,11 +2,10 @@
 import isNil from 'lodash/isNil';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { KEY_VALUES } from "../../internals/constants/index.js";
-import { useEventCallback } from "../../internals/hooks/index.js";
+import { useEventCallback, useCustom } from "../../internals/hooks/index.js";
 import { onMenuKeyDown } from "../../internals/Picker/index.js";
 import { useItemDataKeys, useRegisterTreeMethods } from "../../internals/Tree/TreeProvider.js";
 import { isSearching, focusNextItem, getFocusableItems, getActiveItem, focusPreviousItem, focusCurrentItem, focusTreeNode, handleLeftArrow, handleRightArrow } from "../utils/index.js";
-import { useCustom } from "../../CustomProvider/index.js";
 import useTreeNodeRefs from "./useTreeNodeRefs.js";
 /**
  * Custom hook that manages the focus behavior of a tree component.

package/esm/TreePicker/TreePicker.js

@@ -9,12 +9,11 @@ import useFlattenTree from "../Tree/hooks/useFlattenTree.js";
 import useFocusState from "./hooks/useFocusState.js";
 import useExpandTree from "../Tree/hooks/useExpandTree.js";
 import TreeView from "../Tree/TreeView.js";
-import { useStyles, useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { useStyles, useCustom, useControlled, useEventCallback } from "../internals/hooks/index.js";
 import { forwardRef, createChainedFunction, mergeRefs } from "../internals/utils/index.js";
 import { getActiveItem, getTreeActiveNode } from "../Tree/utils/index.js";
 import { PickerToggle, PickerPopup, PickerToggleTrigger, usePickerRef, onMenuKeyDown, triggerPropKeys, useToggleKeyDownEvent } from "../internals/Picker/index.js";
 import { TreeProvider, useTreeImperativeHandle } from "../internals/Tree/TreeProvider.js";
-import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `TreePicker` component is used for selecting single options which are organized in a tree structure.
  *

package/esm/Uploader/Uploader.js

@@ -8,8 +8,7 @@ import ajaxUpload from "./utils/ajaxUpload.js";
 import UploadTrigger from "./UploadTrigger.js";
 import Box from "../internals/Box/index.js";
 import { forwardRef, guid } from "../internals/utils/index.js";
-import { useStyles, useWillUnmount, useEventCallback } from "../internals/hooks/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useStyles, useCustom, useWillUnmount, useEventCallback } from "../internals/hooks/index.js";
 
 // Define several states of the file during the upload process.
 

package/esm/Whisper/Whisper.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import OverlayTrigger from "../internals/Overlay/OverlayTrigger.js";
 import { createChainedFunction, placementPolyfill } from "../internals/utils/index.js";
-import { useCustom } from "../CustomProvider/index.js";
+import { useCustom } from "../internals/hooks/index.js";
 /**
  * The `Whisper` component is used to display a floating element.
  * It is usually used with the `Tooltip` and `Popover` components.

package/esm/index.d.ts

@@ -44,9 +44,11 @@ export * from './Input';
 export * from './Textarea';
 export * from './MaskedInput';
 export * from './InputNumber';
+export * from './NumberInput';
 export * from './InputGroup';
 export * from './PasswordInput';
 export * from './PasswordStrengthMeter';
+export * from './PinInput';
 export * from './Checkbox';
 export * from './CheckboxGroup';
 export * from './Radio';
@@ -109,6 +111,7 @@ export * from './Affix';
 export * from './CustomProvider';
 export * from './useMediaQuery';
 export * from './useBreakpointValue';
+export * from './useFormControl';
 export * from './VisuallyHidden';
 export * from './Tabs';
 export * from './Accordion';

package/esm/index.js

@@ -68,9 +68,11 @@ export * from "./Input/index.js";
 export * from "./Textarea/index.js";
 export * from "./MaskedInput/index.js";
 export * from "./InputNumber/index.js";
+export * from "./NumberInput/index.js";
 export * from "./InputGroup/index.js";
 export * from "./PasswordInput/index.js";
 export * from "./PasswordStrengthMeter/index.js";
+export * from "./PinInput/index.js";
 export * from "./Checkbox/index.js";
 export * from "./CheckboxGroup/index.js";
 export * from "./Radio/index.js";
@@ -145,6 +147,7 @@ export * from "./CustomProvider/index.js";
 // --------------------------------------------------------
 export * from "./useMediaQuery/index.js";
 export * from "./useBreakpointValue/index.js";
+export * from "./useFormControl/index.js";
 
 // Disclosure
 // --------------------------------------------------------

package/esm/internals/Box/index.d.ts

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

package/esm/internals/Box/index.js

@@ -1,3 +1,4 @@
 'use client';
 import Box from "./Box.js";
+export { Box };
 export default Box;

package/esm/internals/Burger/Burger.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { BoxProps } from '../Box';
+import type { Color } from '../types';
+export interface BurgerProps extends BoxProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Color of the Box */
+    color?: Color | React.CSSProperties['color'];
+    /** If true, burger is in open (X) state */
+    open?: boolean;
+    /** Thickness of the burger lines (px) */
+    lineThickness?: number;
+}
+/**
+ * Burger (hamburger menu) button for toggling navigation menus.
+ */
+declare const Burger: import("../types").InternalRefForwardingComponent<"button", BurgerProps, never> & Record<string, never>;
+export default Burger;

package/esm/internals/Burger/Burger.js

@@ -0,0 +1,41 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import Box from "../Box/index.js";
+import { forwardRef, mergeStyles, getCssValue, getColorStyle } from "../utils/index.js";
+import { useStyles } from "../hooks/index.js";
+/**
+ * Burger (hamburger menu) button for toggling navigation menus.
+ */
+const Burger = forwardRef((props, ref) => {
+  const {
+    as = 'button',
+    classPrefix = 'burger',
+    className,
+    color,
+    open = false,
+    lineThickness,
+    style,
+    ...rest
+  } = props;
+  const {
+    withPrefix,
+    merge,
+    cssVar,
+    prefix
+  } = useStyles(classPrefix);
+  const classes = merge(className, withPrefix());
+  const mergedStyle = mergeStyles(style, cssVar('thickness', getCssValue(lineThickness)), getColorStyle(color, 'burger'));
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    as: as,
+    ref: ref,
+    className: classes,
+    "aria-pressed": open,
+    "data-opened": open,
+    style: mergedStyle
+  }, rest), /*#__PURE__*/React.createElement("div", {
+    className: prefix('line')
+  }));
+});
+Burger.displayName = 'Burger';
+export default Burger;

package/esm/internals/Burger/index.d.ts

@@ -0,0 +1,4 @@
+import Burger from './Burger';
+export type { BurgerProps } from './Burger';
+export { Burger };
+export default Burger;

package/esm/internals/Burger/index.js

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

package/esm/internals/CloseButton/CloseButton.js

@@ -4,8 +4,7 @@ import React from 'react';
 import Close from '@rsuite/icons/Close';
 import IconButton from "../../IconButton/index.js";
 import { forwardRef } from "../utils/index.js";
-import { useStyles } from "../hooks/index.js";
-import { useCustom } from "../../CustomProvider/index.js";
+import { useStyles, useCustom } from "../hooks/index.js";
 /**
  * Close button for components such as Message and Notification.
  */

package/esm/internals/Menu/Menu.js

@@ -6,7 +6,7 @@ import MenuContext, { MenuActionTypes, MoveFocusTo } from "./MenuContext.js";
 import useMenu from "./useMenu.js";
 import { useUniqueId, useFocus, useClickOutside } from "../hooks/index.js";
 import { KEY_VALUES } from "../constants/index.js";
-import { useCustom } from "../../CustomProvider/index.js";
+import { useCustom } from "../hooks/index.js";
 import { isFocusLeaving, isFocusableElement } from "../utils/index.js";
 const defaultOpenMenuOn = ['click'];
 function getMenuItemTarget(event) {

package/esm/internals/Menu/Menubar.js

@@ -5,7 +5,7 @@ import isNil from 'lodash/isNil';
 import useMenu from "./useMenu.js";
 import MenuContext, { MenuActionTypes, MoveFocusTo } from "./MenuContext.js";
 import { KEY_VALUES } from "../constants/index.js";
-import { useCustom } from "../../CustomProvider/index.js";
+import { useCustom } from "../hooks/index.js";
 import { isFocusEntering, isFocusLeaving, isFocusableElement } from "../utils/index.js";
 /**
  * @private

package/esm/internals/Picker/PickerIndicator.js

@@ -4,8 +4,7 @@ import Icon from '@rsuite/icons/Icon';
 import InputGroup from "../../InputGroup/index.js";
 import CloseButton from "../CloseButton/index.js";
 import Loader from "../../Loader/index.js";
-import { useStyles } from "../hooks/index.js";
-import { useCustom } from "../../CustomProvider/index.js";
+import { useStyles, useCustom } from "../hooks/index.js";
 const PickerIndicator = _ref => {
   let {
     loading,

package/esm/internals/Picker/hooks/useCombobox.d.ts

@@ -1,6 +1,6 @@
 declare function useCombobox(): {
     id: string | undefined;
-    popupType: "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
+    popupType: "dialog" | "menu" | "listbox" | "grid" | "tree" | undefined;
     multiple: boolean | undefined;
     placement: import("../../types").Placement | undefined;
     breakpoint: string | undefined;

package/esm/internals/Plaintext/Plaintext.js

@@ -3,8 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Box from "../Box/index.js";
 import { forwardRef } from "../utils/index.js";
-import { useStyles } from "../hooks/index.js";
-import { useCustom } from "../../CustomProvider/index.js";
+import { useStyles, useCustom } from "../hooks/index.js";
 /**
  * Make the component display in plain text, and display default characters when there is no children.
  * @private