@mezzanine-ui/react 0.9.2 → 0.10.2

package/Textarea/Textarea.d.ts

@@ -2,7 +2,7 @@ import { Ref, ChangeEventHandler } from 'react';
 import { TextareaSize } from '@mezzanine-ui/core/textarea';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 import { TextFieldProps } from '../TextField';
-export interface TextareaProps extends Omit<TextFieldProps, 'active' | 'children' | 'onClear' | 'prefix' | 'suffix'> {
+export interface TextareaProps extends Omit<TextFieldProps, 'active' | 'children' | 'onClear' | 'prefix' | 'suffix' | 'suffixActionIcon'> {
     /**
      * The default value of textarea.
      */

package/Textarea/Textarea.js

@@ -3,6 +3,7 @@ import { forwardRef, useContext, useRef } from 'react';
 import { textareaClasses } from '@mezzanine-ui/core/textarea';
 import { useComposeRefs } from '../hooks/useComposeRefs.js';
 import { useInputWithClearControlValue } from '../Form/useInputWithClearControlValue.js';
+import { MezzanineConfig } from '../Provider/context.js';
 import TextField from '../TextField/TextField.js';
 import { FormControlContext } from '../Form/FormControlContext.js';
 import cx from 'clsx';
@@ -11,8 +12,9 @@ import cx from 'clsx';
  * The react component for `mezzanine` textarea.
  */
 const Textarea = forwardRef(function Textarea(props, ref) {
+    const { size: globalSize, } = useContext(MezzanineConfig);
     const { disabled: disabledFromFormControl, fullWidth: fullWidthFromFormControl, required: requiredFromFormControl, severity, } = useContext(FormControlContext) || {};
-    const { className, clearable = false, defaultValue, disabled = disabledFromFormControl || false, error = severity === 'error' || false, fullWidth = fullWidthFromFormControl || false, maxLength, onChange: onChangeProp, placeholder, readOnly = false, required = requiredFromFormControl || false, rows, size = 'medium', textareaRef: textareaRefProp, textareaProps, value: valueProp, } = props;
+    const { className, clearable = false, defaultValue, disabled = disabledFromFormControl || false, error = severity === 'error' || false, fullWidth = fullWidthFromFormControl || false, maxLength, onChange: onChangeProp, placeholder, readOnly = false, required = requiredFromFormControl || false, rows, size = globalSize, textareaRef: textareaRefProp, textareaProps, value: valueProp, } = props;
     const textareaRef = useRef(null);
     const [value, onChange, onClear,] = useInputWithClearControlValue({
         defaultValue,
@@ -24,10 +26,9 @@ const Textarea = forwardRef(function Textarea(props, ref) {
     const active = !!value;
     const currentLength = value.length;
     const upperLimit = typeof maxLength === 'number' && currentLength >= maxLength;
-    return (jsxs(TextField, Object.assign({ ref: ref, active: active, className: cx(textareaClasses.host, {
+    return (jsxs(TextField, { ref: ref, active: active, className: cx(textareaClasses.host, {
             [textareaClasses.upperLimit]: upperLimit,
-        }, className), clearable: clearable, disabled: disabled, error: error, fullWidth: fullWidth, onClear: onClear, size: size }, { children: [jsx("textarea", Object.assign({}, textareaProps, { ref: composedTextareaRef, "aria-disabled": disabled, "aria-multiline": true, "aria-readonly": readOnly, "aria-required": required, disabled: disabled, maxLength: maxLength, onChange: onChange, placeholder: placeholder, readOnly: readOnly, required: required, rows: rows, value: value }), void 0),
-            typeof maxLength === 'number' && (jsxs("span", Object.assign({ className: textareaClasses.count }, { children: [value.length, "/", maxLength] }), void 0))] }), void 0));
+        }, className), clearable: clearable, disabled: disabled, error: error, fullWidth: fullWidth, onClear: onClear, size: size, children: [jsx("textarea", { ...textareaProps, ref: composedTextareaRef, "aria-disabled": disabled, "aria-multiline": true, "aria-readonly": readOnly, "aria-required": required, disabled: disabled, maxLength: maxLength, onChange: onChange, placeholder: placeholder, readOnly: readOnly, required: required, rows: rows, value: value }), typeof maxLength === 'number' && (jsxs("span", { className: textareaClasses.count, children: [value.length, "/", maxLength] }))] }));
 });
 var Textarea$1 = Textarea;
 

package/TimePanel/TimePanel.js

@@ -58,10 +58,7 @@ const TimePanel = forwardRef(function TimePanel(props, ref) {
             onChange(result);
         };
     }
-    return (jsxs("div", Object.assign({}, restHostProps, { ref: ref, className: cx(timePanelClasses.host, className) }, { children: [jsxs("div", Object.assign({ className: timePanelClasses.columns }, { children: [!hideHour && hourUnits && (jsx(TimePanelColumn, { prefix: hourPrefix, units: hourUnits, activeUnit: activeHour, onChange: getChangeHandle('hour'), onNext: getControlHandle('hour', hourUnits, hourStep), onPrev: getControlHandle('hour', hourUnits, -hourStep) }, void 0)),
-                    !hideMinute && minuteUnits && (jsx(TimePanelColumn, { prefix: minutePrefix, units: minuteUnits, activeUnit: activeMinute, onChange: getChangeHandle('minute'), onNext: getControlHandle('minute', minuteUnits, minuteStep), onPrev: getControlHandle('minute', minuteUnits, -minuteStep) }, void 0)),
-                    !hideSecond && secondUnits && (jsx(TimePanelColumn, { prefix: secondPrefix, units: secondUnits, activeUnit: activeSecond, onChange: getChangeHandle('second'), onNext: getControlHandle('second', secondUnits, secondStep), onPrev: getControlHandle('second', secondUnits, -secondStep) }, void 0))] }), void 0),
-            !withoutAction && (jsx(TimePanelAction, { onConfirm: onConfirm, confirmText: confirmText }, void 0))] }), void 0));
+    return (jsxs("div", { ...restHostProps, ref: ref, className: cx(timePanelClasses.host, className), children: [jsxs("div", { className: timePanelClasses.columns, children: [!hideHour && hourUnits && (jsx(TimePanelColumn, { prefix: hourPrefix, units: hourUnits, activeUnit: activeHour, onChange: getChangeHandle('hour'), onNext: getControlHandle('hour', hourUnits, hourStep), onPrev: getControlHandle('hour', hourUnits, -hourStep) })), !hideMinute && minuteUnits && (jsx(TimePanelColumn, { prefix: minutePrefix, units: minuteUnits, activeUnit: activeMinute, onChange: getChangeHandle('minute'), onNext: getControlHandle('minute', minuteUnits, minuteStep), onPrev: getControlHandle('minute', minuteUnits, -minuteStep) })), !hideSecond && secondUnits && (jsx(TimePanelColumn, { prefix: secondPrefix, units: secondUnits, activeUnit: activeSecond, onChange: getChangeHandle('second'), onNext: getControlHandle('second', secondUnits, secondStep), onPrev: getControlHandle('second', secondUnits, -secondStep) }))] }), !withoutAction && (jsx(TimePanelAction, { onConfirm: onConfirm, confirmText: confirmText }))] }));
 });
 var TimePanel$1 = TimePanel;
 

package/TimePanel/TimePanelAction.js

@@ -9,7 +9,7 @@ import cx from 'clsx';
  */
 const TimePanelAction = forwardRef(function TimePanelAction(props, ref) {
     const { className, confirmText = 'OK', onConfirm, ...rest } = props;
-    return (jsx("div", Object.assign({}, rest, { ref: ref, className: cx(timePanelClasses.action, className) }, { children: jsx(Button, Object.assign({ variant: "contained", size: "small", onClick: onConfirm }, { children: confirmText }), void 0) }), void 0));
+    return (jsx("div", { ...rest, ref: ref, className: cx(timePanelClasses.action, className), children: jsx(Button, { variant: "contained", size: "small", onClick: onConfirm, children: confirmText }) }));
 });
 var TimePanelAction$1 = TimePanelAction;
 

package/TimePanel/TimePanelColumn.js

@@ -29,12 +29,9 @@ const TimePanelColumn = forwardRef(function TimePanelColumn(props, ref) {
         }
         prevetSmoothScrollTo.current = false;
     }, [activeUnit, cellHeight, units]);
-    return (jsxs("div", Object.assign({ ref: ref, className: timePanelClasses.column }, { children: [prefix && jsx("div", Object.assign({ className: timePanelClasses.columnPrefix }, { children: prefix }), void 0),
-            jsx("button", Object.assign({ type: "button", className: cx(timePanelClasses.button, timePanelClasses.columnControlButton), onClick: onPrev }, { children: jsx(Icon, { icon: ChevronUpIcon }, void 0) }), void 0),
-            jsx("div", Object.assign({ ref: cellsRef, className: timePanelClasses.columnCells }, { children: units.map((unit) => (jsx("button", Object.assign({ type: "button", className: cx(timePanelClasses.button, timePanelClasses.columnButton, {
+    return (jsxs("div", { ref: ref, className: timePanelClasses.column, children: [prefix && jsx("div", { className: timePanelClasses.columnPrefix, children: prefix }), jsx("button", { type: "button", className: cx(timePanelClasses.button, timePanelClasses.columnControlButton), onClick: onPrev, children: jsx(Icon, { icon: ChevronUpIcon }) }), jsx("div", { ref: cellsRef, className: timePanelClasses.columnCells, children: units.map((unit) => (jsx("button", { type: "button", className: cx(timePanelClasses.button, timePanelClasses.columnButton, {
                         [timePanelClasses.buttonActive]: unit.value === activeUnit,
-                    }), onClick: getChangeHandler(unit) }, { children: unit.label }), unit.value))) }), void 0),
-            jsx("button", Object.assign({ type: "button", className: cx(timePanelClasses.button, timePanelClasses.columnControlButton), onClick: onNext }, { children: jsx(Icon, { icon: ChevronDownIcon }, void 0) }), void 0)] }), void 0));
+                    }), onClick: getChangeHandler(unit), children: unit.label }, unit.value))) }), jsx("button", { type: "button", className: cx(timePanelClasses.button, timePanelClasses.columnControlButton), onClick: onNext, children: jsx(Icon, { icon: ChevronDownIcon }) })] }));
 });
 var TimePanelColumn$1 = TimePanelColumn;
 

package/TimePicker/TimePicker.js

@@ -106,9 +106,8 @@ const TimePicker = forwardRef(function TimePicker(props, ref) {
         }
         onPanelToggle(!open);
     };
-    const suffixActionIcon = (jsx(Icon, { icon: ClockIcon, onClick: onIconClick }, void 0));
-    return (jsxs(Fragment, { children: [jsx(PickerTrigger, { ref: triggerComposedRef, className: className, clearable: clearable, disabled: disabled, error: error, fullWidth: fullWidth, inputProps: resolvedInputProps, inputRef: inputRef, onChange: onInputChange, onClear: onClear, placeholder: placeholder, prefix: prefix, readOnly: readOnly, required: required, size: sizeProp, suffixActionIcon: suffixActionIcon, value: inputValue }, void 0),
-            jsx(TimePickerPanel, { ref: panelRef, anchor: anchorRef, confirmText: confirmText, hideHour: hideHour, hideMinute: hideMinute, hideSecond: hideSecond, hourPrefix: hourPrefix, hourStep: hourStep, minutePrefix: minutePrefix, minuteStep: minuteStep, onChange: onChange, onConfirm: onConfirm, open: open, popperProps: popperProps, secondPrefix: secondPrefix, secondStep: secondStep, value: internalValue }, void 0)] }, void 0));
+    const suffixActionIcon = (jsx(Icon, { icon: ClockIcon, onClick: onIconClick }));
+    return (jsxs(Fragment, { children: [jsx(PickerTrigger, { ref: triggerComposedRef, className: className, clearable: clearable, disabled: disabled, error: error, fullWidth: fullWidth, inputProps: resolvedInputProps, inputRef: inputRef, onChange: onInputChange, onClear: onClear, placeholder: placeholder, prefix: prefix, readOnly: readOnly, required: required, size: sizeProp, suffixActionIcon: suffixActionIcon, value: inputValue }), jsx(TimePickerPanel, { ref: panelRef, anchor: anchorRef, confirmText: confirmText, hideHour: hideHour, hideMinute: hideMinute, hideSecond: hideSecond, hourPrefix: hourPrefix, hourStep: hourStep, minutePrefix: minutePrefix, minuteStep: minuteStep, onChange: onChange, onConfirm: onConfirm, open: open, popperProps: popperProps, secondPrefix: secondPrefix, secondStep: secondStep, value: internalValue })] }));
 });
 var TimePicker$1 = TimePicker;
 

