@mezzanine-ui/react 0.13.9 → 0.13.11

package/Accordion/Accordion.d.ts

@@ -1,24 +1,24 @@
-/// <reference types="react" />
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface AccordionProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'onChange'> {
-    /**
-     * If true, expands the accordion by default.
-     * @default false
-     */
-    defaultExpanded?: boolean;
-    /**
-     * If true, the accordion will be displayed in a disabled state.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If true, expands the accordion, otherwise collapse it. Setting this prop enables control over the accordion.
-     */
-    expanded?: boolean;
-    /**
-     * Callback fired when the expand/collapse state is changed.
-     */
-    onChange?(e: boolean): void;
-}
-declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Accordion;
+/// <reference types="react" />
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export interface AccordionProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'onChange'> {
+    /**
+     * If true, expands the accordion by default.
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * If true, the accordion will be displayed in a disabled state.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If true, expands the accordion, otherwise collapse it. Setting this prop enables control over the accordion.
+     */
+    expanded?: boolean;
+    /**
+     * Callback fired when the expand/collapse state is changed.
+     */
+    onChange?(e: boolean): void;
+}
+declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Accordion;

package/Accordion/Accordion.js

@@ -4,31 +4,31 @@ import { accordionClasses } from '@mezzanine-ui/core/accordion';
 import { AccordionControlContext } from './AccordionControlContext.js';
 import cx from 'clsx';
 
-const Accordion = forwardRef(function Accordion(props, ref) {
-    const { className, children: childrenProp, defaultExpanded = false, disabled = false, expanded: expandedProp, onChange, ...rest } = props;
-    const [expanded, toggleExpanded] = useState(defaultExpanded || false);
-    const onToggleExpanded = useCallback((newStatus) => {
-        if (typeof onChange === 'function') {
-            onChange(newStatus);
-        }
-        else {
-            toggleExpanded(newStatus);
-        }
-    }, [onChange]);
-    const [summary, ...children] = Children.toArray(childrenProp);
-    const contextValue = useMemo(() => {
-        var _a, _b;
-        return ({
-            detailsId: ((_a = summary === null || summary === void 0 ? void 0 : summary.props) === null || _a === void 0 ? void 0 : _a.id)
-                ? `${summary.props.id}-details` : undefined,
-            disabled,
-            expanded: expandedProp || expanded,
-            summaryId: (_b = summary === null || summary === void 0 ? void 0 : summary.props) === null || _b === void 0 ? void 0 : _b.id,
-            toggleExpanded: onToggleExpanded,
-        });
-    }, [disabled, expandedProp, expanded, onToggleExpanded, summary]);
-    return (jsx("div", { ...rest, ref: ref, className: cx(accordionClasses.host, className), children: jsxs(AccordionControlContext.Provider, { value: contextValue, children: [summary, children] }) }));
-});
+const Accordion = forwardRef(function Accordion(props, ref) {
+    const { className, children: childrenProp, defaultExpanded = false, disabled = false, expanded: expandedProp, onChange, ...rest } = props;
+    const [expanded, toggleExpanded] = useState(defaultExpanded || false);
+    const onToggleExpanded = useCallback((newStatus) => {
+        if (typeof onChange === 'function') {
+            onChange(newStatus);
+        }
+        else {
+            toggleExpanded(newStatus);
+        }
+    }, [onChange]);
+    const [summary, ...children] = Children.toArray(childrenProp);
+    const contextValue = useMemo(() => {
+        var _a, _b;
+        return ({
+            detailsId: ((_a = summary === null || summary === void 0 ? void 0 : summary.props) === null || _a === void 0 ? void 0 : _a.id)
+                ? `${summary.props.id}-details` : undefined,
+            disabled,
+            expanded: expandedProp || expanded,
+            summaryId: (_b = summary === null || summary === void 0 ? void 0 : summary.props) === null || _b === void 0 ? void 0 : _b.id,
+            toggleExpanded: onToggleExpanded,
+        });
+    }, [disabled, expandedProp, expanded, onToggleExpanded, summary]);
+    return (jsx("div", { ...rest, ref: ref, className: cx(accordionClasses.host, className), children: jsxs(AccordionControlContext.Provider, { value: contextValue, children: [summary, children] }) }));
+});
 var Accordion$1 = Accordion;
 
 export { Accordion$1 as default };

