@mezzanine-ui/react 0.15.3 → 0.16.0

package/Accordion/Accordion.js

@@ -30,6 +30,5 @@ const Accordion = forwardRef(function Accordion(props, ref) {
     }, [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 };
+export { Accordion as default };

package/Accordion/AccordionDetails.js

@@ -21,6 +21,5 @@ const AccordionDetails = forwardRef(function AccordionDetails(props, ref) {
                 [accordionClasses.detailsExpanded]: expandedProp || expanded,
             }, className), role: "region", children: children }) }));
 });
-var AccordionDetails$1 = AccordionDetails;
 
-export { AccordionDetails$1 as default };
+export { AccordionDetails as default };

package/Accordion/AccordionSummary.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, type JSX } from 'react';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 export interface AccordionSummaryProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
     /**

package/Accordion/AccordionSummary.js

@@ -47,6 +47,5 @@ const AccordionSummary = forwardRef(function AccordionSummary(props, ref) {
                         ? prefixIcon || (jsx(DefaultIcon, { className: accordionClasses.summaryMainPartPrefix }))
                         : null, children] }), suffixActions || jsx(DefaultIcon, {})] }));
 });
-var AccordionSummary$1 = AccordionSummary;
 
-export { AccordionSummary$1 as default };
+export { AccordionSummary as default };

package/Alert/Alert.js

@@ -14,6 +14,5 @@ const Alert = forwardRef(function Alert(props, ref) {
     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 };
+export { Alert as default };

package/Anchor/Anchor.js

@@ -16,6 +16,5 @@ const Anchor = forwardRef(function Anchor(props, ref) {
     };
     return (jsxs("div", { ref: ref, className: cx(anchorClasses.host, className), style: resolvedStyle, ...rest, children: [jsx("div", { className: anchorClasses.bar }), list.map((anchor) => (jsx("button", { type: "button", onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(anchor.id), className: cx(anchorClasses.anchor, activeAnchorId === anchor.id && anchorClasses.anchorActive), children: jsx(Typography, { variant: "input3", color: "inherit", ellipsis: ellipsis, children: anchor.name }) }, anchor.id)))] }));
 });
-var Anchor$1 = Anchor;
 
-export { Anchor$1 as default };
+export { Anchor as default };

package/AppBar/AppBar.js

@@ -29,6 +29,5 @@ const AppBar = forwardRef((props, ref) => {
     });
     return (jsx("header", { ...rest, ref: ref, className: cx(appBarClasses.host, appBarClasses[orientation], className), children: SortedChildren }));
 });
-var AppBar$1 = AppBar;
 
-export { AppBar$1 as default };
+export { AppBar as default };

package/AppBar/AppBarBrand.js

@@ -7,6 +7,5 @@ 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 };
+export { AppBarBrand as default };

package/AppBar/AppBarMain.js

@@ -7,6 +7,5 @@ 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 };
+export { AppBarMain as default };

package/AppBar/AppBarSupport.js

@@ -7,6 +7,5 @@ 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 };
+export { AppBarSupport as default };

package/Badge/Badge.js

@@ -23,6 +23,5 @@ const Badge = forwardRef(function Badge(props, ref) {
             [badgeClasses.hide]: !dot && children === 0,
         }, className), children: children }));
 });
-var Badge$1 = Badge;
 
-export { Badge$1 as default };
+export { Badge as default };

package/Badge/BadgeContainer.js

@@ -10,6 +10,5 @@ const BadgeContainer = forwardRef(function BadgeContainer(props, ref) {
     const { children, className, ...rest } = props;
     return (jsx("span", { ...rest, ref: ref, className: cx(badgeClasses.container, className), children: children }));
 });
-var BadgeContainer$1 = BadgeContainer;
 
-export { BadgeContainer$1 as default };
+export { BadgeContainer as default };

package/Button/ButtonGroup.js

@@ -33,6 +33,5 @@ const ButtonGroup = forwardRef(function ButtonGroup(props, ref) {
             });
         }) }));
 });
-var ButtonGroup$1 = ButtonGroup;
 
-export { ButtonGroup$1 as default };
+export { ButtonGroup as default };

package/Button/index.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, PropsWithoutRef, ReactElement, RefAttributes } from 'react';
+import { PropsWithoutRef, ReactElement, RefAttributes } from 'react';
 import { ButtonComponent, ButtonPropsBase } from './typings';
 import { ButtonProps } from './Button';
 import { IconButtonProps } from './IconButton';
@@ -9,12 +9,12 @@ export type { ButtonComponent, ButtonProps, ButtonPropsBase, IconButtonProps };
  * @remark
  * Add type alias here for parsable to react docgen typescript.
  */