package/TimePicker/TimePickerPanel.js

@@ -8,7 +8,7 @@ import TimePanel from '../TimePanel/TimePanel.js';
  */
 const TimePickerPanel = forwardRef(function TimePickerPanel(props, ref) {
     const { anchor, confirmText, fadeProps, hideHour, hideMinute, hideSecond, hourPrefix, hourStep, minutePrefix, minuteStep, onChange, onConfirm, open, popperProps, secondPrefix, secondStep, value, ...restHostProps } = props;
-    return (jsx(InputTriggerPopper, Object.assign({}, popperProps, { ref: ref, anchor: anchor, open: open, fadeProps: fadeProps }, { children: jsx(TimePanel, Object.assign({}, restHostProps, { hideHour: hideHour, hourStep: hourStep, hideMinute: hideMinute, minuteStep: minuteStep, hideSecond: hideSecond, secondStep: secondStep, hourPrefix: hourPrefix, minutePrefix: minutePrefix, secondPrefix: secondPrefix, onChange: onChange, value: value, onConfirm: onConfirm, confirmText: confirmText }), void 0) }), void 0));
+    return (jsx(InputTriggerPopper, { ...popperProps, ref: ref, anchor: anchor, open: open, fadeProps: fadeProps, children: jsx(TimePanel, { ...restHostProps, hideHour: hideHour, hourStep: hourStep, hideMinute: hideMinute, minuteStep: minuteStep, hideSecond: hideSecond, secondStep: secondStep, hourPrefix: hourPrefix, minutePrefix: minutePrefix, secondPrefix: secondPrefix, onChange: onChange, value: value, onConfirm: onConfirm, confirmText: confirmText }) }));
 });
 var TimePickerPanel$1 = TimePickerPanel;
 

