rsuite 6.0.0-canary-2025032014 → 6.0.0-canary-20250416

package/cjs/internals/utils/index.js

@@ -3,33 +3,18 @@
 
 exports.__esModule = true;
 var _exportNames = {
-  stringifyReactNode: true,
-  reactToString: true,
-  getSafeRegExpString: true,
-  getDOMNode: true,
   guid: true,
   createChainedFunction: true,
   isOneOf: true,
-  ReactChildren: true,
-  tplTransform: true,
-  mergeRefs: true,
   shallowEqual: true,
   shallowEqualArray: true,
   composeFunctions: true,
-  safeSetSelection: true,
-  getStringLength: true,
   getDataGroupBy: true,
-  deprecateComponent: true,
   warnOnce: true,
-  createComponent: true,
   attachParent: true,
-  isFocusEntering: true,
-  isFocusLeaving: true,
-  isFocusableElement: true,
-  forwardRef: true,
   isPresetSize: true
 };
-exports.warnOnce = exports.tplTransform = exports.stringifyReactNode = exports.shallowEqualArray = exports.shallowEqual = exports.safeSetSelection = exports.reactToString = exports.mergeRefs = exports.isPresetSize = exports.isOneOf = exports.isFocusableElement = exports.isFocusLeaving = exports.isFocusEntering = exports.guid = exports.getStringLength = exports.getSafeRegExpString = exports.getDataGroupBy = exports.getDOMNode = exports.forwardRef = exports.deprecateComponent = exports.createComponent = exports.createChainedFunction = exports.composeFunctions = exports.attachParent = exports.ReactChildren = void 0;
+exports.warnOnce = exports.shallowEqualArray = exports.shallowEqual = exports.isPresetSize = exports.isOneOf = exports.guid = exports.getDataGroupBy = exports.createChainedFunction = exports.composeFunctions = exports.attachParent = void 0;
 var _BrowserDetection = require("./BrowserDetection");
 Object.keys(_BrowserDetection).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -37,12 +22,12 @@ Object.keys(_BrowserDetection).forEach(function (key) {
   if (key in exports && exports[key] === _BrowserDetection[key]) return;
   exports[key] = _BrowserDetection[key];
 });
-var _htmlPropsUtils = require("./htmlPropsUtils");
-Object.keys(_htmlPropsUtils).forEach(function (key) {
+var _html = require("./html");
+Object.keys(_html).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _htmlPropsUtils[key]) return;
-  exports[key] = _htmlPropsUtils[key];
+  if (key in exports && exports[key] === _html[key]) return;
+  exports[key] = _html[key];
 });
 var _colours = require("./colours");
 Object.keys(_colours).forEach(function (key) {
@@ -73,48 +58,34 @@ Object.keys(_placement).forEach(function (key) {
   if (key in exports && exports[key] === _placement[key]) return;
   exports[key] = _placement[key];
 });
-var _stringifyReactNode = require("./stringifyReactNode");
-exports.stringifyReactNode = _stringifyReactNode.stringifyReactNode;
-exports.reactToString = _stringifyReactNode.reactToString;
-var _getSafeRegExpString = require("./getSafeRegExpString");
-exports.getSafeRegExpString = _getSafeRegExpString.getSafeRegExpString;
-var _getDOMNode = require("./getDOMNode");
-exports.getDOMNode = _getDOMNode.getDOMNode;
+var _string = require("./string");
+Object.keys(_string).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _string[key]) return;
+  exports[key] = _string[key];
+});
+var _react = require("./react");
+Object.keys(_react).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _react[key]) return;
+  exports[key] = _react[key];
+});
 var _guid = require("./guid");
 exports.guid = _guid.guid;
 var _createChainedFunction = require("./createChainedFunction");
 exports.createChainedFunction = _createChainedFunction.createChainedFunction;
 var _isOneOf = require("./isOneOf");
 exports.isOneOf = _isOneOf.isOneOf;
-var _ReactChildren = require("./ReactChildren");
-exports.ReactChildren = _ReactChildren.ReactChildren;
-var _tplTransform = require("./tplTransform");
-exports.tplTransform = _tplTransform.tplTransform;
-var _mergeRefs = require("./mergeRefs");
-exports.mergeRefs = _mergeRefs.mergeRefs;
 var _shallowEqual = require("./shallowEqual");
 exports.shallowEqual = _shallowEqual.shallowEqual;
 exports.shallowEqualArray = _shallowEqual.shallowEqualArray;
 var _composeFunctions = require("./composeFunctions");
 exports.composeFunctions = _composeFunctions.composeFunctions;
-var _safeSetSelection = require("./safeSetSelection");
-exports.safeSetSelection = _safeSetSelection.safeSetSelection;
-var _getStringLength = require("./getStringLength");
-exports.getStringLength = _getStringLength.getStringLength;
 var _getDataGroupBy = require("./getDataGroupBy");
 exports.getDataGroupBy = _getDataGroupBy.getDataGroupBy;
