@mezzanine-ui/react 0.13.10 → 0.13.12

package/Menu/index.d.ts

@@ -1,5 +1,5 @@
-export type { MenuSize, } from '@mezzanine-ui/core/menu';
-export { MenuProps, default } from './Menu';
-export { MenuDividerProps, default as MenuDivider } from './MenuDivider';
-export { MenuItemProps, default as MenuItem } from './MenuItem';
-export { MenuItemGroupProps, default as MenuItemGroup } from './MenuItemGroup';
+export type { MenuSize, } from '@mezzanine-ui/core/menu';
+export { MenuProps, default } from './Menu';
+export { MenuDividerProps, default as MenuDivider } from './MenuDivider';
+export { MenuItemProps, default as MenuItem } from './MenuItem';
+export { MenuItemGroupProps, default as MenuItemGroup } from './MenuItemGroup';

package/Message/Message.d.ts

@@ -1,36 +1,36 @@
-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';
-export interface MessageConfigProps extends Pick<NotifierConfig, 'duration'>, Pick<SlideFadeProps, 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited' | 'easing' | 'direction'> {
-}
-export interface MessageData extends Omit<NotifierData, 'onClose'>, MessageConfigProps {
-    /**
-     * If given, the message will be closed after the amount of time.
-     * You can use `Message.config` to overwrite.
-     * @default 3000
-     */
-    duration?: NotifierData['duration'];
-    /**
-     * message icon prefix
-     */
-    icon?: IconDefinition;
-    /**
-     * The key of message.
-     */
-    reference?: Key;
-    /**
-     * The severity of the message.
-     */
-    severity?: MessageSeverity;
-}
-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.add` and `Message.success`
- * to display a notification message globally.
- */
-declare const Message: MessageType;
-export default Message;
+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';
+export interface MessageConfigProps extends Pick<NotifierConfig, 'duration'>, Pick<SlideFadeProps, 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited' | 'easing' | 'direction'> {
+}
+export interface MessageData extends Omit<NotifierData, 'onClose'>, MessageConfigProps {
+    /**
+     * If given, the message will be closed after the amount of time.
+     * You can use `Message.config` to overwrite.
+     * @default 3000
+     */
+    duration?: NotifierData['duration'];
+    /**
+     * message icon prefix
+     */
+    icon?: IconDefinition;
+    /**
+     * The key of message.
+     */
+    reference?: Key;
+    /**
+     * The severity of the message.
+     */
+    severity?: MessageSeverity;
+}
+export 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.add` and `Message.success`
+ * to display a notification message globally.
+ */
+declare const Message: MessageType;
+export default Message;

package/Message/Message.js

@@ -6,69 +6,69 @@ import Icon from '../Icon/Icon.js';
 import { createNotifier } from '../Notifier/createNotifier.js';
 import cx from 'clsx';
 