package/Tooltip/Tooltip.js

@@ -25,13 +25,13 @@ const Tooltip = forwardRef(function Tooltip(props, ref) {
     });
     /** tooltip shown only when title existed && visible is true */
     const isTooltipVisible = open || (visible && Boolean(title));
-    return (jsxs(Fragment, { children: [jsx(Popper, Object.assign({}, rest, { ref: composedRef, anchor: anchorProp || anchor, className: cx(tooltipClasses.host, className), onMouseEnter: onPopperEnter, onMouseLeave: onLeave, open: isTooltipVisible, options: {
+    return (jsxs(Fragment, { children: [jsx(Popper, { ...rest, ref: composedRef, anchor: anchorProp || anchor, className: cx(tooltipClasses.host, className), onMouseEnter: onPopperEnter, onMouseLeave: onLeave, open: isTooltipVisible, options: {
                     ...options,
                     modifiers: [...modifiers, offsetModifier],
-                } }, { children: title }), void 0), typeof children === 'function' && children({
+                }, children: title }), typeof children === 'function' && children({
                 onMouseEnter: onTargetEnter,
                 onMouseLeave: onLeave,
-            })] }, void 0));
+            })] }));
 });
 var Tooltip$1 = Tooltip;
 

package/Transition/Collapse.js

@@ -97,11 +97,12 @@ const Collapse = forwardRef(function Collapse(props, ref) {
                 onExited(node);
             }
         },
+        /* eslint-enable no-param-reassign */
     };
-    return (jsx(Transition, Object.assign({}, transitionProps, { children: (state) => (jsx("div", Object.assign({}, rest, { ref: composedNodeRef, style: {
+    return (jsx(Transition, { ...transitionProps, children: (state) => (jsx("div", { ...rest, ref: composedNodeRef, style: {
                 ...getStyle(state, inProp, collapsedHeight),
                 ...style,
-            } }, { children: jsx("div", Object.assign({ ref: wrapperRef, style: { display: 'flex', width: '100%' } }, { children: jsx("div", Object.assign({ style: { width: '100%' } }, { children: children }), void 0) }), void 0) }), void 0)) }), void 0));
+            }, children: jsx("div", { ref: wrapperRef, style: { display: 'flex', width: '100%' }, children: jsx("div", { style: { width: '100%' }, children: children }) }) })) }));
 });
 var Collapse$1 = Collapse;
 

