@mezzanine-ui/react 0.9.2 → 0.10.0

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

@@ -24,18 +24,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.js

@@ -18,13 +18,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;
 

package/_internal/InputCheck/InputCheck.js

@@ -8,12 +8,11 @@ import cx from 'clsx';
  */
 const InputCheck = forwardRef(function InputCheck(props, ref) {
     const { children, className, control, disabled, error, htmlFor, size = 'medium', ...rest } = props;
-    return (jsxs("label", Object.assign({}, rest, { ref: ref, className: cx(inputCheckClasses.host, inputCheckClasses.size(size), {
+    return (jsxs("label", { ...rest, ref: ref, className: cx(inputCheckClasses.host, inputCheckClasses.size(size), {
             [inputCheckClasses.disabled]: disabled,
             [inputCheckClasses.error]: error,
             [inputCheckClasses.withLabel]: !!children,
-        }, className), htmlFor: htmlFor }, { children: [jsx("span", Object.assign({ className: inputCheckClasses.control }, { children: control }), void 0),
-            children && (jsx("span", Object.assign({ className: inputCheckClasses.label }, { children: children }), void 0))] }), void 0));
+        }, className), htmlFor: htmlFor, children: [jsx("span", { className: inputCheckClasses.control, children: control }), children && (jsx("span", { className: inputCheckClasses.label, children: children }))] }));
 });
 var InputCheck$1 = InputCheck;
 

package/_internal/InputCheck/InputCheckGroup.js

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

package/_internal/InputTriggerPopper/InputTriggerPopper.js

@@ -25,7 +25,7 @@ const InputTriggerPopper = forwardRef(function InputTriggerPopper(props, ref) {
             reassignState.elements.popper.style.minWidth = `${state.elements.reference.getBoundingClientRect().width}px`;
         },
     };
-    return (jsx(Fade, Object.assign({}, fadeProps, { in: open, ref: ref }, { children: jsx(Popper, Object.assign({}, restPopperProps, { open: true, anchor: anchor, className: cx(inputTriggerPopperClasses.host, className), options: {
+    return (jsx(Fade, { ...fadeProps, in: open, ref: ref, children: jsx(Popper, { ...restPopperProps, open: true, anchor: anchor, className: cx(inputTriggerPopperClasses.host, className), options: {
                 placement: 'bottom-start',
                 ...restPopperOptions,
                 modifiers: [
@@ -38,7 +38,7 @@ const InputTriggerPopper = forwardRef(function InputTriggerPopper(props, ref) {
                     ...(sameWidth ? [sameWidthModifier] : []),
                     ...modifiers,
                 ],
-            } }, { children: children }), void 0) }), void 0));
+            }, children: children }) }));
 });
 var InputTriggerPopper$1 = InputTriggerPopper;
 

package/_internal/SlideFadeOverlay/SlideFadeOverlay.js

@@ -59,7 +59,7 @@ const SlideFadeOverlay = forwardRef(function SlideFadeOverlay(props, ref) {
     if (!open && exited) {
         return null;
     }
-    return (jsx(Overlay, Object.assign({ className: cx(overlayWithSlideFadeClasses.host, className), container: container, disableCloseOnBackdropClick: disableCloseOnBackdropClick, disablePortal: disablePortal, hideBackdrop: hideBackdrop, invisibleBackdrop: invisibleBackdrop, onBackdropClick: onBackdropClick, onClose: onClose, open: open, role: "presentation" }, { children: jsx(SlideFade, Object.assign({ ref: ref, in: open, direction: direction, onEntered: () => setExited(false), onExited: () => setExited(true) }, { children: children }), void 0) }), void 0));
+    return (jsx(Overlay, { className: cx(overlayWithSlideFadeClasses.host, className), container: container, disableCloseOnBackdropClick: disableCloseOnBackdropClick, disablePortal: disablePortal, hideBackdrop: hideBackdrop, invisibleBackdrop: invisibleBackdrop, onBackdropClick: onBackdropClick, onClose: onClose, open: open, role: "presentation", children: jsx(SlideFade, { ref: ref, in: open, direction: direction, onEntered: () => setExited(false), onExited: () => setExited(true), children: children }) }));
 });
 var SlideFadeOverlay$1 = SlideFadeOverlay;
 

package/index.d.ts

@@ -62,7 +62,7 @@ export { CheckboxSize, CheckboxGroupOrientation, CheckboxGroupOption, CheckboxGr
 export { FormControl, FormControlContext, FormFieldProps, FormField, FormLabelProps, FormLabel, FormMessageProps, FormMessage, } from './Form';
 export { InputSize, InputProps, default as Input, } from './Input';
 export { RadioSize, RadioGroupOrientation, RadioGroupOption, RadioGroupProps, RadioGroup, RadioProps, default as Radio, } from './Radio';
-export { AutoComplete, AutoCompleteProps, SelectValue, TreeSelectOption, SelectControl, SelectControlContext, SelectTriggerInputProps, SelectTriggerProps, SelectTrigger, SelectProps, OptionProps, Option, OptionGroupProps, OptionGroup, TreeSelect, TreeSelectProps, default as Select, } from './Select';
+export { AutoComplete, AutoCompleteProps, SelectValue, TreeSelectOption, SelectControl, SelectControlContext, SelectTriggerInputProps, SelectTriggerProps, SelectTrigger, SelectTriggerTagsProps, SelectTriggerTags, SelectProps, OptionProps, Option, OptionGroupProps, OptionGroup, TreeSelect, TreeSelectProps, default as Select, } from './Select';
 export { SwitchSize, SwitchProps, default as Switch, } from './Switch';
 export { TextareaSize, TextareaProps, default as Textarea, } from './Textarea';
 export { TextFieldSize, TextFieldProps, default as TextField, } from './TextField';

package/index.js

@@ -82,6 +82,7 @@ export { default as Radio } from './Radio/Radio.js';
 export { default as AutoComplete } from './Select/AutoComplete.js';
 export { SelectControlContext } from './Select/SelectControlContext.js';
 export { default as SelectTrigger } from './Select/SelectTrigger.js';
+export { default as SelectTriggerTags } from './Select/SelectTriggerTags.js';
 export { default as Option } from './Select/Option.js';
 export { default as TreeSelect } from './Select/TreeSelect.js';
 export { default as Select } from './Select/Select.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezzanine-ui/react",
-  "version": "0.9.2",
+  "version": "0.10.0",
   "description": "React components for mezzanine-ui",
   "author": "Mezzanine",
   "repository": {
@@ -27,12 +27,11 @@
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
-    "moment": "^2.29.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
   "dependencies": {
-    "@mezzanine-ui/core": "^0.9.2",
+    "@mezzanine-ui/core": "^0.10.0",
     "@mezzanine-ui/icons": "^0.9.2",
     "@mezzanine-ui/system": "^0.7.0",
     "@popperjs/core": "^2.9.2",
@@ -52,6 +51,7 @@
     "@types/react-dom": "^17.0.2",
     "@types/react-test-renderer": "^17.0.1",
     "chromatic": "^5.10.1",
+    "dayjs": "^1.10.7",
     "lodash": "^4.17.21",
     "moment": "^2.29.1",
     "react": "^17.0.1",