@mezzanine-ui/react 0.9.2 → 0.10.0

package/Form/useAutoCompleteValueControl.js

@@ -1,62 +1,102 @@
 import { useState, useCallback } from 'react';
+import compact from 'lodash/compact';
+import isEqual from 'lodash/isEqual';
+import differenceBy from 'lodash/differenceBy';
 import { useControlValueState } from './useControlValueState.js';
 
-const equalityFn = (a, b) => a === b;
-function useAutoCompleteValueControl(props) {
-    const { defaultValue = '', disabledOptionsFilter, onChange, onClear: onClearProp, onClose, options: optionsProp, value: valueProp, } = props;
+const equalityFn = (a, b) => isEqual(a, b);
+function useAutoCompleteBaseValueControl(props) {
+    const { defaultValue, disabledOptionsFilter, mode, onChange, onClear: onClearProp, onClose, onSearch, options: optionsProp, value: valueProp, } = props;
     const [value, setValue] = useControlValueState({
-        defaultValue,
+        defaultValue: defaultValue || (mode === 'multiple' ? [] : null),
         equalityFn,
         value: valueProp,
     });
     const [searchText, setSearchText] = useState('');
     const [focused, setFocused] = useState(false);
-    const onChangeValue = useCallback((text) => {
-        setValue(text);
-        onChange === null || onChange === void 0 ? void 0 : onChange(text);
-    }, [setValue, onChange]);
     const onFocus = useCallback((focus) => {
         setFocused(focus);
-        /** sync current value */
-        if (!focus) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(value);
-        }
-    }, [
-        value,
-        onChange,
-    ]);
-    const getCurrentInputValue = () => (value ? {
-        id: value,
-        name: value,
-    } : null);
+    }, []);
     const options = disabledOptionsFilter
         ? optionsProp
-        : optionsProp.filter((option) => ~option.search(searchText));
+        : optionsProp.filter((option) => !!option.name.includes(searchText));
+    const selectedOptions = mode === 'multiple'
+        ? value : compact([value]);
+    const unselectedOptions = differenceBy(options, selectedOptions, 'id');
     return {
         focused,
         onChange: (chooseOption) => {
-            if (!chooseOption)
-                return [];
-            onClose === null || onClose === void 0 ? void 0 : onClose();
-            setValue(chooseOption.name);
-            onChange === null || onChange === void 0 ? void 0 : onChange(chooseOption.name);
-            return [chooseOption];
+            var _a;
+            if (!chooseOption) {
+                if (mode === 'multiple') {
+                    return [];
+                }
+                return null;
+            }
+            let newValue = mode === 'multiple' ? [] : null;
+            switch (mode) {
+                case 'multiple': {
+                    const existedValueIdx = ((_a = value) !== null && _a !== void 0 ? _a : []).findIndex((v) => v.id === chooseOption.id);
+                    if (~existedValueIdx) {
+                        newValue = [
+                            ...value.slice(0, existedValueIdx),
+                            ...value.slice(existedValueIdx + 1),
+                        ];
+                    }
+                    else {
+                        newValue = [
+                            ...value,
+                            chooseOption,
+                        ];
+                    }
+                    if (typeof onChange === 'function')
+                        onChange(newValue);
+                    break;
+                }
+                default: {
+                    newValue = chooseOption;
+                    if (typeof onClose === 'function')
+                        onClose();
+                    if (typeof onChange === 'function')
+                        onChange(newValue);
+                    break;
+                }
+            }
+            setValue(newValue);
+            return newValue;
         },
         onClear: (e) => {
             e.stopPropagation();
-            setValue('');
+            if (mode === 'multiple') {
+                setValue([]);
+                onChange === null || onChange === void 0 ? void 0 : onChange([]);
+            }
+            else {
+                setValue(null);
+                onChange === null || onChange === void 0 ? void 0 : onChange(null);
+            }
             setSearchText('');
             if (typeof onClearProp === 'function') {
                 onClearProp(e);
             }
+            if (typeof onSearch === 'function') {
+                onSearch('');
+            }
         },
         onFocus,
         options,
         searchText,
+        selectedOptions,
         setSearchText,
-        setValue: onChangeValue,
-        value: getCurrentInputValue(),
+        unselectedOptions,
+        value,
     };
-}
+}
+const useAutoCompleteValueControl = (props) => {
+    if (props.mode === 'multiple') {
+        return useAutoCompleteBaseValueControl(props);
+    }
+    return useAutoCompleteBaseValueControl(props);
+};
 
 export { useAutoCompleteValueControl };

package/Form/useInputWithTagsModeValue.js

