@mezzanine-ui/react 0.13.8 → 0.13.10

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/Select/SelectTrigger.js

@@ -8,7 +8,7 @@ import TextField from '../TextField/TextField.js';
 import cx from 'clsx';
 
 function SelectTriggerComponent(props) {
-    const { active, className, disabled, ellipsis = false, forceHideSuffixActionIcon, inputProps, innerRef, inputRef, mode, onTagClose, readOnly, renderValue: renderValueProp, required, searchText, size, showTextInputAfterTags = false, suffixAction, suffixActionIcon: suffixActionIconProp, value, ...restTextFieldProps } = props;
+    const { active, className, disabled, ellipsis = false, forceHideSuffixActionIcon, inputProps, innerRef, inputRef, mode, onTagClose, readOnly, renderValue: renderValueProp, required, searchText, size, showTextInputAfterTags = false, suffixAction, suffixActionIcon: suffixActionIconProp, value, onClick, ...restTextFieldProps } = props;
     /** Render value to string for input */
     const renderValue = () => {
         if (typeof renderValueProp === 'function') {
@@ -25,7 +25,12 @@ function SelectTriggerComponent(props) {
     /** Compute suffix action icon */
     const suffixActionIcon = suffixActionIconProp || (jsx(Icon, { icon: ChevronDownIcon, onClick: (e) => {
             e.stopPropagation();
-            suffixAction === null || suffixAction === void 0 ? void 0 : suffixAction();
+            if (suffixAction) {
+                suffixAction();
+            }
+            else {
+                onClick === null || onClick === void 0 ? void 0 : onClick(e);
+            }
         }, className: cx(selectClasses.triggerSuffixActionIcon, {
             [selectClasses.triggerSuffixActionIconActive]: active,
         }) }));
@@ -38,7 +43,7 @@ function SelectTriggerComponent(props) {
         }
         return false;
     };
-    return (jsx(TextField, { ref: innerRef, ...restTextFieldProps, active: getTextFieldActive(), className: cx(selectClasses.trigger, className), disabled: disabled, size: size, suffixActionIcon: forceHideSuffixActionIcon ? undefined : suffixActionIcon, children: mode === 'multiple' && (value === null || value === void 0 ? void 0 : value.length) ? (jsx(SelectTriggerTags, { disabled: disabled, ellipsis: ellipsis, inputProps: inputProps, inputRef: inputRef, onTagClose: onTagClose, readOnly: readOnly, required: required, searchText: searchText, size: size, showTextInputAfterTags: showTextInputAfterTags, value: value })) : (jsx("input", { ...inputProps, ref: inputRef, "aria-autocomplete": "list", "aria-disabled": disabled, "aria-haspopup": "listbox", "aria-readonly": readOnly, "aria-required": required, autoComplete: "off", disabled: disabled, readOnly: readOnly, required: required, type: "search", value: renderValue() })) }));
+    return (jsx(TextField, { ref: innerRef, ...restTextFieldProps, onClick: onClick, active: getTextFieldActive(), className: cx(selectClasses.trigger, className), disabled: disabled, size: size, suffixActionIcon: forceHideSuffixActionIcon ? undefined : suffixActionIcon, children: mode === 'multiple' && (value === null || value === void 0 ? void 0 : value.length) ? (jsx(SelectTriggerTags, { disabled: disabled, ellipsis: ellipsis, inputProps: inputProps, inputRef: inputRef, onTagClose: onTagClose, readOnly: readOnly, required: required, searchText: searchText, size: size, showTextInputAfterTags: showTextInputAfterTags, value: value })) : (jsx("input", { ...inputProps, ref: inputRef, "aria-autocomplete": "list", "aria-disabled": disabled, "aria-haspopup": "listbox", "aria-readonly": readOnly, "aria-required": required, autoComplete: "off", disabled: disabled, readOnly: readOnly, required: required, type: "search", value: renderValue() })) }));
 }
 const SelectTrigger = forwardRef((props, ref) => {
     if (props.mode === 'multiple') {

package/Select/typings.d.ts

@@ -1,12 +1,12 @@
-export interface SelectValue {
-    id: string;
+export interface SelectValue<T = string> {
+    id: T;
     name: string;
 }
-export interface TreeSelectOption extends SelectValue {
+export interface TreeSelectOption<T = string> extends SelectValue<T> {
     dynamicChildrenFetching?: boolean;
-    siblings?: TreeSelectOption[];
+    siblings?: TreeSelectOption<T>[];
 }
-export interface SelectControl {
-    value: SelectValue[] | SelectValue | null;
-    onChange: (v: SelectValue | null) => SelectValue[] | SelectValue | null;
+export interface SelectControl<T = string> {
+    value: SelectValue<T>[] | SelectValue<T> | null;
+    onChange: (v: SelectValue<T> | null) => SelectValue<T>[] | SelectValue<T> | null;
 }

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

@@ -105,6 +105,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<HTMLTableElement>>;
 export default Table;

package/Table/editable/TableEditRenderWrapper.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { TableColumn, TableDataSource, TableRecord } from '@mezzanine-ui/core/table';
 import { NativeElementPropsWithoutKeyAndRef } from '../../utils/jsx-types';
 export interface EditableBodyCellProps extends NativeElementPropsWithoutKeyAndRef<'div'>, TableColumn<TableRecord<unknown>> {
     rowData: TableDataSource;
 }
-declare function TableEditRenderWrapper({ children, dataIndex, editable, rowData, setCellProps, ...rest }: EditableBodyCellProps): import("react/jsx-runtime").JSX.Element;
+declare function TableEditRenderWrapper({ children, dataIndex, editable, rowData, setCellProps, ...rest }: EditableBodyCellProps): JSX.Element;
 export default TableEditRenderWrapper;

package/Table/sorting/useTableSorting.d.ts

@@ -3,7 +3,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/Table/useTableScroll.d.ts

@@ -27,7 +27,6 @@ export default function useTableScroll(props: TableScrollProps): readonly [{
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
         className?: string | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined;
@@ -47,14 +46,11 @@ export default function useTableScroll(props: TableScrollProps): readonly [{
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
-        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
         property?: string | undefined;
-        rel?: string | undefined;
         resource?: string | undefined;
-        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -74,18 +70,14 @@ export default function useTableScroll(props: TableScrollProps): readonly [{
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
         'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
-        'aria-braillelabel'?: string | undefined;
-        'aria-brailleroledescription'?: string | undefined;
         'aria-busy'?: (boolean | "true" | "false") | undefined;
         'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
         'aria-colcount'?: number | undefined;
         'aria-colindex'?: number | undefined;
-        'aria-colindextext'?: string | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
         'aria-current'?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
         'aria-describedby'?: string | undefined;
-        'aria-description'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "true" | "false") | undefined;
         'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -115,7 +107,6 @@ export default function useTableScroll(props: TableScrollProps): readonly [{
         'aria-roledescription'?: string | undefined;
         'aria-rowcount'?: number | undefined;
         'aria-rowindex'?: number | undefined;
-        'aria-rowindextext'?: string | undefined;
         'aria-rowspan'?: number | undefined;
         'aria-selected'?: (boolean | "true" | "false") | undefined;
         'aria-setsize'?: number | undefined;
@@ -126,7 +117,7 @@ export default function useTableScroll(props: TableScrollProps): readonly [{
         'aria-valuetext'?: string | undefined;
         children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
+            __html: string;
         } | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -300,7 +291,6 @@ export default function useTableScroll(props: TableScrollProps): readonly [{
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
         className?: string | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined;
@@ -320,14 +310,11 @@ export default function useTableScroll(props: TableScrollProps): readonly [{
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
-        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
         property?: string | undefined;
-        rel?: string | undefined;
         resource?: string | undefined;
-        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -347,18 +334,14 @@ export default function useTableScroll(props: TableScrollProps): readonly [{
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
         'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
-        'aria-braillelabel'?: string | undefined;
-        'aria-brailleroledescription'?: string | undefined;
         'aria-busy'?: (boolean | "true" | "false") | undefined;
         'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
         'aria-colcount'?: number | undefined;
         'aria-colindex'?: number | undefined;
-        'aria-colindextext'?: string | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
         'aria-current'?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
         'aria-describedby'?: string | undefined;
-        'aria-description'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "true" | "false") | undefined;
         'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -388,7 +371,6 @@ export default function useTableScroll(props: TableScrollProps): readonly [{
         'aria-roledescription'?: string | undefined;
         'aria-rowcount'?: number | undefined;
         'aria-rowindex'?: number | undefined;
-        'aria-rowindextext'?: string | undefined;
         'aria-rowspan'?: number | undefined;
         'aria-selected'?: (boolean | "true" | "false") | undefined;
         'aria-setsize'?: number | undefined;
@@ -399,7 +381,7 @@ export default function useTableScroll(props: TableScrollProps): readonly [{
         'aria-valuetext'?: string | undefined;
         children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
+            __html: string;
         } | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;

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;
@@ -94,5 +94,5 @@ export interface TransitionImplementationProps extends Omit<TransitionProps, 'ad
 /**
  * The react component for `mezzanine` transition.
  */
-declare function Transition(props: TransitionProps): import("react/jsx-runtime").JSX.Element;
+declare function Transition(props: TransitionProps): JSX.Element;
 export default Transition;

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,7 +1,7 @@
 import { Ref } from 'react';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 import { UploadPictureBlockProps } from './UploadPictureBlock';
-export type UploadPictureControl = {
+export declare type UploadPictureControl = {
     getData: () => void;
 };
 export interface UploadPictureProps extends Pick<UploadPictureBlockProps, 'defaultUploadErrorLabel' | 'defaultUploadingLabel' | 'defaultUploadLabel'>, Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'onChange' | 'onError' | 'value'> {

package/Upload/UploadPictureWall.d.ts

@@ -1,7 +1,7 @@
 import { Ref } from 'react';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 import { UploadPictureWallItemProps } from './UploadPictureWallItem';
-export type UploadPictureWallControl = {
+export declare type UploadPictureWallControl = {
     getAllData: () => void;
 };
 export interface UploadPictureWallBaseProps extends Pick<UploadPictureWallItemProps, 'defaultUploadErrorLabel' | 'defaultUploadingLabel' | 'defaultUploadLabel'>, Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'onChange' | 'onError' | 'value'> {
@@ -76,6 +76,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/Upload/UploadPictureWallItem.d.ts

@@ -11,5 +11,5 @@ export interface UploadPictureWallItemProps extends Pick<UploadPictureBlockProps
     onDelete?: MouseEventHandler;
     onUpload?: (files: File[]) => void;
 }
-declare const UploadPictureWallItem: (props: UploadPictureWallItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const UploadPictureWallItem: (props: UploadPictureWallItemProps) => JSX.Element;
 export default UploadPictureWallItem;

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.13.8",
+  "version": "0.13.10",
   "description": "React components for mezzanine-ui",
   "author": "Mezzanine",
   "repository": {
@@ -22,8 +22,7 @@
     "build": "node ../../scripts/build.js",
     "build:clean": "node ../../scripts/cleanBuild.js",
     "build-storybook": "build-storybook",
-    "storybook": "start-storybook -p 6006",
-    "deploy-storybook": "npx chromatic --project-token 894b8320410f"
+    "storybook": "start-storybook -p 6006"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -31,12 +30,12 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@mezzanine-ui/core": "^0.13.8",
-    "@mezzanine-ui/icons": "^0.13.8",
-    "@mezzanine-ui/system": "^0.13.8",
+    "@mezzanine-ui/core": "^0.13.10",
+    "@mezzanine-ui/icons": "^0.13.10",
+    "@mezzanine-ui/system": "^0.13.10",
     "@popperjs/core": "^2.11.6",
-    "@types/react-transition-group": "^4.4.5",
-    "clsx": "^1.2.1",
+    "@types/react-transition-group": "^4.4.8",
+    "clsx": "^2.0.0",
     "lodash": "^4.17.21",
     "react-beautiful-dnd": "^13.1.1",
     "react-popper": "^2.3.0",
@@ -46,25 +45,24 @@
   "devDependencies": {
     "@babel/core": "^7.20.2",
     "@react-theming/storybook-addon": "^1.1.10",
-    "@storybook/addon-actions": "^6.5.13",
-    "@storybook/addon-essentials": "^6.5.13",
-    "@storybook/addon-links": "^6.5.13",
-    "@storybook/addon-storysource": "^6.5.13",
-    "@storybook/builder-webpack5": "^6.5.13",
-    "@storybook/cli": "^6.5.13",
-    "@storybook/manager-webpack5": "^6.5.13",
-    "@storybook/react": "^6.5.13",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-links": "^6.5.16",
+    "@storybook/addon-storysource": "^6.5.16",
+    "@storybook/builder-webpack5": "^6.5.16",
+    "@storybook/cli": "^6.5.16",
+    "@storybook/manager-webpack5": "^6.5.16",
+    "@storybook/react": "^6.5.16",
     "@storybook/storybook-deployer": "^2.8.16",
     "@testing-library/react": "^13.4.0",
     "@testing-library/react-hooks": "^8.0.1",
-    "@types/lodash": "^4.14.188",
+    "@types/lodash": "^4.14.200",
     "@types/moment": "^2.13.0",
-    "@types/react": "^18.0.25",
-    "@types/react-beautiful-dnd": "^13.1.4",
-    "@types/react-dom": "^18.0.8",
-    "@types/react-test-renderer": "^18.0.0",
-    "chromatic": "^6.11.4",
-    "dayjs": "^1.11.6",
+    "@types/react": "^18.2.33",
+    "@types/react-beautiful-dnd": "^13.1.6",
+    "@types/react-dom": "^18.2.14",
+    "@types/react-test-renderer": "^18.0.5",
+    "dayjs": "^1.11.10",
     "lodash": "^4.17.21",
     "luxon": "^3.4.3",
     "moment": "^2.29.4",

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.
      */