@mezzanine-ui/react 0.12.2 → 0.12.4

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 type AppBarChild = ReactElement<AppBarBrandProps | AppBarMainProps | AppBarSupportProps, NamedExoticComponent>;
-export type AppBarChildren = AppBarChild | AppBarChild[];
+export declare type AppBarChild = ReactElement<AppBarBrandProps | AppBarMainProps | AppBarSupportProps, NamedExoticComponent>;
+export declare 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 type AppBarBrandProps = NativeElementPropsWithoutKeyAndRef<'div'>;
+export declare 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 type AppBarMainProps = NativeElementPropsWithoutKeyAndRef<'div'>;
+export declare 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 type AppBarSupportProps = NativeElementPropsWithoutKeyAndRef<'div'>;
+export declare 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 type BadgeContainerProps = NativeElementPropsWithoutKeyAndRef<'span'>;
+export declare 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 type ButtonProps<C extends ButtonComponent = 'button'> = ComponentOverridableForwardRefComponentPropsFactory<ButtonComponent, C, ButtonPropsBase>;
+export declare 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 type ButtonGroupChild = ReactElement<ButtonProps | IconButtonProps> | null | undefined | false;
+export declare 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 type IconButtonProps<C extends ButtonComponent = 'button'> = ComponentOverridableForwardRefComponentPropsFactory<ButtonComponent, C, Omit<ButtonPropsBase, 'prefix' | 'suffix'> & {
+export declare 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.
  */
-type GenericIconButton = <C extends ButtonComponent = 'button'>(props: PropsWithoutRef<IconButtonProps<C>> & RefAttributes<ElementRef<C>>) => ReactElement;
+declare 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.
  */
-type GenericButton = <C extends ButtonComponent = 'button'>(props: PropsWithoutRef<ButtonProps<C>> & RefAttributes<ElementRef<C>>) => ReactElement;
+declare 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,7 +1,8 @@
 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, Button as default };
+export { IconButton };

package/Button/typings.d.ts

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

package/Calendar/CalendarContext.d.ts

@@ -7,7 +7,7 @@ export interface CalendarConfigs extends CalendarMethods {
     displayWeekDayLocale: string;
     valueLocale: string;
 }