@@ -56,7 +56,8 @@ function useInputWithTagsModeValue(props) {
         if (!canActive)
             return;
         const element = ref.current;
-        if (element && (element === null || element === void 0 ? void 0 : element.value) &&
+        if (element &&
+            (element === null || element === void 0 ? void 0 : element.value) &&
             (e.key === 'Enter' || e.code === 'Enter') &&
             !e.nativeEvent.isComposing &&
             !tagsWillOverflow()) {

package/Form/useSelectValueControl.d.ts

@@ -30,4 +30,4 @@ export declare type SelectSingleValueControl = SelectBaseValueControl & {
     value: SelectValue | null;
 };
 export declare type SelectValueControl = SelectMultipleValueControl | SelectSingleValueControl;
-export declare const useSelectValueControl: (props: UseSelectValueControl) => SelectValueControl;
+export declare const useSelectValueControl: (props: UseSelectValueControl) => SelectMultipleValueControl | SelectSingleValueControl;

package/Icon/Icon.js

@@ -15,11 +15,11 @@ const Icon = forwardRef(function Icon(props, ref) {
         ...cssVars,
         ...styleProp,
     };
-    return (jsx("i", Object.assign({}, rest, { ref: ref, "aria-hidden": true, className: cx(iconClasses.host, {
+    return (jsx("i", { ...rest, ref: ref, "aria-hidden": true, className: cx(iconClasses.host, {
             [iconClasses.color]: color,
             [iconClasses.spin]: spin,
             [iconClasses.size]: size,
-        }, className), "data-icon-name": icon.name, style: style }, { children: jsx("svg", Object.assign({}, definition.svg, { focusable: false }, { children: jsx("path", Object.assign({}, definition.path), void 0) }), void 0) }), void 0));
+        }, className), "data-icon-name": icon.name, style: style, children: jsx("svg", { ...definition.svg, focusable: false, children: jsx("path", { ...definition.path }) }) }));
 });
 var Icon$1 = Icon;
 

package/Input/Input.js

@@ -41,11 +41,10 @@ const Input = forwardRef(function Input(props, ref) {
         : inputProps === null || inputProps === void 0 ? void 0 : inputProps.maxLength);
     const active = !!value;
     const mountInput = !tagsMode || !tagsReachedMax;
-    return (jsxs(TextField, Object.assign({ ref: ref, active: active, className: cx(inputClasses.host, tagsMode && inputClasses.tagsMode, inputPosition === 'top' && inputClasses.tagsModeInputOnTop, className), clearable: clearable, disabled: disabled, error: error, fullWidth: fullWidth, onClear: tagsMode ? tagsModeOnClear : onClear, prefix: mountInput ? prefix : undefined, suffix: mountInput ? suffix : undefined, size: size }, { children: [tagsMode && (jsx("div", Object.assign({ className: selectClasses.triggerTags }, { children: tags.map((tag) => (jsx(Tag, Object.assign({ closable: true, disabled: disabled, size: size, onClose: (e) => {
+    return (jsxs(TextField, { ref: ref, active: active, className: cx(inputClasses.host, tagsMode && inputClasses.tagsMode, inputPosition === 'top' && inputClasses.tagsModeInputOnTop, className), clearable: clearable, disabled: disabled, error: error, fullWidth: fullWidth, onClear: tagsMode ? tagsModeOnClear : onClear, prefix: mountInput ? prefix : undefined, suffix: mountInput ? suffix : undefined, size: size, children: [tagsMode && (jsx("div", { className: selectClasses.triggerTags, children: tags.map((tag) => (jsx(Tag, { closable: true, disabled: disabled, size: size, onClose: (e) => {
                         e.stopPropagation();
                         tagsModeOnRemove(tag);
-                    } }, { children: tag }), tag))) }), void 0)),
-            mountInput && (jsx("input", Object.assign({}, inputProps, { "aria-disabled": disabled, "aria-multiline": false, "aria-readonly": readOnly, "aria-required": required, disabled: disabled, maxLength: maxLength(), onChange: tagsMode ? tagsModeOnChange : onChange, onKeyDown: tagsMode ? onKeyDown : inputProps === null || inputProps === void 0 ? void 0 : inputProps.onKeyDown, placeholder: placeholder, readOnly: readOnly, ref: composedInputRef, required: required, value: tagsMode ? undefined : value }), void 0))] }), void 0));
+                    }, children: tag }, tag))) })), mountInput && (jsx("input", { ...inputProps, "aria-disabled": disabled, "aria-multiline": false, "aria-readonly": readOnly, "aria-required": required, disabled: disabled, maxLength: maxLength(), onChange: tagsMode ? tagsModeOnChange : onChange, onKeyDown: tagsMode ? onKeyDown : inputProps === null || inputProps === void 0 ? void 0 : inputProps.onKeyDown, placeholder: placeholder, readOnly: readOnly, ref: composedInputRef, required: required, value: tagsMode ? undefined : value }))] }));
 });
 var Input$1 = Input;
 

package/Loading/Loading.js

@@ -13,14 +13,13 @@ const Loading = forwardRef(function Loading(props, ref) {
     const { className: iconClassName, color: iconColor, ...iconPropsRest } = iconProps;
     const isNestedPattern = typeof children !== 'undefined';
     const composedHostRef = useComposeRefs([ref, hostRef]);
-    const spinElement = loading ? (jsxs("div", Object.assign({ ref: isNestedPattern ? null : ref, className: cx(iconClasses.spin, {
+    const spinElement = loading ? (jsxs("div", { ref: isNestedPattern ? null : ref, className: cx(iconClasses.spin, {
             [iconClasses.stretch]: stretch,
-        }) }, { children: [jsx(Icon, Object.assign({}, iconPropsRest, { className: cx(iconClasses.icon, iconClassName), color: iconColor || 'primary', icon: SpinnerIcon, spin: true }), void 0),
-            tip ? (jsx("span", Object.assign({ className: cx(iconClasses.tip, tipClassName) }, { children: tip }), void 0)) : null] }), void 0)) : null;
+        }), children: [jsx(Icon, { ...iconPropsRest, className: cx(iconClasses.icon, iconClassName), color: iconColor || 'primary', icon: SpinnerIcon, spin: true }), tip ? (jsx("span", { className: cx(iconClasses.tip, tipClassName), children: tip })) : null] })) : null;
     if (isNestedPattern) {
-        return (jsxs("div", Object.assign({ ref: composedHostRef, className: cx(iconClasses.host, {
+        return (jsxs("div", { ref: composedHostRef, className: cx(iconClasses.host, {
                 [iconClasses.stretch]: stretch,
-            }, className) }, { children: [jsx(Overlay, Object.assign({}, overlayProps, { container: hostRef, onSurface: true, open: loading }, { children: spinElement }), void 0), children] }), void 0));
+            }, className), children: [jsx(Overlay, { ...overlayProps, container: hostRef, onSurface: true, open: loading, children: spinElement }), children] }));
     }
     return spinElement;
 });

package/Menu/Menu.js

@@ -16,7 +16,7 @@ const Menu = forwardRef(function Menu(props, ref) {
         ...cssVars,
         ...styleProp,
     };
-    return (jsx("ul", Object.assign({}, rest, { ref: ref, className: cx(menuClasses.host, menuClasses.size(size), className), role: role, style: style }, { children: children }), void 0));
+    return (jsx("ul", { ...rest, ref: ref, className: cx(menuClasses.host, menuClasses.size(size), className), role: role, style: style, children: children }));
 });
 var Menu$1 = Menu;
 