package/Accordion/AccordionControlContext.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-export interface AccordionControlContextValue {
-    detailsId?: string;
-    disabled: boolean;
-    expanded: boolean;
-    summaryId?: string;
-    toggleExpanded(e: boolean): void;
-}
-export declare const AccordionControlContext: import("react").Context<AccordionControlContextValue | undefined>;
+/// <reference types="react" />
+export interface AccordionControlContextValue {
+    detailsId?: string;
+    disabled: boolean;
+    expanded: boolean;
+    summaryId?: string;
+    toggleExpanded(e: boolean): void;
+}
+export declare const AccordionControlContext: import("react").Context<AccordionControlContextValue | undefined>;

package/Accordion/AccordionDetails.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface AccordionDetailsProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
-    /**
-     * If true, expands the details, otherwise collapse it.
-     */
-    expanded?: boolean;
-}
-declare const AccordionDetails: import("react").ForwardRefExoticComponent<AccordionDetailsProps & import("react").RefAttributes<HTMLDivElement>>;
-export default AccordionDetails;
+/// <reference types="react" />
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export interface AccordionDetailsProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
+    /**
+     * If true, expands the details, otherwise collapse it.
+     */
+    expanded?: boolean;
+}
+declare const AccordionDetails: import("react").ForwardRefExoticComponent<AccordionDetailsProps & import("react").RefAttributes<HTMLDivElement>>;
+export default AccordionDetails;

package/Accordion/AccordionDetails.js

@@ -5,22 +5,22 @@ import { AccordionControlContext } from './AccordionControlContext.js';
 import Collapse from '../Transition/Collapse.js';
 import cx from 'clsx';
 
-const AccordionDetails = forwardRef(function AccordionDetails(props, ref) {
-    const { className, children, expanded: expandedProp, ...rest } = props;
-    const { detailsId, expanded, summaryId, } = useContext(AccordionControlContext) || {};
-    const ariaProps = useMemo(() => {
-        if (summaryId && detailsId) {
-            return {
-                'aria-labelledby': summaryId,
-                id: detailsId,
-            };
-        }
-        return {};
-    }, [summaryId, detailsId]);
-    return (jsx(Collapse, { style: { width: '100%' }, in: expandedProp || expanded, children: jsx("div", { ...rest, ...ariaProps, ref: ref, className: cx(accordionClasses.details, {
-                [accordionClasses.detailsExpanded]: expandedProp || expanded,
-            }, className), role: "region", children: children }) }));
-});
+const AccordionDetails = forwardRef(function AccordionDetails(props, ref) {
+    const { className, children, expanded: expandedProp, ...rest } = props;
+    const { detailsId, expanded, summaryId, } = useContext(AccordionControlContext) || {};
+    const ariaProps = useMemo(() => {
+        if (summaryId && detailsId) {
+            return {
+                'aria-labelledby': summaryId,
+                id: detailsId,
+            };
+        }
+        return {};
+    }, [summaryId, detailsId]);
+    return (jsx(Collapse, { style: { width: '100%' }, in: expandedProp || expanded, children: jsx("div", { ...rest, ...ariaProps, ref: ref, className: cx(accordionClasses.details, {
+                [accordionClasses.detailsExpanded]: expandedProp || expanded,
+            }, className), role: "region", children: children }) }));
+});
 var AccordionDetails$1 = AccordionDetails;
 
 export { AccordionDetails$1 as default };

package/Accordion/AccordionSummary.d.ts

