@mezzanine-ui/react 0.6.2 → 0.7.1

package/Form/useSelectValueControl.js

@@ -1,8 +1,14 @@
-import { useState } from 'react';
+import intersectionBy from 'lodash/intersectionBy';
+import { useControlValueState } from './useControlValueState.js';
 
+const equalityFn = (a, b) => (a.length === b.length && intersectionBy(a, b, 'id').length === a.length);
 function useSelectValueControl(props) {
     const { defaultValue, mode, onChange, onClear: onClearProp, onClose, value: valueProp, } = props;
-    const [value, setValue] = useState((valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) || []);
+    const [value, setValue] = useControlValueState({
+        defaultValue: defaultValue || [],
+        equalityFn,
+        value: valueProp,
+    });
     return {
         value,
         onChange: (chooseOption) => {

package/Icon/Icon.js

@@ -18,6 +18,7 @@ const Icon = forwardRef(function Icon(props, ref) {
             [iconClasses.color]: color,
             [iconClasses.spin]: spin,
         }, className), "data-icon-name": icon.name, style: style }, { children: jsx("svg", Object.assign({}, definition.svg, { focusable: false }, { children: jsx("path", Object.assign({}, definition.path), void 0) }), void 0) }), void 0));
-});
+});
+var Icon$1 = Icon;
 
-export default Icon;
+export { Icon$1 as default };

package/Input/Input.js

@@ -23,6 +23,7 @@ const Input = forwardRef(function Input(props, ref) {
     const composedInputRef = useComposeRefs([inputRefProp, inputRef]);
     const active = !!value;
     return (jsx(TextField, Object.assign({ ref: ref, active: active, className: cx(inputClasses.host, className), clearable: clearable, disabled: disabled, error: error, fullWidth: fullWidth, onClear: onClear, prefix: prefix, size: size, suffix: suffix }, { children: jsx("input", Object.assign({}, inputProps, { ref: composedInputRef, "aria-disabled": disabled, "aria-multiline": false, "aria-readonly": readOnly, "aria-required": required, disabled: disabled, onChange: onChange, placeholder: placeholder, readOnly: readOnly, required: required, value: value }), void 0) }), void 0));
-});
+});
+var Input$1 = Input;
 
-export default Input;
+export { Input$1 as default };

package/Loading/Loading.js

@@ -23,6 +23,7 @@ const Loading = forwardRef(function Loading(props, ref) {
             }, className) }, { children: [jsx(Overlay, Object.assign({}, overlayProps, { container: hostRef, onSurface: true, open: loading }, { children: spinElement }), void 0), children] }), void 0));
     }
     return spinElement;
-});
+});
+var Loading$1 = Loading;
 
-export default Loading;
+export { Loading$1 as default };

package/Menu/Menu.js

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

package/Menu/MenuDivider.js

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

package/Menu/MenuItem.js

@@ -21,6 +21,7 @@ const MenuItem = forwardRef(function MenuItem(props, ref) {
             }
         }, onKeyDown: onKeyDown, role: role }, { children: [jsx("div", Object.assign({ className: menuItemClasses.label }, { children: children }), void 0),
             active && jsx(Icon, { className: menuItemClasses.activeIcon, icon: CheckIcon }, void 0)] }), void 0));
-});
+});
+var MenuItem$1 = MenuItem;
 
-export default MenuItem;
+export { MenuItem$1 as default };

package/Menu/MenuItemGroup.js

@@ -10,6 +10,7 @@ const MenuItemGroup = forwardRef(function MenuItemGroup(props, ref) {
     const { children, className, label, ...rest } = props;
     return (jsxs("li", Object.assign({ ref: ref }, rest, { className: cx(menuItemGroupClasses.host, className) }, { children: [jsx("span", Object.assign({ className: menuItemGroupClasses.label }, { children: label }), void 0),
             jsx("ul", Object.assign({ className: menuItemGroupClasses.items }, { children: children }), void 0)] }), void 0));
-});
+});
+var MenuItemGroup$1 = MenuItemGroup;
 
-export default MenuItemGroup;
+export { MenuItemGroup$1 as default };

package/Message/Message.d.ts

@@ -1,4 +1,5 @@
 import { MessageSeverity } from '@mezzanine-ui/core/message';