package/Menu/MenuDivider.d.ts

@@ -4,5 +4,5 @@ export declare type MenuDividerProps = NativeElementPropsWithoutKeyAndRef<'hr'>;
 /**
  * The react component for `mezzanine` menu divider.
  */
-declare const MenuDivider: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLHRElement>>;
+declare const MenuDivider: import("react").ForwardRefExoticComponent<MenuDividerProps & import("react").RefAttributes<HTMLHRElement>>;
 export default MenuDivider;

package/Menu/MenuDivider.js

@@ -8,7 +8,7 @@ import cx from 'clsx';
  */
 const MenuDivider = forwardRef(function MenuDivider(props, ref) {
     const { className, ...rest } = props;
-    return (jsx("hr", Object.assign({}, rest, { ref: ref, className: cx(menuDividerClasses.host, className) }), void 0));
+    return (jsx("hr", { ...rest, ref: ref, className: cx(menuDividerClasses.host, className) }));
 });
 var MenuDivider$1 = MenuDivider;
 

package/Menu/MenuItem.js

@@ -12,15 +12,14 @@ const MenuItem = forwardRef(function MenuItem(props, ref) {
     const { active = false, children, className, disabled = false, onClick, onKeyDown = () => { }, role = 'menuitem', ...rest } = props;
     return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-    jsxs("li", Object.assign({}, rest, { ref: ref, "aria-disabled": disabled, className: cx(menuItemClasses.host, {
+    jsxs("li", { ...rest, ref: ref, "aria-disabled": disabled, className: cx(menuItemClasses.host, {
             [menuItemClasses.active]: active,
             [menuItemClasses.disabled]: disabled,
         }, className), onClick: (event) => {
             if (!disabled && onClick) {
                 onClick(event);
             }
-        }, onKeyDown: onKeyDown, role: role }, { children: [jsx("div", Object.assign({ className: menuItemClasses.label }, { children: children }), void 0),
-            active && jsx(Icon, { className: menuItemClasses.activeIcon, icon: CheckIcon }, void 0)] }), void 0));
+        }, onKeyDown: onKeyDown, role: role, children: [jsx("div", { className: menuItemClasses.label, children: children }), active && jsx(Icon, { className: menuItemClasses.activeIcon, icon: CheckIcon })] }));
 });
 var MenuItem$1 = MenuItem;
 

package/Menu/MenuItemGroup.js

@@ -8,8 +8,7 @@ import cx from 'clsx';
  */
 const MenuItemGroup = forwardRef(function MenuItemGroup(props, ref) {
     const { children, className, label, ...rest } = props;
-    return (jsxs("li", Object.assign({ ref: ref }, rest, { className: cx(menuItemGroupClasses.host, className) }, { children: [jsx("span", Object.assign({ className: menuItemGroupClasses.label }, { children: label }), void 0),
-            jsx("ul", Object.assign({ className: menuItemGroupClasses.items }, { children: children }), void 0)] }), void 0));
+    return (jsxs("li", { ref: ref, ...rest, className: cx(menuItemGroupClasses.host, className), children: [jsx("span", { className: menuItemGroupClasses.label, children: label }), jsx("ul", { className: menuItemGroupClasses.items, children: children })] }));
 });
 var MenuItemGroup$1 = MenuItemGroup;
 