-type GenericIconButton = <C extends ButtonComponent = 'button'>(props: PropsWithoutRef<IconButtonProps<C>> & RefAttributes<ElementRef<C>>) => ReactElement;
+type GenericIconButton = <C extends ButtonComponent = 'button'>(props: PropsWithoutRef<IconButtonProps<C>> & RefAttributes<HTMLElement>) => ReactElement<any>;
 export declare const IconButton: GenericIconButton;
 /**
  * @remark
  * Add type alias here for parsable to react docgen typescript.
  */
-type GenericButton = <C extends ButtonComponent = 'button'>(props: PropsWithoutRef<ButtonProps<C>> & RefAttributes<ElementRef<C>>) => ReactElement;
+type GenericButton = <C extends ButtonComponent = 'button'>(props: PropsWithoutRef<ButtonProps<C>> & RefAttributes<HTMLElement>) => ReactElement<any>;
 declare const _default: GenericButton;
 export default _default;

package/Calendar/Calendar.js

@@ -56,6 +56,5 @@ const Calendar = forwardRef(function Calendar(props, ref) {
                     }
                     : undefined, children: controls }), displayCalendar] }));
 });
-var Calendar$1 = Calendar;
 
-export { Calendar$1 as default };
+export { Calendar as default };

package/Calendar/CalendarMonths.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { calendarClasses, calendarMonths } from '@mezzanine-ui/core/calendar';
+import { calendarMonths, calendarClasses } from '@mezzanine-ui/core/calendar';
 import { useCalendarContext } from './CalendarContext.js';
 import cx from 'clsx';
 

package/Calendar/CalendarYears.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { getCalendarYearRange, calendarClasses, calendarYearsBase } from '@mezzanine-ui/core/calendar';
+import { getCalendarYearRange, calendarYearsBase, calendarClasses } from '@mezzanine-ui/core/calendar';
 import { useMemo } from 'react';
 import { useCalendarContext } from './CalendarContext.js';
 import cx from 'clsx';

package/Card/Card.js

@@ -16,6 +16,5 @@ const Card = forwardRef(function Card(props, ref) {
     const descriptionTypography = description ? (jsx(Typography, { ...descriptionProps, children: description })) : null;
     return (jsxs("div", { ref: ref, className: cx(cardClasses.host, className), ...rest, children: [cover, jsxs("div", { className: cardClasses.meta, ...metaProps, children: [jsxs("div", { className: cardClasses.metaContents, ...contentProps, children: [contentHeader, descriptionTypography] }), actions] })] }));
 });
-var Card$1 = Card;
 
-export { Card$1 as default };
+export { Card as default };

package/Card/CardActions.js

@@ -11,6 +11,5 @@ const CardActions = forwardRef(function CardActions(props, ref) {
     const { cancelText, cancelButtonProps, className, confirmText, confirmButtonProps, hideCancelButton, hideConfirmButton, loading, onCancel, onConfirm, otherActions, ...rest } = props;
     return (jsxs("div", { ref: ref, className: cx(cardActionsClasses.host, className), ...rest, children: [otherActions || jsx("div", {}), jsx(ConfirmActions, { cancelText: cancelText, confirmText: confirmText, cancelButtonProps: cancelButtonProps, confirmButtonProps: confirmButtonProps, hideCancelButton: hideCancelButton || !cancelText, hideConfirmButton: hideConfirmButton || !confirmText, loading: loading })] }));
 });
-var CardActions$1 = CardActions;
 
-export { CardActions$1 as default };
+export { CardActions as default };

package/Checkbox/CheckAll.js