-export type CalendarConfigProviderProps = {
+export declare type CalendarConfigProviderProps = {
     children?: ReactNode;
     defaultDateFormat?: string;
     defaultTimeFormat?: string;

package/Calendar/useCalendarControlModifiers.d.ts

@@ -1,6 +1,6 @@
 import { CalendarMode, DateType } from '@mezzanine-ui/core/calendar';
-export type CalendarControlModifier = (value: DateType) => DateType;
-export type UseCalendarControlModifiersResult = Record<CalendarMode, [
+export declare type CalendarControlModifier = (value: DateType) => DateType;
+export declare 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 type FormMessageProps = NativeElementPropsWithoutKeyAndRef<'span'>;
+export declare type FormMessageProps = NativeElementPropsWithoutKeyAndRef<'span'>;
 /**
  * The react component for `mezzanine` form message.
  */

package/Form/typings.d.ts

@@ -1,4 +1,4 @@
-export type FormElementFocusHandlers = {
+export declare 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 type UseAutoCompleteMultipleValueControl = UseAutoCompleteBaseValueControl & {
+export declare type UseAutoCompleteMultipleValueControl = UseAutoCompleteBaseValueControl & {
     defaultValue?: SelectValue[];
     mode: 'multiple';
     onChange?(newOptions: SelectValue[]): any;
     value?: SelectValue[];
 };
-export type UseAutoCompleteSingleValueControl = UseAutoCompleteBaseValueControl & {
+export declare type UseAutoCompleteSingleValueControl = UseAutoCompleteBaseValueControl & {
     defaultValue?: SelectValue;
     mode: 'single';
     onChange?(newOption: SelectValue | null): any;
     value?: SelectValue | null;
 };
-export type UseAutoCompleteValueControl = UseAutoCompleteMultipleValueControl | UseAutoCompleteSingleValueControl;
+export declare 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 type AutoCompleteMultipleValueControl = AutoCompleteBaseValueControl & {
+export declare type AutoCompleteMultipleValueControl = AutoCompleteBaseValueControl & {
     onChange: (v: SelectValue | null) => SelectValue[];
     value: SelectValue[];
 };
-export type AutoCompleteSingleValueControl = AutoCompleteBaseValueControl & {
+export declare type AutoCompleteSingleValueControl = AutoCompleteBaseValueControl & {
     onChange: (v: SelectValue | null) => SelectValue | null;
     value: SelectValue | null;
 };

package/Form/useAutoCompleteValueControl.js

@@ -14,12 +14,13 @@ function useAutoCompleteBaseValueControl(props) {
     });
     const [searchText, setSearchText] = useState('');
     const [focused, setFocused] = useState(false);
+    const searchTextReg = new RegExp(searchText.replace(/\\/g, '\\\\'), 'i');
     const onFocus = useCallback((focus) => {
         setFocused(focus);
     }, []);
     const options = disabledOptionsFilter
         ? optionsProp
-        : optionsProp.filter((option) => !!option.name.includes(searchText));
+        : optionsProp.filter((option) => !!option.name.match(searchTextReg));
     const selectedOptions = mode === 'multiple'
         ? value : compact([value]);
     const unselectedOptions = differenceBy(options, selectedOptions, 'id');

package/Form/useInputWithTagsModeValue.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, KeyboardEvent, RefObject } from 'react';
 import { UseInputControlValueProps } from './useInputControlValue';
-export type TagsType = string[] | number[];
+export declare 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 type UseSelectMultipleValueControl = UseSelectBaseValueControl & {
+export declare type UseSelectMultipleValueControl = UseSelectBaseValueControl & {
     defaultValue?: SelectValue[];
     mode: 'multiple';
     onChange?(newOptions: SelectValue[]): any;
     value?: SelectValue[];
 };
-export type UseSelectSingleValueControl = UseSelectBaseValueControl & {
+export declare type UseSelectSingleValueControl = UseSelectBaseValueControl & {
     defaultValue?: SelectValue;
     mode: 'single';
     onChange?(newOption: SelectValue): any;
     value?: SelectValue | null;
 };
-export type UseSelectValueControl = UseSelectMultipleValueControl | UseSelectSingleValueControl;
+export declare type UseSelectValueControl = UseSelectMultipleValueControl | UseSelectSingleValueControl;
 export interface SelectBaseValueControl {
     onClear(e: MouseEvent<Element>): void;
 }
-export type SelectMultipleValueControl = SelectBaseValueControl & {
+export declare type SelectMultipleValueControl = SelectBaseValueControl & {
     onChange: (v: SelectValue | null) => SelectValue[];
     value: SelectValue[];
 };
-export type SelectSingleValueControl = SelectBaseValueControl & {
+export declare type SelectSingleValueControl = SelectBaseValueControl & {
     onChange: (v: SelectValue | null) => SelectValue | null;
     value: SelectValue | null;
 };
-export type SelectValueControl = SelectMultipleValueControl | SelectSingleValueControl;
+export declare 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 type MenuDividerProps = NativeElementPropsWithoutKeyAndRef<'hr'>;
+export declare 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 type MessageType = FC<MessageData> & Notifier<MessageData, MessageConfigProps> & (Record<string, (message: MessageData['children'], props?: Omit<MessageData, 'children' | 'severity' | 'icon'>) => Key>);
+export declare type MessageType = FC<MessageData> & Notifier<MessageData, MessageConfigProps> & (Record<string, (message: MessageData['children'], props?: Omit<MessageData, 'children' | 'severity' | 'icon'>) => Key>);
 /**
  * The react component for `mezzanine` message.
  *

package/Modal/ModalBody.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export type ModalBodyProps = NativeElementPropsWithoutKeyAndRef<'div'>;
+export declare 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 type ModalFooterProps = NativeElementPropsWithoutKeyAndRef<'div'>;
+export declare 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 type NavigationChild = ReactElement<NavigationItemProps | NavigationSubMenuProps> | null;
-export type NavigationChildren = NavigationChild | NavigationChild[];
+export declare type NavigationChild = ReactElement<NavigationItemProps | NavigationSubMenuProps> | null;
+export declare 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 type NavigationSubMenuChild = ReactElement<NavigationItemProps>;
-export type NavigationSubMenuChildren = NavigationSubMenuChild | NavigationSubMenuChild[];
+export declare type NavigationSubMenuChild = ReactElement<NavigationItemProps>;
+export declare type NavigationSubMenuChildren = NavigationSubMenuChild | NavigationSubMenuChild[];
 export interface NavigationSubMenuProps extends Omit<NavigationItemProps, 'onClick' | 'eventKey' | 'key'> {
     /**
      * Strict children with `NavigationItem`.

package/Notifier/typings.d.ts

@@ -16,7 +16,7 @@ export interface NotifierData extends Pick<NotifierConfig, 'duration'> {
      */
     onClose?: (key: Key) => void;
 }
-export type RenderNotifier<N extends NotifierData> = (notifier: N) => ReactNode;
+export declare 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/PaginationItem.d.ts

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

package/Picker/usePickerValue.d.ts

@@ -1,6 +1,6 @@
 import { DateType } from '@mezzanine-ui/core/calendar';
 import { FocusEventHandler, KeyboardEventHandler, RefObject } from 'react';
-export type UsePickerValueProps = {
+export declare 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 type PopperOptions<Modifiers> = Omit<Partial<_PopperOptions>, 'modifiers'> & {
+export declare type PopperOptions<Modifiers> = Omit<Partial<_PopperOptions>, 'modifiers'> & {
     modifiers?: ReadonlyArray<Modifier<Modifiers>>;
 };
-export type PopperController = ReturnType<typeof usePopper>;
+export declare 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 type AutoCompleteMultipleProps = AutoCompleteBaseProps & {
+export declare type AutoCompleteMultipleProps = AutoCompleteBaseProps & {
     /**
      * The default selection
      */
@@ -72,7 +72,7 @@ export type AutoCompleteMultipleProps = AutoCompleteBaseProps & {
      */
     value?: SelectValue[];
 };
-export type AutoCompleteSingleProps = AutoCompleteBaseProps & {
+export declare type AutoCompleteSingleProps = AutoCompleteBaseProps & {
     /**
      * The default selection
      */
@@ -91,7 +91,7 @@ export type AutoCompleteSingleProps = AutoCompleteBaseProps & {
      */
     value?: SelectValue | null;
 };
-export type AutoCompleteProps = AutoCompleteMultipleProps | AutoCompleteSingleProps;
+export declare 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 type SelectMultipleProps = SelectBaseProps & {
+export declare type SelectMultipleProps = SelectBaseProps & {
     /**
      * The default selection
      */
@@ -59,7 +59,7 @@ export type SelectMultipleProps = SelectBaseProps & {
      */
     value?: SelectValue[];
 };
-export type SelectSingleProps = SelectBaseProps & {
+export declare type SelectSingleProps = SelectBaseProps & {
     /**
      * The default selection
      */
@@ -82,6 +82,6 @@ export type SelectSingleProps = SelectBaseProps & {
      */
     value?: SelectValue | null;
 };
-export type SelectProps = SelectMultipleProps | SelectSingleProps;
+export declare type SelectProps = SelectMultipleProps | SelectSingleProps;
 declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Select;

package/Select/SelectTrigger.d.ts

@@ -2,7 +2,7 @@ import { Ref } from 'react';
 import { TextFieldProps } from '../TextField';
 import { SelectValue } from './typings';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export type SelectTriggerInputProps = Omit<NativeElementPropsWithoutKeyAndRef<'input'>, 'autoComplete' | 'children' | 'defaultValue' | 'disabled' | 'readOnly' | 'required' | 'type' | 'value' | `aria-${'autocomplete' | 'disabled' | 'haspopup' | 'multiline' | 'readonly' | 'required'}`>;
+export declare type SelectTriggerInputProps = Omit<NativeElementPropsWithoutKeyAndRef<'input'>, 'autoComplete' | 'children' | 'defaultValue' | 'disabled' | 'readOnly' | 'required' | 'type' | 'value' | `aria-${'autocomplete' | 'disabled' | 'haspopup' | 'multiline' | 'readonly' | 'required'}`>;
 export interface SelectTriggerBaseProps extends Omit<TextFieldProps, 'active' | 'children' | 'defaultChecked' | 'suffix'> {
     /**
      * Controls the chevron icon layout.
@@ -51,7 +51,7 @@ export interface SelectTriggerBaseProps extends Omit<TextFieldProps, 'active' |
     showTextInputAfterTags?: boolean;
     suffixAction?: VoidFunction;
 }
-export type SelectTriggerMultipleProps = SelectTriggerBaseProps & {
+export declare type SelectTriggerMultipleProps = SelectTriggerBaseProps & {
     /**
      * Controls the layout of trigger.
      */
@@ -67,7 +67,7 @@ export type SelectTriggerMultipleProps = SelectTriggerBaseProps & {
      */
     renderValue?: (value: SelectValue[]) => string;
 };
-export type SelectTriggerSingleProps = SelectTriggerBaseProps & {
+export declare type SelectTriggerSingleProps = SelectTriggerBaseProps & {
     /**
      * Controls the layout of trigger.
      */
@@ -83,7 +83,7 @@ export type SelectTriggerSingleProps = SelectTriggerBaseProps & {
      */
     renderValue?: (value: SelectValue | null) => string;
 };
-export type SelectTriggerComponentProps = SelectTriggerMultipleProps | SelectTriggerSingleProps;
-export type SelectTriggerProps = Omit<SelectTriggerComponentProps, 'innerRef'>;
+export declare type SelectTriggerComponentProps = SelectTriggerMultipleProps | SelectTriggerSingleProps;
+export declare type SelectTriggerProps = Omit<SelectTriggerComponentProps, 'innerRef'>;
 declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
 export default SelectTrigger;

package/Slider/Slider.d.ts

@@ -32,16 +32,16 @@ export interface SliderBaseProps extends Omit<NativeElementPropsWithoutKeyAndRef
      */
     innerRef?: Ref<HTMLDivElement>;
 }
-export type SingleSliderProps = SliderBaseProps & {
+export declare type SingleSliderProps = SliderBaseProps & {
     onChange?: (value: SingleSliderValue) => void;
     value: UseSingleSliderProps['value'];
 };
-export type RangeSliderProps = SliderBaseProps & {
+export declare type RangeSliderProps = SliderBaseProps & {
     onChange?: (value: RangeSliderValue) => void;
     value: UseRangeSliderProps['value'];
 };
-export type SliderComponentProps = SingleSliderProps | RangeSliderProps;
-export type SliderProps = Omit<SliderComponentProps, 'innerRef'>;
+export declare type SliderComponentProps = SingleSliderProps | RangeSliderProps;
+export declare type SliderProps = Omit<SliderComponentProps, 'innerRef'>;
 /**
  * The react component for `mezzanine` slider.
  * The outcome will be base on the type of given value.

package/Table/Table.d.ts

@@ -83,6 +83,6 @@ export interface TableWithPagination<T> extends TableBaseProps<T> {
     pagination?: TablePaginationType;
     fetchMore?: undefined;
 }
-export type TableProps<T> = TableWithFetchMore<T> | TableWithPagination<T>;
+export declare type TableProps<T> = TableWithFetchMore<T> | TableWithPagination<T>;
 declare const Table: import("react").ForwardRefExoticComponent<TableProps<Record<string, unknown>> & import("react").RefAttributes<HTMLDivElement>>;
 export default Table;

package/Table/sorting/useTableSorting.d.ts

@@ -2,7 +2,7 @@ import { TableDataSource, TableColumn, TableRecord } from '@mezzanine-ui/core/ta
 export interface UseTableSorting {
     dataSource: TableDataSource[];
 }
-export type SortedType = 'desc' | 'asc' | 'none';
+export declare type SortedType = 'desc' | 'asc' | 'none';
 export declare function useTableSorting(props: UseTableSorting): readonly [TableDataSource[], (v: Pick<TableColumn<TableRecord<unknown>>, "dataIndex" | "sorter" | "onSorted">) => void, {
     readonly sortedOn: string;
     readonly sortedType: SortedType;

package/Tabs/Tabs.d.ts

@@ -1,7 +1,7 @@
 import { Key, MouseEvent, ReactElement, ReactNode } from 'react';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 import { TabPaneProps } from './TabPane';
-export type TabsChild = ReactElement<TabPaneProps>;
+export declare type TabsChild = ReactElement<TabPaneProps>;
 export interface TabsProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'onChange' | 'children'> {
     /**
      * Current TabPane's index

package/Transition/Fade.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TransitionImplementationProps } from './Transition';
-export type FadeProps = TransitionImplementationProps;
+export declare type FadeProps = TransitionImplementationProps;
 /**
  * The react component for `mezzanine` transition fade.
  */

package/Transition/SlideFade.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TransitionImplementationProps } from './Transition';
-export type SlideFadeDirection = 'left' | 'right' | 'up' | 'down';
+export declare type SlideFadeDirection = 'left' | 'right' | 'up' | 'down';
 export interface SlideFadeProps extends TransitionImplementationProps {
     /**
      * The direction of child element will enter to.

package/Transition/Transition.d.ts

@@ -2,18 +2,18 @@ import { RefObject, CSSProperties, ReactElement, JSXElementConstructor, Ref } fr
 import { TransitionStatus as TransitionState, TransitionChildren } from 'react-transition-group/Transition';
 import { NativeElementTag } from '../utils/jsx-types';
 export { TransitionState };
-export type TransitionMode = 'enter' | 'exit';
-export type TransitionDuration = 'auto' | number | {
+export declare type TransitionMode = 'enter' | 'exit';
+export declare type TransitionDuration = 'auto' | number | {
     [mode in TransitionMode]?: number;
 };
-export type TransitionEasing = string | {
+export declare type TransitionEasing = string | {
     [mode in TransitionMode]?: string;
 };
-export type TransitionDelay = number | {
+export declare type TransitionDelay = number | {
     [mode in TransitionMode]?: number;
 };
-export type TransitionEnterHandler = (node: HTMLElement, isAppearing: boolean) => void;
-export type TransitionExitHandler = (node: HTMLElement) => void;
+export declare type TransitionEnterHandler = (node: HTMLElement, isAppearing: boolean) => void;
+export declare type TransitionExitHandler = (node: HTMLElement) => void;
 export interface TransitionImplementationChildProps {
     ref?: Ref<HTMLElement>;
     style?: CSSProperties;

package/Transition/Zoom.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TransitionImplementationProps } from './Transition';
-export type ZoomProps = TransitionImplementationProps;
+export declare type ZoomProps = TransitionImplementationProps;
 /**
  * The react component for `mezzanine` transition zoom.
  */

package/Tree/TreeNode.d.ts

@@ -3,7 +3,7 @@ import { TreeNodeValue, TreeSize } from '@mezzanine-ui/core/tree';
 import { CollapseProps } from '../Transition';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 import { TreeNodeData } from './typings';
-export type TreeNodeElementProps = Omit<NativeElementPropsWithoutKeyAndRef<'li'>, 'children' | 'value' | 'onSelect'>;
+export declare type TreeNodeElementProps = Omit<NativeElementPropsWithoutKeyAndRef<'li'>, 'children' | 'value' | 'onSelect'>;
 export interface TreeNodeProps extends TreeNodeData, TreeNodeElementProps {
     /**
      * Provided children will be wrapped under `Collapse`.

package/Tree/TreeNodeList.d.ts

@@ -2,7 +2,7 @@
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 import { TreeNodeElementProps, TreeNodeProps } from './TreeNode';
 import { TreeNodeData, TreeNodeRefs } from './typings';
-export type TreeNodeListElementProps = Omit<NativeElementPropsWithoutKeyAndRef<'ul'>, 'children' | 'onSelect'>;
+export declare type TreeNodeListElementProps = Omit<NativeElementPropsWithoutKeyAndRef<'ul'>, 'children' | 'onSelect'>;
 export interface TreeNodeListProps extends TreeNodeListElementProps, Pick<TreeNodeProps, 'multiple' | 'onExpand' | 'onSelect' | 'selectable' | 'size'> {
     /**
      * Given nodes will be passed to `TreeNode` component orderly.

package/Tree/typings.d.ts

@@ -1,12 +1,12 @@
 import { MutableRefObject, ReactNode } from 'react';
 import { TreeNodeDataShape, TreeNodeEntityShape, TreeNodePropShape, TreeNodeValue } from '@mezzanine-ui/core/tree';
-export type TreeNodeProp = TreeNodePropShape<ReactNode>;
-export type TreeNodeData = TreeNodeDataShape<ReactNode>;
-export type TreeNodeEntity = TreeNodeEntityShape<ReactNode>;
-export type TreeNodeEntities = Map<TreeNodeValue, TreeNodeEntity>;
-export type TreeNodeRefsShape = Record<TreeNodeValue, HTMLLIElement>;
-export type TreeNodeRefs = MutableRefObject<TreeNodeRefsShape | undefined>;
-export type TreeExpandControl = {
+export declare type TreeNodeProp = TreeNodePropShape<ReactNode>;
+export declare type TreeNodeData = TreeNodeDataShape<ReactNode>;
+export declare type TreeNodeEntity = TreeNodeEntityShape<ReactNode>;
+export declare type TreeNodeEntities = Map<TreeNodeValue, TreeNodeEntity>;
+export declare type TreeNodeRefsShape = Record<TreeNodeValue, HTMLLIElement>;
+export declare type TreeNodeRefs = MutableRefObject<TreeNodeRefsShape | undefined>;
+export declare type TreeExpandControl = {
     collapse: (value: TreeNodeValue) => void;
     collapseAll: () => void;
     collapseAllFrom: (value: TreeNodeValue) => void;

package/Typography/Typography.d.ts

@@ -1,7 +1,7 @@
 import { JSXElementConstructor } from 'react';
 import { TypographyAlign, TypographyColor, TypographyDisplay, TypographyVariant } from '@mezzanine-ui/core/typography';
 import { ComponentOverridableForwardRefComponentPropsFactory } from '../utils/jsx-types';
-export type TypographyComponent = `h${1 | 2 | 3 | 4 | 5 | 6}` | 'p' | 'span' | 'label' | 'div' | 'caption' | 'a' | JSXElementConstructor<any>;
+export declare type TypographyComponent = `h${1 | 2 | 3 | 4 | 5 | 6}` | 'p' | 'span' | 'label' | 'div' | 'caption' | 'a' | JSXElementConstructor<any>;
 interface TypographyPropsBase {
     /**
      * The css variable for `text-align`.
@@ -33,7 +33,7 @@ interface TypographyPropsBase {
      */
     variant?: TypographyVariant;
 }
-export type TypographyProps<C extends TypographyComponent = 'p'> = ComponentOverridableForwardRefComponentPropsFactory<TypographyComponent, C, TypographyPropsBase>;
+export declare type TypographyProps<C extends TypographyComponent = 'p'> = ComponentOverridableForwardRefComponentPropsFactory<TypographyComponent, C, TypographyPropsBase>;
 /**
  * The react component for `mezzanine` typography.
  */

package/Typography/index.d.ts

@@ -6,6 +6,6 @@ export type { TypographyComponent, TypographyProps, };
  * @remark
  * Add type alias here for parsable to react docgen typescript.
  */
-type GenericTypography = <C extends TypographyComponent = 'p'>(props: PropsWithoutRef<TypographyProps<C>> & RefAttributes<ElementRef<C>>) => ReactElement;
+declare type GenericTypography = <C extends TypographyComponent = 'p'>(props: PropsWithoutRef<TypographyProps<C>> & RefAttributes<ElementRef<C>>) => ReactElement;
 declare const _default: GenericTypography;
 export default _default;

package/Typography/index.js

@@ -1,5 +1,2 @@
 import Typography from './Typography.js';
-
-
-
-export { Typography as default };
+export { default } from './Typography.js';

package/Upload/UploadPicture.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'react';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export type UploadPictureControl = {
+export declare type UploadPictureControl = {
     getData: () => void;
 };
 export interface UploadPictureProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'onChange' | 'onError' | 'value'> {

package/Upload/UploadPictureWall.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'react';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export type UploadPictureWallControl = {
+export declare type UploadPictureWallControl = {
     getAllData: () => void;
 };
 export interface UploadPictureWallBaseProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'onChange' | 'onError' | 'value'> {
@@ -75,6 +75,6 @@ export interface UploadPictureWallMultiUploadProps extends UploadPictureWallBase
     onUpload?: undefined;
     parallel?: undefined;
 }
-export type UploadPictureWallProps = UploadPictureWallSingleUploadProps | UploadPictureWallMultiUploadProps;
+export declare type UploadPictureWallProps = UploadPictureWallSingleUploadProps | UploadPictureWallMultiUploadProps;
 declare const UploadPictureWall: import("react").ForwardRefExoticComponent<UploadPictureWallProps & import("react").RefAttributes<HTMLDivElement>>;
 export default UploadPictureWall;

package/hooks/useClickAway.d.ts

@@ -1,5 +1,5 @@
 import { RefObject, DependencyList } from 'react';
-export type ClickAwayEvent = MouseEvent | TouchEvent | PointerEvent;
-export type ClickAwayHandler = (event: ClickAwayEvent) => void;
-export type ClickAwayHandlerFactory = () => ClickAwayHandler | undefined;
+export declare type ClickAwayEvent = MouseEvent | TouchEvent | PointerEvent;
+export declare type ClickAwayHandler = (event: ClickAwayEvent) => void;
+export declare type ClickAwayHandlerFactory = () => ClickAwayHandler | undefined;
 export declare function useClickAway(factory: ClickAwayHandlerFactory, containerRef: RefObject<HTMLElement>, deps?: DependencyList): void;

package/hooks/useDocumentEscapeKeyDown.d.ts

@@ -1,3 +1,3 @@
 import { DependencyList } from 'react';
-export type DocumentEscapeKeyDownHandlerFactory = () => ((event: KeyboardEvent) => void) | undefined;
+export declare type DocumentEscapeKeyDownHandlerFactory = () => ((event: KeyboardEvent) => void) | undefined;
 export declare function useDocumentEscapeKeyDown(factory: DocumentEscapeKeyDownHandlerFactory, deps?: DependencyList): void;

package/hooks/useDocumentEvents.d.ts

@@ -1,5 +1,5 @@
 import { DependencyList } from 'react';
-export type DocumentEventHandlersFactory = () => {
+export declare type DocumentEventHandlersFactory = () => {
     [event in keyof DocumentEventMap]?: (event: DocumentEventMap[event]) => void;
 } | undefined;
 export declare function useDocumentEvents(factory: DocumentEventHandlersFactory, deps?: DependencyList): void;

package/hooks/useDocumentTabKeyDown.d.ts

@@ -1,3 +1,3 @@
 import { DependencyList } from 'react';
-export type DocumentTabKeyDownHandlerFactory = () => ((event: KeyboardEvent) => void) | undefined;
+export declare type DocumentTabKeyDownHandlerFactory = () => ((event: KeyboardEvent) => void) | undefined;
 export declare function useDocumentTabKeyDown(factory: DocumentTabKeyDownHandlerFactory, deps?: DependencyList): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezzanine-ui/react",
-  "version": "0.12.2",
+  "version": "0.12.4",
   "description": "React components for mezzanine-ui",
   "author": "Mezzanine",
   "repository": {
@@ -31,9 +31,9 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@mezzanine-ui/core": "^0.12.2",
-    "@mezzanine-ui/icons": "^0.12.2",
-    "@mezzanine-ui/system": "^0.12.2",
+    "@mezzanine-ui/core": "^0.12.4",
+    "@mezzanine-ui/icons": "^0.12.4",
+    "@mezzanine-ui/system": "^0.12.4",
     "@popperjs/core": "^2.11.6",
     "@types/react-transition-group": "^4.4.5",
     "clsx": "^1.2.1",

package/utils/composeRefs.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'react';
-export type ComposableRef<T> = Ref<T> | null | undefined;
-export type ComposedRef<T> = Extract<Ref<T>, (...args: any[]) => any>;
+export declare type ComposableRef<T> = Ref<T> | null | undefined;
+export declare type ComposedRef<T> = Extract<Ref<T>, (...args: any[]) => any>;
 /**
  * Compose all refs to single one.
  * It's helpful if you want to use useRef in an forwardRef component.

package/utils/general.d.ts

@@ -1,8 +1,8 @@
-export type PickRenameMulti<T, R extends {
+export declare type PickRenameMulti<T, R extends {
     [K in keyof R]: K extends keyof T ? PropertyKey : 'Error: key not in T';
 }> = {
     [P in keyof T as P extends keyof R ? R[P] : P]: T[P];
 };
-export type ExtendedProperties<T> = {
+export declare type ExtendedProperties<T> = {
     [P in keyof T]: T[P];
 };

package/utils/getElement.d.ts

@@ -1,3 +1,3 @@
 import { RefObject } from 'react';
-export type ElementGetter = HTMLElement | (() => HTMLElement) | RefObject<HTMLElement | null> | null;
+export declare type ElementGetter = HTMLElement | (() => HTMLElement) | RefObject<HTMLElement | null> | null;
 export declare function getElement(elementGetter?: ElementGetter): HTMLElement | null;

package/utils/jsx-types.d.ts

@@ -1,9 +1,9 @@
 import { ComponentPropsWithoutRef, DetailedHTMLProps, ElementType, JSXElementConstructor, SVGProps } from 'react';
-export type NativeElementTag = keyof JSX.IntrinsicElements;
-export type NativeElementPropsWithoutKeyAndRef<T extends NativeElementTag> = Omit<JSX.IntrinsicElements[T], 'key' | 'ref'>;
-export type NativeElement<T extends NativeElementTag> = JSX.IntrinsicElements[T] extends DetailedHTMLProps<infer _A, infer E> ? E : JSX.IntrinsicElements[T] extends SVGProps<infer E> ? E : unknown;
-export type ComponentPropsWithoutKeyAndRef<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, 'key'>;
-export type ComponentOverridableForwardRefComponentPropsFactory<VC extends NativeElementTag | JSXElementConstructor<any>, C extends VC, P> = Omit<Omit<ComponentPropsWithoutKeyAndRef<C>, keyof P> & P, 'component'> & {
+export declare type NativeElementTag = keyof JSX.IntrinsicElements;
+export declare type NativeElementPropsWithoutKeyAndRef<T extends NativeElementTag> = Omit<JSX.IntrinsicElements[T], 'key' | 'ref'>;
+export declare type NativeElement<T extends NativeElementTag> = JSX.IntrinsicElements[T] extends DetailedHTMLProps<infer _A, infer E> ? E : JSX.IntrinsicElements[T] extends SVGProps<infer E> ? E : unknown;
+export declare type ComponentPropsWithoutKeyAndRef<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, 'key'>;
+export declare type ComponentOverridableForwardRefComponentPropsFactory<VC extends NativeElementTag | JSXElementConstructor<any>, C extends VC, P> = Omit<Omit<ComponentPropsWithoutKeyAndRef<C>, keyof P> & P, 'component'> & {
     /**
      * Override the component used to render.
      */