package/Message/Message.js

@@ -32,12 +32,11 @@ const Message = ((props) => {
         if (reference)
             Message.remove(reference);
     };
-    return (jsx(SlideFade, Object.assign({ in: open, appear: true, onExited: onExited }, restTransitionProps, { children: jsxs("div", Object.assign({ className: cx(messageClasses.host, severity ? messageClasses.severity(severity) : '') }, { children: [icon ? (jsx(Icon, { className: messageClasses.icon, icon: icon }, void 0)) : null,
-                jsx("span", Object.assign({ className: messageClasses.content }, { children: children }), void 0)] }), void 0) }), void 0));
+    return (jsx(SlideFade, { in: open, appear: true, onExited: onExited, ...restTransitionProps, children: jsxs("div", { className: cx(messageClasses.host, severity ? messageClasses.severity(severity) : ''), children: [icon ? (jsx(Icon, { className: messageClasses.icon, icon: icon })) : null, jsx("span", { className: messageClasses.content, children: children })] }) }));
 });
 const { add, config, destroy, remove, } = createNotifier({
     duration: 3000,
-    render: (message) => jsx(Message, Object.assign({}, message), void 0),
+    render: (message) => jsx(Message, { ...message }),
     setRoot: (root) => {
         root.setAttribute('class', messageClasses.root);
     },

package/Modal/Modal.js

@@ -17,10 +17,10 @@ const Modal = forwardRef(function Modal(props, ref) {
         severity,
     };
     const { Container: ModalContainer } = useModalContainer();
-    return (jsx(ModalControlContext.Provider, Object.assign({ value: modalControl }, { children: jsx(ModalContainer, Object.assign({ className: modalClasses.overlay, container: container, direction: "down", disableCloseOnBackdropClick: disableCloseOnBackdropClick, disableCloseOnEscapeKeyDown: disableCloseOnEscapeKeyDown, disablePortal: disablePortal, hideBackdrop: hideBackdrop, invisibleBackdrop: invisibleBackdrop, onBackdropClick: onBackdropClick, onClose: onClose, open: open, ref: ref }, { children: jsxs("div", Object.assign({}, rest, { className: cx(modalClasses.host, modalClasses.severity(severity), modalClasses.size(size), {
+    return (jsx(ModalControlContext.Provider, { value: modalControl, children: jsx(ModalContainer, { className: modalClasses.overlay, container: container, direction: "down", disableCloseOnBackdropClick: disableCloseOnBackdropClick, disableCloseOnEscapeKeyDown: disableCloseOnEscapeKeyDown, disablePortal: disablePortal, hideBackdrop: hideBackdrop, invisibleBackdrop: invisibleBackdrop, onBackdropClick: onBackdropClick, onClose: onClose, open: open, ref: ref, children: jsxs("div", { ...rest, className: cx(modalClasses.host, modalClasses.severity(severity), modalClasses.size(size), {
                     [modalClasses.fullScreen]: fullScreen,
                     [modalClasses.withCloseIcon]: !hideCloseIcon,
-                }, className), role: "dialog" }, { children: [children, !hideCloseIcon && (jsx(Icon, { className: modalClasses.closeIcon, icon: TimesIcon, onClick: onClose }, void 0))] }), void 0) }), void 0) }), void 0));
+                }, className), role: "dialog", children: [children, !hideCloseIcon && (jsx(Icon, { className: modalClasses.closeIcon, icon: TimesIcon, onClick: onClose }))] }) }) }));
 });
 var Modal$1 = Modal;
 

package/Modal/ModalActions.js

@@ -12,7 +12,7 @@ const ModalActions = forwardRef(function ModalActions(props, ref) {
     const { cancelButtonProps, cancelText, children, confirmButtonProps, confirmText, hideCancelButton, hideConfirmButton, onCancel, onConfirm, ...rest } = props;
     const { loading, severity, } = useContext(ModalControlContext);
     const danger = severity === 'error';
-    return (jsxs(ModalFooter, Object.assign({}, rest, { ref: ref }, { children: [children, jsx(ConfirmActions, { cancelButtonProps: cancelButtonProps, cancelText: cancelText, className: modalClasses.actions, confirmButtonProps: confirmButtonProps, confirmText: confirmText, danger: danger, hideCancelButton: hideCancelButton, hideConfirmButton: hideConfirmButton, loading: loading, onCancel: onCancel, onConfirm: onConfirm }, void 0)] }), void 0));
+    return (jsxs(ModalFooter, { ...rest, ref: ref, children: [children, jsx(ConfirmActions, { cancelButtonProps: cancelButtonProps, cancelText: cancelText, className: modalClasses.actions, confirmButtonProps: confirmButtonProps, confirmText: confirmText, danger: danger, hideCancelButton: hideCancelButton, hideConfirmButton: hideConfirmButton, loading: loading, onCancel: onCancel, onConfirm: onConfirm })] }));
 });
 var ModalActions$1 = ModalActions;
 

package/Modal/ModalBody.d.ts

@@ -4,5 +4,5 @@ export declare type ModalBodyProps = NativeElementPropsWithoutKeyAndRef<'div'>;
 /**
  * The react component for `mezzanine` modal body.
  */
-declare const ModalBody: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ModalBody: import("react").ForwardRefExoticComponent<ModalBodyProps & import("react").RefAttributes<HTMLDivElement>>;
 export default ModalBody;

package/Modal/ModalBody.js

@@ -8,7 +8,7 @@ import cx from 'clsx';
  */
 const ModalBody = forwardRef(function ModalBody(props, ref) {
     const { children, className, ...rest } = props;
-    return (jsx("div", Object.assign({}, rest, { ref: ref, className: cx(modalClasses.body, className) }, { children: children }), void 0));
+    return (jsx("div", { ...rest, ref: ref, className: cx(modalClasses.body, className), children: children }));
 });
 var ModalBody$1 = ModalBody;
 

package/Modal/ModalFooter.d.ts

@@ -4,5 +4,5 @@ export declare type ModalFooterProps = NativeElementPropsWithoutKeyAndRef<'div'>
 /**
  * The react component for `mezzanine` modal footer.
  */
-declare const ModalFooter: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ModalFooter: import("react").ForwardRefExoticComponent<ModalFooterProps & import("react").RefAttributes<HTMLDivElement>>;
 export default ModalFooter;

package/Modal/ModalFooter.js

@@ -8,7 +8,7 @@ import cx from 'clsx';
  */
 const ModalFooter = forwardRef(function ModalFooter(props, ref) {
     const { children, className, ...rest } = props;
-    return (jsx("div", Object.assign({}, rest, { ref: ref, className: cx(modalClasses.footer, className) }, { children: children }), void 0));
+    return (jsx("div", { ...rest, ref: ref, className: cx(modalClasses.footer, className), children: children }));
 });
 var ModalFooter$1 = ModalFooter;
 

package/Modal/ModalHeader.js

@@ -11,10 +11,9 @@ import cx from 'clsx';
 const ModalHeader = forwardRef(function ModalHeader(props, ref) {
     const { children, className, showSeverityIcon = false, titleLarge = false, ...rest } = props;
     const { severity } = useContext(ModalControlContext);
-    return (jsxs("div", Object.assign({}, rest, { ref: ref, className: cx(modalClasses.header, className) }, { children: [showSeverityIcon && (jsx(Icon, { className: modalClasses.severityIcon, icon: modalSeverityIcons[severity] }, void 0)),
-            jsx("h3", Object.assign({ className: cx(modalClasses.title, {
+    return (jsxs("div", { ...rest, ref: ref, className: cx(modalClasses.header, className), children: [showSeverityIcon && (jsx(Icon, { className: modalClasses.severityIcon, icon: modalSeverityIcons[severity] })), jsx("h3", { className: cx(modalClasses.title, {
                     [modalClasses.titleLarge]: titleLarge,
-                }), title: typeof children === 'string' ? children : undefined }, { children: children }), void 0)] }), void 0));
+                }), title: typeof children === 'string' ? children : undefined, children: children })] }));
 });
 var ModalHeader$1 = ModalHeader;
 

package/Modal/useModalContainer.js

@@ -15,7 +15,7 @@ const defaultOptions = {
 };
 const ModalContainer = forwardRef((props, ref) => {
     const { className = defaultOptions.className, children, container, direction = defaultOptions.direction, disableCloseOnBackdropClick = defaultOptions.disableCloseOnBackdropClick, disableCloseOnEscapeKeyDown = defaultOptions.disableCloseOnEscapeKeyDown, disablePortal = defaultOptions.disablePortal, hideBackdrop = defaultOptions.hideBackdrop, invisibleBackdrop = defaultOptions.invisibleBackdrop, onBackdropClick, onClose, open = defaultOptions.open, } = props;
-    return (jsx(SlideFadeOverlay, Object.assign({ className: className, container: container, direction: direction, disableCloseOnBackdropClick: disableCloseOnBackdropClick, disableCloseOnEscapeKeyDown: disableCloseOnEscapeKeyDown, disablePortal: disablePortal, hideBackdrop: hideBackdrop, invisibleBackdrop: invisibleBackdrop, onBackdropClick: onBackdropClick, onClose: onClose, open: open, ref: ref }, { children: children }), void 0));
+    return (jsx(SlideFadeOverlay, { className: className, container: container, direction: direction, disableCloseOnBackdropClick: disableCloseOnBackdropClick, disableCloseOnEscapeKeyDown: disableCloseOnEscapeKeyDown, disablePortal: disablePortal, hideBackdrop: hideBackdrop, invisibleBackdrop: invisibleBackdrop, onBackdropClick: onBackdropClick, onClose: onClose, open: open, ref: ref, children: children }));
 });
 function useModalContainer() {
     return {

package/Navigation/Navigation.js

@@ -40,9 +40,9 @@ const Navigation = forwardRef((props, ref) => {
             }
         }
     });
-    return (jsx("ul", Object.assign({}, rest, { ref: ref, className: cx(navigationClasses.host, navigationClasses[orientation], className) }, { children: jsx(NavigationContext.Provider, Object.assign({ value: {
+    return (jsx("ul", { ...rest, ref: ref, className: cx(navigationClasses.host, navigationClasses[orientation], className), children: jsx(NavigationContext.Provider, { value: {
                 orientation,
-            } }, { children: ItemChildren }), void 0) }), void 0));
+            }, children: ItemChildren }) }));
 });
 var Navigation$1 = Navigation;
 