@@ -32,6 +32,5 @@ const CheckAll = forwardRef(function CheckAll(props, ref) {
                         }
                     }, size: size, children: label }) }), children] }));
 });
-var CheckAll$1 = CheckAll;
 
-export { CheckAll$1 as default };
+export { CheckAll as default };

package/Checkbox/Checkbox.js

@@ -31,6 +31,5 @@ const Checkbox = forwardRef(function Checkbox(props, ref) {
                 [checkboxClasses.indeterminate]: indeterminate,
             }), children: jsx("input", { ...restInputProps, "aria-checked": indeterminate ? 'mixed' : checked, "aria-disabled": disabled, checked: checked, disabled: disabled, id: inputId, onChange: onChange, name: name, type: "checkbox", value: value }) }), disabled: disabled, error: error, htmlFor: inputId, size: size, children: children }));
 });
-var Checkbox$1 = Checkbox;
 
-export { Checkbox$1 as default };
+export { Checkbox as default };

package/Checkbox/CheckboxGroup.js

@@ -34,6 +34,5 @@ const CheckboxGroup = forwardRef(function CheckboxGroup(props, ref) {
     const children = childrenProp || options.map(renderOption);
     return (jsx(CheckboxGroupContext.Provider, { value: context, children: jsx(InputCheckGroup, { ...rest, ref: ref, children: children }) }));
 });
-var CheckboxGroup$1 = CheckboxGroup;
 
-export { CheckboxGroup$1 as default };
+export { CheckboxGroup as default };

package/ConfirmActions/ConfirmActions.js

@@ -11,6 +11,5 @@ const ConfirmActions = forwardRef(function ConfirmActions(props, ref) {
     const { disabled: cancelButtonDisabled = loading } = cancelButtonProps || {};
     return (jsxs(ButtonGroup, { ...rest, ref: ref, children: [!hideCancelButton && (jsx(Button, { variant: "outlined", ...cancelButtonProps, disabled: cancelButtonDisabled, onClick: onCancel, children: cancelText })), !hideConfirmButton && (jsx(Button, { variant: "contained", ...confirmButtonProps, loading: loading, onClick: onConfirm, children: confirmText }))] }));
 });
-var ConfirmActions$1 = ConfirmActions;
 
-export { ConfirmActions$1 as default };
+export { ConfirmActions as default };

package/DatePicker/DatePicker.js

@@ -126,6 +126,5 @@ const DatePicker = forwardRef(function DatePicker(props, ref) {
     const suffixActionIcon = jsx(Icon, { icon: CalendarIcon, onClick: onIconClick });
     return (jsxs(Fragment, { children: [jsx(PickerTrigger, { ...restTriggerProps, 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: size, suffixActionIcon: suffixActionIcon, value: inputValue }), jsx(DatePickerCalendar, { ref: calendarRef, anchor: anchorRef, calendarProps: calendarProps, disabledMonthSwitch: disabledMonthSwitch, disableOnNext: disableOnNext, disableOnPrev: disableOnPrev, disabledYearSwitch: disabledYearSwitch, displayMonthLocale: displayMonthLocale, fadeProps: fadeProps, isDateDisabled: isDateDisabled, isMonthDisabled: isMonthDisabled, isWeekDisabled: isWeekDisabled, isYearDisabled: isYearDisabled, mode: mode, onChange: onCalendarChange, open: open, popperProps: popperProps, referenceDate: referenceDate, value: internalValue })] }));
 });
-var DatePicker$1 = DatePicker;
 
-export { DatePicker$1 as default };
+export { DatePicker as default };

package/DatePicker/DatePickerCalendar.d.ts

@@ -10,7 +10,7 @@ export interface DatePickerCalendarProps extends Pick<InputTriggerPopperProps, '
     /**
      * React ref for calendar component.
      */