package/Transition/Fade.js

@@ -71,14 +71,14 @@ const Fade = forwardRef(function Fade(props, ref) {
             }
         },
     };
-    return (jsx(Transition, Object.assign({}, transitionProps, { children: children && ((state) => cloneElement(children, {
+    return (jsx(Transition, { ...transitionProps, children: children && ((state) => cloneElement(children, {
             ...children.props,
             ref: composedNodeRef,
             style: {
                 ...getStyle(state, inProp),
                 ...children.props.style,
             },
-        })) }), void 0));
+        })) }));
 });
 var Fade$1 = Fade;
 

package/Transition/Grow.js

@@ -96,8 +96,9 @@ const Grow = forwardRef(function Grow(props, ref) {
                 onExited(node);
             }
         },
+        /* eslint-enable no-param-reassign */
     };
-    return (jsx(Transition, Object.assign({}, transitionProps, { children: children && ((state) => cloneElement(children, {
+    return (jsx(Transition, { ...transitionProps, children: children && ((state) => cloneElement(children, {
             ...children.props,
             ref: composedNodeRef,
             style: {
@@ -106,7 +107,7 @@ const Grow = forwardRef(function Grow(props, ref) {
                 transformOrigin,
                 ...children.props.style,
             },
-        })) }), void 0));
+        })) }));
 });
 var Grow$1 = Grow;
 

package/Transition/SlideFade.js

@@ -80,14 +80,14 @@ const SlideFade = forwardRef(function SlideFade(props, ref) {
             }
         },
     };
-    return (jsx(Transition, Object.assign({}, transitionProps, { children: children && ((state) => cloneElement(children, {
+    return (jsx(Transition, { ...transitionProps, children: children && ((state) => cloneElement(children, {
             ...children.props,
             ref: composedNodeRef,
             style: {
                 ...getStyle(state, inProp, direction),
                 ...children.props.style,
             },
-        })) }), void 0));
+        })) }));
 });
 var SlideFade$1 = SlideFade;
 

package/Transition/Transition.js

@@ -19,9 +19,9 @@ function Transition(props) {
     };
     return (jsx(ReactTransition
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    , Object.assign({ 
+    , { 
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        addEndListener: addNodeToCallback(addEndListener), appear: appear, in: inProp, mountOnEnter: lazyMount, nodeRef: nodeRef, onEnter: addNodeToCallback(onEnter), onEntering: addNodeToCallback(onEntering), onEntered: addNodeToCallback(onEntered), onExit: addNodeToCallback(onExit), onExiting: addNodeToCallback(onExiting), onExited: addNodeToCallback(onExited), timeout: duration === 'auto' ? undefined : duration, unmountOnExit: !keepMount }, { children: children }), void 0));
+        addEndListener: addNodeToCallback(addEndListener), appear: appear, in: inProp, mountOnEnter: lazyMount, nodeRef: nodeRef, onEnter: addNodeToCallback(onEnter), onEntering: addNodeToCallback(onEntering), onEntered: addNodeToCallback(onEntered), onExit: addNodeToCallback(onExit), onExiting: addNodeToCallback(onExiting), onExited: addNodeToCallback(onExited), timeout: duration === 'auto' ? undefined : duration, unmountOnExit: !keepMount, children: children }));
 }
 
 export { Transition as default };

package/Transition/Zoom.js

@@ -71,14 +71,14 @@ const Zoom = forwardRef(function Zoom(props, ref) {
             }
         },
     };
-    return (jsx(Transition, Object.assign({}, transitionProps, { children: children && ((state) => cloneElement(children, {
+    return (jsx(Transition, { ...transitionProps, children: children && ((state) => cloneElement(children, {
             ...children.props,
             ref: composedNodeRef,
             style: {
                 ...getStyle(state, inProp),
                 ...children.props.style,
             },
-        })) }), void 0));
+        })) }));
 });
 var Zoom$1 = Zoom;
 

package/Tree/Tree.js

@@ -125,7 +125,7 @@ const Tree = forwardRef(function Tree(props, ref) {
         : undefined;
     const selectHandler = multiple ? onMultipleSelect : onSingleSelect;
     const onSelect = selectable ? selectHandler : undefined;
-    return (jsx("div", Object.assign({ ref: ref, className: cx(treeClasses.host, className) }, restRootProp, { children: jsx(TreeNodeList, Object.assign({}, treeNodeListProps, { multiple: multiple, nodes: displayNodes, onExpand: onExpand, onSelect: onSelect, selectable: selectable, size: size, treeNodeProps: treeNodeProps, treeNodeRefs: treeNodeRefs }), void 0) }), void 0));
+    return (jsx("div", { ref: ref, className: cx(treeClasses.host, className), ...restRootProp, children: jsx(TreeNodeList, { ...treeNodeListProps, multiple: multiple, nodes: displayNodes, onExpand: onExpand, onSelect: onSelect, selectable: selectable, size: size, treeNodeProps: treeNodeProps, treeNodeRefs: treeNodeRefs }) }));
 });
 var Tree$1 = Tree;
 

package/Tree/TreeNode.js

@@ -1,8 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { treeClasses } from '@mezzanine-ui/core/tree';
 import { CaretRightIcon } from '@mezzanine-ui/icons';
-import { forwardRef, useMemo } from 'react';
+import { forwardRef, useContext, useMemo } from 'react';
 import Typography from '../Typography/Typography.js';