@@ -1,18 +1,18 @@
-import { ReactNode } from 'react';
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface AccordionSummaryProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
-    /**
-     * custom chevronDown icon className
-     */
-    iconClassName?: string;
-    /**
-     * custom prefix icon element when `suffixActions` prop is given
-     */
-    prefixIcon?: JSX.Element;
-    /**
-     * custom suffix actions
-     */
-    suffixActions?: ReactNode;
-}
-declare const AccordionSummary: import("react").ForwardRefExoticComponent<AccordionSummaryProps & import("react").RefAttributes<HTMLDivElement>>;
-export default AccordionSummary;
+import { ReactNode } from 'react';
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export interface AccordionSummaryProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
+    /**
+     * custom chevronDown icon className
+     */
+    iconClassName?: string;
+    /**
+     * custom prefix icon element when `suffixActions` prop is given
+     */
+    prefixIcon?: JSX.Element;
+    /**
+     * custom suffix actions
+     */
+    suffixActions?: ReactNode;
+}
+declare const AccordionSummary: import("react").ForwardRefExoticComponent<AccordionSummaryProps & import("react").RefAttributes<HTMLDivElement>>;
+export default AccordionSummary;

package/Accordion/AccordionSummary.js

@@ -6,45 +6,45 @@ import { AccordionControlContext } from './AccordionControlContext.js';
 import Icon from '../Icon/Icon.js';
 import cx from 'clsx';
 
-const AccordionSummary = forwardRef(function AccordionSummary(props, ref) {
-    const { className, children, iconClassName: iconClassNameProp, prefixIcon, suffixActions, ...rest } = props;
-    const { detailsId, disabled, expanded, toggleExpanded, } = useContext(AccordionControlContext) || {};
-    const onToggle = useCallback((e) => {
-        e.stopPropagation();
-        if (typeof toggleExpanded === 'function' && !disabled) {
-            toggleExpanded(!expanded);
-        }
-    }, [disabled, expanded, toggleExpanded]);
-    const onKeyDown = (e) => {
-        switch (e.code) {
-            case 'Enter':
-                onToggle(e);
-                break;
-        }
-    };
-    const ariaProps = useMemo(() => {
-        let result = {
-            'aria-expanded': expanded,
-        };
-        if (detailsId) {
-            result = {
-                ...result,
-                'aria-controls': detailsId,
-            };
-        }
-        return result;
-    }, [detailsId, expanded]);
-    const DefaultIcon = useCallback((iconProps) => {
-        const { className: iconClassNames = '' } = iconProps;
-        return (jsx(Icon, { color: disabled ? 'disabled' : 'primary', className: cx(accordionClasses.summaryIcon, {
-                [accordionClasses.summaryIconExpanded]: expanded,
-                [accordionClasses.summaryIconDisabled]: disabled,
-            }, iconClassNames, iconClassNameProp), icon: ChevronDownIcon, onClick: onToggle, onMouseDown: (evt) => evt.preventDefault(), role: "button" }));
-    }, [disabled, expanded, iconClassNameProp, onToggle]);
-    return (jsxs("div", { ...rest, ...ariaProps, ref: ref, className: cx(accordionClasses.summary, {
-            [accordionClasses.summaryDisabled]: disabled,
-        }, className), onClick: onToggle, onKeyDown: onKeyDown, role: "button", tabIndex: 0, children: [jsxs("div", { className: accordionClasses.summaryMainPart, children: [suffixActions ? (prefixIcon || (jsx(DefaultIcon, { className: accordionClasses.summaryMainPartPrefix }))) : null, children] }), suffixActions || (jsx(DefaultIcon, {}))] }));
-});
+const AccordionSummary = forwardRef(function AccordionSummary(props, ref) {
+    const { className, children, iconClassName: iconClassNameProp, prefixIcon, suffixActions, ...rest } = props;
+    const { detailsId, disabled, expanded, toggleExpanded, } = useContext(AccordionControlContext) || {};
+    const onToggle = useCallback((e) => {
+        e.stopPropagation();
+        if (typeof toggleExpanded === 'function' && !disabled) {
+            toggleExpanded(!expanded);
+        }
+    }, [disabled, expanded, toggleExpanded]);
+    const onKeyDown = (e) => {
+        switch (e.code) {
+            case 'Enter':
+                onToggle(e);
+                break;
+        }
+    };
+    const ariaProps = useMemo(() => {
+        let result = {
+            'aria-expanded': expanded,
+        };
+        if (detailsId) {
+            result = {
+                ...result,
+                'aria-controls': detailsId,
+            };
+        }
+        return result;
+    }, [detailsId, expanded]);
+    const DefaultIcon = useCallback((iconProps) => {
+        const { className: iconClassNames = '' } = iconProps;
+        return (jsx(Icon, { color: disabled ? 'disabled' : 'primary', className: cx(accordionClasses.summaryIcon, {
+                [accordionClasses.summaryIconExpanded]: expanded,
+                [accordionClasses.summaryIconDisabled]: disabled,
+            }, iconClassNames, iconClassNameProp), icon: ChevronDownIcon, onClick: onToggle, onMouseDown: (evt) => evt.preventDefault(), role: "button" }));
+    }, [disabled, expanded, iconClassNameProp, onToggle]);
+    return (jsxs("div", { ...rest, ...ariaProps, ref: ref, className: cx(accordionClasses.summary, {
+            [accordionClasses.summaryDisabled]: disabled,
+        }, className), onClick: onToggle, onKeyDown: onKeyDown, role: "button", tabIndex: 0, children: [jsxs("div", { className: accordionClasses.summaryMainPart, children: [suffixActions ? (prefixIcon || (jsx(DefaultIcon, { className: accordionClasses.summaryMainPartPrefix }))) : null, children] }), suffixActions || (jsx(DefaultIcon, {}))] }));
+});
 var AccordionSummary$1 = AccordionSummary;
 
 export { AccordionSummary$1 as default };

