rsuite 6.1.2 → 6.2.0

package/cjs/internals/hooks/useCustom.js

@@ -44,7 +44,6 @@ function getComponentLocaleKey(componentName) {
  * @param componentProps - The props of the component
  */
 function useCustom(componentName, componentProps) {
-  var _globalLocale$DateTim;
   const {
     components = {},
     locale: globalLocale = _en_GB.default,
@@ -59,26 +58,25 @@ function useCustom(componentName, componentProps) {
     locale: componentLocale,
     ...restProps
   } = componentProps || {};
-  const dateLocale = globalLocale === null || globalLocale === void 0 || (_globalLocale$DateTim = globalLocale.DateTimeFormats) === null || _globalLocale$DateTim === void 0 ? void 0 : _globalLocale$DateTim.dateLocale;
-  const code = globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale.code;
+  const dateLocale = globalLocale?.DateTimeFormats?.dateLocale;
+  const code = globalLocale?.code;
   const getLocale = (0, _react.useCallback)((key, overrideLocale) => {
     // Initialize with common locale
-    const publicLocale = (globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale.common) || {};
+    const publicLocale = globalLocale?.common || {};
 
     // Merge component-specific locale(s) based on key type
-    const specificLocale = typeof key === 'string' ? globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale[key] : Array.isArray(key) ? (0, _assign.default)({}, ...key.map(k => globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale[k])) : {};
+    const specificLocale = typeof key === 'string' ? globalLocale?.[key] : Array.isArray(key) ? (0, _assign.default)({}, ...key.map(k => globalLocale?.[k])) : {};
 
     // Merge all parts: public locale, specific locale, custom component locale
     return (0, _assign.default)({}, publicLocale, specificLocale, componentLocale, overrideLocale);
   }, [globalLocale, componentLocale]);
   const propsWithDefaults = (0, _react.useMemo)(() => {
-    var _components$component;
     if (!componentName) {
       return;
     }
 
     //Memoize the global default props based on component name
-    const globalDefaultProps = ((_components$component = components[componentName]) === null || _components$component === void 0 ? void 0 : _components$component.defaultProps) || {};
+    const globalDefaultProps = components[componentName]?.defaultProps || {};
     const mergedProps = (0, _assign.default)({}, globalDefaultProps, restProps);
     const localeKey = getComponentLocaleKey(componentName);
 

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

@@ -1,4 +1,3 @@
-/// <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.

package/cjs/internals/hooks/useEventCallback.js

@@ -22,8 +22,7 @@ function useEventCallback(fn) {
     ref.current = fn;
   });
   return (0, _react.useCallback)((...args) => {
-    var _ref$current;
-    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.call(ref, ...args);
+    return ref.current?.(...args);
   }, []);
 }
 var _default = exports.default = useEventCallback;

package/cjs/internals/hooks/useEventListener.js

@@ -20,7 +20,7 @@ function useEventListener(eventTarget, event, listener, capture = false) {
     const target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
     const controller = target ? (0, _on.default)(target, event, listener, capture) : null;
     return () => {
-      controller === null || controller === void 0 || controller.off();
+      controller?.off();
     };
   }, [eventTarget, event, listener, capture]);
 }

package/cjs/internals/hooks/useFocus.js

@@ -14,9 +14,8 @@ function useFocus(elementRef) {
   const grab = (0, _react.useCallback)(() => {
     requestAnimationFrame(() => {
       if (document.activeElement !== elementRef.current) {
-        var _elementRef$current;
         previousActiveElementRef.current = document.activeElement;
-        (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 || _elementRef$current.focus();
+        elementRef.current?.focus();
       }
     });
   }, [elementRef]);
@@ -24,8 +23,7 @@ function useFocus(elementRef) {
   // Return focus to previous active element
   const release = (0, _react.useCallback)(options => {
     requestAnimationFrame(() => {
-      var _previousActiveElemen;
-      (_previousActiveElemen = previousActiveElementRef.current) === null || _previousActiveElemen === void 0 || _previousActiveElemen.focus(options);
+      previousActiveElementRef.current?.focus(options);
     });
   }, []);
   return {

package/cjs/internals/hooks/useFocusVirtualListItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Ensures that a virtualized list item retains focus after scrolling or clicking on options,
  * preventing unnecessary re-renders and loss of focus. If the current focus is on an interactive

package/cjs/internals/hooks/useMount.js

@@ -8,8 +8,7 @@ const useMount = callback => {
   const mountRef = (0, _react.useRef)(callback);
   mountRef.current = callback;
   (0, _react.useEffect)(() => {
-    var _mountRef$current;
-    (_mountRef$current = mountRef.current) === null || _mountRef$current === void 0 || _mountRef$current.call(mountRef);
+    mountRef.current?.();
   }, []);
 };
 exports.useMount = useMount;

package/cjs/internals/hooks/useRootClose.js

@@ -12,10 +12,10 @@ var _on = _interopRequireDefault(require("dom-lib/on"));
 var _utils = require("../utils");
 var _constants = require("../constants");
 function isLeftClickEvent(event) {
-  return (event === null || event === void 0 ? void 0 : event.button) === 0;
+  return event?.button === 0;
 }
 function isModifiedEvent(event) {
-  return !!(event.metaKey || event.altKey || event.ctrlKey || event !== null && event !== void 0 && event.shiftKey);
+  return !!(event.metaKey || event.altKey || event.ctrlKey || event?.shiftKey);
 }
 /**
  * A hook that listens to the document click event and closes the overlay.
@@ -31,7 +31,7 @@ function useRootClose(onRootClose, {
 }) {
   const handleDocumentKeyUp = (0, _react.useCallback)(event => {
     if (listenEscape && event.key === _constants.KEY_VALUES.ESC) {
-      onRootClose === null || onRootClose === void 0 || onRootClose(event);
+      onRootClose?.(event);
     }
   }, [listenEscape, onRootClose]);
   const handleDocumentMouseDown = (0, _react.useCallback)(event => {
@@ -50,7 +50,7 @@ function useRootClose(onRootClose, {
     if (isModifiedEvent(event) || !isLeftClickEvent(event)) {
       return;
     }
-    onRootClose === null || onRootClose === void 0 || onRootClose(event);
+    onRootClose?.(event);
   }, [onRootClose, triggerTarget, overlayTarget]);
   (0, _react.useEffect)(() => {
     const currentTarget = (0, _utils.getDOMNode)(triggerTarget);
@@ -59,8 +59,8 @@ function useRootClose(onRootClose, {
     const onDocumentMouseDownListener = (0, _on.default)(doc, 'mousedown', handleDocumentMouseDown, true);
     const onDocumentKeyupListener = (0, _on.default)(doc, 'keyup', handleDocumentKeyUp);
     return () => {
-      onDocumentMouseDownListener === null || onDocumentMouseDownListener === void 0 || onDocumentMouseDownListener.off();
-      onDocumentKeyupListener === null || onDocumentKeyupListener === void 0 || onDocumentKeyupListener.off();
+      onDocumentMouseDownListener?.off();
+      onDocumentKeyupListener?.off();
     };
   }, [triggerTarget, disabled, onRootClose, handleDocumentMouseDown, handleDocumentKeyUp]);
 }

package/cjs/internals/hooks/useTimeout.js

@@ -21,8 +21,7 @@ function useTimeout(fn, ms = 0, enabled = true) {
     timeout.current && clearTimeout(timeout.current);
     if (enabled) {
       timeout.current = setTimeout(() => {
-        var _callback$current;
-        (_callback$current = callback.current) === null || _callback$current === void 0 || _callback$current.call(callback);
+        callback.current?.();
       }, ms);
     }
   }, [ms, enabled]);

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PlacementCorners, Placement } from '../types';
 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/cjs/internals/hooks/useUniqueId.js

@@ -12,6 +12,6 @@ var _react = require("react");
  */
 function useUniqueId(prefix, idProp) {
   const generatedId = (0, _react.useId)();
-  return idProp !== null && idProp !== void 0 ? idProp : `${prefix}${generatedId}`;
+  return idProp ?? `${prefix}${generatedId}`;
 }
 var _default = exports.default = useUniqueId;

package/cjs/internals/hooks/useUpdatedRef.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Returns a ref that is immediately updated with the new value
  *

package/cjs/internals/styled-system/style-manager.js

@@ -28,7 +28,7 @@ const StyleManager = exports.StyleManager = {
       this.styleElement.setAttribute('data-rs-style-manager', '');
 
       // Apply CSP nonce if provided
-      const nonce = (options === null || options === void 0 ? void 0 : options.nonce) || this.nonce;
+      const nonce = options?.nonce || this.nonce;
       if (nonce) {
         this.styleElement.setAttribute('nonce', nonce);
         this.nonce = nonce; // Store for future use

package/cjs/internals/styled-system/useStyled.js

@@ -103,7 +103,7 @@ function useStyled(options) {
 
     // Add the base rule to the style manager
     _styleManager.StyleManager.addRule(`.${componentId}`, baseCssRules, {
-      nonce: csp === null || csp === void 0 ? void 0 : csp.nonce
+      nonce: csp?.nonce
     });
 
     // Process responsive variables
@@ -168,7 +168,7 @@ function useStyled(options) {
           const bp = breakpoint;
           const minWidth = _responsive.breakpointValues[bp];
           _styleManager.StyleManager.addRule(`@media (min-width: ${minWidth}px)`, `.${componentId} { ${rules} }`, {
-            nonce: csp === null || csp === void 0 ? void 0 : csp.nonce
+            nonce: csp?.nonce
           });
         }
       });

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type Partial<T> = {
     [P in keyof T]?: T[P];
 };

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

@@ -6,9 +6,9 @@ import { Color } from '../types/colours';
  * @returns The CSS variable if it's a valid color type, or the original value
  */
 export declare const getColorValue: (color: Color | string | undefined) => string | undefined;
-export declare const isPresetColor: (color?: Color | React.CSSProperties['color']) => boolean;
-export declare const getColorStyle: (value?: import("csstype").Property.Color | undefined, name?: string | undefined, prop?: string) => {
-    [x: string]: string | (string & {}) | undefined;
+export declare const isPresetColor: (color?: Color | React.CSSProperties["color"]) => boolean;
+export declare const getColorStyle: (value?: import("csstype").Property.Color | undefined, name?: string, prop?: string) => {
+    [x: string]: string | undefined;
 } | undefined;
 /**
  * Convert short hex color to full hex color
@@ -28,4 +28,4 @@ export declare const getContrastText: (bgColor: string) => string;
  * Create CSS color variables for custom colors
  * Returns background and optional text color variables
  */
-export declare const createColorVariables: (color?: Color | React.CSSProperties['color'], bgFieldName?: string, textFieldName?: string) => React.CSSProperties | undefined;
+export declare const createColorVariables: (color?: Color | React.CSSProperties["color"], bgFieldName?: string, textFieldName?: string) => React.CSSProperties | undefined;

package/cjs/internals/utils/colours.js

@@ -22,7 +22,7 @@ const getColorValue = color => {
 
   // Check if color is a color with shade (e.g., 'red.50', 'gray.900')
   const colorWithShadeRegex = /^(red|orange|yellow|green|cyan|blue|violet|gray)\.([1-9]00|50)$/;
-  const match = color === null || color === void 0 ? void 0 : color.match(colorWithShadeRegex);
+  const match = color?.match(colorWithShadeRegex);
   if (match) {
     const [, colorName, shade] = match;
     return `var(--rs-${colorName}-${shade})`;

package/cjs/internals/utils/date/disableTime.js

@@ -34,16 +34,13 @@ function disableTime(props, date) {
   const mapProps = new Map(Object.entries(calendarProps));
   return Array.from(mapProps.keys()).some(key => {
     if (HOURS_PATTERN.test(key)) {
-      var _mapProps$get;
-      return (_mapProps$get = mapProps.get(key)) === null || _mapProps$get === void 0 ? void 0 : _mapProps$get((0, _getHours.getHours)(date), date);
+      return mapProps.get(key)?.((0, _getHours.getHours)(date), date);
     }
     if (MINUTES_PATTERN.test(key)) {
-      var _mapProps$get2;
-      return (_mapProps$get2 = mapProps.get(key)) === null || _mapProps$get2 === void 0 ? void 0 : _mapProps$get2((0, _getMinutes.getMinutes)(date), date);
+      return mapProps.get(key)?.((0, _getMinutes.getMinutes)(date), date);
     }
     if (SECONDS_PATTERN.test(key)) {
-      var _mapProps$get3;
-      return (_mapProps$get3 = mapProps.get(key)) === null || _mapProps$get3 === void 0 ? void 0 : _mapProps$get3((0, _getSeconds.getSeconds)(date), date);
+      return mapProps.get(key)?.((0, _getSeconds.getSeconds)(date), date);
     }
     return false;
   });
@@ -59,16 +56,13 @@ function useIsDateTimeDisabled(timeDropdownProps) {
     const date = (0, _pick.default)(dateTime, ['year', 'month', 'day']);
     return Array.from(mapProps.keys()).some(key => {
       if (HOURS_PATTERN.test(key)) {
-        var _mapProps$get4;
-        return (_mapProps$get4 = mapProps.get(key)) === null || _mapProps$get4 === void 0 ? void 0 : _mapProps$get4(dateTime.hour, date);
+        return mapProps.get(key)?.(dateTime.hour, date);
       }
       if (MINUTES_PATTERN.test(key)) {
-        var _mapProps$get5;
-        return (_mapProps$get5 = mapProps.get(key)) === null || _mapProps$get5 === void 0 ? void 0 : _mapProps$get5(dateTime.minute, date);
+        return mapProps.get(key)?.(dateTime.minute, date);
       }
       if (SECONDS_PATTERN.test(key)) {
-        var _mapProps$get6;
-        return (_mapProps$get6 = mapProps.get(key)) === null || _mapProps$get6 === void 0 ? void 0 : _mapProps$get6(dateTime.second, date);
+        return mapProps.get(key)?.(dateTime.second, date);
       }
       return false;
     });

package/cjs/internals/utils/date/omitHideDisabledProps.d.ts

@@ -6,5 +6,5 @@ type CalendarOnlyPropsType = TimeProp;
  * @param props - The object to omit props from.
  * @returns The object with calendar-only props omitted.
  */
-export declare const omitHideDisabledProps: <T extends Record<string, any>>(props: T) => Partial<Omit<T, TimeProp>>;
+export declare const omitHideDisabledProps: <T extends Record<string, any>>(props: T) => Partial<Omit<T, CalendarOnlyPropsType>>;
 export default omitHideDisabledProps;

package/cjs/internals/utils/date/useDateMode.d.ts

@@ -12,5 +12,5 @@ export declare enum DateMode {
  */
 export declare const useDateMode: (format: string) => {
     mode: DateMode;
-    has: (part: 'year' | 'month' | 'day' | 'time') => boolean;
+    has: (part: "year" | "month" | "day" | "time") => boolean;
 };

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

@@ -20,8 +20,7 @@ var _ReactIs = require("./ReactIs");
 function flatChildren(children) {
   return _react.default.Children.toArray(_react.default.Children.map(children, 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) || []);
+      return _react.default.Children.toArray(child.props?.children || []);
     }
     return child;
   }));

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

@@ -13,8 +13,7 @@ var _warnOnce = _interopRequireDefault(require("../warnOnce"));
  * fixme: Only display deprecation message in non-production environment
  */
 function deprecateComponent(Component, message) {
-  var _Component$displayNam;
-  const componentDisplayName = (_Component$displayNam = Component.displayName) !== null && _Component$displayNam !== void 0 ? _Component$displayNam : Component.name;
+  const componentDisplayName = Component.displayName ?? Component.name;
   const Deprecated = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     (0, _warnOnce.default)(message);
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({

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

@@ -6,21 +6,20 @@ exports.default = void 0;
 exports.getDOMNode = getDOMNode;
 function safeFindDOMNode(componentOrElement) {
   if (componentOrElement && 'setState' in componentOrElement) {
-    var _ref$current, _ref;
     // Access the underlying DOM node through ref if available
-    return (_ref$current = componentOrElement === null || componentOrElement === void 0 || (_ref = componentOrElement.ref) === null || _ref === void 0 ? void 0 : _ref.current) !== null && _ref$current !== void 0 ? _ref$current : null;
+    return componentOrElement?.ref?.current ?? null;
   }
-  return componentOrElement !== null && componentOrElement !== void 0 ? componentOrElement : null;
+  return componentOrElement ?? null;
 }
 const getRefTarget = ref => {
   return ref && ('current' in ref ? ref.current : ref);
 };
 function getDOMNode(elementOrRef) {
   // If elementOrRef is an instance of Position, child is returned. [PositionInstance]
-  const element = (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.root) || (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.child) || getRefTarget(elementOrRef);
+  const element = elementOrRef?.root || elementOrRef?.child || getRefTarget(elementOrRef);
 
   // Native HTML elements
-  if (element !== null && element !== void 0 && element.nodeType && typeof (element === null || element === void 0 ? void 0 : element.nodeName) === 'string') {
+  if (element?.nodeType && typeof element?.nodeName === 'string') {
     return element;
   }
   return safeFindDOMNode(element);

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

@@ -1,9 +1,9 @@
 import { SizeEnum } from '../types';
 export declare const isPresetSize: (size?: SizeEnum | number | string | null) => boolean;
 export declare const getSizeValue: (type: string, size: SizeEnum | number | string | null) => string | undefined;
-export declare const getSizeStyle: (value?: string | number | undefined, name?: string | undefined, prop?: string) => {
+export declare const getSizeStyle: (value?: string | number | undefined, name?: string, prop?: string) => {
     [x: string]: string | number | undefined;
 } | undefined;
-export declare const getLineHeightStyle: (value?: string | number | undefined, name?: string | undefined, prop?: string) => {
+export declare const getLineHeightStyle: (value?: string | number | undefined, name?: string, prop?: string) => {
     [x: string]: string | number | undefined;
 } | undefined;

package/cjs/internals/utils/style-sheet/css.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StyleProperties } from '../../types';
 /**
  * Processes and returns a value suitable for CSS (with a unit).

package/cjs/internals/utils/style-sheet/css.js

@@ -36,7 +36,7 @@ function getCssValue(value, unit = 'px') {
  * Merge multiple style objects, filtering out undefined values
  */
 function mergeStyles(...styles) {
-  const mergedStyles = styles === null || styles === void 0 ? void 0 : styles.filter(Boolean).reduce((acc, style) => {
+  const mergedStyles = styles?.filter(Boolean).reduce((acc, style) => {
     if (!style) return acc;
     return {
       ...acc,

package/cjs/internals/utils/style-sheet/prefix.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="lodash" />
 export declare const globalKey = "rs-";
 export declare const getClassNamePrefix: () => string;
 export declare const defaultClassPrefix: (name: string) => string;

package/cjs/internals/utils/style-sheet/responsive.d.ts

@@ -14,4 +14,4 @@ import type { ResponsiveValue } from '../../types';
  * // Returns: ['rs-row-xs-top', 'rs-row-md-bottom']
  *
  */
-export declare const getResponsiveClasses: <T = string>(prefix: (...classes: any[]) => string, value?: T | ResponsiveValue<T> | undefined) => string[];
+export declare const getResponsiveClasses: <T = string>(prefix: (...classes: any[]) => string, value?: T | ResponsiveValue<T>) => string[];

package/cjs/internals/utils/style-sheet/styles.d.ts

@@ -9,8 +9,8 @@ interface StylePropConfig<T = StyleValue> {
     presetChecker?: PresetChecker<T>;
     valueTransformer?: ValueTransformer<T>;
 }
-export declare const createStyleValueSetter: <T = string | number>(config: StylePropConfig<T>) => (value?: T | undefined, name?: string, prop?: string) => string | T | undefined;
-export declare const createStyleGetter: <T = string | number>(config: StylePropConfig<T>) => (value?: T | undefined, name?: string, prop?: string) => {
-    [x: string]: string | T | undefined;
+export declare const createStyleValueSetter: <T = string | number>(config: StylePropConfig<T>) => (value?: T, name?: string, prop?: string) => string | (T & ({} | null)) | undefined;
+export declare const createStyleGetter: <T = string | number>(config: StylePropConfig<T>) => (value?: T, name?: string, prop?: string) => {
+    [x: string]: string | (T & ({} | null)) | undefined;
 } | undefined;
 export {};

package/cjs/internals/utils/style-sheet/styles.js

@@ -13,7 +13,7 @@ const createStyleValueSetter = config => {
     if (typeof value === 'undefined' || !name) {
       return;
     }
-    if (presetChecker !== null && presetChecker !== void 0 && presetChecker(value)) {
+    if (presetChecker?.(value)) {
       return useGlobalVar ? `var(--rs-${prop}-${value})` : `var(--rs-${name}-${prop}-${value})`;
     } else if (Array.isArray(value)) {
       // If value is an array, join it with spaces,

package/cjs/toaster/ToastContainer.js

@@ -124,7 +124,6 @@ const ToastContainer = /*#__PURE__*/(0, _react.forwardRef)(function ToastContain
       enteredClassName: rootPrefix('toast-fade-entered'),
       timeout: 300
     }, (transitionProps, ref) => {
-      var _node$props, _node$props2;
       const {
         className: transitionClassName,
         ...rest
@@ -133,8 +132,8 @@ const ToastContainer = /*#__PURE__*/(0, _react.forwardRef)(function ToastContain
         ...rest,
         ref,
         duration,
-        onClose: (0, _utils.createChainedFunction)((_node$props = node.props) === null || _node$props === void 0 ? void 0 : _node$props.onClose, () => remove(item.key)),
-        className: merge(rootPrefix('toast'), (_node$props2 = node.props) === null || _node$props2 === void 0 ? void 0 : _node$props2.className, transitionClassName)
+        onClose: (0, _utils.createChainedFunction)(node.props?.onClose, () => remove(item.key)),
+        className: merge(rootPrefix('toast'), node.props?.className, transitionClassName)
       });
     }));
   });
@@ -160,9 +159,8 @@ ToastContainer.getInstance = async props => {
   // Render the ToastContainer component into the specified container
   const containerId = (0, _render.render)(/*#__PURE__*/_react.default.createElement(ToastContainer, (0, _extends2.default)({}, toastProps, {
     ref: ref => {
-      var _resolveContainerRef;
       toastContainerRef.current = ref;
-      (_resolveContainerRef = resolveContainerRef) === null || _resolveContainerRef === void 0 || _resolveContainerRef();
+      resolveContainerRef?.();
     }
   })), container);
   await containerRefReady;

package/cjs/toaster/hooks/useDelayedClosure.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface UseDelayedClosureProps {
     /**
      * Callback function to be called when the closure is triggered.

package/cjs/toaster/hooks/useDelayedClosure.js

@@ -29,16 +29,15 @@ function useDelayedClosure(props) {
     reset
   } = (0, _hooks.useTimeout)(onClose, duration, usedToaster && duration > 0);
   (0, _hooks.useMount)(() => {
-    if (targetRef !== null && targetRef !== void 0 && targetRef.current && mouseReset) {
+    if (targetRef?.current && mouseReset) {
       if (mouseEnterRef.current || mouseLeaveRef.current) {
         return;
       }
       mouseEnterRef.current = (0, _on.default)(targetRef.current, 'mouseenter', clear);
       mouseLeaveRef.current = (0, _on.default)(targetRef.current, 'mouseleave', reset);
       return () => {
-        var _mouseEnterRef$curren, _mouseLeaveRef$curren;
-        (_mouseEnterRef$curren = mouseEnterRef.current) === null || _mouseEnterRef$curren === void 0 || _mouseEnterRef$curren.off();
-        (_mouseLeaveRef$curren = mouseLeaveRef.current) === null || _mouseLeaveRef$curren === void 0 || _mouseLeaveRef$curren.off();
+        mouseEnterRef.current?.off();
+        mouseLeaveRef.current?.off();
       };
     }
   });

package/cjs/toaster/toaster.js

@@ -5,9 +5,17 @@ exports.__esModule = true;
 exports.default = void 0;
 var _ToastContainer = _interopRequireWildcard(require("./ToastContainer"));
 var _symbols = require("../internals/symbols");
+var _utils = require("../internals/utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const containers = new Map();
 
+/**
+ * Track in-progress container creation promises keyed by `${containerId}_${placement}`.
+ * This prevents duplicate containers from being created when `push` is called multiple
+ * times synchronously (e.g. inside a loop) before the first container has mounted.
+ */
+const pendingContainerPromises = new Map();
+
 /**
  * Create a container instance.
  * @param placement
@@ -15,7 +23,9 @@ const containers = new Map();
  */
 async function createContainer(placement, props) {
   const [container, containerId] = await _ToastContainer.default.getInstance(props);
-  containers.set(`${containerId}_${placement}`, container);
+  const key = `${containerId}_${placement}`;
+  containers.set(key, container);
+  pendingContainerPromises.delete(key);
   return container;
 }
 
@@ -35,13 +45,37 @@ toaster.push = (message, options = {}) => {
     ...restOptions
   } = options;
   const containerElement = typeof container === 'function' ? container() : container;
-  const containerElementId = containerElement ? containerElement[_symbols.RSUITE_TOASTER_ID] : null;
-  if (containerElementId) {
+  if (containerElement) {
+    // Pre-assign the container ID so subsequent synchronous calls can find it
+    // before the async container creation has completed.
+    if (!containerElement[_symbols.RSUITE_TOASTER_ID]) {
+      containerElement[_symbols.RSUITE_TOASTER_ID] = (0, _utils.guid)();
+    }
+    const containerElementId = containerElement[_symbols.RSUITE_TOASTER_ID];
+    const key = `${containerElementId}_${placement}`;
     const existedContainer = getContainer(containerElementId, placement);
     if (existedContainer) {
-      var _existedContainer$cur;
-      return (_existedContainer$cur = existedContainer.current) === null || _existedContainer$cur === void 0 ? void 0 : _existedContainer$cur.push(message, restOptions);
+      return existedContainer.current?.push(message, restOptions);
     }
+
+    // A container creation for this placement may already be in progress (e.g. when `push`
+    // is called multiple times synchronously in a loop). Reuse that promise instead of
+    // creating a second container.
+    const pendingPromise = pendingContainerPromises.get(key);
+    if (pendingPromise) {
+      return pendingPromise.then(ref => ref.current?.push(message, restOptions));
+    }
+    const newOptions = {
+      ...options,
+      container: containerElement,
+      placement
+    };
+    const containerPromise = createContainer(placement, newOptions);
+
+    // Register the pending promise before any async work begins so that subsequent
+    // synchronous `push` calls for the same placement chain onto it.
+    pendingContainerPromises.set(key, containerPromise);
+    return containerPromise.then(ref => ref.current?.push(message, restOptions));
   }
   const newOptions = {
     ...options,
@@ -49,20 +83,13 @@ toaster.push = (message, options = {}) => {
     placement
   };
   return createContainer(placement, newOptions).then(ref => {
-    var _ref$current;
-    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.push(message, restOptions);
+    return ref.current?.push(message, restOptions);
   });
 };
 toaster.remove = key => {
-  containers.forEach(c => {
-    var _c$current;
-    return (_c$current = c.current) === null || _c$current === void 0 ? void 0 : _c$current.remove(key);
-  });
+  containers.forEach(c => c.current?.remove(key));
 };
 toaster.clear = () => {
-  containers.forEach(c => {
-    var _c$current2;
-    return (_c$current2 = c.current) === null || _c$current2 === void 0 ? void 0 : _c$current2.clear();
-  });
+  containers.forEach(c => c.current?.clear());
 };
 var _default = exports.default = toaster;

package/cjs/useDialog/Dialog.d.ts

@@ -11,5 +11,5 @@ export interface DialogProps extends ModalProps {
     validate?: (value: string) => [isValid: boolean, errorMessage?: string];
     onClose?: (result?: any) => void;
 }
-declare const Dialog: import("../internals/types").InternalRefForwardingComponent<React.ElementType<any, keyof React.JSX.IntrinsicElements>, DialogProps, never> & Record<string, never>;
+declare const Dialog: import("../internals/types").InternalRefForwardingComponent<React.ElementType, DialogProps, never> & Record<string, never>;
 export default Dialog;

package/cjs/useDialog/Dialog.js

@@ -51,7 +51,7 @@ const Dialog = (0, _utils.forwardRef)((props, ref) => {
   const handleCancel = (0, _react.useCallback)(result => {
     setIsOpen(false);
     setTimeout(() => {
-      onClose === null || onClose === void 0 || onClose(result);
+      onClose?.(result);
     }, 300);
   }, [onClose]);
   const handleConfirm = (0, _react.useCallback)(() => {

package/cjs/useDialog/useDialog.d.ts

@@ -10,6 +10,6 @@ export declare function useDialog(): {
     prompt: (message: React.ReactNode, options?: PromptOptions) => Promise<any>;
     open: <P extends object>(as: React.ComponentType<P & {
         onClose: (result?: any) => void;
-    }>, payload?: P | undefined, options?: OpenOptions) => Promise<any>;
+    }>, payload?: P, options?: OpenOptions) => Promise<any>;
 };
 export default useDialog;

package/cjs/useDialog/useDialog.js

@@ -18,14 +18,14 @@ const WAIT_FOR_CONTAINER_TIMEOUT = 2000;
 const useDialogContainer = () => {
   const context = (0, _react.useContext)(_CustomContext.CustomContext);
   (0, _react.useEffect)(() => {
-    if (_canUseDOM.default && !(context !== null && context !== void 0 && context.dialogContainer)) {
+    if (_canUseDOM.default && !context?.dialogContainer) {
       console.warn('Warning: useDialog is being used outside of a CustomProvider. ' + 'Please wrap your application with <CustomProvider> to ensure proper functionality.');
     }
-  }, [context === null || context === void 0 ? void 0 : context.dialogContainer]);
+  }, [context?.dialogContainer]);
 
   // Return the ref from context directly instead of copying to a local ref
   // This ensures we always use the latest mounted DialogContainer instance
-  return (context === null || context === void 0 ? void 0 : context.dialogContainer) || {
+  return context?.dialogContainer || {
     current: null
   };
 };

package/cjs/useFormControl/hooks/useField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface FieldProps {
     name: string;
     formValue?: Record<string, any>;