+import { MezzanineConfig } from '../Provider/context.js';
 import Icon from '../Icon/Icon.js';
 import Checkbox from '../Checkbox/Checkbox.js';
 import Collapse from '../Transition/Collapse.js';
@@ -12,7 +13,8 @@ import cx from 'clsx';
  * The react component for `mezzanine` tree node.
  */
 const TreeNode = forwardRef(function TreeNode(props, ref) {
-    const { children, className, disabled, expanded, indeterminate, label, multiple = false, onExpand: onExpandProp, onSelect: onSelectProp, selectable = false, selected, size = 'medium', value, ...restRootProps } = props;
+    const { size: globalSize, } = useContext(MezzanineConfig);
+    const { children, className, disabled, expanded, indeterminate, label, multiple = false, onExpand: onExpandProp, onSelect: onSelectProp, selectable = false, selected, size = globalSize, value, ...restRootProps } = props;
     const variant = useMemo(() => {
         if (size === 'small') {
             return 'input3';
@@ -24,18 +26,16 @@ const TreeNode = forwardRef(function TreeNode(props, ref) {
     }, [size]);
     const onExpand = onExpandProp ? () => { onExpandProp(value); } : undefined;
     const onSelect = selectable && onSelectProp && !disabled ? () => { onSelectProp(value); } : undefined;
-    return (jsxs("li", Object.assign({ ref: ref }, restRootProps, { className: cx(treeClasses.node, treeClasses.nodeSize(size), className) }, { children: [jsxs("div", Object.assign({ className: treeClasses.nodeStem }, { children: [children ? (jsx(Icon, { icon: CaretRightIcon, className: cx(treeClasses.nodeCaret, {
+    return (jsxs("li", { ref: ref, ...restRootProps, className: cx(treeClasses.node, treeClasses.nodeSize(size), className), children: [jsxs("div", { className: treeClasses.nodeStem, children: [children ? (jsx(Icon, { icon: CaretRightIcon, className: cx(treeClasses.nodeCaret, {
                             [treeClasses.nodeCaretExpanded]: expanded,
-                        }), role: "button", onClick: onExpand }, void 0)) : (jsx("div", {}, void 0)),
-                    multiple
-                        ? (jsx(Checkbox, Object.assign({ checked: !!selected, disabled: disabled, indeterminate: indeterminate, onChange: onSelect, size: size, value: `${value}` }, { children: label }), void 0))
-                        : (jsx(Typography, Object.assign({ component: "span", variant: variant, onClick: onSelect, className: cx(treeClasses.nodeLabel, {
+                        }), role: "button", onClick: onExpand })) : (jsx("div", {})), multiple
+                        ? (jsx(Checkbox, { checked: !!selected, disabled: disabled, indeterminate: indeterminate, onChange: onSelect, size: size, value: `${value}`, children: label }))
+                        : (jsx(Typography, { component: "span", variant: variant, onClick: onSelect, className: cx(treeClasses.nodeLabel, {
                                 [treeClasses.nodeLabelSelectable]: !children && selectable,
                                 [treeClasses.nodeLabelIndeterminate]: indeterminate,
                                 [treeClasses.nodeLabelActive]: selected,
                                 [treeClasses.nodeLabelDisabled]: disabled,
-                            }) }, { children: label }), void 0))] }), void 0),
-            children && (jsx(Collapse, Object.assign({ in: expanded, appear: false }, { children: children }), void 0))] }), void 0));
+                            }), children: label }))] }), children && (jsx(Collapse, { in: expanded, appear: false, children: children }))] }));
 });
 var TreeNode$1 = TreeNode;
 

package/Tree/TreeNodeList.js

@@ -19,11 +19,12 @@ const TreeNodeList = forwardRef((props, ref) => {
         : undefined;
     if (!(nodes === null || nodes === void 0 ? void 0 : nodes.length))
         return null;
-    return (jsx("ul", Object.assign({}, restRootProp, { ref: ref, className: cx(treeClasses.nodeList, treeClasses.nodeListSize(size), className) }, { children: nodes.map((node) => {
+    return (jsx("ul", { ...restRootProp, ref: ref, className: cx(treeClasses.nodeList, treeClasses.nodeListSize(size), className), children: nodes.map((node) => {
             const { value, nodes: siblingNodes, ...restNodeProps } = node;
-            return (jsx(TreeNode, Object.assign({ ref: getNodeRefHandler === null || getNodeRefHandler === void 0 ? void 0 : getNodeRefHandler(value) }, treeNodeProps, { multiple: multiple, onExpand: onExpand, onSelect: onSelect, selectable: selectable, size: size, value: value }, restNodeProps, { children: (siblingNodes === null || siblingNodes === void 0 ? void 0 : siblingNodes.length) ? (jsx(TreeNodeList, Object.assign({}, restRootProp, { className: className, multiple: multiple, nodes: siblingNodes, onExpand: onExpand, onSelect: onSelect, selectable: selectable, size: size, treeNodeRefs: treeNodeRefs }), void 0))
-                    : undefined }), value));
-        }) }), void 0));
+            return (jsx(TreeNode, { ref: getNodeRefHandler === null || getNodeRefHandler === void 0 ? void 0 : getNodeRefHandler(value), ...treeNodeProps, multiple: multiple, onExpand: onExpand, onSelect: onSelect, selectable: selectable, size: size, value: value, ...restNodeProps, children: (siblingNodes === null || siblingNodes === void 0 ? void 0 : siblingNodes.length)
+                    ? (jsx(TreeNodeList, { ...restRootProp, className: className, multiple: multiple, nodes: siblingNodes, onExpand: onExpand, onSelect: onSelect, selectable: selectable, size: size, treeNodeRefs: treeNodeRefs }))
+                    : undefined }, value));
+        }) }));
 });
 var TreeNodeList$1 = TreeNodeList;
 

package/Tree/getTreeNodeEntities.js

@@ -2,11 +2,14 @@ import xor from 'lodash/xor';
 
 function getTreeNodeEntities({ disabledValues, expandedValues, includeNodeValue = false, multiple, nodes, selectedValues, }) {
     const entities = new Map();
-    const selectedValueMap = (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length) ? new Map(selectedValues.map((val) => [val, true]))
+    const selectedValueMap = (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length)
+        ? new Map(selectedValues.map((val) => [val, true]))
         : undefined;
-    const expandedValueMap = (expandedValues === null || expandedValues === void 0 ? void 0 : expandedValues.length) ? new Map(expandedValues.map((val) => [val, true]))
+    const expandedValueMap = (expandedValues === null || expandedValues === void 0 ? void 0 : expandedValues.length)
+        ? new Map(expandedValues.map((val) => [val, true]))
         : undefined;
-    const disabledValueMap = (disabledValues === null || disabledValues === void 0 ? void 0 : disabledValues.length) ? new Map(disabledValues.map((val) => [val, true]))
+    const disabledValueMap = (disabledValues === null || disabledValues === void 0 ? void 0 : disabledValues.length)
+        ? new Map(disabledValues.map((val) => [val, true]))
         : undefined;
     function getTreeEntity(node, parentDisabled) {
         const { nodes: currentSiblings, value, } = node;

package/Typography/Typography.d.ts

@@ -37,7 +37,7 @@ export declare type TypographyProps<C extends TypographyComponent = 'p'> = Compo
 /**
  * The react component for `mezzanine` typography.
  */
-declare const Typography: import("react").ForwardRefExoticComponent<Pick<Pick<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "key" | "slot" | "style" | "title" | "color" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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">, "slot" | "style" | "title" | "color" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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">, "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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"> & TypographyPropsBase, "slot" | "style" | "title" | "align" | "color" | "display" | "ellipsis" | "noWrap" | "variant" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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"> & {
-    component?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>) | "p" | "span" | "label" | "div" | "caption" | "a" | undefined;
+declare const Typography: import("react").ForwardRefExoticComponent<Omit<Omit<import("../utils/jsx-types").ComponentPropsWithoutKeyAndRef<"p">, keyof TypographyPropsBase> & TypographyPropsBase, "component"> & {
+    component?: TypographyComponent | undefined;
 } & import("react").RefAttributes<HTMLParagraphElement>>;
 export default Typography;

package/Typography/Typography.js

@@ -26,13 +26,13 @@ const Typography = forwardRef(function Typography(props, ref) {
     const title = ellipsis && typeof children === 'string'
         ? children
         : undefined;
-    return (jsx(Component, Object.assign({}, rest, { ref: ref, className: cx(typographyClasses.variant(variant), {
+    return (jsx(Component, { ...rest, ref: ref, className: cx(typographyClasses.variant(variant), {
             [typographyClasses.align]: align,
             [typographyClasses.color]: color,
             [typographyClasses.display]: display,
             [typographyClasses.ellipsis]: ellipsis,
             [typographyClasses.noWrap]: noWrap,
-        }, className), style: style, title: title }, { children: children }), void 0));
+        }, className), style: style, title: title, children: children }));
 });
 var Typography$1 = Typography;
 

package/Upload/UploadButton.js

@@ -11,13 +11,13 @@ import Icon from '../Icon/Icon.js';
 const UploadButton = forwardRef(function UploadButton(props, ref) {
     const { accept, children, disabled = false, multiple = false, onClick, onUpload, ...rest } = props;
     const inputRef = useRef(null);
-    return (jsxs(Button, Object.assign({}, rest, { ref: ref, disabled: disabled, onClick: (event) => {
+    return (jsxs(Button, { ...rest, ref: ref, disabled: disabled, onClick: (event) => {
             var _a;
             (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
             if (onClick) {
                 onClick(event);
             }
-        }, prefix: jsx(Icon, { icon: UploadIcon }, void 0) }, { children: [jsx(UploadInput, { ref: inputRef, accept: accept, disabled: disabled, multiple: multiple, onUpload: onUpload }, void 0), children] }), void 0));
+        }, prefix: jsx(Icon, { icon: UploadIcon }), children: [jsx(UploadInput, { ref: inputRef, accept: accept, disabled: disabled, multiple: multiple, onUpload: onUpload }), children] }));
 });
 var UploadButton$1 = UploadButton;
 

package/Upload/UploadInput.js

@@ -18,7 +18,7 @@ const UploadInput = forwardRef((props, ref) => {
                 }
                 onUpload(files);
             }
-        }, type: "file" }, void 0));
+        }, type: "file" }));
 });
 var UploadInput$1 = UploadInput;
 