-var _deprecateComponent = require("./deprecateComponent");
-exports.deprecateComponent = _deprecateComponent.deprecateComponent;
 var _warnOnce = require("./warnOnce");
 exports.warnOnce = _warnOnce.warnOnce;
-var _createComponent = require("./createComponent");
-exports.createComponent = _createComponent.createComponent;
 var _attachParent = require("./attachParent");
-exports.attachParent = _attachParent.attachParent;
-var _events = require("./events");
-exports.isFocusEntering = _events.isFocusEntering;
-exports.isFocusLeaving = _events.isFocusLeaving;
-var _dom = require("./dom");
-exports.isFocusableElement = _dom.isFocusableElement;
-var _forwardRef = require("./forwardRef");
-exports.forwardRef = _forwardRef.forwardRef;
+exports.attachParent = _attachParent.attachParent;

package/cjs/internals/utils/{ReactChildren.d.ts → react/ReactChildren.d.ts}

@@ -1,10 +1,4 @@
 import React from 'react';
-/**
- * Checks if the given children is a React fragment.
- * @param children - The children to check.
- * @returns True if the children is a React fragment, false otherwise.
- */
-export declare function isFragment(children: React.ReactNode): boolean;
 /**
  * Finds the first child that satisfies the given condition.
  * @param children - The children to search.
@@ -53,7 +47,7 @@ declare function some(children: React.ReactNode, func: any, context?: any): bool
 /**
  * Utility functions for working with React children.
  */