package/Accordion/index.d.ts

@@ -1,3 +1,3 @@
-export { AccordionProps, default, } from './Accordion';
-export { AccordionSummaryProps, default as AccordionSummary, } from './AccordionSummary';
-export { AccordionDetailsProps, default as AccordionDetails, } from './AccordionDetails';
+export { AccordionProps, default, } from './Accordion';
+export { AccordionSummaryProps, default as AccordionSummary, } from './AccordionSummary';
+export { AccordionDetailsProps, default as AccordionDetails, } from './AccordionDetails';

package/Alert/Alert.d.ts

@@ -1,20 +1,20 @@
-import { MouseEventHandler } from 'react';
-import { AlertSeverity } from '@mezzanine-ui/core/alert';
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface AlertProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
-    /**
-     * Close handler.
-     */
-    onClose?: MouseEventHandler;
-    /**
-     * The severity of alert.
-     * @default success
-     */
-    severity?: AlertSeverity;
-}
-/**
- * The react component for `mezzanine` alert.
- * This component should always be full width of its parent.
- */
-declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Alert;
+import { MouseEventHandler } from 'react';
+import { AlertSeverity } from '@mezzanine-ui/core/alert';
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export interface AlertProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
+    /**
+     * Close handler.
+     */
+    onClose?: MouseEventHandler;
+    /**
+     * The severity of alert.
+     * @default success
+     */
+    severity?: AlertSeverity;
+}
+/**
+ * The react component for `mezzanine` alert.
+ * This component should always be full width of its parent.
+ */
+declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Alert;

package/Alert/Alert.js

@@ -5,15 +5,15 @@ import { TimesIcon } from '@mezzanine-ui/icons';
 import Icon from '../Icon/Icon.js';
 import cx from 'clsx';
 