-/**
- * The react component for `mezzanine` message.
- *
- * Use the API from the Message instance such as `Message.add` and `Message.success`
- * to display a notification message globally.
- */
-const Message = ((props) => {
-    const { children, duration, icon, reference, severity, onExited: onExitedProp, ...restTransitionProps } = props;
-    const [open, setOpen] = useState(true);
-    useEffect(() => {
-        if (open && duration) {
-            const timer = window.setTimeout(() => {
-                setOpen(false);
-            }, duration);
-            return () => {
-                window.clearTimeout(timer);
-            };
-        }
-    }, [open, duration]);
-    const onExited = (node) => {
-        if (onExitedProp) {
-            onExitedProp(node);
-        }
-        if (reference)
-            Message.remove(reference);
-    };
-    return (jsx(SlideFade, { in: open, appear: true, onExited: onExited, ...restTransitionProps, children: jsxs("div", { className: cx(messageClasses.host, severity ? messageClasses.severity(severity) : ''), children: [icon ? (jsx(Icon, { className: messageClasses.icon, icon: icon })) : null, jsx("span", { className: messageClasses.content, children: children })] }) }));
-});
-const { add, config, destroy, remove, } = createNotifier({
-    duration: 3000,
-    render: (message) => jsx(Message, { ...message }),
-    setRoot: (root) => {
-        root === null || root === void 0 ? void 0 : root.setAttribute('class', messageClasses.root);
-    },
-});
-Message.add = add;
-Message.config = config;
-Message.destroy = destroy;
-Message.remove = remove;
-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: validSeverities.includes(severity.key)
-            ? severity.key
-            : undefined,
-        icon: severity.icon,
-    });
-});
+/**
+ * The react component for `mezzanine` message.
+ *
+ * Use the API from the Message instance such as `Message.add` and `Message.success`
+ * to display a notification message globally.
+ */
+const Message = ((props) => {
+    const { children, duration, icon, reference, severity, onExited: onExitedProp, ...restTransitionProps } = props;
+    const [open, setOpen] = useState(true);
+    useEffect(() => {
+        if (open && duration) {
+            const timer = window.setTimeout(() => {
+                setOpen(false);
+            }, duration);
+            return () => {
+                window.clearTimeout(timer);
+            };
+        }
+    }, [open, duration]);
+    const onExited = (node) => {
+        if (onExitedProp) {
+            onExitedProp(node);
+        }
+        if (reference)
+            Message.remove(reference);
+    };
+    return (jsx(SlideFade, { in: open, appear: true, onExited: onExited, ...restTransitionProps, children: jsxs("div", { className: cx(messageClasses.host, severity ? messageClasses.severity(severity) : ''), children: [icon ? (jsx(Icon, { className: messageClasses.icon, icon: icon })) : null, jsx("span", { className: messageClasses.content, children: children })] }) }));
+});
+const { add, config, destroy, remove, } = createNotifier({
+    duration: 3000,
+    render: (message) => jsx(Message, { ...message }),
+    setRoot: (root) => {
+        root === null || root === void 0 ? void 0 : root.setAttribute('class', messageClasses.root);
+    },
+});
+Message.add = add;
+Message.config = config;
+Message.destroy = destroy;
+Message.remove = remove;
+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: validSeverities.includes(severity.key)
+            ? severity.key
+            : undefined,
+        icon: severity.icon,
+    });
+});
 var Message$1 = Message;
 
 export { Message$1 as default };

package/Message/index.d.ts

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

package/Modal/Modal.d.ts

@@ -1,37 +1,37 @@
-/// <reference types="react" />
-import { ModalSeverity, ModalSize } from '@mezzanine-ui/core/modal';
-import { SlideFadeOverlayProps } from '../_internal/SlideFadeOverlay';
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface ModalProps extends Omit<SlideFadeOverlayProps, 'children'>, Pick<NativeElementPropsWithoutKeyAndRef<'div'>, 'children'> {
-    /**
-     * Whether to force full screen on any breakpoint.
-     * @default false
-     */
-    fullScreen?: boolean;
-    /**
-     * Controls whether or not to hide close button at top-end.
-     * @default false
-     */
-    hideCloseIcon?: boolean;
-    /**
-     * Whether the modal is loading.
-     * Controls the loading prop of confirm button in modal actions.
-     */
-    loading?: boolean;
-    /**
-     * Controlls whether or not to display status icon before title. <br />
-     * Notice that giving a status will only display the regular title.
-     * @default 'info'
-     */
-    severity?: ModalSeverity;
-    /**
-     * Controls the size of the modal.
-     * @default "medium"
-     */
-    size?: ModalSize;
-}
-/**
- * The react component for `mezzanine` modal.
- */
-declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Modal;
+/// <reference types="react" />
+import { ModalSeverity, ModalSize } from '@mezzanine-ui/core/modal';
+import { SlideFadeOverlayProps } from '../_internal/SlideFadeOverlay';
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export interface ModalProps extends Omit<SlideFadeOverlayProps, 'children'>, Pick<NativeElementPropsWithoutKeyAndRef<'div'>, 'children'> {
+    /**
+     * Whether to force full screen on any breakpoint.
+     * @default false
+     */
+    fullScreen?: boolean;
+    /**
+     * Controls whether or not to hide close button at top-end.
+     * @default false
+     */
+    hideCloseIcon?: boolean;
+    /**
+     * Whether the modal is loading.
+     * Controls the loading prop of confirm button in modal actions.
+     */
+    loading?: boolean;
+    /**
+     * Controlls whether or not to display status icon before title. <br />
+     * Notice that giving a status will only display the regular title.
+     * @default 'info'
+     */
+    severity?: ModalSeverity;
+    /**
+     * Controls the size of the modal.
+     * @default "medium"
+     */
+    size?: ModalSize;
+}
+/**
+ * The react component for `mezzanine` modal.
+ */
+declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Modal;

