rsuite 6.0.0-canary-20250403 → 6.0.0-canary-20250424

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/useBreakpointValue/useBreakpointValue.d.ts

@@ -11,7 +11,7 @@ interface UseBreakpointValueOptions<T = any> {
 }
 /**
  * A React Hook that returns different values based on different screen sizes in responsive design.
- * @version 5.63.0
+ * @version 5.64.0
  * @unstable Please note that this API is not stable and may change in the future.
  * @see https://rsuitejs.com/components/use-breakpoint-value
  *

package/cjs/useBreakpointValue/useBreakpointValue.js

@@ -8,7 +8,7 @@ exports.useBreakpointValue = useBreakpointValue;
 var _useMediaQuery = _interopRequireDefault(require("../useMediaQuery"));
 /**
  * A React Hook that returns different values based on different screen sizes in responsive design.
- * @version 5.63.0
+ * @version 5.64.0
  * @unstable Please note that this API is not stable and may change in the future.
  * @see https://rsuitejs.com/components/use-breakpoint-value
  *

package/cjs/useToaster/useToaster.js

@@ -6,10 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
 var _toaster = _interopRequireDefault(require("../toaster"));
-var _CustomProvider = require("../CustomProvider/CustomProvider");
-// From CustomProvider/CustomProvider.tsx import CustomContext instead of directly from 'CustomProvider/index.ts'
-// because babel compiles commonjs, which causes CustomContext to be undefined
-
+var _CustomContext = require("../internals/Provider/CustomContext");
 /**
  * Toaster display brief, temporary notifications of actions, errors, or other events in an application.
  * It is often used with the Message and Notification components.
@@ -21,7 +18,7 @@ const useToaster = () => {
   const {
     toasters,
     toastContainer
-  } = (0, _react.useContext)(_CustomProvider.CustomContext);
+  } = (0, _react.useContext)(_CustomContext.CustomContext);
   return (0, _react.useMemo)(() => ({
     /**
      * Push a toast message.