-    calendarRef?: RefObject<HTMLDivElement>;
+    calendarRef?: RefObject<HTMLDivElement | null>;
     /**
      * The desired mode of calendar.<br />
      * The `onChange` function will only fired if the calendar mode meets this prop.

package/DatePicker/DatePickerCalendar.js

@@ -61,6 +61,5 @@ const DatePickerCalendar = forwardRef(function DatePickerCalendar(props, ref) {
     ]);
     return (jsx(InputTriggerPopper, { ...popperProps, ref: ref, anchor: anchor, open: open, fadeProps: fadeProps, children: jsx(Calendar, { ...restCalendarProps, ref: calendarRef, className: calendarClassName, disabledMonthSwitch: disabledMonthSwitch, disableOnNext: disableOnNext, disableOnPrev: disableOnPrev, disabledYearSwitch: disabledYearSwitch, displayMonthLocale: displayMonthLocale, isDateDisabled: isDateDisabled, isMonthDisabled: isMonthDisabled, isWeekDisabled: isWeekDisabled, isYearDisabled: isYearDisabled, mode: currentMode, onChange: onChange, onMonthControlClick: onMonthControlClick, onNext: onNext, onPrev: onPrev, onYearControlClick: onYearControlClick, referenceDate: referenceDate, value: value }) }));
 });
-var DatePickerCalendar$1 = DatePickerCalendar;
 
-export { DatePickerCalendar$1 as default };
+export { DatePickerCalendar as default };

package/DateRangePicker/DateRangePicker.js

@@ -182,6 +182,5 @@ const DateRangePicker = forwardRef(function DateRangePicker(props, ref) {
     const suffixActionIcon = jsx(Icon, { icon: CalendarIcon, onClick: onIconClick });
     return (jsxs(Fragment, { children: [jsx(RangePickerTrigger, { ref: triggerComposedRef, className: className, clearable: clearable, disabled: disabled, error: error, fullWidth: fullWidth, inputFromPlaceholder: inputFromPlaceholder, inputFromProps: resolvedInputFromProps, inputFromRef: inputFromRef, inputFromValue: inputFromValue, inputToPlaceholder: inputToPlaceholder, inputToProps: resolvedInputToProps, inputToRef: inputToRef, inputToValue: inputToValue, onClear: onClear, onInputFromChange: onInputFromChange, onInputToChange: onInputToChange, prefix: prefix, readOnly: readOnly, required: required, size: size, suffixActionIcon: suffixActionIcon }), jsx(DateRangePickerCalendar, { ref: calendarRef, open: open, anchor: anchorRef, calendarProps: calendarProps, disabledMonthSwitch: disabledMonthSwitch, disableOnNext: disableOnNext, disableOnPrev: disableOnPrev, disabledYearSwitch: disabledYearSwitch, displayMonthLocale: displayMonthLocale, fadeProps: fadeProps, isDateDisabled: isDateDisabled, isDateInRange: getIsInRangeHandler('date'), isMonthDisabled: isMonthDisabled, isMonthInRange: getIsInRangeHandler('month'), isWeekDisabled: isWeekDisabled, isWeekInRange: getIsInRangeHandler('week'), isYearDisabled: isYearDisabled, isYearInRange: getIsInRangeHandler('year'), mode: mode, onChange: onCalendarChangeWithCloseControl, onDateHover: onCalendarHover, onWeekHover: onCalendarHover, onMonthHover: onCalendarHover, onYearHover: onCalendarHover, popperProps: popperProps, referenceDate: referenceDate, value: calendarValue })] }));
 });
-var DateRangePicker$1 = DateRangePicker;
 
-export { DateRangePicker$1 as default };
+export { DateRangePicker as default };

package/DateRangePicker/DateRangePickerCalendar.d.ts

@@ -9,7 +9,7 @@ export interface DateRangePickerCalendarProps extends Pick<InputTriggerPopperPro
     /**
      * React Ref for the first(on the left side) calendar
      */
-    firstCalendarRef?: RefObject<HTMLDivElement>;
+    firstCalendarRef?: RefObject<HTMLDivElement | null>;
     /**
      * Other props you may provide to `Popper` component
      */
@@ -17,7 +17,7 @@ export interface DateRangePickerCalendarProps extends Pick<InputTriggerPopperPro
     /**
      * React Ref for the second(on the right side) calendar
      */
