rsuite 6.0.0-canary-2025032014 → 6.0.0-canary-20250403

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

@@ -1,3 +1,4 @@
+export * from './PickerToggleTrigger';
 export { default as Listbox } from './Listbox';
 export { default as ListItem } from './ListItem';
 export { default as ListItemGroup } from './ListItemGroup';
@@ -6,9 +7,7 @@ export { default as PickerPopup } from './PickerPopup';
 export { default as PickerToggle } from './PickerToggle';
 export { default as PickerLabel } from './PickerLabel';
 export { default as PickerIndicator } from './PickerIndicator';
-export { default as PickerToggleTrigger } from './PickerToggleTrigger';
 export { default as SelectedElement } from './SelectedElement';
-export { pickTriggerPropKeys, omitTriggerPropKeys } from './PickerToggleTrigger';
 export * from './hooks';
 export * from './utils';
 export type { OverlayTriggerHandle, PositionChildProps } from '../Overlay/types';

package/cjs/internals/Picker/index.js

@@ -12,12 +12,16 @@ var _exportNames = {
   PickerToggle: true,
   PickerLabel: true,
   PickerIndicator: true,
-  PickerToggleTrigger: true,
-  SelectedElement: true,
-  pickTriggerPropKeys: true,
-  omitTriggerPropKeys: true
+  SelectedElement: true
 };
-exports.pickTriggerPropKeys = exports.omitTriggerPropKeys = exports.SelectedElement = exports.PickerToggleTrigger = exports.PickerToggle = exports.PickerPopup = exports.PickerLabel = exports.PickerIndicator = exports.Listbox = exports.ListItemGroup = exports.ListItem = exports.ListCheckItem = void 0;
+exports.SelectedElement = exports.PickerToggle = exports.PickerPopup = exports.PickerLabel = exports.PickerIndicator = exports.Listbox = exports.ListItemGroup = exports.ListItem = exports.ListCheckItem = void 0;
+var _PickerToggleTrigger = require("./PickerToggleTrigger");
+Object.keys(_PickerToggleTrigger).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PickerToggleTrigger[key]) return;
+  exports[key] = _PickerToggleTrigger[key];
+});
 var _Listbox = _interopRequireDefault(require("./Listbox"));
 exports.Listbox = _Listbox.default;
 var _ListItem = _interopRequireDefault(require("./ListItem"));
@@ -34,10 +38,6 @@ var _PickerLabel = _interopRequireDefault(require("./PickerLabel"));
 exports.PickerLabel = _PickerLabel.default;
 var _PickerIndicator = _interopRequireDefault(require("./PickerIndicator"));
 exports.PickerIndicator = _PickerIndicator.default;
-var _PickerToggleTrigger = _interopRequireWildcard(require("./PickerToggleTrigger"));
-exports.PickerToggleTrigger = _PickerToggleTrigger.default;
-exports.pickTriggerPropKeys = _PickerToggleTrigger.pickTriggerPropKeys;
-exports.omitTriggerPropKeys = _PickerToggleTrigger.omitTriggerPropKeys;
 var _SelectedElement = _interopRequireDefault(require("./SelectedElement"));
 exports.SelectedElement = _SelectedElement.default;
 var _hooks = require("./hooks");
@@ -53,6 +53,4 @@ Object.keys(_utils).forEach(function (key) {
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _utils[key]) return;
   exports[key] = _utils[key];
-});
-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; }
+});

