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

package/cjs/internals/Provider/types.d.ts

@@ -0,0 +1,236 @@
+import type { AccordionProps } from '../../Accordion';
+import type { AffixProps } from '../../Affix';
+import type { BounceProps } from '../../Animation/Bounce';
+import type { CollapseProps } from '../../Animation/Collapse';
+import type { FadeProps } from '../../Animation/Fade';
+import type { SlideProps } from '../../Animation/Slide';
+import type { TransitionProps } from '../../Animation/Transition';
+import type { AutoCompleteProps } from '../../AutoComplete';
+import type { AvatarProps } from '../../Avatar';
+import type { AvatarGroupProps } from '../../AvatarGroup';
+import type { BadgeProps } from '../../Badge';
+import type { BreadcrumbProps } from '../../Breadcrumb';
+import type { ButtonProps } from '../../Button';
+import type { ButtonGroupProps } from '../../ButtonGroup';
+import type { ButtonToolbarProps } from '../../ButtonToolbar';
+import type { CalendarProps } from '../../Calendar';
+import type { CarouselProps } from '../../Carousel';
+import type { CascadeTreeProps } from '../../CascadeTree';
+import type { CascaderProps } from '../../Cascader';
+import type { CardProps } from '../../Card';
+import type { CardGroupProps } from '../../CardGroup';
+import type { CheckPickerProps } from '../../CheckPicker';
+import type { CheckTreeProps } from '../../CheckTree';
+import type { CheckTreePickerProps } from '../../CheckTreePicker';
+import type { CheckboxProps } from '../../Checkbox';
+import type { CheckboxGroupProps } from '../../CheckboxGroup';
+import type { ColProps } from '../../Col';
+import type { ContainerProps } from '../../Container';
+import type { ContentProps } from '../../Content';
+import type { DateInputProps } from '../../DateInput';
+import type { DatePickerProps } from '../../DatePicker';
+import type { DateRangeInputProps } from '../../DateRangeInput';
+import type { DateRangePickerProps } from '../../DateRangePicker';
+import type { DividerProps } from '../../Divider';
+import type { DrawerProps } from '../../Drawer';
+import type { DropdownProps } from '../../Dropdown';
+import type { FlexboxGridProps } from '../../FlexboxGrid';
+import type { FooterProps } from '../../Footer';
+import type { FormProps } from '../../Form';
+import type { FormControlProps } from '../../FormControl';
+import type { FormControlLabelProps } from '../../FormControlLabel';
+import type { FormErrorMessageProps } from '../../FormErrorMessage';
+import type { FormGroupProps } from '../../FormGroup';
+import type { FormHelpTextProps } from '../../FormHelpText';
+import type { FormStackProps } from '../../FormStack';
+import type { GridProps } from '../../Grid';
+import type { HeaderProps } from '../../Header';
+import type { HeadingProps } from '../../Heading';
+import type { HeadingGroupProps } from '../../HeadingGroup';
+import type { HighlightProps } from '../../Highlight';
+import type { IconButtonProps } from '../../IconButton';
+import type { InlineEditProps } from '../../InlineEdit';
+import type { InputProps } from '../../Input';
+import type { InputGroupProps } from '../../InputGroup';
+import type { NumberInputProps } from '../../NumberInput';
+import type { InputPickerProps } from '../../InputPicker';
+import type { KbdProps } from '../../Kbd';
+import type { ImageProps } from '../../Image';
+import type { LinkProps } from '../../Link';
+import type { ListProps } from '../../List';
+import type { LoaderProps } from '../../Loader';
+import type { MaskedInputProps } from '../../MaskedInput';
+import type { MessageProps } from '../../Message';
+import type { ModalProps } from '../../Modal';
+import type { MultiCascadeTreeProps } from '../../MultiCascadeTree';
+import type { MultiCascaderProps } from '../../MultiCascader';
+import type { NavProps } from '../../Nav';
+import type { NavbarProps } from '../../Navbar';
+import type { NotificationProps } from '../../Notification';
+import type { PasswordInputProps } from '../../PasswordInput';
+import type { PasswordStrengthMeterProps } from '../../PasswordStrengthMeter';
+import type { PaginationProps } from '../../Pagination';
+import type { PanelProps } from '../../Panel';
+import type { PanelGroupProps } from '../../PanelGroup';
+import type { PlaceholderGraphProps } from '../../Placeholder/PlaceholderGraph';
+import type { PlaceholderGridProps } from '../../Placeholder/PlaceholderGrid';
+import type { PlaceholderParagraphProps } from '../../Placeholder/PlaceholderParagraph';
+import type { PopoverProps } from '../../Popover';
+import type { ProgressCircleProps } from '../../Progress/ProgressCircle';
+import type { ProgressLineProps } from '../../Progress/ProgressLine';
+import type { PinInputProps } from '../../PinInput';
+import type { RadioProps } from '../../Radio';
+import type { RadioGroupProps } from '../../RadioGroup';
+import type { RadioTileProps } from '../../RadioTile';
+import type { RadioTileGroupProps } from '../../RadioTileGroup';
+import type { RangeSliderProps } from '../../RangeSlider';
+import type { RateProps } from '../../Rate';
+import type { RowProps } from '../../Row';
+import type { SelectPickerProps } from '../../SelectPicker';
+import type { SidebarProps } from '../../Sidebar';
+import type { SidenavProps } from '../../Sidenav';
+import type { SliderProps } from '../../Slider';
+import type { StackProps } from '../../Stack';
+import type { StepsProps } from '../../Steps';
+import type { StatProps } from '../../Stat';
+import type { StatGroupProps } from '../../StatGroup';
+import type { TableProps } from '../../Table';
+import type { TabsProps } from '../../Tabs';
+import type { TagProps } from '../../Tag';
+import type { TagGroupProps } from '../../TagGroup';
+import type { TagInputProps } from '../../TagInput';
+import type { TagPickerProps } from '../../TagPicker';
+import type { TextProps } from '../../Text';
+import type { TimePickerProps } from '../../TimePicker';
+import type { TimeRangePickerProps } from '../../TimeRangePicker';
+import type { TimelineProps } from '../../Timeline';
+import type { ToggleProps } from '../../Toggle';
+import type { TooltipProps } from '../../Tooltip';
+import type { TreeProps } from '../../Tree';
+import type { TreePickerProps } from '../../TreePicker';
+import type { TextareaProps } from '../../Textarea';
+import type { UploaderProps } from '../../Uploader';
+import type { VisuallyHiddenProps } from '../../VisuallyHidden';
+import type { WhisperProps } from '../../Whisper';
+import type { SafeAnchorProps } from '../SafeAnchor';
+interface ComponentProps<T> {
+    defaultProps: Partial<T>;
+}
+export interface ReactSuiteComponents {
+    Accordion: ComponentProps<AccordionProps>;
+    Affix: ComponentProps<AffixProps>;
+    Bounce: ComponentProps<BounceProps>;
+    Collapse: ComponentProps<CollapseProps>;
+    Fade: ComponentProps<FadeProps>;
+    Slide: ComponentProps<SlideProps>;
+    Transition: ComponentProps<TransitionProps>;
+    AutoComplete: ComponentProps<AutoCompleteProps>;
+    Avatar: ComponentProps<AvatarProps>;
+    AvatarGroup: ComponentProps<AvatarGroupProps>;
+    Badge: ComponentProps<BadgeProps>;
+    Breadcrumb: ComponentProps<BreadcrumbProps>;
+    Button: ComponentProps<ButtonProps>;
+    ButtonGroup: ComponentProps<ButtonGroupProps>;
+    ButtonToolbar: ComponentProps<ButtonToolbarProps>;
+    Calendar: ComponentProps<CalendarProps>;
+    Carousel: ComponentProps<CarouselProps>;
+    CascadeTree: ComponentProps<CascadeTreeProps>;
+    Cascader: ComponentProps<CascaderProps>;
+    Card: ComponentProps<CardProps>;
+    CardGroup: ComponentProps<CardGroupProps>;
+    CheckPicker: ComponentProps<CheckPickerProps>;
+    CheckTree: ComponentProps<CheckTreeProps>;
+    CheckTreePicker: ComponentProps<CheckTreePickerProps>;
+    Checkbox: ComponentProps<CheckboxProps>;
+    CheckboxGroup: ComponentProps<CheckboxGroupProps>;
+    Col: ComponentProps<ColProps>;
+    Container: ComponentProps<ContainerProps>;
+    Content: ComponentProps<ContentProps>;
+    DateInput: ComponentProps<DateInputProps>;
+    DatePicker: ComponentProps<DatePickerProps>;
+    DateRangeInput: ComponentProps<DateRangeInputProps>;
+    DateRangePicker: ComponentProps<DateRangePickerProps>;
+    Divider: ComponentProps<DividerProps>;
+    Drawer: ComponentProps<DrawerProps>;
+    Dropdown: ComponentProps<DropdownProps>;
+    FlexboxGrid: ComponentProps<FlexboxGridProps>;
+    Footer: ComponentProps<FooterProps>;
+    Form: ComponentProps<FormProps>;
+    FormControl: ComponentProps<FormControlProps>;
+    FormControlLabel: ComponentProps<FormControlLabelProps>;
+    FormErrorMessage: ComponentProps<FormErrorMessageProps>;
+    FormGroup: ComponentProps<FormGroupProps>;
+    FormHelpText: ComponentProps<FormHelpTextProps>;
+    FormStack: ComponentProps<FormStackProps>;
+    Grid: ComponentProps<GridProps>;
+    Header: ComponentProps<HeaderProps>;
+    Heading: ComponentProps<HeadingProps>;
+    HeadingGroup: ComponentProps<HeadingGroupProps>;
+    Highlight: ComponentProps<HighlightProps>;
+    IconButton: ComponentProps<IconButtonProps>;
+    InlineEdit: ComponentProps<InlineEditProps>;
+    Input: ComponentProps<InputProps>;
+    InputGroup: ComponentProps<InputGroupProps>;
+    NumberInput: ComponentProps<NumberInputProps>;
+    InputPicker: ComponentProps<InputPickerProps>;
+    Image: ComponentProps<ImageProps>;
+    Kbd: ComponentProps<KbdProps>;
+    Link: ComponentProps<LinkProps>;
+    List: ComponentProps<ListProps>;
+    Loader: ComponentProps<LoaderProps>;
+    MaskedInput: ComponentProps<MaskedInputProps>;
+    Message: ComponentProps<MessageProps>;
+    Modal: ComponentProps<ModalProps>;
+    MultiCascadeTree: ComponentProps<MultiCascadeTreeProps>;
+    MultiCascader: ComponentProps<MultiCascaderProps>;
+    Nav: ComponentProps<NavProps>;
+    Navbar: ComponentProps<NavbarProps>;
+    Notification: ComponentProps<NotificationProps>;
+    PasswordInput: ComponentProps<PasswordInputProps>;
+    PasswordStrengthMeter: ComponentProps<PasswordStrengthMeterProps>;
+    Pagination: ComponentProps<PaginationProps>;
+    Panel: ComponentProps<PanelProps>;
+    PanelGroup: ComponentProps<PanelGroupProps>;
+    PlaceholderGraph: ComponentProps<PlaceholderGraphProps>;
+    PlaceholderGrid: ComponentProps<PlaceholderGridProps>;
+    PlaceholderParagraph: ComponentProps<PlaceholderParagraphProps>;
+    PinInput: ComponentProps<PinInputProps>;
+    Popover: ComponentProps<PopoverProps>;
+    ProgressCircle: ComponentProps<ProgressCircleProps>;
+    ProgressLine: ComponentProps<ProgressLineProps>;
+    Radio: ComponentProps<RadioProps>;
+    RadioGroup: ComponentProps<RadioGroupProps>;
+    RadioTile: ComponentProps<RadioTileProps>;
+    RadioTileGroup: ComponentProps<RadioTileGroupProps>;
+    RangeSlider: ComponentProps<RangeSliderProps>;
+    Rate: ComponentProps<RateProps>;
+    Row: ComponentProps<RowProps>;
+    SelectPicker: ComponentProps<SelectPickerProps>;
+    Sidebar: ComponentProps<SidebarProps>;
+    Sidenav: ComponentProps<SidenavProps>;
+    Slider: ComponentProps<SliderProps>;
+    Stack: ComponentProps<StackProps>;
+    Steps: ComponentProps<StepsProps>;
+    Stat: ComponentProps<StatProps>;
+    StatGroup: ComponentProps<StatGroupProps>;
+    Table: ComponentProps<TableProps>;
+    Tabs: ComponentProps<TabsProps>;
+    Tag: ComponentProps<TagProps>;
+    TagGroup: ComponentProps<TagGroupProps>;
+    TagInput: ComponentProps<TagInputProps>;
+    TagPicker: ComponentProps<TagPickerProps>;
+    Text: ComponentProps<TextProps>;
+    TimePicker: ComponentProps<TimePickerProps>;
+    TimeRangePicker: ComponentProps<TimeRangePickerProps>;
+    Timeline: ComponentProps<TimelineProps>;
+    Toggle: ComponentProps<ToggleProps>;
+    Tooltip: ComponentProps<TooltipProps>;
+    Tree: ComponentProps<TreeProps>;
+    TreePicker: ComponentProps<TreePickerProps>;
+    Textarea: ComponentProps<TextareaProps>;
+    Uploader: ComponentProps<UploaderProps>;
+    VisuallyHidden: ComponentProps<VisuallyHiddenProps>;
+    Whisper: ComponentProps<WhisperProps>;
+    SafeAnchor: ComponentProps<SafeAnchorProps>;
+}
+export {};