-    secondCalendarRef?: RefObject<HTMLDivElement>;
+    secondCalendarRef?: RefObject<HTMLDivElement | null>;
 }
 /**
  * The react component for `mezzanine` date range picker calendar.

package/DateRangePicker/DateRangePickerCalendar.js

@@ -99,6 +99,5 @@ const DateRangePickerCalendar = forwardRef(function DateRangePickerCalendar(prop
                         [dateRangePickerClasses.calendarInactive]: isSettingFirstCalendar,
                     }, className), disabledMonthSwitch: disabledMonthSwitch, disableOnNext: disableOnNext, disableOnPrev: disableOnPrev, disabledYearSwitch: disabledYearSwitch, displayMonthLocale: displayMonthLocale, isDateDisabled: isDateDisabled, isDateInRange: isDateInRange, isMonthDisabled: isMonthDisabled, isMonthInRange: isMonthInRange, isWeekDisabled: isWeekDisabled, isWeekInRange: isWeekInRange, isYearDisabled: isYearDisabled, isYearInRange: isYearInRange, mode: !controlPanelOnLeft ? currentMode : mode, onChange: onChangeFactory(1), onDateHover: currentMode === mode ? onDateHover : undefined, onMonthHover: currentMode === mode ? onMonthHover : undefined, onWeekHover: currentMode === mode ? onWeekHover : undefined, onYearHover: currentMode === mode ? onYearHover : undefined, onMonthControlClick: onMonthControlClickFactory(1), onNext: onSecondNext, onPrev: isSettingSecondCalendar ? onSecondPrev : undefined, onYearControlClick: onYearControlClickFactory(1), ref: secondCalendarRef, referenceDate: referenceDates[1], value: isSettingSecondCalendar ? referenceDates[1] : value })] }) }));
 });
-var DateRangePickerCalendar$1 = DateRangePickerCalendar;
 
-export { DateRangePickerCalendar$1 as default };
+export { DateRangePickerCalendar as default };

package/DateTimePicker/DateTimePicker.js

@@ -117,6 +117,5 @@ const DateTimePicker = forwardRef(function DateTimePicker(props, ref) {
     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(DateTimePickerPanel, { ref: panelRef, anchor: anchorRef, calendarProps: calendarProps, confirmText: confirmText, disabledMonthSwitch: disabledMonthSwitch, disableOnNext: disableOnNext, disableOnPrev: disableOnPrev, disabledYearSwitch: disabledYearSwitch, displayMonthLocale: displayMonthLocale, fadeProps: fadeProps, hideHour: hideHour, hideMinute: hideMinute, hideSecond: hideSecond, hourPrefix: hourPrefix, hourStep: hourStep, isDateDisabled: isDateDisabled, isMonthDisabled: isMonthDisabled, isWeekDisabled: isWeekDisabled, isYearDisabled: isYearDisabled, minutePrefix: minutePrefix, minuteStep: minuteStep, onChange: onChange, onConfirm: onConfirm, open: open, popperProps: popperProps, referenceDate: referenceDate, secondPrefix: secondPrefix, secondStep: secondStep, value: internalValue })] }));
 });
-var DateTimePicker$1 = DateTimePicker;
 
-export { DateTimePicker$1 as default };
+export { DateTimePicker as default };

package/DateTimePicker/DateTimePickerPanel.js

@@ -45,6 +45,5 @@ const DateTimePickerPanel = forwardRef(function TimePickerPanel(props, ref) {
     };
     return (jsx(InputTriggerPopper, { ...popperProps, ref: ref, anchor: anchor, open: open, fadeProps: fadeProps, children: jsxs("div", { ...restHostProps, className: cx(dateTimePickerClasses.panel, className), children: [jsxs("div", { className: dateTimePickerClasses.panelSelectors, children: [jsx(Calendar, { ...calendarProps, disabledMonthSwitch: disabledMonthSwitch, disableOnNext: disableOnNext, disableOnPrev: disableOnPrev, disabledYearSwitch: disabledYearSwitch, displayMonthLocale: displayMonthLocale, isDateDisabled: isDateDisabled, isMonthDisabled: isMonthDisabled, isWeekDisabled: isWeekDisabled, isYearDisabled: isYearDisabled, mode: currentMode, onChange: onCalendarChange, onMonthControlClick: onMonthControlClick, onNext: onNext, onPrev: onPrev, onYearControlClick: onYearControlClick, referenceDate: referenceDate, value: value, className: dateTimePickerClasses.panelCalendar }), jsx(TimePanel, { hideHour: hideHour, hourStep: hourStep, hideMinute: hideMinute, minuteStep: minuteStep, hideSecond: hideSecond, secondStep: secondStep, hourPrefix: hourPrefix, minutePrefix: minutePrefix, secondPrefix: secondPrefix, onChange: onTimePanelChange, value: value, withoutAction: true })] }), jsx(TimePanelAction, { onConfirm: onConfirm, confirmText: confirmText })] }) }));
 });
-var DateTimePickerPanel$1 = DateTimePickerPanel;
 
-export { DateTimePickerPanel$1 as default };
+export { DateTimePickerPanel as default };

package/Drawer/Drawer.js

@@ -14,6 +14,5 @@ const Drawer = forwardRef((props, ref) => {
     }), []);
     return (jsx(SlideFadeOverlay, { className: drawerClasses.overlay, container: container, direction: slideFadeDirection[placement], disableCloseOnBackdropClick: disableCloseOnBackdropClick, disableCloseOnEscapeKeyDown: disableCloseOnEscapeKeyDown, disablePortal: disablePortal, hideBackdrop: hideBackdrop, invisibleBackdrop: invisibleBackdrop, onBackdropClick: onBackdropClick, onClose: onClose, open: open, ref: ref, children: jsx("div", { ...rest, className: cx(drawerClasses.host, drawerClasses[placement], className), children: children }) }));
 });
-var Drawer$1 = Drawer;
 
-export { Drawer$1 as default };
+export { Drawer as default };

package/Dropdown/Dropdown.js

@@ -48,6 +48,5 @@ const Dropdown = forwardRef(function Dropdown(props, ref) {
                     modifiers: [...(popperOptions.modifiers || []), ...modifiers],
                 }, children: menu })] }));
 });
-var Dropdown$1 = Dropdown;
 
-export { Dropdown$1 as default };
+export { Dropdown as default };

package/Empty/Empty.js

@@ -11,6 +11,5 @@ const Empty = forwardRef(function Empty(props, ref) {
             [emptyClasses.fullHeight]: fullHeight,
         }, className), children: [image, title && jsx("div", { className: emptyClasses.title, children: title }), children && jsx("div", { className: emptyClasses.description, children: children })] }));
 });
-var Empty$1 = Empty;
 
-export { Empty$1 as default };
+export { Empty as default };

package/Form/FormField.js

@@ -20,6 +20,5 @@ const FormField = forwardRef(function FormField(props, ref) {
             [formFieldClasses.fullWidth]: fullWidth,
         }, className), children: jsx(FormControlContext.Provider, { value: formControl, children: children }) }));
 });
-var FormField$1 = FormField;
 
-export { FormField$1 as default };
+export { FormField as default };

package/Form/FormLabel.js

@@ -12,6 +12,5 @@ const FormLabel = forwardRef(function FormLabel(props, ref) {
     const { required } = useContext(FormControlContext) || {};
     return (jsxs("label", { ...rest, ref: ref, className: cx(formFieldClasses.label, className), htmlFor: htmlFor, children: [jsxs("span", { children: [children, required && jsx("span", { className: formFieldClasses.asterisk, children: "*" })] }), (remark || remarkIcon) && (jsxs("span", { className: formFieldClasses.remark, children: [jsx("span", { children: remark }), remarkIcon] }))] }));
 });
-var FormLabel$1 = FormLabel;
 
-export { FormLabel$1 as default };
+export { FormLabel as default };

package/Form/FormMessage.js

@@ -14,6 +14,5 @@ const FormMessage = forwardRef(function FormMessage(props, ref) {
     const icon = severity ? formMessageIcons[severity] : null;
     return (jsxs("span", { ...rest, ref: ref, className: cx(formFieldClasses.message, className), children: [icon && jsx(Icon, { className: formFieldClasses.severityIcon, icon: icon }), children] }));
 });
-var FormMessage$1 = FormMessage;
 
-export { FormMessage$1 as default };
+export { FormMessage as default };

package/Form/useInputWithClearControlValue.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, MouseEvent, RefObject } from 'react';
 import { UseInputControlValueProps } from './useInputControlValue';
 export interface UseInputWithClearControlValueProps<E extends HTMLInputElement | HTMLTextAreaElement> extends UseInputControlValueProps<E> {
-    ref: RefObject<E>;
+    ref: RefObject<E | null>;
 }
 export declare function useInputWithClearControlValue<E extends HTMLInputElement | HTMLTextAreaElement>(props: UseInputWithClearControlValueProps<E>): readonly [string, (event: ChangeEvent<E>) => void, (event: MouseEvent) => void];

package/Form/useInputWithTagsModeValue.d.ts

@@ -18,7 +18,7 @@ export interface UseInputWithTagsModeValueProps<E extends HTMLInputElement | HTM
     /**
      * The ref object of input element
      */