package/Upload/UploadPicture.js

@@ -45,7 +45,7 @@ const UploadPicture = forwardRef(function UploadPicture(props, ref) {
     useImperativeHandle(controllerRef, () => ({
         getData: () => uploadPictureImageLoader.current.getAll(),
     }));
-    return (jsx("div", Object.assign({ ref: ref, className: cx(uploadPictureClasses.host, className), style: style }, { children: jsx(UploadPictureBlock, { accept: accept, disabled: disabled, imageLoader: uploadPictureImageLoader.current, multiple: false, onDelete: onImageDelete, onUpload: onImageUpload, onValueChange: onChange }, void 0) }), void 0));
+    return (jsx("div", { ref: ref, className: cx(uploadPictureClasses.host, className), style: style, children: jsx(UploadPictureBlock, { accept: accept, disabled: disabled, imageLoader: uploadPictureImageLoader.current, multiple: false, onDelete: onImageDelete, onUpload: onImageUpload, onValueChange: onChange }) }));
 });
 var UploadPicture$1 = UploadPicture;
 

package/Upload/UploadPictureBlock.js

@@ -61,7 +61,7 @@ const UploadPictureBlock = forwardRef(function UploadPictureBlock(props, ref) {
     };
     const showImage = useMemo(() => ((value || previewImage) && !isError), [previewImage, value, isError]);
     const canDeleteImage = useMemo(() => ((showImage || isError) && !isLoading), [showImage, isError, isLoading]);
-    return (jsxs("button", Object.assign({ ref: ref, type: "button", "aria-disabled": disabled, disabled: disabled, onClick: (event) => {
+    return (jsxs("button", { ref: ref, type: "button", "aria-disabled": disabled, disabled: disabled, onClick: (event) => {
             var _a;
             if (!showImage && !isError) {
                 (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
@@ -73,13 +73,7 @@ const UploadPictureBlock = forwardRef(function UploadPictureBlock(props, ref) {
             [uploadPictureBlockClasses.loading]: isLoading,
             [uploadPictureBlockClasses.error]: isError,
             [uploadPictureBlockClasses.disabled]: disabled,
-        }), style: style }, { children: [jsx(UploadInput, { ref: inputRef, accept: accept, disabled: disabled, multiple: multiple, onUpload: onUpload }, void 0),
-            isError ? (jsxs("div", Object.assign({ className: uploadPictureBlockClasses.group }, { children: [jsx(Icon, { icon: TimesIcon }, void 0),
-                    jsx("span", Object.assign({ className: uploadPictureBlockClasses.status }, { children: "\u4E0A\u50B3\u932F\u8AA4" }), void 0)] }), void 0)) : (jsx(Fragment, { children: showImage ? (jsxs(Fragment, { children: [jsx("img", { alt: "", src: (value || previewImage), className: uploadPictureBlockClasses.preview }, void 0),
-                        isLoading ? (jsxs("div", Object.assign({ className: uploadPictureBlockClasses.group }, { children: [jsx(Icon, { icon: SpinnerIcon, spin: true }, void 0),
-                                jsx("span", Object.assign({ className: uploadPictureBlockClasses.status }, { children: "\u4E0A\u50B3\u4E2D..." }), void 0)] }), void 0)) : null] }, void 0)) : (jsxs("div", Object.assign({ className: uploadPictureBlockClasses.group }, { children: [jsx(Icon, { icon: UploadIcon }, void 0),
-                        jsx("span", Object.assign({ className: uploadPictureBlockClasses.status }, { children: "\u4E0A\u50B3\u5F71\u50CF" }), void 0)] }), void 0)) }, void 0)),
-            !disabled && canDeleteImage && (jsx("div", Object.assign({ className: uploadPictureBlockClasses.delete }, { children: jsx(Icon, { icon: TrashIcon }, void 0) }), void 0))] }), void 0));
+        }), style: style, children: [jsx(UploadInput, { ref: inputRef, accept: accept, disabled: disabled, multiple: multiple, onUpload: onUpload }), isError ? (jsxs("div", { className: uploadPictureBlockClasses.group, children: [jsx(Icon, { icon: TimesIcon }), jsx("span", { className: uploadPictureBlockClasses.status, children: "\u4E0A\u50B3\u932F\u8AA4" })] })) : (jsx(Fragment, { children: showImage ? (jsxs(Fragment, { children: [jsx("img", { alt: "", src: (value || previewImage), className: uploadPictureBlockClasses.preview }), isLoading ? (jsxs("div", { className: uploadPictureBlockClasses.group, children: [jsx(Icon, { icon: SpinnerIcon, spin: true }), jsx("span", { className: uploadPictureBlockClasses.status, children: "\u4E0A\u50B3\u4E2D..." })] })) : null] })) : (jsxs("div", { className: uploadPictureBlockClasses.group, children: [jsx(Icon, { icon: UploadIcon }), jsx("span", { className: uploadPictureBlockClasses.status, children: "\u4E0A\u50B3\u5F71\u50CF" })] })) })), !disabled && canDeleteImage && (jsx("div", { className: uploadPictureBlockClasses.delete, children: jsx(Icon, { icon: TrashIcon }) }))] }));
 });
 var UploadPictureBlock$1 = UploadPictureBlock;
 

package/Upload/UploadPictureWall.d.ts

@@ -67,5 +67,5 @@ export interface UploadPictureWallMultiUploadProps extends UploadPictureWallBase
     parallel?: undefined;
 }
 export declare type UploadPictureWallProps = UploadPictureWallSingleUploadProps | UploadPictureWallMultiUploadProps;