package/Navigation/NavigationItem.js

@@ -16,7 +16,7 @@ const NavigationItem = forwardRef((props, ref) => {
             onClick(eventKey);
         }
     }, [eventKey, onClick, orientation]);
-    return (jsxs("li", Object.assign({}, rest, { ref: ref, className: cx(navigationItemClasses.host, active && navigationItemClasses.active, className), role: "menuitem", onClick: handleClick, onKeyDown: () => { } }, { children: [icon && (jsx(Icon, { className: navigationItemClasses.icon, icon: icon }, void 0)), children] }), void 0));
+    return (jsxs("li", { ...rest, ref: ref, className: cx(navigationItemClasses.host, active && navigationItemClasses.active, className), role: "menuitem", onClick: handleClick, onKeyDown: () => { }, children: [icon && (jsx(Icon, { className: navigationItemClasses.icon, icon: icon })), children] }));
 });
 var NavigationItem$1 = NavigationItem;
 

package/Navigation/NavigationSubMenu.js

@@ -54,12 +54,10 @@ const NavigationSubMenu = forwardRef((props, ref) => {
         open,
         orientation,
     ]);
-    const WrapChildren = (jsx("ul", Object.assign({ className: navigationSubMenuClasses.group }, { children: children }), void 0));
-    return (jsxs(NavigationItem, Object.assign({}, rest, { ref: composedNodeRef, className: cx(navigationSubMenuClasses.host, active && navigationSubMenuClasses.active, open && navigationSubMenuClasses.open, (icon && orientation === 'vertical') && navigationSubMenuClasses.indent, className), onClick: () => setOpen(!open) }, { children: [jsxs("div", Object.assign({ className: navigationSubMenuClasses.title }, { children: [icon && (jsx(Icon, { className: navigationSubMenuClasses.icon, icon: icon }, void 0)), title, jsx(Icon, { className: navigationSubMenuClasses.toggleIcon, icon: GroupToggleIcon }, void 0)] }), void 0),
-            orientation === 'horizontal' && (jsx(Popper, Object.assign({ anchor: nodeRef, disablePortal: true, open: !!open, options: popperOptions }, { children: WrapChildren }), void 0)),
-            orientation === 'vertical' && (jsx(Collapse, Object.assign({ style: {
+    const WrapChildren = (jsx("ul", { className: navigationSubMenuClasses.group, children: children }));
+    return (jsxs(NavigationItem, { ...rest, ref: composedNodeRef, className: cx(navigationSubMenuClasses.host, active && navigationSubMenuClasses.active, open && navigationSubMenuClasses.open, (icon && orientation === 'vertical') && navigationSubMenuClasses.indent, className), onClick: () => setOpen(!open), children: [jsxs("div", { className: navigationSubMenuClasses.title, children: [icon && (jsx(Icon, { className: navigationSubMenuClasses.icon, icon: icon })), title, jsx(Icon, { className: navigationSubMenuClasses.toggleIcon, icon: GroupToggleIcon })] }), orientation === 'horizontal' && (jsx(Popper, { anchor: nodeRef, disablePortal: true, open: !!open, options: popperOptions, children: WrapChildren })), orientation === 'vertical' && (jsx(Collapse, { style: {
                     width: '100%',
-                }, in: !!open }, { children: WrapChildren }), void 0))] }), void 0));
+                }, in: !!open, children: WrapChildren }))] }));
 });
 var NavigationSubMenu$1 = NavigationSubMenu;
 

