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

package/cjs/internals/Picker/PickerToggle.js

@@ -5,6 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _react = _interopRequireWildcard(require("react"));
 var _ToggleButton = _interopRequireDefault(require("./ToggleButton"));
 var _PickerIndicator = _interopRequireDefault(require("./PickerIndicator"));
@@ -14,6 +15,7 @@ var _Stack = _interopRequireDefault(require("../../Stack"));
 var _useCombobox = _interopRequireDefault(require("./hooks/useCombobox"));
 var _hooks = require("../hooks");
 var _utils = require("../utils");
+var _PickerToggleTrigger = require("./PickerToggleTrigger");
 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 PickerToggle = (0, _utils.forwardRef)((props, ref) => {
@@ -30,6 +32,7 @@ const PickerToggle = (0, _utils.forwardRef)((props, ref) => {
     hasValue,
     loading = false,
     cleanable,
+    countable,
     tabIndex = 0,
     inputValue: inputValueProp,
     focusItemValue,
@@ -89,13 +92,17 @@ const PickerToggle = (0, _utils.forwardRef)((props, ref) => {
     "aria-controls": id ? `${id}-${popupType}` : undefined,
     "aria-labelledby": labelId,
     "aria-describedby": id ? `${id}-describe` : undefined,
-    "aria-activedescendant": active && focusItemValue ? `${id}-opt-${focusItemValue}` : undefined
-  }, rest, {
+    "aria-activedescendant": active && focusItemValue ? `${id}-opt-${focusItemValue}` : undefined,
+    "data-has-value": hasValue,
+    "data-cleanable": cleanable,
+    "data-countable": countable,
+    "data-size": size,
+    "data-readonly": readOnly,
     ref: (0, _utils.mergeRefs)(combobox, ref),
     disabled: disabled,
     tabIndex: disabled ? undefined : tabIndex,
     className: classes
-  }), /*#__PURE__*/_react.default.createElement(_Stack.default, {
+  }, (0, _omit2.default)(rest, _PickerToggleTrigger.triggerPropKeys)), /*#__PURE__*/_react.default.createElement(_Stack.default, {
     className: prefix('stack')
   }, label && /*#__PURE__*/_react.default.createElement(_Stack.default.Item, null, /*#__PURE__*/_react.default.createElement(_PickerLabel.default, {
     as: "span",

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

@@ -1,30 +1,70 @@
 import React from 'react';
 import { OverlayTriggerProps, OverlayTriggerType } from '../Overlay/OverlayTrigger';
-import type { Placement, AnimationEventProps } from '../types';
-export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onOpen' | 'onClose'> {
+import type { Placement, Size, AnimationEventProps } from '../types';
+export interface PickerToggleTriggerProps
+/**
+ * Interface representing the properties for the PickerToggleTrigger component.
+ * Extends AnimationEventProps and OverlayTriggerProps with specific pick/omit logic.
+ */
+ extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'onClose' | 'onOpen' | 'speaker'> {
+    /** Appearance style for the component, default or subtle */
+    appearance?: 'default' | 'subtle';
+    /** Element type to render as */
+    as?: React.ElementType;
+    /** If true, the component will occupy the full width of its container */
+    block?: boolean;
+    /** The child element to be rendered */
+    children: React.ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Custom class prefix */
+    classPrefix?: string;
+    /** Disable the component */
+    disabled?: boolean;
+    /** Unique identifier */
     id?: string;
+    /** If true, multiple selection is allowed */
+    multiple?: boolean;
+    /** Name attribute for the component */
+    name?: string;
+    /** Controls the open state of the picker */
+    open?: boolean;
+    /** Additional properties for the picker */
+    triggerProps: any;
+    /** Placement of the component */
+    placement?: Placement;
     /**
-     * Identifies the combobox has having a popout, and indicates the type.
+     * Identifies the combobox as having a popout, and indicates the type.
      *
      * @see MDN https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-haspopup
      */
     popupType?: 'listbox' | 'tree' | 'grid' | 'dialog' | 'menu';
-    multiple?: boolean;
-    placement?: Placement;
-    pickerProps: any;
-    open?: boolean;
+    /** Reference to the root element */
+    rootRef?: React.Ref<any>;
+    /** Custom styles */
+    style?: React.CSSProperties;
+    /** Trigger type for the overlay */
     trigger?: OverlayTriggerType | OverlayTriggerType[];
-    children: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
+    /** Size of the component */
+    size?: Size;
+    /** Whether the component should be responsive */
+    responsive?: boolean;
+    /** Handler for keydown events */
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+    /** Handler for click events */
+    onClick?: (event: React.MouseEvent) => void;
 }
-export declare const omitTriggerPropKeys: string[];
-export declare const pickTriggerPropKeys: string[];
+export declare const overlayPropKeys: string[];
+export declare const pickerCommonPropKeys: string[];
+export declare const triggerPropKeys: string[];
 export interface ComboboxContextProps {
     id?: string;
     multiple?: boolean;
     hasLabel?: boolean;
     placement?: Placement;
+    breakpoint?: string;
     popupType?: 'listbox' | 'tree' | 'grid' | 'dialog' | 'menu';
 }
 export declare const ComboboxContext: React.Context<ComboboxContextProps>;
-declare const PickerToggleTrigger: React.ForwardRefExoticComponent<PickerToggleTriggerProps & React.RefAttributes<any>>;
+export declare const PickerToggleTrigger: React.ForwardRefExoticComponent<PickerToggleTriggerProps & React.RefAttributes<any>>;
 export default PickerToggleTrigger;

package/cjs/internals/Picker/PickerToggleTrigger.js

@@ -3,48 +3,94 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.pickTriggerPropKeys = exports.omitTriggerPropKeys = exports.default = exports.ComboboxContext = void 0;
+exports.triggerPropKeys = exports.pickerCommonPropKeys = exports.overlayPropKeys = exports.default = exports.PickerToggleTrigger = exports.ComboboxContext = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
+var _omit = _interopRequireDefault(require("lodash/omit"));
+var _Box = _interopRequireDefault(require("../Box"));
+var _PickerDrawer = _interopRequireDefault(require("./PickerDrawer"));
 var _OverlayTrigger = _interopRequireDefault(require("../Overlay/OverlayTrigger"));
 var _hooks = require("../hooks");
+var _useBreakpointValue = require("../../useBreakpointValue");
 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 omitTriggerPropKeys = exports.omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
-const pickTriggerPropKeys = exports.pickTriggerPropKeys = [...omitTriggerPropKeys, 'disabled', 'plaintext', 'readOnly', 'loading', 'label'];
+const overlayPropKeys = exports.overlayPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
+const pickerCommonPropKeys = exports.pickerCommonPropKeys = ['disabled', 'plaintext', 'readOnly', 'loading', 'label'];
+const triggerPropKeys = exports.triggerPropKeys = [...overlayPropKeys, ...pickerCommonPropKeys];
 const ComboboxContext = exports.ComboboxContext = /*#__PURE__*/_react.default.createContext({
   popupType: 'listbox'
 });
-const PickerToggleTrigger = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const PickerToggleTrigger = exports.PickerToggleTrigger = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
-    pickerProps,
-    speaker,
-    placement,
-    trigger = 'click',
+    appearance,
+    as,
+    block,
+    children,
+    className,
+    classPrefix = 'picker',
+    disabled,
     id,
     multiple,
+    name,
+    triggerProps,
+    placement,
     popupType = 'listbox',
+    rootRef,
+    speaker,
+    style,
+    size,
+    trigger = 'click',
+    responsive = true,
+    onKeyDown,
+    onClick,
     ...rest
   } = props;
-  const pickerTriggerProps = (0, _pick.default)(pickerProps, pickTriggerPropKeys);
+  const pickerTriggerProps = (0, _pick.default)(triggerProps, triggerPropKeys);
   const pickerId = (0, _hooks.useUniqueId)('rs-', id);
+  const breakpoint = (0, _useBreakpointValue.useBreakpointValue)({
+    xsOnly: 'xs'
+  }, {
+    enabled: responsive
+  });
+  // Only use the breakpoint value if not disabled
+  const effectiveBreakpoint = disabled ? undefined : breakpoint;
   const comboboxContext = (0, _react.useMemo)(() => ({
     id: pickerId,
     hasLabel: typeof pickerTriggerProps.label !== 'undefined',
     multiple,
     placement,
+    breakpoint: effectiveBreakpoint,
     popupType
-  }), [pickerId, multiple, placement, popupType]);
+  }), [pickerId, multiple, placement, effectiveBreakpoint, popupType]);
+  const {
+    withPrefix,
+    merge
+  } = (0, _hooks.useStyles)(classPrefix);
+  const classes = merge(className, withPrefix());
   return /*#__PURE__*/_react.default.createElement(ComboboxContext.Provider, {
     value: comboboxContext
-  }, /*#__PURE__*/_react.default.createElement(_OverlayTrigger.default, (0, _extends2.default)({}, pickerTriggerProps, rest, {
+  }, /*#__PURE__*/_react.default.createElement(_OverlayTrigger.default, (0, _extends2.default)({}, pickerTriggerProps, {
     disabled: pickerTriggerProps.disabled || pickerTriggerProps.loading,
     ref: ref,
     trigger: trigger,
     placement: placement,
-    speaker: speaker
-  })));
+    speaker: speaker,
+    overlayAs: effectiveBreakpoint === 'xs' ? _PickerDrawer.default : undefined
+  }), /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
+    as: as,
+    className: classes,
+    style: style,
+    ref: rootRef,
+    "data-picker": name,
+    "data-variant": appearance,
+    "data-size": size,
+    "data-disabled": disabled || undefined,
+    "data-block": block || undefined,
+    "data-testid": "picker",
+    onKeyDown: onKeyDown,
+    onClick: onClick
+  }, (0, _omit.default)(rest, [...triggerPropKeys])), children)));
 });
 PickerToggleTrigger.displayName = 'PickerToggleTrigger';
 var _default = exports.default = PickerToggleTrigger;

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