-/**
- * The react component for `mezzanine` alert.
- * This component should always be full width of its parent.
- */
-const Alert = forwardRef(function Alert(props, ref) {
-    const { className, children, onClose, severity = 'success', ...rest } = props;
-    const targetIcon = alertIcons[severity];
-    return (jsxs("div", { ref: ref, className: cx(alertClasses.host, alertClasses.severity(severity), className), ...rest, children: [jsx(Icon, { className: alertClasses.icon, icon: targetIcon }), jsx("p", { className: alertClasses.message, children: children }), jsx(Icon, { className: alertClasses.closeIcon, icon: TimesIcon, onClick: onClose, role: "button" })] }));
-});
+/**
+ * The react component for `mezzanine` alert.
+ * This component should always be full width of its parent.
+ */
+const Alert = forwardRef(function Alert(props, ref) {
+    const { className, children, onClose, severity = 'success', ...rest } = props;
+    const targetIcon = alertIcons[severity];
+    return (jsxs("div", { ref: ref, className: cx(alertClasses.host, alertClasses.severity(severity), className), ...rest, children: [jsx(Icon, { className: alertClasses.icon, icon: targetIcon }), jsx("p", { className: alertClasses.message, children: children }), jsx(Icon, { className: alertClasses.closeIcon, icon: TimesIcon, onClick: onClose, role: "button" })] }));
+});
 var Alert$1 = Alert;
 
 export { Alert$1 as default };

package/Alert/index.d.ts

@@ -1,2 +1,2 @@
-export { AlertSeverity, } from '@mezzanine-ui/core/alert';
-export { AlertProps, default, } from './Alert';
+export { AlertSeverity, } from '@mezzanine-ui/core/alert';
+export { AlertProps, default, } from './Alert';

package/AppBar/AppBar.d.ts