package/Notification/Notification.js

@@ -50,16 +50,11 @@ const Notification = ((props) => {
         }
         Notification.remove(reference);
     };
-    return (jsx(SlideFade, Object.assign({ in: open, appear: true, onExited: onExited, direction: direction }, restTransitionProps, { children: jsxs("div", Object.assign({ className: cx(notificationClasses.host, severity ? notificationClasses.severity(severity) : undefined) }, { children: [targetIcon ? (jsx("div", Object.assign({ className: notificationClasses.iconContainer }, { children: jsx(Icon, { icon: targetIcon, className: notificationClasses.severityIcon }, void 0) }), void 0)) : null,
-                jsxs("div", Object.assign({ className: notificationClasses.body }, { children: [jsx("h4", Object.assign({ className: notificationClasses.title }, { children: title }), void 0),
-                        jsx("div", Object.assign({ className: notificationClasses.content }, { children: children }), void 0),
-                        onConfirm && !severity ? (jsxs(ButtonGroup, Object.assign({ className: notificationClasses.action }, { children: [jsx(Button, Object.assign({ variant: "contained", onClick: onConfirm }, { children: confirmText }), void 0),
-                                jsx(Button, Object.assign({ variant: "outlined", onClick: onCancel || onClose }, { children: cancelText }), void 0)] }), void 0)) : null] }), void 0),
-                jsx(Icon, { icon: TimesIcon, className: notificationClasses.closeIcon, onClick: onClose }, void 0)] }), void 0) }), void 0));
+    return (jsx(SlideFade, { in: open, appear: true, onExited: onExited, direction: direction, ...restTransitionProps, children: jsxs("div", { className: cx(notificationClasses.host, severity ? notificationClasses.severity(severity) : undefined), children: [targetIcon ? (jsx("div", { className: notificationClasses.iconContainer, children: jsx(Icon, { icon: targetIcon, className: notificationClasses.severityIcon }) })) : null, jsxs("div", { className: notificationClasses.body, children: [jsx("h4", { className: notificationClasses.title, children: title }), jsx("div", { className: notificationClasses.content, children: children }), onConfirm && !severity ? (jsxs(ButtonGroup, { className: notificationClasses.action, children: [jsx(Button, { variant: "contained", onClick: onConfirm, children: confirmText }), jsx(Button, { variant: "outlined", onClick: onCancel || onClose, children: cancelText })] })) : null] }), jsx(Icon, { icon: TimesIcon, className: notificationClasses.closeIcon, onClick: onClose })] }) }));
 });
 const { add, config, destroy, remove, } = createNotifier({
     duration: false,
-    render: (notif) => jsx(Notification, Object.assign({}, notif), void 0),
+    render: (notif) => jsx(Notification, { ...notif }),
     setRoot: (root) => {
         root.setAttribute('class', notificationClasses.root);
     },

package/Notifier/NotifierManager.js

@@ -25,7 +25,7 @@ function NotifierManager(props) {
         },
     }), []);
     useImperativeHandle(controllerRef, () => controller, [controller]);