+import { IconDefinition } from '@mezzanine-ui/icons';
 import { FC, Key } from 'react';
 import { Notifier, NotifierData, NotifierConfig } from '../Notifier';
 import { SlideFadeProps } from '../Transition';
@@ -11,23 +12,25 @@ export interface MessageData extends Omit<NotifierData, 'onClose'>, MessageConfi
      * @default 3000
      */
     duration?: NotifierData['duration'];
+    /**
+     * message icon prefix
+     */
+    icon?: IconDefinition;
     /**
      * The key of message.
      */
     reference?: Key;
     /**
      * The severity of the message.
-     * @default info
      */
     severity?: MessageSeverity;
 }
-export interface Message extends FC<MessageData>, Notifier<MessageData, MessageConfigProps>, Record<MessageSeverity, (message: MessageData['children'], props?: Omit<MessageData, 'children' | 'severity'>) => Key> {
-}
+export declare type MessageType = FC<MessageData> & Notifier<MessageData, MessageConfigProps> & (Record<string, (message: MessageData['children'], props?: Omit<MessageData, 'children' | 'severity' | 'icon'>) => Key>);
 /**
  * The react component for `mezzanine` message.
  *
- * Use the API from the Message instance such as `Message.success` and `Message.error`
+ * Use the API from the Message instance such as `Message.add` and `Message.success`
  * to display a notification message globally.
  */
-declare const Message: Message;
+declare const Message: MessageType;
 export default Message;

package/Message/Message.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { messageIcons, messageClasses } from '@mezzanine-ui/core/message';
+import { messageClasses, messageIcons } from '@mezzanine-ui/core/message';
 import { useState, useEffect } from 'react';
 import SlideFade from '../Transition/SlideFade.js';
 import Icon from '../Icon/Icon.js';
@@ -9,13 +9,11 @@ import cx from 'clsx';
 /**
  * The react component for `mezzanine` message.
  *
- * Use the API from the Message instance such as `Message.success` and `Message.error`
+ * Use the API from the Message instance such as `Message.add` and `Message.success`
  * to display a notification message globally.
  */
-// eslint-disable-next-line @typescript-eslint/no-redeclare
 const Message = ((props) => {
-    const { children, duration, reference, severity = 'info', onExited: onExitedProp, ...restTransitionProps } = props;
-    const icon = messageIcons[severity];
+    const { children, duration, icon, reference, severity, onExited: onExitedProp, ...restTransitionProps } = props;
     const [open, setOpen] = useState(true);
     useEffect(() => {
         if (open && duration) {
@@ -31,10 +29,10 @@ const Message = ((props) => {
         if (onExitedProp) {
             onExitedProp(node);
         }
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        Message.remove(reference);
+        if (reference)
+            Message.remove(reference);
     };
-    return (jsx(SlideFade, Object.assign({ in: open, appear: true, onExited: onExited }, restTransitionProps, { children: jsxs("div", Object.assign({ className: cx(messageClasses.host, messageClasses.severity(severity)) }, { children: [jsx(Icon, { className: messageClasses.icon, icon: icon }, void 0),
+    return (jsx(SlideFade, Object.assign({ in: open, appear: true, onExited: onExited }, restTransitionProps, { children: jsxs("div", Object.assign({ className: cx(messageClasses.host, severity ? messageClasses.severity(severity) : '') }, { children: [icon ? (jsx(Icon, { className: messageClasses.icon, icon: icon }, void 0)) : null,
                 jsx("span", Object.assign({ className: messageClasses.content }, { children: children }), void 0)] }), void 0) }), void 0));
 });
 const { add, config, destroy, remove, } = createNotifier({
@@ -48,12 +46,30 @@ Message.add = add;
 Message.config = config;
 Message.destroy = destroy;
 Message.remove = remove;
-['success', 'warning', 'error', 'info'].forEach((severity) => {
-    Message[severity] = (message, props) => Message.add({
+const severities = [{
+        key: 'success',
+        icon: messageIcons.success,
+    }, {
+        key: 'warning',
+        icon: messageIcons.warning,
+    }, {
+        key: 'error',
+        icon: messageIcons.error,
+    }, {
+        key: 'info',
+        icon: messageIcons.info,
+    }];
+const validSeverities = ['success', 'warning', 'error', 'info'];
+(severities).forEach((severity) => {
+    Message[severity.key] = (message, props) => Message.add({
         ...props,
         children: message,
-        severity,
+        severity: validSeverities.includes(severity.key)
+            ? severity.key
+            : undefined,
+        icon: severity.icon,
     });
-});
+});
+var Message$1 = Message;
 
-export default Message;
+export { Message$1 as default };

package/Message/index.d.ts

@@ -1,2 +1,2 @@
 export { MessageSeverity, } from '@mezzanine-ui/core/message';
-export { MessageData, default, } from './Message';
+export { MessageData, MessageType, default, } from './Message';

package/Modal/Modal.js

@@ -70,6 +70,7 @@ const Modal = forwardRef(function Modal(props, ref) {
                         [modalClasses.fullScreen]: fullScreen,
                         [modalClasses.withCloseIcon]: !hideCloseIcon,
                     }, className), role: "dialog" }, { children: [children, !hideCloseIcon && (jsx(Icon, { className: modalClasses.closeIcon, icon: TimesIcon, onClick: onClose }, void 0))] }), void 0) }), void 0) }), void 0) }), void 0));
-});
+});
+var Modal$1 = Modal;
 