@@ -3,4 +3,3 @@ export { default as useCombobox } from './useCombobox';
 export { default as useFocusItemValue } from './useFocusItemValue';
 export { default as useToggleKeyDownEvent } from './useToggleKeyDownEvent';
 export { default as useSearch } from './useSearch';
-export { default as usePickerClassName } from './usePickerClassName';

package/cjs/internals/Picker/hooks/index.js

@@ -3,7 +3,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.useToggleKeyDownEvent = exports.useSearch = exports.usePickerRef = exports.usePickerClassName = exports.useFocusItemValue = exports.useCombobox = void 0;
+exports.useToggleKeyDownEvent = exports.useSearch = exports.usePickerRef = exports.useFocusItemValue = exports.useCombobox = void 0;
 var _usePickerRef = _interopRequireDefault(require("./usePickerRef"));
 exports.usePickerRef = _usePickerRef.default;
 var _useCombobox = _interopRequireDefault(require("./useCombobox"));
@@ -13,6 +13,4 @@ exports.useFocusItemValue = _useFocusItemValue.default;
 var _useToggleKeyDownEvent = _interopRequireDefault(require("./useToggleKeyDownEvent"));
 exports.useToggleKeyDownEvent = _useToggleKeyDownEvent.default;
 var _useSearch = _interopRequireDefault(require("./useSearch"));
