rsuite 6.0.0-canary-20250507 → 6.0.0-canary-2025062016

package/esm/internals/Picker/Listbox.js

@@ -127,13 +127,12 @@ const Listbox = /*#__PURE__*/React.forwardRef((props, ref) => {
     return !foldedGroupKeys.includes(groupValue);
   }) : data;
   const rowCount = filteredItems.length;
-  const renderItem = _ref => {
-    let {
-      index = 0,
-      style,
-      data,
-      item: itemData
-    } = _ref;
+  const renderItem = ({
+    index = 0,
+    style,
+    data,
+    item: itemData
+  }) => {
     const item = itemData || data[index];
     const value = item[valueKey];
     const itemLabel = item[labelKey];
@@ -201,20 +200,17 @@ const Listbox = /*#__PURE__*/React.forwardRef((props, ref) => {
       width: 'auto',
       height: 'auto'
     }
-  }, _ref2 => {
-    let {
-      height
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(List, _extends({
-      as: VariableSizeList,
-      ref: mergeRefs(listRef, virtualizedListRef),
-      height: height || maxHeight,
-      itemCount: rowCount,
-      itemData: filteredItems,
-      itemSize: getRowHeight.bind(this, filteredItems),
-      className: rootPrefix('virt-list')
-    }, listProps), renderItem);
-  }) : filteredItems.map((item, index) => renderItem({
+  }, ({
+    height
+  }) => /*#__PURE__*/React.createElement(List, _extends({
+    as: VariableSizeList,
+    ref: mergeRefs(listRef, virtualizedListRef),
+    height: height || maxHeight,
+    itemCount: rowCount,
+    itemData: filteredItems,
+    itemSize: getRowHeight.bind(this, filteredItems),
+    className: rootPrefix('virt-list')
+  }, listProps), renderItem)) : filteredItems.map((item, index) => renderItem({
     index,
     item
   })));

package/esm/internals/Picker/PickerIndicator.js

@@ -5,16 +5,15 @@ import InputGroup from "../../InputGroup/index.js";
 import CloseButton from "../CloseButton/index.js";
 import Loader from "../../Loader/index.js";
 import { useStyles, useCustom } from "../hooks/index.js";
-const PickerIndicator = _ref => {
-  let {
-    loading,
-    caretAs,
-    onClose,
-    showCleanButton,
-    as: Component = InputGroup.Addon,
-    disabled,
-    size
-  } = _ref;
+const PickerIndicator = ({
+  loading,
+  caretAs,
+  onClose,
+  showCleanButton,
+  as: Component = InputGroup.Addon,
+  disabled,
+  size
+}) => {
   const {
     getLocale
   } = useCustom();

package/esm/internals/Picker/PickerLabel.js

@@ -2,13 +2,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import InputGroup from "../../InputGroup/index.js";
-const PickerLabel = _ref => {
-  let {
-    children,
-    className,
-    as: Component = InputGroup.Addon,
-    ...rest
-  } = _ref;
+const PickerLabel = ({
+  children,
+  className,
+  as: Component = InputGroup.Addon,
+  ...rest
+}) => {
   return children ? /*#__PURE__*/React.createElement(Component, _extends({
     "data-testid": "picker-label",
     className: className

package/esm/internals/Picker/utils.js

@@ -8,10 +8,7 @@ const defaultNodeKeys = {
   valueKey: 'value',
   childrenKey: 'children'
 };
-export function createConcatChildrenFunction(node, nodeValue, nodeKeys) {
-  if (nodeKeys === void 0) {
-    nodeKeys = defaultNodeKeys;
-  }
+export function createConcatChildrenFunction(node, nodeValue, nodeKeys = defaultNodeKeys) {
   const {
     valueKey,
     childrenKey

package/esm/internals/Provider/CustomContext.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
+import React, { ReactNode, RefObject } from 'react';
 import type { FormatDateOptions } from '../utils/date/types';
 import type { ReactSuiteComponents } from './types';
 import type { ToastContainerInstance } from '../../toaster/ToastContainer';
+import type { DialogContainerInstance } from '../../useDialog/DialogContainer';
 import type { Locale } from '../../locales';
 export interface CustomValue<T = Locale> {
     /**
@@ -100,6 +101,18 @@ export interface CustomProviderProps<T = Locale> extends Partial<CustomValue<T>>
      * ```
      */
     components?: Partial<ReactSuiteComponents>;
+    /**
+     * Dialogs to be rendered in the provider
+     * @internal
+     */
+    dialogs?: ReactNode[] & {
+        _?: never;
+    };
+    /**
+     * Reference to the dialog container instance
+     * @internal
+     */
+    dialogContainer?: RefObject<DialogContainerInstance | null>;
 }
 export declare const CustomContext: React.Context<CustomProviderProps<{
     code?: string | undefined;
@@ -250,4 +263,10 @@ export declare const CustomContext: React.Context<CustomProviderProps<{
         on: string;
         off: string;
     } | undefined;
+    Dialog?: {
+        alert: string;
+        confirm: string;
+        ok: string;
+        cancel: string;
+    } | undefined;
 }>>;

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

@@ -76,8 +76,8 @@ 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 { ProgressCircleProps } from '../../ProgressCircle';
+import type { ProgressProps } from '../../Progress';
 import type { PinInputProps } from '../../PinInput';
 import type { RadioProps } from '../../Radio';
 import type { RadioGroupProps } from '../../RadioGroup';
@@ -87,6 +87,7 @@ import type { RangeSliderProps } from '../../RangeSlider';
 import type { RateProps } from '../../Rate';
 import type { RowProps } from '../../Row';
 import type { SelectPickerProps } from '../../SelectPicker';
+import type { SegmentedControlProps } from '../../SegmentedControl';
 import type { SidebarProps } from '../../Sidebar';
 import type { SidenavProps } from '../../Sidenav';
 import type { SliderProps } from '../../Slider';
@@ -113,6 +114,7 @@ import type { UploaderProps } from '../../Uploader';
 import type { VisuallyHiddenProps } from '../../VisuallyHidden';
 import type { WhisperProps } from '../../Whisper';
 import type { SafeAnchorProps } from '../SafeAnchor';
+import type { DialogProps } from '../../useDialog/Dialog';
 interface ComponentProps<T> {
     defaultProps: Partial<T>;
 }
@@ -153,6 +155,7 @@ export interface ReactSuiteComponents {
     Divider: ComponentProps<DividerProps>;
     Drawer: ComponentProps<DrawerProps>;
     Dropdown: ComponentProps<DropdownProps>;
+    Dialog: ComponentProps<DialogProps>;
     FlexboxGrid: ComponentProps<FlexboxGridProps>;
     Footer: ComponentProps<FooterProps>;
     Form: ComponentProps<FormProps>;
@@ -196,8 +199,9 @@ export interface ReactSuiteComponents {
     PlaceholderParagraph: ComponentProps<PlaceholderParagraphProps>;
     PinInput: ComponentProps<PinInputProps>;
     Popover: ComponentProps<PopoverProps>;
+    Progress: ComponentProps<ProgressProps>;
+    ProgressLine: ComponentProps<ProgressProps>;
     ProgressCircle: ComponentProps<ProgressCircleProps>;
-    ProgressLine: ComponentProps<ProgressLineProps>;
     Radio: ComponentProps<RadioProps>;
     RadioGroup: ComponentProps<RadioGroupProps>;
     RadioTile: ComponentProps<RadioTileProps>;
@@ -206,6 +210,7 @@ export interface ReactSuiteComponents {
     Rate: ComponentProps<RateProps>;
     Row: ComponentProps<RowProps>;
     SelectPicker: ComponentProps<SelectPickerProps>;
+    SegmentedControl: ComponentProps<SegmentedControlProps>;
     Sidebar: ComponentProps<SidebarProps>;
     Sidenav: ComponentProps<SidenavProps>;
     Slider: ComponentProps<SliderProps>;

package/esm/internals/Tree/TreeProvider.js

@@ -55,11 +55,10 @@ export const useTreeContextProps = () => {
 export const useTreeImperativeHandle = () => {
   const focusFirstNodeRef = useRef(null);
   const focusActiveNodeRef = useRef(null);
-  const register = useCallback(_ref => {
-    let {
-      focusTreeFirstNode,
-      focusTreeActiveNode
-    } = _ref;
+  const register = useCallback(({
+    focusTreeFirstNode,
+    focusTreeActiveNode
+  }) => {
     focusFirstNodeRef.current = focusTreeFirstNode;
     focusActiveNodeRef.current = focusTreeActiveNode;
     return () => {

package/esm/internals/Tree/utils/filterNodesOfTree.js

@@ -1,10 +1,7 @@
 'use client';
 import clone from 'lodash/clone';
 export function filterNodesOfTree(data, check) {
-  const findNodes = function (nodes) {
-    if (nodes === void 0) {
-      nodes = [];
-    }
+  const findNodes = (nodes = []) => {
     const nextNodes = [];
     for (let i = 0; i < nodes.length; i += 1) {
       if (Array.isArray(nodes[i].children)) {

package/esm/internals/Tree/utils/findNodeOfTree.js

@@ -1,9 +1,6 @@
 'use client';
 export function findNodeOfTree(data, check) {
-  const findNode = function (nodes) {
-    if (nodes === void 0) {
-      nodes = [];
-    }
+  const findNode = (nodes = []) => {
     for (let i = 0; i < nodes.length; i += 1) {
       const item = nodes[i];
       if (Array.isArray(item.children)) {

package/esm/internals/hooks/useClickOutside.js

@@ -1,11 +1,10 @@
 'use client';
 import { useEffect, useRef } from 'react';
-export function useClickOutside(_ref) {
-  let {
-    enabled = true,
-    isOutside,
-    handle
-  } = _ref;
+export function useClickOutside({
+  enabled = true,
+  isOutside,
+  handle
+}) {
   const isOutsideRef = useRef(isOutside);
   const handleRef = useRef(handle);
   useEffect(() => {

package/esm/internals/hooks/useElementResize.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Attach the event handler directly to the specified DOM element,
  * and it will be triggered when the size of the DOM element is changed.
@@ -5,5 +6,5 @@
  * @param eventTarget The target to listen for events on
  * @param listener An event handler
  */
-export declare function useElementResize(eventTarget: Element | null | (() => Element | null), listener: ResizeObserverCallback): void;
+export declare function useElementResize(eventTarget: Element | null | (() => Element | null) | React.RefObject<Element | null>, listener: ResizeObserverCallback): void;
 export default useElementResize;

package/esm/internals/hooks/useElementResize.js

@@ -11,18 +11,61 @@ import { ResizeObserver } from '@juggle/resize-observer';
  */
 export function useElementResize(eventTarget, listener) {
   const resizeObserver = useRef(null);
+  const currentElement = useRef(null);
+
+  // Create the observer
   useEffect(() => {
-    if (!resizeObserver.current) {
-      const target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
-      if (target) {
-        resizeObserver.current = new ResizeObserver(listener);
-        resizeObserver.current.observe(target);
+    // Get the target element
+    let target = null;
+    if (eventTarget) {
+      if (typeof eventTarget === 'function') {
+        target = eventTarget();
+      } else if ('current' in eventTarget) {
+        target = eventTarget.current;
+      } else {
+        target = eventTarget;
+      }
+    }
+
+    // If target changed, disconnect the previous observer
+    if (currentElement.current !== target) {
+      if (resizeObserver.current) {
+        resizeObserver.current.disconnect();
+        resizeObserver.current = null;
       }
+      currentElement.current = target;
+    }
+
+    // If we have a target and no observer, create one
+    if (target && !resizeObserver.current) {
+      const observer = new ResizeObserver(listener);
+      observer.observe(target);
+      resizeObserver.current = observer;
     }
+
+    // Cleanup function
     return () => {
-      var _resizeObserver$curre;
-      (_resizeObserver$curre = resizeObserver.current) === null || _resizeObserver$curre === void 0 || _resizeObserver$curre.disconnect();
+      if (resizeObserver.current) {
+        resizeObserver.current.disconnect();
+        resizeObserver.current = null;
+      }
+      currentElement.current = null;
     };
   }, [eventTarget, listener]);
+
+  // Update the current element reference if it changes
+  useEffect(() => {
+    if (eventTarget) {
+      if (typeof eventTarget === 'function') {
+        currentElement.current = eventTarget();
+      } else if ('current' in eventTarget) {
+        currentElement.current = eventTarget.current;
+      } else {
+        currentElement.current = eventTarget;
+      }
+    } else {
+      currentElement.current = null;
+    }
+  }, [eventTarget]);
 }
 export default useElementResize;

package/esm/internals/hooks/useEventCallback.js

@@ -16,11 +16,8 @@ export function useEventCallback(fn) {
   useIsomorphicLayoutEffect(() => {
     ref.current = fn;
   });
-  return useCallback(function () {
+  return useCallback((...args) => {
     var _ref$current;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
     return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.call(ref, ...args);
   }, []);
 }

package/esm/internals/hooks/useEventListener.js

@@ -10,10 +10,7 @@ import on from 'dom-lib/on';
  * @param handler An event handler
  * @param capture Whether or not to listen during the capture event phase
  */
-export function useEventListener(eventTarget, event, listener, capture) {
-  if (capture === void 0) {
-    capture = false;
-  }
+export function useEventListener(eventTarget, event, listener, capture = false) {
   useEffect(() => {
     const target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
     const controller = target ? on(target, event, listener, capture) : null;

package/esm/internals/hooks/usePortal.js

@@ -3,11 +3,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useEffect, useState, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import canUseDOM from 'dom-lib/canUseDOM';
-const MountedPortal = /*#__PURE__*/React.memo(function MountedPortal(_ref) {
-  let {
-    children,
-    container
-  } = _ref;
+const MountedPortal = /*#__PURE__*/React.memo(function MountedPortal({
+  children,
+  container
+}) {
   const [mounted, setMounted] = useState(false);
   useEffect(() => setMounted(true), []);
   if (container && mounted) {
@@ -15,20 +14,16 @@ const MountedPortal = /*#__PURE__*/React.memo(function MountedPortal(_ref) {
   }
   return null;
 });
-export function usePortal(props) {
-  if (props === void 0) {
-    props = {};
-  }
+export function usePortal(props = {}) {
   const {
     container,
     waitMount = false
   } = props;
   const containerElement = typeof container === 'function' ? container() : container;
   const rootElement = useMemo(() => canUseDOM ? containerElement || document.body : null, [containerElement]);
-  const Portal = useCallback(_ref2 => {
-    let {
-      children
-    } = _ref2;
+  const Portal = useCallback(({
+    children
+  }) => {
     return rootElement != null ? /*#__PURE__*/createPortal(children, rootElement) : null;
   }, [rootElement]);
   const WaitMountPortal = useCallback(props => /*#__PURE__*/React.createElement(MountedPortal, _extends({

package/esm/internals/hooks/useRootClose.js

@@ -17,13 +17,12 @@ function isModifiedEvent(event) {
  * @param param1
  * @todo Allow different behaviors based on whether clicked element is focusable
  */
-export function useRootClose(onRootClose, _ref) {
-  let {
-    disabled,
-    triggerTarget,
-    overlayTarget,
-    listenEscape = true
-  } = _ref;
+export function useRootClose(onRootClose, {
+  disabled,
+  triggerTarget,
+  overlayTarget,
+  listenEscape = true
+}) {
   const handleDocumentKeyUp = useCallback(event => {
     if (listenEscape && event.key === KEY_VALUES.ESC) {
       onRootClose === null || onRootClose === void 0 || onRootClose(event);

package/esm/internals/hooks/useStyles.js

@@ -30,8 +30,8 @@ export function useStyles(str) {
    * if str = 'button':
    * prefix('red', { active: true }) => 'rs-button-red rs-button-active'
    */
-  const prefix = useCallback(function () {
-    const mergeClasses = arguments.length ? classNames(...arguments).split(' ').map(item => addPrefix(baseClass, item)) : [];
+  const prefix = useCallback((...classes) => {
+    const mergeClasses = classes.length ? classNames(...classes).split(' ').map(item => addPrefix(baseClass, item)) : [];
     return mergeClasses.filter(cls => cls).join(' ');
   }, [baseClass]);
 
@@ -41,10 +41,7 @@ export function useStyles(str) {
    * if str = 'button':
    * withPrefix('red', { active: true }) => 'rs-button rs-button-red rs-button-active'
    */
-  const withPrefix = useCallback(function () {
-    for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {
-      classes[_key] = arguments[_key];
-    }
+  const withPrefix = useCallback((...classes) => {
     const mergeClasses = prefix(classes);
     return mergeClasses ? `${baseClass} ${mergeClasses}` : baseClass;
   }, [baseClass, prefix]);
@@ -54,8 +51,8 @@ export function useStyles(str) {
    * rootPrefix('btn') => 'rs-btn'
    * rootPrefix('btn', { active: true }) => 'rs-btn rs-active'
    */
-  const rootPrefix = function () {
-    const mergeClasses = arguments.length ? classNames(...arguments).split(' ').map(item => addPrefix(classPrefix, item)) : [];
+  const rootPrefix = (...classes) => {
+    const mergeClasses = classes.length ? classNames(...classes).split(' ').map(item => addPrefix(classPrefix, item)) : [];
     return mergeClasses.filter(cls => cls).join(' ');
   };
   const cssVar = useCallback((prop, value, valueTransformer) => {

package/esm/internals/hooks/useTimeout.js

@@ -6,13 +6,7 @@ import { useEffect, useRef, useCallback } from 'react';
  * @param ms Milliseconds of the timer
  * @param enabled Whether to open the timer
  */
-export function useTimeout(fn, ms, enabled) {
-  if (ms === void 0) {
-    ms = 0;
-  }
-  if (enabled === void 0) {
-    enabled = true;
-  }
+export function useTimeout(fn, ms = 0, enabled = true) {
   const timeout = useRef(null);
   const callback = useRef(fn);
   const clear = useCallback(() => {

package/esm/internals/hooks/useToggleCaret.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { PlacementCorners, Placement } from '../types';
-export declare function useToggleCaret(placement: PlacementCorners | Placement): import("react").ForwardRefExoticComponent<import("@rsuite/icons/esm/Icon").IconProps & import("react").RefAttributes<SVGElement>>;
+export declare function useToggleCaret(placement: PlacementCorners | Placement): import("react").ForwardRefExoticComponent<Omit<import("@rsuite/icons/esm/Icon").IconProps, "ref"> & import("react").RefAttributes<SVGElement>>;
 export default useToggleCaret;

package/esm/internals/intl/FormattedDate.js

@@ -1,11 +1,10 @@
 'use client';
 import React from 'react';
 import { useCustom } from "../hooks/index.js";
-export function FormattedDate(_ref) {
-  let {
-    date,
-    formatStr
-  } = _ref;
+export function FormattedDate({
+  date,
+  formatStr
+}) {
   const {
     formatDate
   } = useCustom('Calendar');

package/esm/internals/intl/FormattedNumber.js

@@ -1,11 +1,10 @@
 'use client';
 import React, { useMemo } from 'react';
 import { useCustom } from "../hooks/index.js";
-export function FormattedNumber(_ref) {
-  let {
-    value,
-    formatOptions
-  } = _ref;
+export function FormattedNumber({
+  value,
+  formatOptions
+}) {
   const {
     code
   } = useCustom();

package/esm/internals/types/placement.d.ts

@@ -1,4 +1,9 @@
 export type PlacementCardinal = 'top' | 'bottom' | 'right' | 'left';
 export type PlacementCorners = 'topStart' | 'topEnd' | 'bottomStart' | 'bottomEnd' | 'leftStart' | 'rightStart' | 'leftEnd' | 'rightEnd';
 export type PlacementAuto = 'auto' | 'autoVertical' | 'autoVerticalStart' | 'autoVerticalEnd' | 'autoHorizontal' | 'autoHorizontalStart' | 'autoHorizontalEnd';
+/**
+ * Placement options for error messages in form controls.
+ * @since 'static' is supported from v6.0.0
+ */
+export type ErrorMessagePlacement = 'static' | PlacementCorners;
 export type Placement = PlacementCardinal | PlacementCorners | PlacementAuto;

package/esm/internals/utils/colours.js

@@ -92,10 +92,7 @@ export const getContrastText = bgColor => {
  * Create CSS color variables for custom colors
  * Returns background and optional text color variables
  */
-export const createColorVariables = function (color, bgFieldName, textFieldName) {
-  if (bgFieldName === void 0) {
-    bgFieldName = '--rs-color-bg';
-  }
+export const createColorVariables = (color, bgFieldName = '--rs-color-bg', textFieldName) => {
   if (color && !isPresetColor(color)) {
     const colorStr = color.toString();
     // Only convert to hex if it's a hex color

package/esm/internals/utils/composeFunctions.js

@@ -13,10 +13,7 @@
  * d(); // a b c
  * ```
  */
-export function composeFunctions() {
-  for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
-    fns[_key] = arguments[_key];
-  }
+export function composeFunctions(...fns) {
   return first => fns.reduce((previousValue, fn) => fn(previousValue), first);
 }
 export default composeFunctions;

package/esm/internals/utils/createChainedFunction.js

@@ -13,10 +13,7 @@
  * @returns {function|undefined}
  */
 
-export function createChainedFunction() {
-  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
-    funcs[_key] = arguments[_key];
-  }
+export function createChainedFunction(...funcs) {
   return funcs.filter(f => f !== null && typeof f !== 'undefined').reduce((acc, f) => {
     if (typeof f !== 'function') {
       throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
@@ -24,10 +21,7 @@ export function createChainedFunction() {
     if (acc === undefined) {
       return f;
     }
-    return function chainedFunction() {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
+    return function chainedFunction(...args) {
       acc.apply(this, args);
       f.apply(this, args);
     };

package/esm/internals/utils/date/copyTime.js

@@ -12,11 +12,10 @@ import { isValid } from 'date-fns/isValid';
  * @param to - The target date.
  * @returns The target date with the time copied from the source date.
  */
-export function copyTime(_ref) {
-  let {
-    from,
-    to
-  } = _ref;
+export function copyTime({
+  from,
+  to
+}) {
   if (!isValid(from) || !isValid(to)) {
     return to;
   }

package/esm/internals/utils/getDataGroupBy.js

@@ -6,14 +6,11 @@ export const KEY_GROUP_TITLE = 'groupTitle';
 export function getDataGroupBy(data, key, sort) {
   const groupMap = _groupBy(data, key);
   const isSort = typeof sort === 'function';
-  const groups = Object.entries(groupMap).map(_ref => {
-    let [groupTitle, children] = _ref;
-    return {
-      children: isSort ? children.sort(sort(false)) : children,
-      [KEY_GROUP_TITLE]: groupTitle,
-      [RSUITE_PICKER_GROUP_KEY]: true
-    };
-  });
+  const groups = Object.entries(groupMap).map(([groupTitle, children]) => ({
+    children: isSort ? children.sort(sort(false)) : children,
+    [KEY_GROUP_TITLE]: groupTitle,
+    [RSUITE_PICKER_GROUP_KEY]: true
+  }));
   if (isSort) {
     groups.sort(sort(true));
   }

package/esm/internals/utils/html/htmlPropsUtils.js

@@ -35,10 +35,7 @@ export const htmlInputProps = [...htmlInputAttrs, ...htmlInputEvents];
  * @param {boolean} [options.includeAria] Includes all input props that starts with "aria-"
  * @returns {[{}, {}]} An array of objects
  */
-export const partitionHTMLProps = function (props, options) {
-  if (options === void 0) {
-    options = {};
-  }
+export const partitionHTMLProps = (props, options = {}) => {
   const {
     htmlProps = htmlInputProps,
     includeAria = true