package/Modal/Modal.js

@@ -7,21 +7,21 @@ import useModalContainer from './useModalContainer.js';
 import Icon from '../Icon/Icon.js';
 import cx from 'clsx';
 
-/**
- * The react component for `mezzanine` modal.
- */
-const Modal = forwardRef(function Modal(props, ref) {
-    const { children, className, container, direction = 'down', disableCloseOnBackdropClick = false, disableCloseOnEscapeKeyDown = false, disablePortal = false, fullScreen = false, hideBackdrop = false, hideCloseIcon = false, invisibleBackdrop = false, loading = false, onBackdropClick, onClose, open, severity = 'info', size = 'medium', ...rest } = props;
-    const modalControl = useMemo(() => ({
-        loading,
-        severity,
-    }), [loading, severity]);
-    const { Container: ModalContainer } = useModalContainer();
-    return (jsx(ModalControlContext.Provider, { value: modalControl, children: jsx(ModalContainer, { className: modalClasses.overlay, container: container, direction: direction, disableCloseOnBackdropClick: disableCloseOnBackdropClick, disableCloseOnEscapeKeyDown: disableCloseOnEscapeKeyDown, disablePortal: disablePortal, hideBackdrop: hideBackdrop, invisibleBackdrop: invisibleBackdrop, onBackdropClick: onBackdropClick, onClose: onClose, open: open, ref: ref, children: jsxs("div", { ...rest, className: cx(modalClasses.host, modalClasses.severity(severity), modalClasses.size(size), {
-                    [modalClasses.fullScreen]: fullScreen,
-                    [modalClasses.withCloseIcon]: !hideCloseIcon,
-                }, className), role: "dialog", children: [children, !hideCloseIcon && (jsx(Icon, { className: modalClasses.closeIcon, icon: TimesIcon, onClick: onClose }))] }) }) }));
-});
+/**
+ * The react component for `mezzanine` modal.
+ */
+const Modal = forwardRef(function Modal(props, ref) {
+    const { children, className, container, direction = 'down', disableCloseOnBackdropClick = false, disableCloseOnEscapeKeyDown = false, disablePortal = false, fullScreen = false, hideBackdrop = false, hideCloseIcon = false, invisibleBackdrop = false, loading = false, onBackdropClick, onClose, open, severity = 'info', size = 'medium', ...rest } = props;
+    const modalControl = useMemo(() => ({
+        loading,
+        severity,
+    }), [loading, severity]);
+    const { Container: ModalContainer } = useModalContainer();
+    return (jsx(ModalControlContext.Provider, { value: modalControl, children: jsx(ModalContainer, { className: modalClasses.overlay, container: container, direction: direction, disableCloseOnBackdropClick: disableCloseOnBackdropClick, disableCloseOnEscapeKeyDown: disableCloseOnEscapeKeyDown, disablePortal: disablePortal, hideBackdrop: hideBackdrop, invisibleBackdrop: invisibleBackdrop, onBackdropClick: onBackdropClick, onClose: onClose, open: open, ref: ref, children: jsxs("div", { ...rest, className: cx(modalClasses.host, modalClasses.severity(severity), modalClasses.size(size), {
+                    [modalClasses.fullScreen]: fullScreen,
+                    [modalClasses.withCloseIcon]: !hideCloseIcon,
+                }, className), role: "dialog", children: [children, !hideCloseIcon && (jsx(Icon, { className: modalClasses.closeIcon, icon: TimesIcon, onClick: onClose }))] }) }) }));
+});
 var Modal$1 = Modal;
 
 export { Modal$1 as default };