-exports.useSearch = _useSearch.default;
-var _usePickerClassName = _interopRequireDefault(require("./usePickerClassName"));
-exports.usePickerClassName = _usePickerClassName.default;
+exports.useSearch = _useSearch.default;

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

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

package/cjs/internals/Picker/hooks/useCombobox.js

@@ -11,13 +11,15 @@ function useCombobox() {
     hasLabel,
     popupType,
     multiple,
-    placement
+    placement,
+    breakpoint
   } = (0, _react.useContext)(_PickerToggleTrigger.ComboboxContext);
   return {
     id,
     popupType,
     multiple,
     placement,
+    breakpoint,
     labelId: hasLabel ? `${id}-label` : undefined
   };
 }

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

@@ -0,0 +1,4 @@
+export { default as Box } from './Box';
+export { default as Plaintext } from './Plaintext';
+export { default as InputBase } from './InputBase';
+export { default as SafeAnchor } from './SafeAnchor';

package/cjs/internals/index.js

@@ -1,2 +1,14 @@
 'use client';
-"use strict";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SafeAnchor = exports.Plaintext = exports.InputBase = exports.Box = void 0;
+var _Box = _interopRequireDefault(require("./Box"));
+exports.Box = _Box.default;
+var _Plaintext = _interopRequireDefault(require("./Plaintext"));
+exports.Plaintext = _Plaintext.default;
+var _InputBase = _interopRequireDefault(require("./InputBase"));
+exports.InputBase = _InputBase.default;
+var _SafeAnchor = _interopRequireDefault(require("./SafeAnchor"));
+exports.SafeAnchor = _SafeAnchor.default;

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

@@ -12,6 +12,8 @@ export type HTMLPropsWithoutSelect<T extends HTMLElement = HTMLElement, P extend
 export type HTMLPropsWithoutChange<T extends HTMLElement = HTMLElement, P extends Record<string, any> = React.HTMLAttributes<T>> = PropsWithoutChange<P>;
 /** Input props with 'onChange' and 'size' attributes removed. */
 export type SanitizedInputProps = PropsWithout<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'>;
+/** Textarea props with 'onChange' attribute removed. */
+export type SanitizedTextareaProps = PropsWithout<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'>;
 /** HTML props excluding 'title', 'onToggle', and 'onSelect' attributes. */
 export type SanitizedHTMListProps<T extends HTMLElement = HTMLElement, P extends Record<string, any> = React.HTMLAttributes<T>> = PropsWithout<P, 'title' | 'onToggle' | 'onSelect'>;
 export type WithoutChildren<T> = Omit<T, 'children'>;

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';