@@ -1,14 +1,14 @@
-import { ReactElement, NamedExoticComponent, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { AppBarOrientation } from '@mezzanine-ui/core/app-bar';
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-import { AppBarBrandProps } from './AppBarBrand';
-import { AppBarMainProps } from './AppBarMain';
-import { AppBarSupportProps } from './AppBarSupport';
-export type AppBarChild = ReactElement<AppBarBrandProps | AppBarMainProps | AppBarSupportProps, NamedExoticComponent>;
-export type AppBarChildren = AppBarChild | AppBarChild[];
-export interface AppBarProps extends NativeElementPropsWithoutKeyAndRef<'header'> {
-    orientation?: AppBarOrientation;
-    children?: AppBarChildren;
-}
-declare const AppBar: ForwardRefExoticComponent<AppBarProps & RefAttributes<HTMLElement>>;
-export default AppBar;
+import { ReactElement, NamedExoticComponent, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { AppBarOrientation } from '@mezzanine-ui/core/app-bar';
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+import { AppBarBrandProps } from './AppBarBrand';
+import { AppBarMainProps } from './AppBarMain';
+import { AppBarSupportProps } from './AppBarSupport';
+export type AppBarChild = ReactElement<AppBarBrandProps | AppBarMainProps | AppBarSupportProps, NamedExoticComponent>;
+export type AppBarChildren = AppBarChild | AppBarChild[];
+export interface AppBarProps extends NativeElementPropsWithoutKeyAndRef<'header'> {
+    orientation?: AppBarOrientation;
+    children?: AppBarChildren;
+}
+declare const AppBar: ForwardRefExoticComponent<AppBarProps & RefAttributes<HTMLElement>>;
+export default AppBar;

package/AppBar/AppBar.js

@@ -6,31 +6,31 @@ import AppBarMain from './AppBarMain.js';
 import AppBarSupport from './AppBarSupport.js';
 import cx from 'clsx';
 
-const componentOrders = (type) => {
-    switch (type) {
-        case AppBarBrand:
-            return 1;
-        case AppBarMain:
-            return 2;
-        case AppBarSupport:
-            return 3;
-    }
-};
-const AppBar = forwardRef((props, ref) => {
-    const { orientation = 'horizontal', className, children, ...rest } = props;
-    const SortedChildren = Children
-        .toArray(children)
-        .sort((unknownBefore, unknownAfter) => {
-        const { type: beforeType } = unknownBefore;
-        const { type: afterType } = unknownAfter;
-        const beforeOrder = componentOrders(beforeType);
-        const afterOrder = componentOrders(afterType);
-        if (!beforeOrder || !afterOrder)
-            return 0;
-        return beforeOrder - afterOrder;
-    });
-    return (jsx("header", { ...rest, ref: ref, className: cx(appBarClasses.host, appBarClasses[orientation], className), children: SortedChildren }));
-});
+const componentOrders = (type) => {
+    switch (type) {
+        case AppBarBrand:
+            return 1;
+        case AppBarMain:
+            return 2;
+        case AppBarSupport:
+            return 3;
+    }
+};
+const AppBar = forwardRef((props, ref) => {
+    const { orientation = 'horizontal', className, children, ...rest } = props;
+    const SortedChildren = Children
+        .toArray(children)
+        .sort((unknownBefore, unknownAfter) => {
+        const { type: beforeType } = unknownBefore;
+        const { type: afterType } = unknownAfter;
+        const beforeOrder = componentOrders(beforeType);
+        const afterOrder = componentOrders(afterType);
+        if (!beforeOrder || !afterOrder)
+            return 0;
+        return beforeOrder - afterOrder;
+    });
+    return (jsx("header", { ...rest, ref: ref, className: cx(appBarClasses.host, appBarClasses[orientation], className), children: SortedChildren }));
+});
 var AppBar$1 = AppBar;
 
 export { AppBar$1 as default };

package/AppBar/AppBarBrand.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export type AppBarBrandProps = NativeElementPropsWithoutKeyAndRef<'div'>;
-declare const AppBarBrand: import("react").ForwardRefExoticComponent<AppBarBrandProps & import("react").RefAttributes<HTMLDivElement>>;
-export default AppBarBrand;
+/// <reference types="react" />
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export type AppBarBrandProps = NativeElementPropsWithoutKeyAndRef<'div'>;
+declare const AppBarBrand: import("react").ForwardRefExoticComponent<AppBarBrandProps & import("react").RefAttributes<HTMLDivElement>>;
+export default AppBarBrand;

package/AppBar/AppBarBrand.js

@@ -3,10 +3,10 @@ import { forwardRef } from 'react';
 import { appBarBrandClasses } from '@mezzanine-ui/core/app-bar';
 import cx from 'clsx';
 
-const AppBarBrand = forwardRef((props, ref) => {
-    const { className, children, ...rest } = props;
-    return (jsx("div", { ...rest, ref: ref, className: cx(appBarBrandClasses.host, className), children: children }));
-});
+const AppBarBrand = forwardRef((props, ref) => {
+    const { className, children, ...rest } = props;
+    return (jsx("div", { ...rest, ref: ref, className: cx(appBarBrandClasses.host, className), children: children }));
+});
 var AppBarBrand$1 = AppBarBrand;
 
 export { AppBarBrand$1 as default };

package/AppBar/AppBarMain.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export type AppBarMainProps = NativeElementPropsWithoutKeyAndRef<'div'>;
-declare const AppBarMain: import("react").ForwardRefExoticComponent<AppBarMainProps & import("react").RefAttributes<HTMLDivElement>>;
-export default AppBarMain;
+/// <reference types="react" />
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export type AppBarMainProps = NativeElementPropsWithoutKeyAndRef<'div'>;
+declare const AppBarMain: import("react").ForwardRefExoticComponent<AppBarMainProps & import("react").RefAttributes<HTMLDivElement>>;
+export default AppBarMain;

package/AppBar/AppBarMain.js

@@ -3,10 +3,10 @@ import { forwardRef } from 'react';
 import { appBarMainClasses } from '@mezzanine-ui/core/app-bar';
 import cx from 'clsx';
 
-const AppBarMain = forwardRef((props, ref) => {
-    const { className, children, ...rest } = props;
-    return (jsx("div", { ...rest, ref: ref, className: cx(appBarMainClasses.host, className), children: children }));
-});
+const AppBarMain = forwardRef((props, ref) => {
+    const { className, children, ...rest } = props;
+    return (jsx("div", { ...rest, ref: ref, className: cx(appBarMainClasses.host, className), children: children }));
+});
 var AppBarMain$1 = AppBarMain;
 
 export { AppBarMain$1 as default };

package/AppBar/AppBarSupport.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export type AppBarSupportProps = NativeElementPropsWithoutKeyAndRef<'div'>;
-declare const AppBarSupport: import("react").ForwardRefExoticComponent<AppBarSupportProps & import("react").RefAttributes<HTMLDivElement>>;
-export default AppBarSupport;
+/// <reference types="react" />
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export type AppBarSupportProps = NativeElementPropsWithoutKeyAndRef<'div'>;
+declare const AppBarSupport: import("react").ForwardRefExoticComponent<AppBarSupportProps & import("react").RefAttributes<HTMLDivElement>>;
+export default AppBarSupport;

package/AppBar/AppBarSupport.js

@@ -3,10 +3,10 @@ import { forwardRef } from 'react';
 import { appBarSupportClasses } from '@mezzanine-ui/core/app-bar';
 import cx from 'clsx';
 
-const AppBarSupport = forwardRef((props, ref) => {
-    const { className, children, ...rest } = props;
-    return (jsx("div", { ...rest, ref: ref, className: cx(appBarSupportClasses.host, className), children: children }));
-});
+const AppBarSupport = forwardRef((props, ref) => {
+    const { className, children, ...rest } = props;
+    return (jsx("div", { ...rest, ref: ref, className: cx(appBarSupportClasses.host, className), children: children }));
+});
 var AppBarSupport$1 = AppBarSupport;
 
 export { AppBarSupport$1 as default };

package/AppBar/index.d.ts

@@ -1,4 +1,4 @@
-export { AppBarBrandProps, default as AppBarBrand, } from './AppBarBrand';
-export { AppBarMainProps, default as AppBarMain, } from './AppBarMain';
-export { AppBarSupportProps, default as AppBarSupport, } from './AppBarSupport';
-export { AppBarChild, AppBarChildren, AppBarProps, default, } from './AppBar';
+export { AppBarBrandProps, default as AppBarBrand, } from './AppBarBrand';
+export { AppBarMainProps, default as AppBarMain, } from './AppBarMain';
+export { AppBarSupportProps, default as AppBarSupport, } from './AppBarSupport';
+export { AppBarChild, AppBarChildren, AppBarProps, default, } from './AppBar';

package/Badge/Badge.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface BadgeProps extends Omit<NativeElementPropsWithoutKeyAndRef<'span'>, 'color'> {
-    /**
-     * It `true`, ignore passed children and display as a dot.
-     * @default false
-     */
-    dot?: boolean;
-    /**
-     * If the children is number and greater than overflowCount, it will show overflowCount suffixed with a "+".
-     * @default 99
-     */
-    overflowCount?: number;
-}
-/**
- * The react component for `mezzanine` badge.
- */
-declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
-export default Badge;
+/// <reference types="react" />
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export interface BadgeProps extends Omit<NativeElementPropsWithoutKeyAndRef<'span'>, 'color'> {
+    /**
+     * It `true`, ignore passed children and display as a dot.
+     * @default false
+     */
+    dot?: boolean;
+    /**
+     * If the children is number and greater than overflowCount, it will show overflowCount suffixed with a "+".
+     * @default 99
+     */
+    overflowCount?: number;
+}
+/**
+ * The react component for `mezzanine` badge.
+ */
+declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
+export default Badge;