-    return (jsx(Fragment, { children: notifiersShouldRendered.map((notifier) => (jsx(Fragment$1, { children: render(notifier) }, notifier.key))) }, void 0));
+    return (jsx(Fragment, { children: notifiersShouldRendered.map((notifier) => (jsx(Fragment$1, { children: render(notifier) }, notifier.key))) }));
 }
 
 export { NotifierManager as default };

package/Notifier/createNotifier.js

@@ -37,7 +37,7 @@ function createNotifier(props) {
                 controllerRef.current.add(resolvedNotifier);
             }
             else {
-                render((jsx(NotifierManager, { controllerRef: controllerRef, defaultNotifiers: [resolvedNotifier], maxCount: currentConfig.maxCount, render: renderNotifier }, void 0)), root);
+                render((jsx(NotifierManager, { controllerRef: controllerRef, defaultNotifiers: [resolvedNotifier], maxCount: currentConfig.maxCount, render: renderNotifier })), root);
             }
             return resolvedNotifier.key;
         },

package/Overlay/Overlay.js

@@ -11,10 +11,10 @@ import cx from 'clsx';
 const Overlay = forwardRef(function Overlay(props, ref) {
     const { children, className, container, disableCloseOnBackdropClick = false, disablePortal, hideBackdrop = false, invisibleBackdrop = false, onBackdropClick, onClose, onSurface, open = false, ...rest } = props;
     const fixedAtBody = Boolean(!container);
-    return (jsx(Portal, Object.assign({ container: container, disablePortal: disablePortal }, { children: jsxs("div", Object.assign({}, rest, { ref: ref, className: cx(overlayClasses.host, {
+    return (jsx(Portal, { container: container, disablePortal: disablePortal, children: jsxs("div", { ...rest, ref: ref, className: cx(overlayClasses.host, {
                 [overlayClasses.hostFixed]: fixedAtBody,
                 [overlayClasses.hostOpen]: open,
-            }, className) }, { children: [hideBackdrop ? null : (jsx(Fade, Object.assign({ in: open }, { children: jsx("div", { "aria-hidden": true, className: cx(overlayClasses.backdrop, {
+            }, className), children: [hideBackdrop ? null : (jsx(Fade, { in: open, children: jsx("div", { "aria-hidden": true, className: cx(overlayClasses.backdrop, {
                             [overlayClasses.backdropFixed]: fixedAtBody,
                             [overlayClasses.invisible]: invisibleBackdrop,
                             [overlayClasses.backdropOnSurface]: onSurface,
@@ -25,7 +25,7 @@ const Overlay = forwardRef(function Overlay(props, ref) {
                             if (onBackdropClick) {
                                 onBackdropClick(event);
                             }
-                        } }, void 0) }), void 0)), children] }), void 0) }), void 0));
+                        } }) })), children] }) }));
 });
 var Overlay$1 = Overlay;
 

package/PageFooter/PageFooter.js

@@ -6,8 +6,7 @@ import cx from 'clsx';
 
 const PageFooter = forwardRef(function PageFooter(props, ref) {
     const { className, actionClassName, cancelButtonProps, cancelText, children, danger, loading, confirmButtonProps, confirmText, hideCancelButton, hideConfirmButton, onCancel, onConfirm, ...rest } = props;
-    return (jsxs("footer", Object.assign({ ref: ref }, rest, { className: cx(pageFooterClasses.host, className) }, { children: [jsx("div", Object.assign({ className: actionClassName }, { children: children }), void 0),
-            jsx(ConfirmActions, { cancelText: cancelText, confirmText: confirmText, cancelButtonProps: cancelButtonProps, confirmButtonProps: confirmButtonProps, danger: danger, hideCancelButton: hideCancelButton, hideConfirmButton: hideConfirmButton, loading: loading, onCancel: onCancel, onConfirm: onConfirm }, void 0)] }), void 0));
+    return (jsxs("footer", { ref: ref, ...rest, className: cx(pageFooterClasses.host, className), children: [jsx("div", { className: actionClassName, children: children }), jsx(ConfirmActions, { cancelText: cancelText, confirmText: confirmText, cancelButtonProps: cancelButtonProps, confirmButtonProps: confirmButtonProps, danger: danger, hideCancelButton: hideCancelButton, hideConfirmButton: hideConfirmButton, loading: loading, onCancel: onCancel, onConfirm: onConfirm })] }));
 });
 var PageFooter$1 = PageFooter;
 

package/Pagination/Pagination.js

@@ -10,7 +10,7 @@ import cx from 'clsx';
  * The react component for `mezzanine` pagination.
  */
 const Pagination = forwardRef((props, ref) => {
-    const { className, boundaryCount = 1, buttonText, current = 1, disabled = false, hideNextButton = false, hidePreviousButton = false, hintText, inputPlaceholder, itemRender = (item) => jsx(PaginationItem, Object.assign({}, item), void 0), onChange, pageSize = 5, showJumper = false, siblingCount = 1, total = 0, ...rest } = props;
+    const { className, boundaryCount = 1, buttonText, current = 1, disabled = false, hideNextButton = false, hidePreviousButton = false, hintText, inputPlaceholder, itemRender = (item) => jsx(PaginationItem, { ...item }), onChange, pageSize = 5, showJumper = false, siblingCount = 1, total = 0, ...rest } = props;
     const { items } = usePagination({
         boundaryCount,
         current,
@@ -22,8 +22,7 @@ const Pagination = forwardRef((props, ref) => {
         siblingCount,
         total,
     });
-    return (jsx("nav", Object.assign({}, rest, { ref: ref, "aria-label": "pagination navigation", className: cx(paginationClasses.host, className) }, { children: jsxs("ul", Object.assign({ className: paginationClasses.container }, { children: [items.map((item, index) => (jsx("li", Object.assign({ className: paginationClasses.item }, { children: itemRender(item) }), index))),
-                showJumper && (jsx("li", Object.assign({ className: paginationClasses.jumper }, { children: jsx(PaginationJumper, { buttonText: buttonText, disabled: disabled, hintText: hintText, inputPlaceholder: inputPlaceholder, onChange: onChange, pageSize: pageSize, total: total }, void 0) }), void 0))] }), void 0) }), void 0));
+    return (jsx("nav", { ...rest, ref: ref, "aria-label": "pagination navigation", className: cx(paginationClasses.host, className), children: jsxs("ul", { className: paginationClasses.container, children: [items.map((item, index) => (jsx("li", { className: paginationClasses.item, children: itemRender(item) }, index))), showJumper && (jsx("li", { className: paginationClasses.jumper, children: jsx(PaginationJumper, { buttonText: buttonText, disabled: disabled, hintText: hintText, inputPlaceholder: inputPlaceholder, onChange: onChange, pageSize: pageSize, total: total }) }))] }) }));
 });
 var Pagination$1 = Pagination;
 

package/Pagination/PaginationItem.js

@@ -12,13 +12,13 @@ const PaginationItem = forwardRef((props, ref) => {
         previous: ChevronLeftIcon,
     };
     const ButtonIcon = icons[type];
-    return type === 'ellipsis' ? (jsx("div", Object.assign({}, rest, { ref: ref, className: cx(paginationItemClasses.host, paginationItemClasses.ellipsis, {
+    return type === 'ellipsis' ? (jsx("div", { ...rest, ref: ref, className: cx(paginationItemClasses.host, paginationItemClasses.ellipsis, {
             [paginationItemClasses.disabled]: disabled,
-        }, className) }, { children: "..." }), void 0)) : (createElement("button", Object.assign({}, rest, { ref: ref, key: page, disabled: disabled, className: cx(paginationItemClasses.host, paginationItemClasses.button, {
+        }, className), children: "..." })) : (createElement("button", { ...rest, ref: ref, key: page, disabled: disabled, className: cx(paginationItemClasses.host, paginationItemClasses.button, {
             [paginationItemClasses.active]: active,
             [paginationItemClasses.disabled]: disabled,
-        }, className), type: "button" }),
-        ButtonIcon && jsx(Icon, { icon: ButtonIcon }, void 0),
+        }, className), type: "button" },
+        ButtonIcon && jsx(Icon, { icon: ButtonIcon }),
         type === 'page' && page));
 });
 var PaginationItem$1 = PaginationItem;