@mezzanine-ui/react 0.12.4 → 0.12.6

package/AppBar/AppBar.d.ts

@@ -4,8 +4,8 @@ import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 import { AppBarBrandProps } from './AppBarBrand';
 import { AppBarMainProps } from './AppBarMain';
 import { AppBarSupportProps } from './AppBarSupport';
-export declare type AppBarChild = ReactElement<AppBarBrandProps | AppBarMainProps | AppBarSupportProps, NamedExoticComponent>;
-export declare type AppBarChildren = AppBarChild | AppBarChild[];
+export type AppBarChild = ReactElement<AppBarBrandProps | AppBarMainProps | AppBarSupportProps, NamedExoticComponent>;
+export type AppBarChildren = AppBarChild | AppBarChild[];
 export interface AppBarProps extends NativeElementPropsWithoutKeyAndRef<'header'> {
     orientation?: AppBarOrientation;
     children?: AppBarChildren;

package/AppBar/AppBarBrand.d.ts

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

package/AppBar/AppBarMain.d.ts

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

package/AppBar/AppBarSupport.d.ts

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

package/Badge/BadgeContainer.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export declare type BadgeContainerProps = NativeElementPropsWithoutKeyAndRef<'span'>;
+export type BadgeContainerProps = NativeElementPropsWithoutKeyAndRef<'span'>;
 /**
  * The react component for `mezzanine` badge container.
  */

package/Button/Button.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentOverridableForwardRefComponentPropsFactory } from '../utils/jsx-types';
 import { ButtonComponent, ButtonPropsBase } from './typings';
-export declare type ButtonProps<C extends ButtonComponent = 'button'> = ComponentOverridableForwardRefComponentPropsFactory<ButtonComponent, C, ButtonPropsBase>;
+export type ButtonProps<C extends ButtonComponent = 'button'> = ComponentOverridableForwardRefComponentPropsFactory<ButtonComponent, C, ButtonPropsBase>;
 /**
  * The react component for `mezzanine` button.
  */

package/Button/ButtonGroup.d.ts

@@ -3,7 +3,7 @@ import { ButtonColor, ButtonGroupOrientation, ButtonGroupSpacing, ButtonSize, Bu
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 import { ButtonProps } from './Button';
 import { IconButtonProps } from './IconButton';
-export declare type ButtonGroupChild = ReactElement<ButtonProps | IconButtonProps> | null | undefined | false;
+export type ButtonGroupChild = ReactElement<ButtonProps | IconButtonProps> | null | undefined | false;
 export interface ButtonGroupProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
     /**
      * If `true`, all buttons will not have spacing between each others.

package/Button/IconButton.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { ComponentOverridableForwardRefComponentPropsFactory } from '../utils/jsx-types';
 import { ButtonComponent, ButtonPropsBase } from './typings';
-export declare type IconButtonProps<C extends ButtonComponent = 'button'> = ComponentOverridableForwardRefComponentPropsFactory<ButtonComponent, C, Omit<ButtonPropsBase, 'prefix' | 'suffix'> & {
+export type IconButtonProps<C extends ButtonComponent = 'button'> = ComponentOverridableForwardRefComponentPropsFactory<ButtonComponent, C, Omit<ButtonPropsBase, 'prefix' | 'suffix'> & {
     /**
      * The icon element.
      */

package/Button/index.d.ts

@@ -9,12 +9,12 @@ export type { ButtonComponent, ButtonProps, ButtonPropsBase, IconButtonProps, };
  * @remark
  * Add type alias here for parsable to react docgen typescript.
  */
-declare 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<ElementRef<C>>) => ReactElement;
 export declare const IconButton: GenericIconButton;
 /**
  * @remark
  * Add type alias here for parsable to react docgen typescript.
  */
-declare 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<ElementRef<C>>) => ReactElement;
 declare const _default: GenericButton;
 export default _default;

package/Button/index.js

@@ -1,8 +1,7 @@
 import Button from './Button.js';
-export { default } from './Button.js';
 import _IconButton from './IconButton.js';
 export { default as ButtonGroup } from './ButtonGroup.js';
 
 const IconButton = _IconButton;
 
-export { IconButton };
+export { IconButton, Button as default };

package/Button/typings.d.ts