-export default Modal;
+export { Modal$1 as default };

package/Modal/ModalActions.js

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

package/Modal/ModalBody.js

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

package/Modal/ModalFooter.js

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

package/Modal/ModalHeader.js

@@ -15,6 +15,7 @@ const ModalHeader = forwardRef(function ModalHeader(props, ref) {
             jsx("h3", Object.assign({ className: cx(modalClasses.title, {
                     [modalClasses.titleLarge]: titleLarge,
                 }), title: typeof children === 'string' ? children : undefined }, { children: children }), void 0)] }), void 0));
-});
+});
+var ModalHeader$1 = ModalHeader;
 
-export default ModalHeader;
+export { ModalHeader$1 as default };

package/Navigation/Navigation.js

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

package/Navigation/NavigationItem.js

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

package/Navigation/NavigationSubMenu.js

@@ -60,6 +60,7 @@ const NavigationSubMenu = forwardRef((props, ref) => {
             orientation === 'vertical' && (jsx(Collapse, Object.assign({ style: {
                     width: '100%',
                 }, in: !!open }, { children: WrapChildren }), void 0))] }), void 0));
-});
+});
+var NavigationSubMenu$1 = NavigationSubMenu;
 
-export default NavigationSubMenu;
+export { NavigationSubMenu$1 as default };

package/Notification/Notification.js

@@ -73,6 +73,7 @@ Notification.remove = remove;
         ...props,
         severity,
     });
-});
+});
+var Notification$1 = Notification;
 
-export default Notification;
+export { Notification$1 as default };

package/Notifier/NotifierManager.js

@@ -28,4 +28,4 @@ function NotifierManager(props) {
     return (jsx(Fragment, { children: notifiersShouldRendered.map((notifier) => (jsx(Fragment$1, { children: render(notifier) }, notifier.key))) }, void 0));
 }
 
-export default NotifierManager;
+export { NotifierManager as default };

package/Overlay/Overlay.js

@@ -26,6 +26,7 @@ const Overlay = forwardRef(function Overlay(props, ref) {
                                 onBackdropClick(event);
                             }
                         } }, void 0) }), void 0)), children] }), void 0) }), void 0));
-});
+});
+var Overlay$1 = Overlay;
 
-export default Overlay;
+export { Overlay$1 as default };

package/PageFooter/PageFooter.js

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

package/Pagination/Pagination.js

@@ -24,6 +24,7 @@ const Pagination = forwardRef((props, ref) => {
     });
     return (jsx("nav", Object.assign({}, rest, { ref: ref, "aria-label": "pagination navigation", className: cx(paginationClasses.host, className) }, { children: jsxs("ul", Object.assign({ className: paginationClasses.container }, { children: [items.map((item, index) => (jsx("li", Object.assign({ className: paginationClasses.item }, { children: itemRender(item) }), index))),
                 showJumper && (jsx("li", Object.assign({ className: paginationClasses.jumper }, { children: jsx(PaginationJumper, { buttonText: buttonText, disabled: disabled, hintText: hintText, inputPlaceholder: inputPlaceholder, onChange: onChange, pageSize: pageSize, total: total }, void 0) }), void 0))] }), void 0) }), void 0));