-declare const UploadPictureWall: import("react").ForwardRefExoticComponent<(UploadPictureWallSingleUploadProps & import("react").RefAttributes<HTMLDivElement>) | (UploadPictureWallMultiUploadProps & import("react").RefAttributes<HTMLDivElement>)>;
+declare const UploadPictureWall: import("react").ForwardRefExoticComponent<UploadPictureWallProps & import("react").RefAttributes<HTMLDivElement>>;
 export default UploadPictureWall;

package/Upload/UploadPictureWall.js

@@ -148,8 +148,7 @@ const UploadPictureWall = forwardRef(function UploadPictureWall(props, ref) {
     useImperativeHandle(controllerRef, () => ({
         getAllData: () => uploadPictureImageLoaders.map((loader) => loader.getAll()),
     }));
-    return (jsxs("div", Object.assign({ ref: ref, className: cx(uploadPictureWallClasses.host, className), style: style }, { children: [loaderList.map((up) => (jsx(UploadPictureWallItem, { accept: accept, disabled: disabled, imageLoader: up, multiple: multiple, onDelete: () => onImageDelete(up.getUid()) }, up.getUid()))),
-            jsx(UploadPictureWallItem, { accept: accept, disabled: disabled, imageLoader: new ImageUploader(), multiple: multiple, onUpload: onImagesUpload }, void 0)] }), void 0));
+    return (jsxs("div", { ref: ref, className: cx(uploadPictureWallClasses.host, className), style: style, children: [loaderList.map((up) => (jsx(UploadPictureWallItem, { accept: accept, disabled: disabled, imageLoader: up, multiple: multiple, onDelete: () => onImageDelete(up.getUid()) }, up.getUid()))), jsx(UploadPictureWallItem, { accept: accept, disabled: disabled, imageLoader: new ImageUploader(), multiple: multiple, onUpload: onImagesUpload })] }));
 });
 var UploadPictureWall$1 = UploadPictureWall;
 