package/cjs/internals/Ripple/Ripple.js

@@ -11,7 +11,6 @@ var _on = _interopRequireDefault(require("dom-lib/on"));
 var _Transition = _interopRequireDefault(require("../../Animation/Transition"));
 var _hooks = require("../hooks");
 var _utils = require("../utils");
-var _CustomProvider = require("../../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const getPosition = (target, event) => {
@@ -36,7 +35,7 @@ const getPosition = (target, event) => {
 const Ripple = (0, _utils.forwardRef)((props, ref) => {
   const {
     disableRipple
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _hooks.useCustom)();
   const {
     as: Component = 'span',
     className,

package/cjs/internals/SafeAnchor/SafeAnchor.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("../Box"));
-var _CustomProvider = require("../../CustomProvider");
+var _hooks = require("../hooks");
 var _utils = require("../utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -22,7 +22,7 @@ function isTrivialHref(href) {
 const SafeAnchor = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('SafeAnchor', props);
+  } = (0, _hooks.useCustom)('SafeAnchor', props);
   const {
     as = 'a',
     href,

package/cjs/internals/Windowing/List.js

@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _ScrollView = _interopRequireDefault(require("../ScrollView"));
 var _reactWindow = require("react-window");
-var _CustomProvider = require("../../CustomProvider");
+var _hooks = require("../hooks");
 var _utils = require("../utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -37,7 +37,7 @@ const List = (0, _utils.forwardRef)((props, ref) => {
   const listRef = (0, _react.useRef)(null);
   const {
     rtl
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _hooks.useCustom)();
   (0, _react.useImperativeHandle)(ref, () => ({
     resetAfterIndex: (index, shouldForceUpdate) => {
       var _listRef$current, _listRef$current$rese;

package/cjs/internals/hooks/index.d.ts

@@ -1,3 +1,4 @@
+export { useCustom } from './useCustom';
 export { useStyles } from './useStyles';
 export { useClickOutside } from './useClickOutside';
 export { useControlled } from './useControlled';

package/cjs/internals/hooks/index.js

@@ -2,7 +2,9 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useWillUnmount = exports.useUpdatedRef = exports.useUpdateEffect = exports.useUniqueId = exports.useToggleCaret = exports.useTimeout = exports.useStyles = exports.useRootClose = exports.usePortal = exports.useMount = exports.useMap = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useInternalId = exports.useFocusVirtualListItem = exports.useFocus = exports.useEventListener = exports.useEventCallback = exports.useEnsuredRef = exports.useElementResize = exports.useControlled = exports.useClickOutside = void 0;
+exports.useWillUnmount = exports.useUpdatedRef = exports.useUpdateEffect = exports.useUniqueId = exports.useToggleCaret = exports.useTimeout = exports.useStyles = exports.useRootClose = exports.usePortal = exports.useMount = exports.useMap = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useInternalId = exports.useFocusVirtualListItem = exports.useFocus = exports.useEventListener = exports.useEventCallback = exports.useEnsuredRef = exports.useElementResize = exports.useCustom = exports.useControlled = exports.useClickOutside = void 0;
+var _useCustom = require("./useCustom");
+exports.useCustom = _useCustom.useCustom;
 var _useStyles = require("./useStyles");
 exports.useStyles = _useStyles.useStyles;
 var _useClickOutside = require("./useClickOutside");

package/cjs/{CustomProvider → internals/hooks}/useCustom.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import enGB from '../locales/en_GB';
-import type { FormatDateOptions } from '../internals/utils/date/types';
-import type { ReactSuiteComponents } from './types';
+import enGB from '../../locales/en_GB';
+import type { FormatDateOptions } from '../utils/date/types';
+import type { ReactSuiteComponents } from '../Provider/types';
 type LocaleKey = keyof typeof enGB;
 /**
  * A hook to get custom configuration of `<CustomProvider>`
@@ -11,7 +11,7 @@ type LocaleKey = keyof typeof enGB;
 export declare function useCustom<P = any>(componentName?: keyof ReactSuiteComponents, componentProps?: P): {
     code: string | undefined;
     rtl: boolean;
-    toasters: import("react").MutableRefObject<Map<string, import("../toaster/ToastContainer").ToastContainerInstance>> | undefined;
+    toasters: import("react").MutableRefObject<Map<string, import("../../toaster/ToastContainer").ToastContainerInstance>> | undefined;
     disableRipple: boolean | undefined;
     classPrefix: string | undefined;
     propsWithDefaults: P;

package/cjs/{CustomProvider → internals/hooks}/useCustom.js

@@ -5,11 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 exports.useCustom = useCustom;
-var _react = require("react");
 var _assign = _interopRequireDefault(require("lodash/assign"));
-var _en_GB = _interopRequireDefault(require("../locales/en_GB"));
-var _date = require("../internals/utils/date");
-var _CustomProvider = require("./CustomProvider");
+var _en_GB = _interopRequireDefault(require("../../locales/en_GB"));
+var _react = require("react");
+var _date = require("../utils/date");
+var _CustomContext = require("../Provider/CustomContext");
 function getDefaultRTL() {
   return typeof document !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';
 }
@@ -37,7 +37,7 @@ function useCustom(componentName, componentProps) {
     classPrefix,
     toasters,
     disableRipple
-  } = (0, _react.useContext)(_CustomProvider.CustomContext);
+  } = (0, _react.useContext)(_CustomContext.CustomContext);
   const {
     locale: componentLocale,
     ...restProps

package/cjs/internals/hooks/useStyles.js

@@ -8,7 +8,7 @@ exports.useStyles = useStyles;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _utils = require("../utils");
-var _CustomProvider = require("../../CustomProvider/CustomProvider");
+var _CustomContext = require("../Provider/CustomContext");
 // This is the only way I found to break circular references between ClassArray and ClassValue
 // https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540
 
@@ -26,7 +26,7 @@ var _CustomProvider = require("../../CustomProvider/CustomProvider");
 function useStyles(str) {
   const {
     classPrefix = 'rs'
-  } = (0, _react.useContext)(_CustomProvider.CustomContext) || {};
+  } = (0, _react.useContext)(_CustomContext.CustomContext) || {};
   const baseClass = (0, _utils.prefix)(classPrefix, str);
 
   /**

package/cjs/internals/hooks/useToggleCaret.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 exports.useToggleCaret = useToggleCaret;
 var _react = require("react");
-var _CustomProvider = require("../../CustomProvider");
+var _ = require("./");
 var _ArrowUpLine = _interopRequireDefault(require("@rsuite/icons/ArrowUpLine"));
 var _ArrowDownLine = _interopRequireDefault(require("@rsuite/icons/ArrowDownLine"));
 var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
@@ -14,7 +14,7 @@ var _ArrowRightLine = _interopRequireDefault(require("@rsuite/icons/ArrowRightLi
 function useToggleCaret(placement) {
   const {
     rtl
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _.useCustom)();
   return (0, _react.useMemo)(() => {
     switch (true) {
       case /^top/.test(placement):

package/cjs/{CustomProvider → internals/intl}/FormattedDate.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.FormattedDate = FormattedDate;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _useCustom = require("./useCustom");
+var _hooks = require("../hooks");
 function FormattedDate(_ref) {
   let {
     date,
@@ -14,7 +14,7 @@ function FormattedDate(_ref) {
   } = _ref;
   const {
     formatDate
-  } = (0, _useCustom.useCustom)('Calendar');
+  } = (0, _hooks.useCustom)('Calendar');
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formatDate(date, formatStr));
 }
 var _default = exports.default = FormattedDate;

package/cjs/{CustomProvider → internals/intl}/FormattedNumber.js

@@ -4,7 +4,7 @@
 exports.__esModule = true;
 exports.FormattedNumber = FormattedNumber;
 var _react = _interopRequireWildcard(require("react"));
-var _useCustom = require("./useCustom");
+var _hooks = require("../hooks");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function FormattedNumber(_ref) {
@@ -14,7 +14,7 @@ function FormattedNumber(_ref) {
   } = _ref;
   const {
     code
-  } = (0, _useCustom.useCustom)();
+  } = (0, _hooks.useCustom)();
   const formatter = (0, _react.useMemo)(() => new Intl.NumberFormat(code, formatOptions), [code, formatOptions]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formatter.format(value));
 }

package/cjs/internals/types/picker.d.ts

@@ -4,7 +4,7 @@ import type { ToArray } from './utils';
 import type { FormControlBaseProps } from './form';
 import type { AnimationEventProps } from './animation';
 import type { BoxProps } from '../Box';
-import type { Size } from './sizes';
+import type { BasicSize } from './sizes';
 import type { PickerHandle } from '../Picker/types';
 export interface Option<T = number | string> extends Record<string, any> {
     label?: string | ReactNode;
@@ -123,7 +123,7 @@ export interface PickerBaseProps<L = any> extends PopupProps, BoxProps, Animatio
     /** A picker that can clear values */
     cleanable?: boolean;
     /** A picker can have different sizes */
-    size?: Size;
+    size?: BasicSize;
     /** Called when Modal is displayed */
     onOpen?: () => void;
     /** Called when Modal is closed */

package/cjs/internals/types/sizes.d.ts

@@ -18,6 +18,8 @@ export declare enum TypographySizeEnum {
     XL6 = "6xl"
 }
 export type Size = `${SizeEnum}`;
+/** Basic size type (xs, sm, md, lg) */
+export type BasicSize = Exclude<Size, 'xl'>;
 export type TextSize = `${TypographySizeEnum}`;
 export type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 export type ResponsiveValue<T> = {

package/cjs/internals/types/sizes.js

@@ -23,4 +23,5 @@ let TypographySizeEnum = exports.TypographySizeEnum = /*#__PURE__*/function (Typ
   TypographySizeEnum["XL5"] = "5xl";
   TypographySizeEnum["XL6"] = "6xl";
   return TypographySizeEnum;
-}({});
+}({});
+/** Basic size type (xs, sm, md, lg) */

package/cjs/internals/utils/date/getWeekStartDates.d.ts

@@ -8,7 +8,6 @@ import type { Locale } from 'date-fns';
  */
 export declare function getWeekStartDates(firstDayOfMonth: Date, options: {
     weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    isoWeek?: boolean;
     locale?: Locale;
 }): Date[];
 export default getWeekStartDates;

package/cjs/internals/utils/date/getWeekStartDates.js

@@ -15,13 +15,11 @@ var _startOfWeek = require("date-fns/startOfWeek");
  */
 function getWeekStartDates(firstDayOfMonth, options) {
   const {
-    weekStart = 0,
-    isoWeek,
+    weekStart,
     locale
   } = options;
-  const weekStartsOn = isoWeek ? 1 : weekStart;
   const firstDay = (0, _startOfWeek.startOfWeek)(firstDayOfMonth, {
-    weekStartsOn,
+    weekStartsOn: weekStart,
     locale
   });
   const days = [firstDay];

package/cjs/internals/utils/react/createComponent.js

@@ -9,9 +9,20 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _Box = _interopRequireDefault(require("../../Box/Box"));
-var _hooks = require("../../hooks");
 var _forwardRef = require("./forwardRef");
-var _CustomProvider = require("../../../CustomProvider");
+var _useStyles = require("../../hooks/useStyles");
+var _useCustom = require("../../hooks/useCustom");
+/**
+ * Why not import like this:
+ * ```
+ * import { useStyles, useCustom } from '../../hooks/index.js';
+ * ```
+ *
+ * We import useStyles and useCustom separately to prevent Vite from displaying Rollup warnings
+ * during the build process. This approach avoids circular dependency issues that could affect
+ * chunk division and optimizes the build output.
+ */
+
 /**
  * Create a component with `classPrefix` and `as` attributes.
  * By default, the component is based on Box component and inherits all Box props.
@@ -26,7 +37,7 @@ function createComponent(_ref) {
   const Component = (0, _forwardRef.forwardRef)((props, ref) => {
     const {
       propsWithDefaults
-    } = (0, _CustomProvider.useCustom)(name, props);
+    } = (0, _useCustom.useCustom)(name, props);
     const {
       as,
       classPrefix = componentClassPrefix || (0, _kebabCase.default)(name),
@@ -37,7 +48,7 @@ function createComponent(_ref) {
     const {
       withPrefix,
       merge
-    } = (0, _hooks.useStyles)(classPrefix);
+    } = (0, _useStyles.useStyles)(classPrefix);
     const classes = merge(className, withPrefix());
     return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({}, defaultProps, rest, {
       role: role,

package/cjs/{FormControl → useFormControl}/hooks/useField.d.ts

@@ -4,15 +4,15 @@ interface FieldProps {
     formValue?: Record<string, any>;
     formError?: Record<string, any>;
     value: any;
-    nestedField: boolean;
+    nestedField?: boolean;
     errorMessage: React.ReactNode;
     errorFromContext?: boolean;
 }
-declare function useField(props: FieldProps): {
+export declare function useField(props: FieldProps): {
     fieldValue: any;
     fieldError: import("react").ReactNode;
     setFieldValue: (fieldName: string, fieldValue: any) => {
         [x: string]: any;
     };
 };
-export default useField;
+export {};

package/cjs/{FormControl → useFormControl}/hooks/useField.js

@@ -3,11 +3,11 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = void 0;
-var _react = require("react");
+exports.useField = useField;
 var _get = _interopRequireDefault(require("lodash/get"));
 var _set = _interopRequireDefault(require("lodash/set"));
-var _utils = require("../utils");
+var _react = require("react");
+var _nameToPath = require("../utils/nameToPath");
 function getErrorMessage(error) {
   var _error$array;
   if (typeof error === 'string') {
@@ -48,7 +48,7 @@ function useField(props) {
       return errorMessage;
     }
     if (nestedField) {
-      return getErrorMessage((0, _get.default)(formError, (0, _utils.nameToPath)(name)));
+      return getErrorMessage((0, _get.default)(formError, (0, _nameToPath.nameToPath)(name)));
     }
     const fieldError = formError === null || formError === void 0 ? void 0 : formError[name];
     if (typeof fieldError === 'string') {
@@ -72,5 +72,4 @@ function useField(props) {
     fieldError,
     setFieldValue
   };
-}
-var _default = exports.default = useField;
+}

package/cjs/useFormControl/hooks/useRegisterModel.d.ts

@@ -0,0 +1,2 @@
+import type { CheckType } from 'schema-typed';
+export declare function useRegisterModel(name: string, rule?: CheckType<unknown, any>): void;

package/cjs/{FormControl → useFormControl}/hooks/useRegisterModel.js

@@ -2,7 +2,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = void 0;
+exports.useRegisterModel = useRegisterModel;
 var _react = require("react");
 var _FormContext = require("../../Form/FormContext");
 function useRegisterModel(name, rule) {
@@ -18,5 +18,4 @@ function useRegisterModel(name, rule) {
       removeFieldRule === null || removeFieldRule === void 0 || removeFieldRule(name);
     };
   }, [name, pushFieldRule, removeFieldRule]);
-}
-var _default = exports.default = useRegisterModel;
+}

package/cjs/useFormControl/index.d.ts

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

package/cjs/useFormControl/index.js

@@ -0,0 +1,11 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _useFormControl = _interopRequireDefault(require("./useFormControl"));
+exports.useFormControl = _useFormControl.default;
+// export types
+// export hooks
+var _default = exports.default = _useFormControl.default;