@@ -1,6 +1,6 @@
 import { JSXElementConstructor, ReactNode } from 'react';
 import { ButtonColor, ButtonSize, ButtonVariant } from '@mezzanine-ui/core/button';
-export declare type ButtonComponent = 'button' | 'a' | JSXElementConstructor<any>;
+export type ButtonComponent = 'button' | 'a' | JSXElementConstructor<any>;
 export interface ButtonPropsBase {
     /**
      * The color name provided by palette.

package/Calendar/CalendarCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 export interface CalendarCellProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
     /**
@@ -18,5 +17,5 @@ export interface CalendarCellProps extends NativeElementPropsWithoutKeyAndRef<'d
  * The react component for `mezzanine` calendar cell.
  * You may use it to compose your own calendar.
  */
-declare function CalendarCell(props: CalendarCellProps): JSX.Element;
+declare function CalendarCell(props: CalendarCellProps): import("react/jsx-runtime").JSX.Element;
 export default CalendarCell;

package/Calendar/CalendarContext.d.ts

@@ -7,7 +7,7 @@ export interface CalendarConfigs extends CalendarMethods {
     displayWeekDayLocale: string;
     valueLocale: string;
 }
-export declare type CalendarConfigProviderProps = {
+export type CalendarConfigProviderProps = {
     children?: ReactNode;
     defaultDateFormat?: string;
     defaultTimeFormat?: string;
@@ -18,5 +18,5 @@ export declare type CalendarConfigProviderProps = {
 };
 export declare const CalendarContext: import("react").Context<CalendarConfigs | undefined>;
 export declare function useCalendarContext(): CalendarConfigs;
-declare function CalendarConfigProvider(props: CalendarConfigProviderProps): JSX.Element;
+declare function CalendarConfigProvider(props: CalendarConfigProviderProps): import("react/jsx-runtime").JSX.Element;
 export default CalendarConfigProvider;

package/Calendar/CalendarControls.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 export interface CalendarControlsProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'onClick'> {
     /**
@@ -22,5 +21,5 @@ export interface CalendarControlsProps extends Omit<NativeElementPropsWithoutKey
  * The react component for `mezzanine` calendar controls.
  * You may use it to compose your own calendar.
  */
-declare function CalendarControls(props: CalendarControlsProps): JSX.Element;
+declare function CalendarControls(props: CalendarControlsProps): import("react/jsx-runtime").JSX.Element;
 export default CalendarControls;

package/Calendar/CalendarDayOfWeek.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 export interface CalendarDayOfWeekProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'onClick' | 'children'> {
     /**
@@ -11,5 +10,5 @@ export interface CalendarDayOfWeekProps extends Omit<NativeElementPropsWithoutKe
  * The react component for `mezzanine` calendar day of week.
  * You may use it to compose your own calendar.
  */
-declare function CalendarDayOfWeek(props: CalendarDayOfWeekProps): JSX.Element;
+declare function CalendarDayOfWeek(props: CalendarDayOfWeekProps): import("react/jsx-runtime").JSX.Element;
 export default CalendarDayOfWeek;

package/Calendar/CalendarDays.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateType } from '@mezzanine-ui/core/calendar';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 import { CalendarDayOfWeekProps } from './CalendarDayOfWeek';
@@ -34,5 +33,5 @@ export interface CalendarDaysProps extends Pick<CalendarDayOfWeekProps, 'display
  * This component displays a monthly calendar whose month is the same as `referenceDate`.
  * You may use it to compose your own calendar.
  */
-declare function CalendarDays(props: CalendarDaysProps): JSX.Element;
+declare function CalendarDays(props: CalendarDaysProps): import("react/jsx-runtime").JSX.Element;
 export default CalendarDays;

package/Calendar/CalendarMonths.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateType } from '@mezzanine-ui/core/calendar';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 export interface CalendarMonthsProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'onClick' | 'children'> {
@@ -38,5 +37,5 @@ export interface CalendarMonthsProps extends Omit<NativeElementPropsWithoutKeyAn
  * This component displays a 12 months grid.
  * You may use it to compose your own calendar.
  */
-declare function CalendarMonths(props: CalendarMonthsProps): JSX.Element;
+declare function CalendarMonths(props: CalendarMonthsProps): import("react/jsx-runtime").JSX.Element;
 export default CalendarMonths;

package/Calendar/CalendarWeeks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateType } from '@mezzanine-ui/core/calendar';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 import { CalendarDayOfWeekProps } from './CalendarDayOfWeek';
@@ -37,5 +36,5 @@ export interface CalendarWeeksProps extends Pick<CalendarDayOfWeekProps, 'displa
  * This component displays a monthly calendar whose month is the same as `referenceDate`.
  * You may use it to compose your own calendar.
  */
-declare function CalendarWeeks(props: CalendarWeeksProps): JSX.Element;
+declare function CalendarWeeks(props: CalendarWeeksProps): import("react/jsx-runtime").JSX.Element;
 export default CalendarWeeks;

package/Calendar/CalendarYears.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateType } from '@mezzanine-ui/core/calendar';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 export interface CalendarYearsProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'onClick' | 'children'> {
@@ -36,5 +35,5 @@ export interface CalendarYearsProps extends Omit<NativeElementPropsWithoutKeyAnd
  * This component displays a 12 year grid.
  * You may use it to compose your own calendar.
  */
-declare function CalendarYears(props: CalendarYearsProps): JSX.Element;
+declare function CalendarYears(props: CalendarYearsProps): import("react/jsx-runtime").JSX.Element;
 export default CalendarYears;

package/Calendar/useCalendarControlModifiers.d.ts

@@ -1,6 +1,6 @@
 import { CalendarMode, DateType } from '@mezzanine-ui/core/calendar';
-export declare type CalendarControlModifier = (value: DateType) => DateType;
-export declare type UseCalendarControlModifiersResult = Record<CalendarMode, [
+export type CalendarControlModifier = (value: DateType) => DateType;
+export type UseCalendarControlModifiersResult = Record<CalendarMode, [
     CalendarControlModifier,
     CalendarControlModifier
 ]>;

package/Form/FormMessage.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export declare type FormMessageProps = NativeElementPropsWithoutKeyAndRef<'span'>;
+export type FormMessageProps = NativeElementPropsWithoutKeyAndRef<'span'>;
 /**
  * The react component for `mezzanine` form message.
  */

package/Form/typings.d.ts

@@ -1,4 +1,4 @@
-export declare type FormElementFocusHandlers = {
+export type FormElementFocusHandlers = {
     onBlur?: VoidFunction;
     onFocus?: VoidFunction;
 };

package/Form/useAutoCompleteValueControl.d.ts

@@ -8,19 +8,19 @@ export interface UseAutoCompleteBaseValueControl {
     onSearch?(input: string): any;
     options: SelectValue[];
 }
-export declare type UseAutoCompleteMultipleValueControl = UseAutoCompleteBaseValueControl & {
+export type UseAutoCompleteMultipleValueControl = UseAutoCompleteBaseValueControl & {
     defaultValue?: SelectValue[];
     mode: 'multiple';
     onChange?(newOptions: SelectValue[]): any;
     value?: SelectValue[];
 };
-export declare type UseAutoCompleteSingleValueControl = UseAutoCompleteBaseValueControl & {
+export type UseAutoCompleteSingleValueControl = UseAutoCompleteBaseValueControl & {
     defaultValue?: SelectValue;
     mode: 'single';
     onChange?(newOption: SelectValue | null): any;
     value?: SelectValue | null;
 };
-export declare type UseAutoCompleteValueControl = UseAutoCompleteMultipleValueControl | UseAutoCompleteSingleValueControl;
+export type UseAutoCompleteValueControl = UseAutoCompleteMultipleValueControl | UseAutoCompleteSingleValueControl;
 export interface AutoCompleteBaseValueControl {
     focused: boolean;
     onClear(e: MouseEvent<Element>): void;
@@ -31,11 +31,11 @@ export interface AutoCompleteBaseValueControl {
     setSearchText: Dispatch<SetStateAction<string>>;
     unselectedOptions: SelectValue[];
 }
-export declare type AutoCompleteMultipleValueControl = AutoCompleteBaseValueControl & {
+export type AutoCompleteMultipleValueControl = AutoCompleteBaseValueControl & {
     onChange: (v: SelectValue | null) => SelectValue[];
     value: SelectValue[];
 };
-export declare type AutoCompleteSingleValueControl = AutoCompleteBaseValueControl & {
+export type AutoCompleteSingleValueControl = AutoCompleteBaseValueControl & {
     onChange: (v: SelectValue | null) => SelectValue | null;
     value: SelectValue | null;
 };

package/Form/useInputWithTagsModeValue.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, KeyboardEvent, RefObject } from 'react';
 import { UseInputControlValueProps } from './useInputControlValue';
-export declare type TagsType = string[] | number[];
+export type TagsType = string[] | number[];
 export interface UseInputWithTagsModeValueProps<E extends HTMLInputElement | HTMLTextAreaElement> extends UseInputControlValueProps<E> {
     /**
      * The value of initial tags

package/Form/useSelectValueControl.d.ts

@@ -5,29 +5,29 @@ export interface UseSelectBaseValueControl {
     onChange?(newOptions: SelectValue[] | SelectValue): any;
     onClose?(): void;
 }
-export declare type UseSelectMultipleValueControl = UseSelectBaseValueControl & {
+export type UseSelectMultipleValueControl = UseSelectBaseValueControl & {
     defaultValue?: SelectValue[];
     mode: 'multiple';
     onChange?(newOptions: SelectValue[]): any;
     value?: SelectValue[];
 };
-export declare type UseSelectSingleValueControl = UseSelectBaseValueControl & {
+export type UseSelectSingleValueControl = UseSelectBaseValueControl & {
     defaultValue?: SelectValue;
     mode: 'single';
     onChange?(newOption: SelectValue): any;
     value?: SelectValue | null;
 };
-export declare type UseSelectValueControl = UseSelectMultipleValueControl | UseSelectSingleValueControl;
+export type UseSelectValueControl = UseSelectMultipleValueControl | UseSelectSingleValueControl;
 export interface SelectBaseValueControl {
     onClear(e: MouseEvent<Element>): void;
 }
-export declare type SelectMultipleValueControl = SelectBaseValueControl & {
+export type SelectMultipleValueControl = SelectBaseValueControl & {
     onChange: (v: SelectValue | null) => SelectValue[];
     value: SelectValue[];
 };
-export declare type SelectSingleValueControl = SelectBaseValueControl & {
+export type SelectSingleValueControl = SelectBaseValueControl & {
     onChange: (v: SelectValue | null) => SelectValue | null;
     value: SelectValue | null;
 };
-export declare type SelectValueControl = SelectMultipleValueControl | SelectSingleValueControl;
+export type SelectValueControl = SelectMultipleValueControl | SelectSingleValueControl;
 export declare const useSelectValueControl: (props: UseSelectValueControl) => SelectMultipleValueControl | SelectSingleValueControl;

package/Menu/MenuDivider.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export declare type MenuDividerProps = NativeElementPropsWithoutKeyAndRef<'hr'>;
+export type MenuDividerProps = NativeElementPropsWithoutKeyAndRef<'hr'>;
 /**
  * The react component for `mezzanine` menu divider.
  */

package/Message/Message.d.ts

@@ -25,7 +25,7 @@ export interface MessageData extends Omit<NotifierData, 'onClose'>, MessageConfi
      */
     severity?: MessageSeverity;
 }
-export declare type MessageType = FC<MessageData> & Notifier<MessageData, MessageConfigProps> & (Record<string, (message: MessageData['children'], props?: Omit<MessageData, 'children' | 'severity' | 'icon'>) => Key>);
+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.
  *

package/Modal/ModalActions.js

@@ -10,9 +10,10 @@ import ConfirmActions from '../ConfirmActions/ConfirmActions.js';
  */
 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: confirmButtonProps, confirmText: confirmText, danger: danger, hideCancelButton: hideCancelButton, hideConfirmButton: hideConfirmButton, loading: loading, onCancel: onCancel, onConfirm: onConfirm })] }));
+    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;
 

package/Modal/ModalBody.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export declare type ModalBodyProps = NativeElementPropsWithoutKeyAndRef<'div'>;
+export type ModalBodyProps = NativeElementPropsWithoutKeyAndRef<'div'>;
 /**
  * The react component for `mezzanine` modal body.
  */

package/Modal/ModalFooter.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export declare type ModalFooterProps = NativeElementPropsWithoutKeyAndRef<'div'>;
+export type ModalFooterProps = NativeElementPropsWithoutKeyAndRef<'div'>;
 /**
  * The react component for `mezzanine` modal footer.
  */

package/Navigation/Navigation.d.ts

@@ -3,8 +3,8 @@ import { NavigationOrientation } from '@mezzanine-ui/core/navigation';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 import { NavigationItemProps } from './NavigationItem';
 import { NavigationSubMenuProps } from './NavigationSubMenu';
-export declare type NavigationChild = ReactElement<NavigationItemProps | NavigationSubMenuProps> | null;
-export declare type NavigationChildren = NavigationChild | NavigationChild[];
+export type NavigationChild = ReactElement<NavigationItemProps | NavigationSubMenuProps> | null;
+export type NavigationChildren = NavigationChild | NavigationChild[];
 export interface NavigationProps extends Omit<NativeElementPropsWithoutKeyAndRef<'ul'>, 'onClick'> {
     /**
      * Current active key.

package/Navigation/NavigationSubMenu.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { NavigationItemProps } from './NavigationItem';
-export declare type NavigationSubMenuChild = ReactElement<NavigationItemProps>;
-export declare type NavigationSubMenuChildren = NavigationSubMenuChild | NavigationSubMenuChild[];
+export type NavigationSubMenuChild = ReactElement<NavigationItemProps>;
+export type NavigationSubMenuChildren = NavigationSubMenuChild | NavigationSubMenuChild[];
 export interface NavigationSubMenuProps extends Omit<NavigationItemProps, 'onClick' | 'eventKey' | 'key'> {
     /**
      * Strict children with `NavigationItem`.

package/Notifier/NotifierManager.d.ts

@@ -13,5 +13,5 @@ export interface NotifierManagerProps<N extends NotifierData> extends Pick<Notif
     })[];
     render: RenderNotifier<N>;
 }
-declare function NotifierManager<N extends NotifierData>(props: NotifierManagerProps<N>): JSX.Element;
+declare function NotifierManager<N extends NotifierData>(props: NotifierManagerProps<N>): import("react/jsx-runtime").JSX.Element;
 export default NotifierManager;

package/Notifier/typings.d.ts

@@ -16,7 +16,7 @@ export interface NotifierData extends Pick<NotifierConfig, 'duration'> {
      */
     onClose?: (key: Key) => void;
 }
-export declare type RenderNotifier<N extends NotifierData> = (notifier: N) => ReactNode;
+export type RenderNotifier<N extends NotifierData> = (notifier: N) => ReactNode;
 export interface Notifier<N extends NotifierData, C extends NotifierConfig = NotifierConfig> {
     add: (notifier: N & {
         key?: Key;

package/Pagination/Pagination.d.ts

@@ -101,5 +101,5 @@ export interface PaginationProps extends Omit<DetailedHTMLProps<HTMLAttributes<H
 /**
  * The react component for `mezzanine` pagination.
  */
-declare const Pagination: import("react").ForwardRefExoticComponent<Pick<PaginationProps, "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "boundaryCount" | "buttonText" | "current" | "disabled" | "hideNextButton" | "hidePreviousButton" | "hintText" | "inputPlaceholder" | "itemRender" | "onChangePageSize" | "pageSize" | "pageSizeLabel" | "pageSizeOptions" | "pageSizeUnit" | "renderPageSizeOptionName" | "showJumper" | "showPageSizeOptions" | "siblingCount" | "total"> & import("react").RefAttributes<HTMLElement>>;
+declare const Pagination: import("react").ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
 export default Pagination;

package/Pagination/PaginationItem.d.ts

@@ -1,6 +1,6 @@
 import { DetailedHTMLProps, HTMLAttributes } from 'react';
 import { PaginationItemType } from '@mezzanine-ui/core/pagination';
-export declare type PaginationItemElement = HTMLButtonElement | HTMLDivElement;
+export type PaginationItemElement = HTMLButtonElement | HTMLDivElement;
 export interface PaginationItemProps extends Omit<DetailedHTMLProps<HTMLAttributes<PaginationItemElement>, PaginationItemElement>, 'ref'> {
     /**
      * If `true`, the pagination item is active.

package/Pagination/PaginationJumper.d.ts

@@ -34,5 +34,5 @@ export interface PaginationJumperProps extends Omit<DetailedHTMLProps<HTMLAttrib
      */
     total?: number;
 }
-declare const PaginationJumper: import("react").ForwardRefExoticComponent<Pick<PaginationJumperProps, "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "buttonText" | "disabled" | "hintText" | "inputPlaceholder" | "pageSize" | "total"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const PaginationJumper: import("react").ForwardRefExoticComponent<Omit<PaginationJumperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default PaginationJumper;

package/Pagination/PaginationPageSize.d.ts

@@ -34,5 +34,5 @@ export interface PaginationPageSizeProps extends Omit<DetailedHTMLProps<HTMLAttr
      */
     value?: number;
 }
-declare const PaginationPageSize: import("react").ForwardRefExoticComponent<Pick<PaginationPageSizeProps, "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "label" | "options" | "renderOptionName" | "unit" | "value"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const PaginationPageSize: import("react").ForwardRefExoticComponent<Omit<PaginationPageSizeProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default PaginationPageSize;

package/Picker/usePickerValue.d.ts

@@ -1,6 +1,6 @@
 import { DateType } from '@mezzanine-ui/core/calendar';
 import { FocusEventHandler, KeyboardEventHandler, RefObject } from 'react';
-export declare type UsePickerValueProps = {
+export type UsePickerValueProps = {
     defaultValue?: DateType;
     format: string;
     formats: string[];

package/Popper/Popper.d.ts

@@ -5,10 +5,10 @@ import { ElementGetter } from '../utils/getElement';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 import { PortalProps } from '../Portal';
 export type { Placement as PopperPlacement, PositioningStrategy as PopperPositionStrategy, } from '@popperjs/core';
-export declare type PopperOptions<Modifiers> = Omit<Partial<_PopperOptions>, 'modifiers'> & {
+export type PopperOptions<Modifiers> = Omit<Partial<_PopperOptions>, 'modifiers'> & {
     modifiers?: ReadonlyArray<Modifier<Modifiers>>;
 };
-export declare type PopperController = ReturnType<typeof usePopper>;
+export type PopperController = ReturnType<typeof usePopper>;
 export interface PopperProps extends Pick<PortalProps, 'container' | 'disablePortal'>, NativeElementPropsWithoutKeyAndRef<'div'> {
     /**
      * The ref of trigger Element.

package/Select/AutoComplete.d.ts

@@ -53,7 +53,7 @@ export interface AutoCompleteBaseProps extends Omit<SelectTriggerProps, 'active'
      */
     size?: SelectInputSize;
 }
-export declare type AutoCompleteMultipleProps = AutoCompleteBaseProps & {
+export type AutoCompleteMultipleProps = AutoCompleteBaseProps & {
     /**
      * The default selection
      */
@@ -72,7 +72,7 @@ export declare type AutoCompleteMultipleProps = AutoCompleteBaseProps & {
      */
     value?: SelectValue[];
 };
-export declare type AutoCompleteSingleProps = AutoCompleteBaseProps & {
+export type AutoCompleteSingleProps = AutoCompleteBaseProps & {
     /**
      * The default selection
      */
@@ -91,7 +91,7 @@ export declare type AutoCompleteSingleProps = AutoCompleteBaseProps & {
      */
     value?: SelectValue | null;
 };
-export declare type AutoCompleteProps = AutoCompleteMultipleProps | AutoCompleteSingleProps;
+export type AutoCompleteProps = AutoCompleteMultipleProps | AutoCompleteSingleProps;
 /**
  * The AutoComplete component for react. <br />
  * Note that if you need search for ONLY given options, not included your typings,

package/Select/Select.d.ts

@@ -36,7 +36,7 @@ export interface SelectBaseProps extends Omit<SelectTriggerProps, 'active' | 'in
      */
     size?: SelectInputSize;
 }
-export declare type SelectMultipleProps = SelectBaseProps & {
+export type SelectMultipleProps = SelectBaseProps & {
     /**
      * The default selection
      */
@@ -59,7 +59,7 @@ export declare type SelectMultipleProps = SelectBaseProps & {
      */
     value?: SelectValue[];
 };
-export declare type SelectSingleProps = SelectBaseProps & {
+export type SelectSingleProps = SelectBaseProps & {
     /**
      * The default selection
      */
@@ -82,6 +82,6 @@ export declare type SelectSingleProps = SelectBaseProps & {
      */
     value?: SelectValue | null;
 };
-export declare type SelectProps = SelectMultipleProps | SelectSingleProps;
+export type SelectProps = SelectMultipleProps | SelectSingleProps;
 declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Select;