-    ref: RefObject<E>;
+    ref: RefObject<E | null>;
     /**
      * Will skip `onKeyDown` calling if `true`
      * @default false

package/Icon/Icon.js

@@ -21,6 +21,5 @@ const Icon = forwardRef(function Icon(props, ref) {
             [iconClasses.size]: size,
         }, className), "data-icon-name": icon.name, style: style, children: jsxs("svg", { ...definition.svg, focusable: false, children: [title || definition.title ? (jsx("title", { children: title || definition.title })) : null, jsx("path", { ...definition.path })] }) }));
 });
-var Icon$1 = Icon;
 
-export { Icon$1 as default };
+export { Icon as default };

package/Input/Input.js

@@ -34,9 +34,7 @@ const Input = forwardRef(function Input(props, ref) {
         onTagsChange,
         ref: inputRef,
         skip: !tagsMode,
-        tagValueMaxLength: inputProps === null || inputProps === void 0 ? void 0 : inputProps.maxLength,
-        value: valueProp,
-    });
+        tagValueMaxLength: inputProps === null || inputProps === void 0 ? void 0 : inputProps.maxLength});
     const composedInputRef = useComposeRefs([inputRefProp, inputRef]);
     const active = !!value;
     const mountInput = !tagsMode || !tagsReachedMax;
@@ -45,6 +43,5 @@ const Input = forwardRef(function Input(props, ref) {
                         tagsModeOnRemove(tag);
                     }, children: tag }, tag))) })), mountInput && (jsx("input", { ...inputProps, "aria-disabled": disabled, "aria-multiline": false, "aria-readonly": readOnly, "aria-required": required, disabled: disabled, onChange: tagsMode ? tagsModeOnChange : onChange, onKeyDown: tagsMode ? onKeyDown : inputProps === null || inputProps === void 0 ? void 0 : inputProps.onKeyDown, placeholder: placeholder, readOnly: readOnly, ref: composedInputRef, required: required, value: tagsMode ? undefined : value }))] }));
 });
-var Input$1 = Input;
 
-export { Input$1 as default };
+export { Input as default };

package/Loading/Loading.js

@@ -26,6 +26,5 @@ const Loading = forwardRef(function Loading(props, ref) {
     }
     return spinElement;
 });
-var Loading$1 = Loading;
 
-export { Loading$1 as default };
+export { Loading as default };

package/Menu/Menu.js

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

package/Menu/MenuDivider.js

@@ -10,6 +10,5 @@ const MenuDivider = forwardRef(function MenuDivider(props, ref) {
     const { className, ...rest } = props;
     return jsx("hr", { ...rest, ref: ref, className: cx(menuDividerClasses.host, className) });
 });
-var MenuDivider$1 = MenuDivider;
 
-export { MenuDivider$1 as default };
+export { MenuDivider as default };

package/Menu/MenuItem.js

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

package/Menu/MenuItemGroup.js

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

package/Message/Message.js

@@ -79,6 +79,5 @@ severities.forEach((severity) => {
         icon: severity.icon,
     });
 });
-var Message$1 = Message;
 
-export { Message$1 as default };
+export { Message as default };

package/Modal/Modal.js

@@ -22,6 +22,5 @@ const Modal = forwardRef(function Modal(props, ref) {
                     [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 };
+export { Modal as default };

package/Modal/ModalActions.js

@@ -15,6 +15,5 @@ const ModalActions = forwardRef(function ModalActions(props, ref) {
     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 };
+export { ModalActions as default };

package/Modal/ModalBody.js

@@ -10,6 +10,5 @@ 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 };
+export { ModalBody as default };

package/Modal/ModalFooter.js

@@ -10,6 +10,5 @@ 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 };
+export { ModalFooter as default };

package/Modal/ModalHeader.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useContext } from 'react';
-import { modalClasses, modalSeverityIcons } from '@mezzanine-ui/core/modal';
+import { modalSeverityIcons, modalClasses } from '@mezzanine-ui/core/modal';
 import { ModalControlContext } from './ModalControl.js';
 import Icon from '../Icon/Icon.js';
 import cx from 'clsx';
@@ -15,6 +15,5 @@ const ModalHeader = forwardRef(function ModalHeader(props, ref) {
                     [modalClasses.titleLarge]: titleLarge,
                 }), title: typeof children === 'string' ? children : undefined, children: children })] }));
 });
-var ModalHeader$1 = ModalHeader;
 
-export { ModalHeader$1 as default };
+export { ModalHeader as default };

package/Modal/useModalContainer.d.ts

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

package/Navigation/Navigation.js

@@ -50,6 +50,5 @@ const Navigation = forwardRef((props, ref) => {
     }), [orientation]);
     return (jsx("ul", { ...rest, ref: ref, className: cx(navigationClasses.host, navigationClasses[orientation], className), children: jsx(NavigationContext.Provider, { value: context, children: renderItemChildren(children) }) }));
 });
-var Navigation$1 = Navigation;
 
-export { Navigation$1 as default };
+export { Navigation as default };

package/Navigation/NavigationItem.js

@@ -18,6 +18,5 @@ const NavigationItem = forwardRef((props, ref) => {
     }, [eventKey, onClick, orientation]);
     return (jsxs("li", { ...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 }), children] }));
 });
-var NavigationItem$1 = NavigationItem;
 
-export { NavigationItem$1 as default };
+export { NavigationItem as default };

package/Navigation/NavigationSubMenu.js

@@ -56,6 +56,5 @@ const NavigationSubMenu = forwardRef((props, ref) => {
                     width: '100%',
                 }, in: !!open, children: WrapChildren }))] }));
 });
-var NavigationSubMenu$1 = NavigationSubMenu;
 
-export { NavigationSubMenu$1 as default };
+export { NavigationSubMenu as default };

package/Notification/Notification.js

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

package/Notifier/NotifierManager.d.ts

@@ -7,7 +7,7 @@ export interface NotifierController<N extends NotifierData> {
     remove: (key: Key) => void;
 }
 export interface NotifierManagerProps<N extends NotifierData> extends Pick<NotifierConfig, 'maxCount'> {
-    controllerRef: RefObject<NotifierController<N>>;
+    controllerRef: RefObject<NotifierController<N> | null>;
     defaultNotifiers?: (N & {
         key: Key;
     })[];

package/Overlay/Overlay.js

@@ -27,6 +27,5 @@ const Overlay = forwardRef(function Overlay(props, ref) {
                             }
                         } }) })), children] }) }));
 });
-var Overlay$1 = Overlay;
 
-export { Overlay$1 as default };
+export { Overlay as default };

package/PageFooter/PageFooter.js

@@ -8,6 +8,5 @@ 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", { ref: ref, ...rest, className: cx(pageFooterClasses.host, className), children: [jsx("div", { className: actionClassName, children: children }), jsx(ConfirmActions, { cancelText: cancelText, confirmText: confirmText, cancelButtonProps: cancelButtonProps, confirmButtonProps: confirmButtonProps, danger: danger, hideCancelButton: hideCancelButton, hideConfirmButton: hideConfirmButton, loading: loading, onCancel: onCancel, onConfirm: onConfirm })] }));
 });
-var PageFooter$1 = PageFooter;
 
-export { PageFooter$1 as default };
+export { PageFooter as default };