package/Upload/UploadPictureWallItem.js

@@ -12,7 +12,7 @@ const UploadPictureWallItem = (props) => {
             loader.current.setPreview();
         }
     }, []);
-    return (jsx("div", Object.assign({ className: cx(uploadPictureWallClasses.item) }, { children: jsx(UploadPictureBlock, { accept: accept, disabled: disabled, imageLoader: loader.current, multiple: multiple, onDelete: onDelete, onUpload: onUpload }, void 0) }), void 0));
+    return (jsx("div", { className: cx(uploadPictureWallClasses.item), children: jsx(UploadPictureBlock, { accept: accept, disabled: disabled, imageLoader: loader.current, multiple: multiple, onDelete: onDelete, onUpload: onUpload }) }));
 };
 var UploadPictureWallItem$1 = UploadPictureWallItem;
 

package/Upload/UploadResult.d.ts

@@ -2,11 +2,30 @@ import { MouseEventHandler } from 'react';
 import { UploadResultSize, UploadResultStatus } from '@mezzanine-ui/core/upload';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 export interface UploadResultProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
+    /**
+     * The name to display
+     */
     name: string;
+    /**
+     * When 'x' icon is clicked, this callback will be fired.
+     */
     onDelete?: MouseEventHandler;
+    /**
+     * When 'download' icon is clicked, this callback will be fired.
+     */
     onDownload?: MouseEventHandler;
+    /**
+     * The progress percentage
+     */
     percentage?: number;
+    /**
+     * The result sizing
+     * @default 'medium'
+     */
     size?: UploadResultSize;
+    /**
+     * Indicate current result status
+     */
     status: UploadResultStatus;
 }
 /**

package/Upload/UploadResult.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { forwardRef, useContext } from 'react';
 import { toUploadResultCssVars, uploadResultClasses } from '@mezzanine-ui/core/upload';
 import { SpinnerIcon, DownloadIcon, TimesIcon } from '@mezzanine-ui/icons';
+import { MezzanineConfig } from '../Provider/context.js';
 import Icon from '../Icon/Icon.js';
 import cx from 'clsx';
 
@@ -9,7 +10,8 @@ import cx from 'clsx';
  * The react component for `mezzanine` upload result.
  */
 const UploadResult = forwardRef(function UploadResult(props, ref) {
-    const { className, name, onDelete, onDownload, percentage, size = 'medium', status, style: styleProp, ...rest } = props;
+    const { size: globalSize, } = useContext(MezzanineConfig);
+    const { className, name, onDelete, onDownload, percentage, size = globalSize, status, style: styleProp, ...rest } = props;
     const done = status === 'done';
     const error = status === 'error';
     const loading = status === 'loading';
@@ -18,13 +20,10 @@ const UploadResult = forwardRef(function UploadResult(props, ref) {
         ...cssVars,
         ...styleProp,
     };
-    return (jsxs("div", Object.assign({}, rest, { ref: ref, className: cx(uploadResultClasses.host, uploadResultClasses.size(size), {
+    return (jsxs("div", { ...rest, ref: ref, className: cx(uploadResultClasses.host, uploadResultClasses.size(size), {
             [uploadResultClasses.error]: error,
             [uploadResultClasses.loading]: loading,
-        }, className), style: style }, { children: [jsx("span", Object.assign({ className: uploadResultClasses.name }, { children: name }), void 0),
-            jsxs("div", Object.assign({ className: uploadResultClasses.actions }, { children: [loading && (jsx(Icon, { icon: SpinnerIcon, spin: true }, void 0)),
-                    done && (jsx(Icon, { icon: DownloadIcon, onClick: onDownload, role: "button" }, void 0)),
-                    (done || error) && (jsx(Icon, { icon: TimesIcon, onClick: onDelete, role: "button" }, void 0))] }), void 0)] }), void 0));
+        }, className), style: style, children: [jsx("span", { className: uploadResultClasses.name, children: name }), jsxs("div", { className: uploadResultClasses.actions, children: [loading && (jsx(Icon, { icon: SpinnerIcon, spin: true })), done && (jsx(Icon, { icon: DownloadIcon, onClick: onDownload, role: "button" })), (done || error) && (jsx(Icon, { icon: TimesIcon, onClick: onDelete, role: "button" }))] })] }));
 });
 var UploadResult$1 = UploadResult;