-});
+});
+var Pagination$1 = Pagination;
 
-export default Pagination;
+export { Pagination$1 as default };

package/Pagination/PaginationItem.js

@@ -20,6 +20,7 @@ const PaginationItem = forwardRef((props, ref) => {
         }, className), type: "button" }),
         ButtonIcon && jsx(Icon, { icon: ButtonIcon }, void 0),
         type === 'page' && page));
-});
+});
+var PaginationItem$1 = PaginationItem;
 
-export default PaginationItem;
+export { PaginationItem$1 as default };

package/Pagination/PaginationJumper.js

@@ -47,6 +47,7 @@ const PaginationJumper = forwardRef((props, ref) => {
                     onKeyDown: handleKeyDown,
                 }, value: value }, void 0),
             jsx(Button, Object.assign({ disabled: disabled, onClick: handleClick }, { children: buttonText }), void 0)] }), void 0));
-});
+});
+var PaginationJumper$1 = PaginationJumper;
 
-export default PaginationJumper;
+export { PaginationJumper$1 as default };

package/Picker/PickerTrigger.js

@@ -10,6 +10,7 @@ import cx from 'clsx';
 const PickerTrigger = forwardRef(function PickerTrigger(props, ref) {
     const { className, disabled, inputProps, inputRef, onChange, placeholder, readOnly, required, value, ...restTextFieldProps } = props;
     return (jsx(TextField, Object.assign({}, restTextFieldProps, { ref: ref, active: !!value, className: cx(pickerClasses.host, className), disabled: disabled }, { children: jsx("input", Object.assign({}, inputProps, { ref: inputRef, "aria-disabled": disabled, "aria-multiline": false, "aria-readonly": readOnly, "aria-required": required, disabled: disabled, onChange: onChange, placeholder: placeholder, readOnly: readOnly, required: required, value: value }), void 0) }), void 0));
-});
+});
+var PickerTrigger$1 = PickerTrigger;
 
-export default PickerTrigger;
+export { PickerTrigger$1 as default };

package/Picker/RangePickerTrigger.js

@@ -14,6 +14,7 @@ const RangePickerTrigger = forwardRef(function DateRangePickerTrigger(props, ref
     return (jsxs(TextField, Object.assign({}, restTextFieldProps, { ref: ref, active: !!inputFromValue || !!inputToValue, className: cx(pickerClasses.host, className), disabled: disabled }, { children: [jsx("input", Object.assign({}, inputFromProps, { ref: inputFromRef, "aria-disabled": disabled, "aria-multiline": false, "aria-readonly": readOnly, "aria-required": required, disabled: disabled, onChange: onInputFromChange, placeholder: inputFromPlaceholder, readOnly: readOnly, required: required, value: inputFromValue }), void 0),
             jsx(Icon, { icon: ArrowRightIcon, className: pickerClasses.arrowIcon }, void 0),
             jsx("input", Object.assign({}, inputToProps, { ref: inputToRef, "aria-disabled": disabled, "aria-multiline": false, "aria-readonly": readOnly, "aria-required": required, disabled: disabled, onChange: onInputToChange, placeholder: inputToPlaceholder, readOnly: readOnly, required: required, value: inputToValue }), void 0)] }), void 0));
-});
+});
+var RangePickerTrigger$1 = RangePickerTrigger;
 
-export default RangePickerTrigger;
+export { RangePickerTrigger$1 as default };

package/Picker/usePickerInputValue.js

@@ -20,5 +20,4 @@ function usePickerInputValue(props) {
     };
 }
 
-export default usePickerInputValue;
-export { usePickerInputValue };
+export { usePickerInputValue as default, usePickerInputValue };

package/Picker/usePickerValue.d.ts