package/Modal/ModalActions.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { ConfirmActionsProps } from '../ConfirmActions';
-import { ModalFooterProps } from './ModalFooter';
-export interface ModalActionsProps extends ModalFooterProps, Pick<ConfirmActionsProps, 'cancelButtonProps' | 'cancelText' | 'confirmButtonProps' | 'confirmText' | 'hideCancelButton' | 'hideConfirmButton' | 'onCancel' | 'onConfirm'> {
-}
-/**
- * The react component for `mezzanine` modal actions.
- */
-declare const ModalActions: import("react").ForwardRefExoticComponent<ModalActionsProps & import("react").RefAttributes<HTMLDivElement>>;
-export default ModalActions;
+/// <reference types="react" />
+import { ConfirmActionsProps } from '../ConfirmActions';
+import { ModalFooterProps } from './ModalFooter';
+export interface ModalActionsProps extends ModalFooterProps, Pick<ConfirmActionsProps, 'cancelButtonProps' | 'cancelText' | 'confirmButtonProps' | 'confirmText' | 'hideCancelButton' | 'hideConfirmButton' | 'onCancel' | 'onConfirm'> {
+}
+/**
+ * The react component for `mezzanine` modal actions.
+ */
+declare const ModalActions: import("react").ForwardRefExoticComponent<ModalActionsProps & import("react").RefAttributes<HTMLDivElement>>;
+export default ModalActions;

package/Modal/ModalActions.js

@@ -5,16 +5,16 @@ import ModalFooter from './ModalFooter.js';
 import { ModalControlContext } from './ModalControl.js';
 import ConfirmActions from '../ConfirmActions/ConfirmActions.js';
 
-/**
- * The react component for `mezzanine` modal actions.
- */
-const ModalActions = forwardRef(function ModalActions(props, ref) {
-    const { cancelButtonProps, cancelText, children, confirmButtonProps, confirmText, hideCancelButton, hideConfirmButton, onCancel, onConfirm, ...rest } = props;
-    const { loading: confirmButtonLoading, ...restConfirmButtonProps } = confirmButtonProps || {};
-    const { loading, severity, } = useContext(ModalControlContext);
-    const danger = severity === 'error';
-    return (jsxs(ModalFooter, { ...rest, ref: ref, children: [children, jsx(ConfirmActions, { cancelButtonProps: cancelButtonProps, cancelText: cancelText, className: modalClasses.actions, confirmButtonProps: restConfirmButtonProps, confirmText: confirmText, danger: danger, hideCancelButton: hideCancelButton, hideConfirmButton: hideConfirmButton, loading: confirmButtonLoading !== null && confirmButtonLoading !== void 0 ? confirmButtonLoading : loading, onCancel: onCancel, onConfirm: onConfirm })] }));
-});
+/**
+ * The react component for `mezzanine` modal actions.
+ */
+const ModalActions = forwardRef(function ModalActions(props, ref) {
+    const { cancelButtonProps, cancelText, children, confirmButtonProps, confirmText, hideCancelButton, hideConfirmButton, onCancel, onConfirm, ...rest } = props;
+    const { loading: confirmButtonLoading, ...restConfirmButtonProps } = confirmButtonProps || {};
+    const { loading, severity, } = useContext(ModalControlContext);
+    const danger = severity === 'error';
+    return (jsxs(ModalFooter, { ...rest, ref: ref, children: [children, jsx(ConfirmActions, { cancelButtonProps: cancelButtonProps, cancelText: cancelText, className: modalClasses.actions, confirmButtonProps: restConfirmButtonProps, confirmText: confirmText, danger: danger, hideCancelButton: hideCancelButton, hideConfirmButton: hideConfirmButton, loading: confirmButtonLoading !== null && confirmButtonLoading !== void 0 ? confirmButtonLoading : loading, onCancel: onCancel, onConfirm: onConfirm })] }));
+});
 var ModalActions$1 = ModalActions;
 
 export { ModalActions$1 as default };

package/Modal/ModalBody.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export declare type ModalBodyProps = NativeElementPropsWithoutKeyAndRef<'div'>;
-/**
- * The react component for `mezzanine` modal body.
- */
-declare const ModalBody: import("react").ForwardRefExoticComponent<ModalBodyProps & import("react").RefAttributes<HTMLDivElement>>;
-export default ModalBody;
+/// <reference types="react" />
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export type ModalBodyProps = NativeElementPropsWithoutKeyAndRef<'div'>;
+/**
+ * The react component for `mezzanine` modal body.
+ */
+declare const ModalBody: import("react").ForwardRefExoticComponent<ModalBodyProps & import("react").RefAttributes<HTMLDivElement>>;
+export default ModalBody;