package/{esm → cjs/internals}/SafeAnchor/SafeAnchor.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps } from '../internals/Box';
+import { BoxProps } from '../Box';
 export interface SafeAnchorProps extends BoxProps, React.HTMLAttributes<HTMLElement> {
     /** Link specified url */
     href?: string;
@@ -10,5 +10,5 @@ export interface SafeAnchorProps extends BoxProps, React.HTMLAttributes<HTMLElem
  * A SafeAnchor is a wrapper around the `<a>` HTML element.
  * @private
  */
-declare const SafeAnchor: import("../internals/types").InternalRefForwardingComponent<"a", SafeAnchorProps, never> & Record<string, never>;
+declare const SafeAnchor: import("../types").InternalRefForwardingComponent<"a", SafeAnchorProps, never> & Record<string, never>;
 export default SafeAnchor;

package/cjs/{SafeAnchor → internals/SafeAnchor}/SafeAnchor.js

@@ -6,9 +6,9 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _Box = _interopRequireDefault(require("../internals/Box"));
-var _CustomProvider = require("../CustomProvider");
-var _utils = require("../internals/utils");
+var _Box = _interopRequireDefault(require("../Box"));
+var _CustomProvider = require("../../CustomProvider");
+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; }
 function isTrivialHref(href) {

package/cjs/internals/Tree/TreeView.js

@@ -41,10 +41,9 @@ const TreeView = (0, _utils.forwardRef)((props, ref) => {
   const treeAs = scrollShadow && !virtualized ? ScrollShadowView : as;
 
   // If the tree is virtualized, the height is not needed.
-  const viewStyles = {
-    height: virtualized ? undefined : height,
-    ...style
-  };
+  const viewStyles = (0, _utils.mergeStyles)(style, {
+    '--rs-tree-view-height': virtualized ? undefined : (0, _utils.getCssValue)(height)
+  });
   return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
     as: treeAs,
     role: "tree",

package/cjs/internals/hooks/useRootClose.js

@@ -9,7 +9,7 @@ var _react = require("react");
 var _contains = _interopRequireDefault(require("dom-lib/contains"));
 var _ownerDocument = _interopRequireDefault(require("dom-lib/ownerDocument"));
 var _on = _interopRequireDefault(require("dom-lib/on"));
-var _getDOMNode = _interopRequireDefault(require("../utils/getDOMNode"));
+var _utils = require("../utils");
 var _constants = require("../constants");
 function isLeftClickEvent(event) {
   return (event === null || event === void 0 ? void 0 : event.button) === 0;
@@ -36,8 +36,8 @@ function useRootClose(onRootClose, _ref) {
     }
   }, [listenEscape, onRootClose]);
   const handleDocumentMouseDown = (0, _react.useCallback)(event => {
-    const triggerElement = (0, _getDOMNode.default)(triggerTarget);
-    const overlayElement = (0, _getDOMNode.default)(overlayTarget);
+    const triggerElement = (0, _utils.getDOMNode)(triggerTarget);
+    const overlayElement = (0, _utils.getDOMNode)(overlayTarget);
 
     // Check if the clicked element is a trigger.
     if (triggerElement && (0, _contains.default)(triggerElement, event.target)) {
@@ -54,7 +54,7 @@ function useRootClose(onRootClose, _ref) {
     onRootClose === null || onRootClose === void 0 || onRootClose(event);
   }, [onRootClose, triggerTarget, overlayTarget]);
   (0, _react.useEffect)(() => {
-    const currentTarget = (0, _getDOMNode.default)(triggerTarget);
+    const currentTarget = (0, _utils.getDOMNode)(triggerTarget);
     if (disabled || !currentTarget) return;
     const doc = (0, _ownerDocument.default)(currentTarget);
     const onDocumentMouseDownListener = (0, _on.default)(doc, 'mousedown', handleDocumentMouseDown, true);

package/cjs/internals/utils/{dom.d.ts → html/dom.d.ts}

@@ -1 +1,2 @@
 export declare function isFocusableElement(element: Element): boolean;
+export declare function isDisableableElement(element: any): boolean;

package/cjs/internals/utils/{dom.js → html/dom.js}

@@ -2,6 +2,7 @@
 "use strict";
 
 exports.__esModule = true;
+exports.isDisableableElement = isDisableableElement;
 exports.isFocusableElement = isFocusableElement;
 // Ref: https://github.com/tailwindlabs/headlessui/blob/develop/packages/%40headlessui-react/src/utils/focus-management.ts
 // Credit:
@@ -14,4 +15,11 @@ selector => `${selector}:not([tabindex='-1']):not([style*='display: none'])` : s
 function isFocusableElement(element) {
   if (element === document.body) return false;
   return element.matches(focusableSelector);
+}
+const disableableElements = ['button', 'fieldset', 'optgroup', 'option', 'select', 'textarea', 'input'];
+function isDisableableElement(element) {
+  if (typeof element === 'string') {
+    return disableableElements.includes(element);
+  }
+  return false;
 }

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

@@ -0,0 +1,4 @@
+export * from './htmlPropsUtils';
+export * from './events';
+export * from './dom';
+export * from './safeSetSelection';

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

@@ -0,0 +1,28 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+var _htmlPropsUtils = require("./htmlPropsUtils");
+Object.keys(_htmlPropsUtils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _htmlPropsUtils[key]) return;
+  exports[key] = _htmlPropsUtils[key];
+});
+var _events = require("./events");
+Object.keys(_events).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _events[key]) return;
+  exports[key] = _events[key];
+});
+var _dom = require("./dom");
+Object.keys(_dom).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dom[key]) return;
+  exports[key] = _dom[key];
+});
+var _safeSetSelection = require("./safeSetSelection");
+Object.keys(_safeSetSelection).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _safeSetSelection[key]) return;
+  exports[key] = _safeSetSelection[key];
+});

package/cjs/internals/utils/{safeSetSelection.js → html/safeSetSelection.js}

@@ -4,7 +4,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 exports.safeSetSelection = safeSetSelection;
-var _BrowserDetection = require("./BrowserDetection");
+var _BrowserDetection = require("../BrowserDetection");
 const strNone = 'none';
 
 /**

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

@@ -1,29 +1,17 @@
 export * from './BrowserDetection';
-export * from './htmlPropsUtils';
+export * from './html';
 export * from './colours';
 export * from './sizes';
 export * from './style-sheet';
 export * from './placement';
-export { stringifyReactNode, reactToString } from './stringifyReactNode';
-export { getSafeRegExpString } from './getSafeRegExpString';
-export { getDOMNode } from './getDOMNode';
+export * from './string';
+export * from './react';
 export { guid } from './guid';
 export { createChainedFunction } from './createChainedFunction';
 export { isOneOf } from './isOneOf';
-export { ReactChildren } from './ReactChildren';
-export { tplTransform } from './tplTransform';
-export { mergeRefs } from './mergeRefs';
 export { shallowEqual, shallowEqualArray } from './shallowEqual';
 export { composeFunctions } from './composeFunctions';
-export { safeSetSelection } from './safeSetSelection';
-export { getStringLength } from './getStringLength';
 export { getDataGroupBy } from './getDataGroupBy';
-export { deprecateComponent } from './deprecateComponent';
 export { warnOnce } from './warnOnce';
-export { createComponent } from './createComponent';
 export { attachParent } from './attachParent';
-export { isFocusEntering, isFocusLeaving } from './events';
-export { isFocusableElement } from './dom';
-export { forwardRef } from './forwardRef';
 export { isPresetSize } from './sizes';
-export type { ComponentProps } from './createComponent';

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