@@ -13,7 +13,7 @@ export declare type UsePickerValueProps = {
  */
 export declare function usePickerValue({ defaultValue, format, formats, inputRef, value: valueProp, }: UsePickerValueProps): {
     inputValue: string;
-    onBlur: (event: import("react").FocusEvent<HTMLInputElement>) => void;
+    onBlur: (event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
     onChange: (val?: import("moment").Moment | undefined) => void;
     onInputChange: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
     onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;

package/Picker/useRangePickerValue.d.ts

@@ -11,11 +11,11 @@ export declare function useRangePickerValue({ format, formats, inputFromRef, inp
     inputFromValue: string;
     inputToValue: string;
     onChange: (target?: undefined[] | [import("moment").Moment, import("moment").Moment] | [import("moment").Moment] | [undefined, import("moment").Moment] | [import("moment").Moment, undefined] | undefined) => RangePickerPickingValue | undefined;
-    onFromBlur: (event: import("react").FocusEvent<HTMLInputElement>) => void;
+    onFromBlur: (event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
     onFromKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
     onInputFromChange: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
     onInputToChange: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
-    onToBlur: (event: import("react").FocusEvent<HTMLInputElement>) => void;
+    onToBlur: (event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
     onToKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
     value: RangePickerPickingValue;
 };

package/Popconfirm/Popconfirm.js

@@ -10,6 +10,7 @@ import cx from 'clsx';
 const Popconfirm = forwardRef(function Popconfirm(props, ref) {
     const { className, container, cancelButtonProps, cancelText, confirmButtonProps, confirmText, icon = ExclamationCircleFilledIcon, onCancel, onConfirm, title, ...rest } = props;
     return (jsx(Popover, Object.assign({}, rest, { ref: ref, className: cx(popConfirmClasses.host, className), title: (jsxs(Fragment, { children: [jsx(Icon, { className: popConfirmClasses.icon, icon: icon }, void 0), title] }, void 0)) }, { children: jsx(ConfirmActions, { cancelButtonProps: cancelButtonProps, cancelText: cancelText, confirmButtonProps: confirmButtonProps, confirmText: confirmText, onCancel: onCancel, onConfirm: onConfirm, size: "small" }, void 0) }), void 0));
-});
+});
+var Popconfirm$1 = Popconfirm;
 
-export default Popconfirm;
+export { Popconfirm$1 as default };

package/Popover/Popover.js

@@ -40,6 +40,7 @@ const Popover = forwardRef(function Popover(props, ref) {
             modifiers: [offsetModifier, ...modifiers],
         } }, { children: [title && jsx("div", Object.assign({ className: popoverClasses.title }, { children: title }), void 0),
             children && jsx("div", Object.assign({ className: popoverClasses.content }, { children: children }), void 0)] }), void 0));
-});
+});
+var Popover$1 = Popover;
 
-export default Popover;
+export { Popover$1 as default };

package/Popper/Popper.js

@@ -25,6 +25,7 @@ const Popper = forwardRef(function Popper(props, ref) {
                 ...style,
                 ...styles.popper,
             } }, attributes.popper, { children: children }), void 0) }), void 0));
-});
+});
+var Popper$1 = Popper;
 
-export default Popper;
+export { Popper$1 as default };

package/Portal/Portal.js

@@ -17,6 +17,7 @@ const Portal = (props) => {
         return jsx(Fragment, { children: children }, void 0);
     }
     return createPortal(children, portalElement);
-};
+};
+var Portal$1 = Portal;
 
-export default Portal;
+export { Portal$1 as default };

package/Progress/Progress.js

@@ -27,6 +27,7 @@ const Progress = forwardRef(function Progress(props, ref) {
                         jsx("circle", { className: progressClasses.circleFiller, cx: circleXY, cy: circleXY, r: radius, strokeWidth: strokeWidth, strokeDasharray: `${progressLength.toString()} 999` }, void 0)] }), void 0), showInfo && renderInfo('button3')] }, void 0));
     };
     return (jsxs("div", Object.assign({ ref: ref, className: cx(progressClasses.host, className, status === ProgressStatuses.success && progressClasses.success, status === ProgressStatuses.error && progressClasses.error, type === ProgressTypes.line && progressClasses.lineVariant, type === ProgressTypes.circle && progressClasses.circleVariant, progressClasses.size(size)) }, rest, { children: [type === ProgressTypes.line && renderLine(), type === ProgressTypes.circle && renderCircle()] }), void 0));
-});
+});
+var Progress$1 = Progress;
 
-export default Progress;
+export { Progress$1 as default };