-export declare const ReactChildren: {
+export declare const rch: {
     /**
      * Maps over the children and clones each child element with the provided props.
      */
@@ -79,4 +73,4 @@ export declare const ReactChildren: {
      */
     find: typeof find;
 };
-export default ReactChildren;
+export default rch;

package/cjs/internals/utils/{ReactChildren.js → react/ReactChildren.js}

@@ -3,35 +3,15 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.ReactChildren = void 0;
 exports.count = count;
 exports.default = void 0;
 exports.find = find;
 exports.forEach = forEach;
-exports.isFragment = isFragment;
 exports.map = map;
 exports.mapCloneElement = mapCloneElement;
+exports.rch = void 0;
 var _react = _interopRequireDefault(require("react"));
-/**
- * Returns the type of the given object.
- * @param object - The object to check.
- * @returns The type of the object.
- */
-function typeOf(object) {
-  if (typeof object === 'object' && object !== null) {
-    return object.type || object.$$typeof;
-  }
-}
-
-/**
- * Checks if the given children is a React fragment.
- * @param children - The children to check.
- * @returns True if the children is a React fragment, false otherwise.
- */
-function isFragment(children) {
-  return _react.default.Children.count(children) === 1 && typeOf(children) === Symbol.for('react.fragment');
-}
-
+var _ReactIs = require("./ReactIs");
 /**
  * Flattens the given children into an array.
  * @param children - The children to flatten.
@@ -39,7 +19,7 @@ function isFragment(children) {
  */
 function flatChildren(children) {
   return _react.default.Children.toArray(_react.default.Children.map(children, child => {
-    if (isFragment(child)) {
+    if ((0, _ReactIs.isFragment)(child)) {
       var _child$props;
       return _react.default.Children.toArray(((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children) || []);
     }
@@ -155,7 +135,7 @@ function some(children, func, context) {
 /**
  * Utility functions for working with React children.
  */
-const ReactChildren = exports.ReactChildren = {
+const rch = exports.rch = {
   /**
    * Maps over the children and clones each child element with the provided props.
    */
@@ -181,4 +161,4 @@ const ReactChildren = exports.ReactChildren = {
    */
   find
 };
-var _default = exports.default = ReactChildren;
+var _default = exports.default = rch;

package/cjs/internals/utils/react/ReactIs.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/**
+ * Checks if the given children is a React fragment.
+ * @param children - The children to check.
+ * @returns True if the children is a React fragment, false otherwise.
+ */
+export declare function isFragment(children: React.ReactNode): boolean;

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

@@ -0,0 +1,26 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.isFragment = isFragment;
+var _react = _interopRequireDefault(require("react"));
+/**
+ * Returns the type of the given object.
+ * @param object - The object to check.
+ * @returns The type of the object.
+ */
+function typeOf(object) {
+  if (typeof object === 'object' && object !== null) {
+    return object.type || object.$$typeof;
+  }
+}
+
+/**
+ * Checks if the given children is a React fragment.
+ * @param children - The children to check.
+ * @returns True if the children is a React fragment, false otherwise.
+ */
+function isFragment(children) {
+  return _react.default.Children.count(children) === 1 && typeOf(children) === Symbol.for('react.fragment');
+}

package/{esm/internals/utils → cjs/internals/utils/react}/createComponent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import Box, { BoxProps } from '../Box/Box';
+import Box, { BoxProps } from '../../Box/Box';
 export type ComponentProps = BoxProps & React.HTMLAttributes<HTMLDivElement>;
 interface Props<T extends React.ElementType> extends React.HTMLAttributes<HTMLDivElement> {
     name: string;
@@ -10,5 +10,5 @@ interface Props<T extends React.ElementType> extends React.HTMLAttributes<HTMLDi
  * Create a component with `classPrefix` and `as` attributes.
  * By default, the component is based on Box component and inherits all Box props.
  */
-export declare function createComponent<T extends React.ElementType = typeof Box, P = ComponentProps>({ name, componentAs, componentClassPrefix, ...defaultProps }: Props<T> & Partial<P>): import("../types").InternalRefForwardingComponent<T, Partial<P>, never> & Record<string, never>;
+export declare function createComponent<T extends React.ElementType = typeof Box, P = ComponentProps>({ name, componentAs, componentClassPrefix, ...defaultProps }: Props<T> & Partial<P>): import("../../types").InternalRefForwardingComponent<T, Partial<P>, never> & Record<string, never>;
 export default createComponent;

package/cjs/internals/utils/{createComponent.js → react/createComponent.js}

@@ -8,10 +8,10 @@ exports.default = void 0;
 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 _Box = _interopRequireDefault(require("../../Box/Box"));
+var _hooks = require("../../hooks");
 var _forwardRef = require("./forwardRef");
-var _CustomProvider = require("../../CustomProvider");
+var _CustomProvider = require("../../../CustomProvider");
 /**
  * Create a component with `classPrefix` and `as` attributes.
  * By default, the component is based on Box component and inherits all Box props.

package/cjs/internals/utils/{deprecateComponent.js → react/deprecateComponent.js}

@@ -7,7 +7,7 @@ exports.default = void 0;
 exports.deprecateComponent = deprecateComponent;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _warnOnce = _interopRequireDefault(require("./warnOnce"));
+var _warnOnce = _interopRequireDefault(require("../warnOnce"));
 /**
  * HOC for display a deprecation message from a deprecated component
  * fixme: Only display deprecation message in non-production environment

package/cjs/internals/utils/{forwardRef.d.ts → react/forwardRef.d.ts}

@@ -1,5 +1,5 @@
 import { ElementType, PropsWithoutRef, ForwardRefRenderFunction } from 'react';
-import type { InternalRefForwardingComponent } from '../types';
+import type { InternalRefForwardingComponent } from '../../types';
 /**
  * A utility function to wrap components with `React.forwardRef`.
  * It extends the type signature for better integration with custom components.

package/cjs/internals/utils/react/index.d.ts

@@ -0,0 +1,7 @@
+export * from './getDOMNode';
+export * from './ReactChildren';
+export * from './deprecateComponent';
+export * from './createComponent';
+export * from './forwardRef';
+export * from './mergeRefs';
+export * from './ReactIs';

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

@@ -0,0 +1,46 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+var _getDOMNode = require("./getDOMNode");
+Object.keys(_getDOMNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getDOMNode[key]) return;
+  exports[key] = _getDOMNode[key];
+});
+var _ReactChildren = require("./ReactChildren");
+Object.keys(_ReactChildren).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReactChildren[key]) return;
+  exports[key] = _ReactChildren[key];
+});
+var _deprecateComponent = require("./deprecateComponent");
+Object.keys(_deprecateComponent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _deprecateComponent[key]) return;
+  exports[key] = _deprecateComponent[key];
+});
+var _createComponent = require("./createComponent");
+Object.keys(_createComponent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _createComponent[key]) return;
+  exports[key] = _createComponent[key];
+});
+var _forwardRef = require("./forwardRef");
+Object.keys(_forwardRef).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _forwardRef[key]) return;
+  exports[key] = _forwardRef[key];
+});
+var _mergeRefs = require("./mergeRefs");
+Object.keys(_mergeRefs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _mergeRefs[key]) return;
+  exports[key] = _mergeRefs[key];
+});
+var _ReactIs = require("./ReactIs");
+Object.keys(_ReactIs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReactIs[key]) return;
+  exports[key] = _ReactIs[key];
+});

package/cjs/internals/utils/{getStringLength.d.ts → string/getStringLength.d.ts}

@@ -1,2 +1 @@
 export declare function getStringLength(str: string): number;
-export default getStringLength;

package/cjs/internals/utils/{getStringLength.js → string/getStringLength.js}

@@ -2,7 +2,6 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = void 0;
 exports.getStringLength = getStringLength;
 function getStringLength(str) {
   let length = 0;
@@ -14,5 +13,4 @@ function getStringLength(str) {
     }
   });
   return length;
-}
-var _default = exports.default = getStringLength;
+}

package/cjs/internals/utils/string/index.d.ts

@@ -0,0 +1,4 @@
+export * from './getSafeRegExpString';
+export * from './getStringLength';
+export * from './stringifyReactNode';
+export * from './tplTransform';

package/cjs/internals/utils/string/index.js

@@ -0,0 +1,28 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+var _getSafeRegExpString = require("./getSafeRegExpString");
+Object.keys(_getSafeRegExpString).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getSafeRegExpString[key]) return;
+  exports[key] = _getSafeRegExpString[key];
+});
+var _getStringLength = require("./getStringLength");
+Object.keys(_getStringLength).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getStringLength[key]) return;
+  exports[key] = _getStringLength[key];
+});
+var _stringifyReactNode = require("./stringifyReactNode");
+Object.keys(_stringifyReactNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _stringifyReactNode[key]) return;
+  exports[key] = _stringifyReactNode[key];
+});
+var _tplTransform = require("./tplTransform");
+Object.keys(_tplTransform).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _tplTransform[key]) return;
+  exports[key] = _tplTransform[key];
+});

package/cjs/locales/en_GB.js

@@ -89,7 +89,7 @@ var _default = exports.default = {
     expandText: 'Show path'
   },
   Toggle: {
-    on: 'Open',
-    off: 'Close'
+    on: 'ON',
+    off: 'OFF'
   }
 };

package/cjs/locales/en_US.js

@@ -85,7 +85,7 @@ var _default = exports.default = {
     expandText: 'Show path'
   },
   Toggle: {
-    on: 'Open',
-    off: 'Close'
+    on: 'ON',
+    off: 'OFF'
   }
 };

package/cjs/locales/pl_PL.js

@@ -1,10 +1,9 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _pl = _interopRequireDefault(require("date-fns/locale/pl"));
+var _pl = require("date-fns/locale/pl");
 const DateTimeFormats = {
   sunday: 'Ndz',
   monday: 'Pon',
@@ -24,7 +23,7 @@ const DateTimeFormats = {
   formattedDayPattern: 'dd MMM, yyyy',
   shortDateFormat: 'dd.MM.yyyy',
   shortTimeFormat: 'HH:mm',
-  dateLocale: _pl.default
+  dateLocale: _pl.pl
 };
 const Combobox = {
   noResultsText: 'Nie znaleziono',

package/cjs/useBreakpointValue/useBreakpointValue.d.ts

@@ -3,11 +3,15 @@ interface UseBreakpointValueOptions<T = any> {
     /**
      * The default value to return if no screen size matches.
      */
-    defaultValue: T;
+    defaultValue?: T;
+    /**
+     * Whether to enable the media query, defaults to true
+     */
+    enabled?: boolean;
 }
 /**
  * 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
  *
@@ -21,12 +21,17 @@ var _useMediaQuery = _interopRequireDefault(require("../useMediaQuery"));
  */
 function useBreakpointValue(breakpoints, options) {
   const {
-    defaultValue
+    defaultValue,
+    enabled = true
   } = options || {};
   const keys = Object.keys(breakpoints);
   const values = Object.values(breakpoints);
-  const matches = (0, _useMediaQuery.default)(keys);
-  const index = matches.indexOf(true);
+  const matches = (0, _useMediaQuery.default)(keys, enabled);
+
+  // Use lastIndexOf instead of indexOf to return the value of the last matching breakpoint
+  // Due to how media queries work, multiple breakpoints may match simultaneously on larger screens
+  // Using lastIndexOf ensures we return the value for the largest matching breakpoint
+  const index = matches.lastIndexOf(true);
   return index !== -1 ? values[index] : defaultValue;
 }
 var _default = exports.default = useBreakpointValue;

package/cjs/useMediaQuery/breakpoints.d.ts

@@ -0,0 +1,24 @@
+import type { BreakpointMap, BreakpointSystem } from './types';
+/**
+ * Create breakpoint system
+ *
+ * This function takes a breakpoint map and returns an enhanced breakpoint system
+ * that provides various media queries for responsive design.
+ *
+ * @example
+ * ```ts
+ * const breakpoints = createBreakpoints({
+ *   xs: '0px',
+ *   sm: '576px',
+ *   md: '768px',
+ *   lg: '992px',
+ *   xl: '1200px'
+ * });
+ *
+ * // Using breakpoints
+ * breakpoints.up('md'); // '(min-width: 768px)'
+ * breakpoints.down('lg'); // '(max-width: 991.99px)'
+ * breakpoints.between('sm', 'lg'); // '(min-width: 576px) and (max-width: 991.99px)'
+ * ```
+ */
+export declare function createBreakpoints(breakpoints: BreakpointMap): BreakpointSystem;