package/Modal/ModalBody.js

@@ -3,13 +3,13 @@ import { forwardRef } from 'react';
 import { modalClasses } from '@mezzanine-ui/core/modal';
 import cx from 'clsx';
 
-/**
- * The react component for `mezzanine` modal body.
- */
-const ModalBody = forwardRef(function ModalBody(props, ref) {
-    const { children, className, ...rest } = props;
-    return (jsx("div", { ...rest, ref: ref, className: cx(modalClasses.body, className), children: children }));
-});
+/**
+ * The react component for `mezzanine` modal body.
+ */
+const ModalBody = forwardRef(function ModalBody(props, ref) {
+    const { children, className, ...rest } = props;
+    return (jsx("div", { ...rest, ref: ref, className: cx(modalClasses.body, className), children: children }));
+});
 var ModalBody$1 = ModalBody;
 
 export { ModalBody$1 as default };

package/Modal/ModalControl.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { ModalSeverity } from '@mezzanine-ui/core/modal';
-export interface ModalControl {
-    loading: boolean;
-    severity: ModalSeverity;
-}
-export declare const ModalControlContext: import("react").Context<ModalControl>;
+/// <reference types="react" />
+import { ModalSeverity } from '@mezzanine-ui/core/modal';
+export interface ModalControl {
+    loading: boolean;
+    severity: ModalSeverity;
+}
+export declare const ModalControlContext: import("react").Context<ModalControl>;

package/Modal/ModalControl.js

@@ -1,8 +1,8 @@
 import { createContext } from 'react';
 
-const ModalControlContext = createContext({
-    loading: false,
-    severity: 'info',
+const ModalControlContext = createContext({
+    loading: false,
+    severity: 'info',
 });
 
 export { ModalControlContext };

package/Modal/ModalFooter.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export declare type ModalFooterProps = NativeElementPropsWithoutKeyAndRef<'div'>;
-/**
- * The react component for `mezzanine` modal footer.
- */
-declare const ModalFooter: import("react").ForwardRefExoticComponent<ModalFooterProps & import("react").RefAttributes<HTMLDivElement>>;
-export default ModalFooter;
+/// <reference types="react" />
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export type ModalFooterProps = NativeElementPropsWithoutKeyAndRef<'div'>;
+/**
+ * The react component for `mezzanine` modal footer.
+ */
+declare const ModalFooter: import("react").ForwardRefExoticComponent<ModalFooterProps & import("react").RefAttributes<HTMLDivElement>>;
+export default ModalFooter;

package/Modal/ModalFooter.js

@@ -3,13 +3,13 @@ import { forwardRef } from 'react';
 import { modalClasses } from '@mezzanine-ui/core/modal';
 import cx from 'clsx';
 
-/**
- * The react component for `mezzanine` modal footer.
- */
-const ModalFooter = forwardRef(function ModalFooter(props, ref) {
-    const { children, className, ...rest } = props;
-    return (jsx("div", { ...rest, ref: ref, className: cx(modalClasses.footer, className), children: children }));
-});
+/**
+ * The react component for `mezzanine` modal footer.
+ */
+const ModalFooter = forwardRef(function ModalFooter(props, ref) {
+    const { children, className, ...rest } = props;
+    return (jsx("div", { ...rest, ref: ref, className: cx(modalClasses.footer, className), children: children }));
+});
 var ModalFooter$1 = ModalFooter;
 
 export { ModalFooter$1 as default };

package/Modal/ModalHeader.d.ts

@@ -1,20 +1,20 @@
-/// <reference types="react" />
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface ModalHeaderProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
-    /**
-     * Whether to show severity icon.
-     * @default false
-     */
-    showSeverityIcon?: boolean;
-    /**
-     * Controlls the title styles.
-     * Use large title if the modal body has section/block titles.
-     * @default false
-     */
-    titleLarge?: boolean;
-}
-/**
- * The react component for `mezzanine` modal header.
- */
-declare const ModalHeader: import("react").ForwardRefExoticComponent<ModalHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
-export default ModalHeader;
+/// <reference types="react" />
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export interface ModalHeaderProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
+    /**
+     * Whether to show severity icon.
+     * @default false
+     */
+    showSeverityIcon?: boolean;
+    /**
+     * Controlls the title styles.
+     * Use large title if the modal body has section/block titles.
+     * @default false
+     */
+    titleLarge?: boolean;
+}
+/**
+ * The react component for `mezzanine` modal header.
+ */
+declare const ModalHeader: import("react").ForwardRefExoticComponent<ModalHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+export default ModalHeader;