package/Radio/Radio.js

@@ -26,6 +26,7 @@ const Radio = forwardRef(function Radio(props, ref) {
     return (jsx(InputCheck, Object.assign({}, rest, { ref: ref, control: (jsx("span", Object.assign({ className: cx(radioClasses.host, {
                 [radioClasses.checked]: checked,
             }) }, { children: jsx("input", Object.assign({}, restInputProps, { "aria-checked": checked, "aria-disabled": disabled, checked: checked, disabled: disabled, id: inputId, onChange: onChange, name: name, type: "radio", value: value }), void 0) }), void 0)), disabled: disabled, error: error, htmlFor: inputId, size: size }, { children: children }), void 0));
-});
+});
+var Radio$1 = Radio;
 
-export default Radio;
+export { Radio$1 as default };

package/Radio/RadioGroup.js

@@ -24,6 +24,7 @@ const RadioGroup = forwardRef(function RadioGroup(props, ref) {
     };
     const children = childrenProp || options.map((option) => (jsx(Radio, Object.assign({ disabled: option.disabled, value: option.value }, { children: option.label }), option.value)));
     return (jsx(RadioGroupContext.Provider, Object.assign({ value: context }, { children: jsx(InputCheckGroup, Object.assign({}, rest, { ref: ref, role: "radiogroup" }, { children: children }), void 0) }), void 0));
-});
+});
+var RadioGroup$1 = RadioGroup;
 
-export default RadioGroup;
+export { RadioGroup$1 as default };

package/Select/AutoComplete.d.ts

@@ -2,7 +2,7 @@
 import { SelectInputSize } from '@mezzanine-ui/core/select';
 import { MenuProps } from '../Menu';
 import { PopperProps } from '../Popper';
-import { PickRenameMulti } from '../utils/rename-types';
+import { PickRenameMulti } from '../utils/general';
 import { SelectTriggerProps, SelectTriggerInputProps } from './SelectTrigger';
 export interface AutoCompleteProps extends Omit<SelectTriggerProps, 'active' | 'clearable' | 'forceHideSuffixActionIcon' | 'mode' | 'onClick' | 'onKeyDown' | 'onChange' | 'renderValue' | 'inputProps' | 'suffixActionIcon' | 'value'>, PickRenameMulti<Pick<MenuProps, 'itemsInView' | 'maxHeight' | 'role' | 'size'>, {
     maxHeight: 'menuMaxHeight';

package/Select/AutoComplete.js

@@ -103,6 +103,7 @@ const AutoComplete = forwardRef(function Select(props, ref) {
                                             }
                                         }
                                     } }, void 0)] }), void 0)) : null] }), void 0)] }), void 0) }), void 0));
-});
+});
+var AutoComplete$1 = AutoComplete;
 
-export default AutoComplete;
+export { AutoComplete$1 as default };

package/Select/Option.js

@@ -27,6 +27,7 @@ const Option = forwardRef(function Option(props, ref) {
             evt.stopPropagation();
             onSelect();
         }, onKeyDown: onKeyDown, role: role, tabIndex: 0 }, { children: children }), void 0));
-});
+});
+var Option$1 = Option;
 
-export default Option;
+export { Option$1 as default };

package/Select/Select.d.ts

@@ -4,7 +4,7 @@ import { FormElementFocusHandlers } from '../Form';
 import { MenuProps } from '../Menu';
 import { PopperProps } from '../Popper';
 import { SelectValue } from './typings';