package/Modal/ModalHeader.js

@@ -5,16 +5,16 @@ import { ModalControlContext } from './ModalControl.js';
 import Icon from '../Icon/Icon.js';
 import cx from 'clsx';
 
-/**
- * The react component for `mezzanine` modal header.
- */
-const ModalHeader = forwardRef(function ModalHeader(props, ref) {
-    const { children, className, showSeverityIcon = false, titleLarge = false, ...rest } = props;
-    const { severity } = useContext(ModalControlContext);
-    return (jsxs("div", { ...rest, ref: ref, className: cx(modalClasses.header, className), children: [showSeverityIcon && (jsx(Icon, { className: modalClasses.severityIcon, icon: modalSeverityIcons[severity] })), jsx("h3", { className: cx(modalClasses.title, {
-                    [modalClasses.titleLarge]: titleLarge,
-                }), title: typeof children === 'string' ? children : undefined, children: children })] }));
-});
+/**
+ * The react component for `mezzanine` modal header.
+ */
+const ModalHeader = forwardRef(function ModalHeader(props, ref) {
+    const { children, className, showSeverityIcon = false, titleLarge = false, ...rest } = props;
+    const { severity } = useContext(ModalControlContext);
+    return (jsxs("div", { ...rest, ref: ref, className: cx(modalClasses.header, className), children: [showSeverityIcon && (jsx(Icon, { className: modalClasses.severityIcon, icon: modalSeverityIcons[severity] })), jsx("h3", { className: cx(modalClasses.title, {
+                    [modalClasses.titleLarge]: titleLarge,
+                }), title: typeof children === 'string' ? children : undefined, children: children })] }));
+});
 var ModalHeader$1 = ModalHeader;
 
 export { ModalHeader$1 as default };

package/Modal/index.d.ts

@@ -1,7 +1,7 @@
-export type { ModalSeverity, ModalSize, } from '@mezzanine-ui/core/modal';
-export { ModalActionsProps, default as ModalActions, } from './ModalActions';
-export { ModalBodyProps, default as ModalBody, } from './ModalBody';
-export { ModalFooterProps, default as ModalFooter, } from './ModalFooter';
-export { ModalHeaderProps, default as ModalHeader, } from './ModalHeader';
-export { default as useModalContainer, } from './useModalContainer';
-export { ModalProps, default, } from './Modal';
+export type { ModalSeverity, ModalSize, } from '@mezzanine-ui/core/modal';
+export { ModalActionsProps, default as ModalActions, } from './ModalActions';
+export { ModalBodyProps, default as ModalBody, } from './ModalBody';
+export { ModalFooterProps, default as ModalFooter, } from './ModalFooter';
+export { ModalHeaderProps, default as ModalHeader, } from './ModalHeader';
+export { default as useModalContainer, } from './useModalContainer';
+export { ModalProps, default, } from './Modal';

package/Modal/useModalContainer.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { SlideFadeOverlayProps } from '../_internal/SlideFadeOverlay';
-export default function useModalContainer(): {
-    Container: import("react").ForwardRefExoticComponent<SlideFadeOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
-    defaultOptions: Pick<SlideFadeOverlayProps, "className" | "direction" | "disableCloseOnBackdropClick" | "disableCloseOnEscapeKeyDown" | "disablePortal" | "hideBackdrop" | "invisibleBackdrop" | "open">;
-};
+/// <reference types="react" />
+import { SlideFadeOverlayProps } from '../_internal/SlideFadeOverlay';
+export default function useModalContainer(): {
+    Container: import("react").ForwardRefExoticComponent<SlideFadeOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
+    defaultOptions: Pick<SlideFadeOverlayProps, "className" | "direction" | "disableCloseOnBackdropClick" | "disableCloseOnEscapeKeyDown" | "disablePortal" | "hideBackdrop" | "invisibleBackdrop" | "open">;
+};