-import { PickRenameMulti } from '../utils/rename-types';
+import { PickRenameMulti } from '../utils/general';
 import { SelectTriggerProps, SelectTriggerInputProps } from './SelectTrigger';
 export interface SelectProps extends Omit<SelectTriggerProps, 'active' | 'inputProps' | 'onBlur' | 'onChange' | 'onClick' | 'onFocus' | 'onKeyDown'>, FormElementFocusHandlers, PickRenameMulti<Pick<MenuProps, 'itemsInView' | 'maxHeight' | 'role' | 'size'>, {
     maxHeight: 'menuMaxHeight';

package/Select/Select.js

@@ -140,6 +140,7 @@ const Select = forwardRef(function Select(props, ref) {
             value,
         } }, { children: jsxs("div", Object.assign({ ref: nodeRef, className: cx(selectClasses.host, fullWidth && selectClasses.hostFullWidth) }, { children: [jsx(SelectTrigger, { ref: composedRef, active: open, className: className, clearable: clearable, disabled: disabled, error: error, fullWidth: fullWidth, inputRef: inputRef, mode: mode, onTagClose: onChange, onClear: onClear, onClick: onClickTextField, onKeyDown: onKeyDownTextField, prefix: prefix, readOnly: !searchable, required: required, inputProps: resolvedInputProps, size: size, suffixActionIcon: suffixActionIcon, value: value, renderValue: renderValue }, void 0),
                 jsx(InputTriggerPopper, Object.assign({ ref: popperRef, anchor: controlRef, className: selectClasses.popper, open: open, sameWidth: true, options: popperOptions }, { children: jsx(Menu, Object.assign({ id: MENU_ID, "aria-activedescendant": (_b = (_a = value === null || value === void 0 ? void 0 : value[0]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : '', itemsInView: itemsInView, maxHeight: menuMaxHeight, role: menuRole, size: menuSize, style: { border: 0 } }, { children: children }), void 0) }), void 0)] }), void 0) }), void 0));
-});
+});
+var Select$1 = Select;
 
-export default Select;
+export { Select$1 as default };

package/Select/SelectTrigger.js

@@ -22,6 +22,7 @@ const SelectTrigger = forwardRef(function SelectTrigger(props, ref) {
                     e.stopPropagation();
                     onTagClose === null || onTagClose === void 0 ? void 0 : onTagClose(selection);
                 }, size: size }, { children: selection.name }), selection.id))) }), void 0)) : (jsx("input", Object.assign({}, inputProps, { ref: inputRef, "aria-autocomplete": "list", "aria-disabled": disabled, "aria-haspopup": "listbox", "aria-readonly": readOnly, "aria-required": required, autoComplete: "false", disabled: disabled, readOnly: readOnly, required: required, type: "search", value: renderValue() }), void 0)) }), void 0));
-});
+});
+var SelectTrigger$1 = SelectTrigger;
 
-export default SelectTrigger;
+export { SelectTrigger$1 as default };

package/Select/TreeSelect.d.ts

@@ -2,7 +2,7 @@
 import { SelectInputSize } from '@mezzanine-ui/core/select';
 import { FormElementFocusHandlers } from '../Form';
 import { MenuProps } from '../Menu';
-import { PickRenameMulti } from '../utils/rename-types';
+import { PickRenameMulti } from '../utils/general';
 import { InputTriggerPopperProps } from '../_internal/InputTriggerPopper';
 import { SelectTriggerProps, SelectTriggerInputProps } from './SelectTrigger';
 import { SelectValue, TreeSelectOption } from './typings';

package/Select/TreeSelect.js

@@ -193,6 +193,7 @@ const TreeSelect = forwardRef((props, ref) => {
                         border: border || 0,
                         width: width || `${panelWidth}px`,
                     } }, { children: jsx(Tree, Object.assign({}, restTreeProps, { ref: ref, className: cx(selectClasses.tree, treeClassName), disabledValues: disabledValues, expandControllerRef: expandControllerRef, expandedValues: expandedValues, multiple: multiple, nodes: nodes, onExpand: onExpand, onSelect: onSelect, selectMethod: "target", selectable: true, values: selectedValues }), void 0) }), void 0) }), void 0)] }), void 0));
-});
+});
+var TreeSelect$1 = TreeSelect;
 
-export default TreeSelect;
+export { TreeSelect$1 as default };

package/Skeleton/Skeleton.js

@@ -9,6 +9,7 @@ import cx from 'clsx';
 const Skeleton = forwardRef(function Skeleton(props, ref) {
     const { className, height: skeletonHeight, style: skeletonStyle, type, width: skeletonWidth, ...rest } = props;
     return (jsx("div", Object.assign({}, rest, { ref: ref, className: cx(skeletonClasses.host, type === 'circle' && skeletonClasses.circle, className), style: { width: skeletonWidth, height: skeletonHeight, ...skeletonStyle } }, rest), void 0));
-});
+});
+var Skeleton$1 = Skeleton;
 
-export default Skeleton;
+export { Skeleton$1 as default };