@mezzanine-ui/react 0.6.4

package/Typography/Typography.d.ts

@@ -0,0 +1,43 @@
+import { JSXElementConstructor } from 'react';
+import { TypographyAlign, TypographyColor, TypographyDisplay, TypographyVariant } from '@mezzanine-ui/core/typography';
+import { ComponentOverridableForwardRefComponentPropsFactory } from '../utils/jsx-types';
+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`.
+     */
+    align?: TypographyAlign;
+    /**
+     * The color name provided by palette.
+     */
+    color?: TypographyColor;
+    /**
+     * The css variable for `display`.
+     */
+    display?: TypographyDisplay;
+    /**
+     * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
+     *
+     * Note that text overflow can only happen with `block` or `inline-block` level elements
+     * @default false
+     */
+    ellipsis?: boolean;
+    /**
+     * If `true`, the text will not wrap.
+     * @default false
+     */
+    noWrap?: boolean;
+    /**
+     * Applies the typography variant.
+     * @default 'body1'
+     */
+    variant?: TypographyVariant;
+}
+export declare type TypographyProps<C extends TypographyComponent = 'p'> = ComponentOverridableForwardRefComponentPropsFactory<TypographyComponent, C, TypographyPropsBase>;
+/**
+ * The react component for `mezzanine` typography.
+ */
+declare const Typography: import("react").ForwardRefExoticComponent<Pick<Pick<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "key" | "slot" | "style" | "title" | "children" | "color" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "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" | "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">, "slot" | "style" | "title" | "children" | "color" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "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" | "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">, "slot" | "style" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "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" | "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"> & TypographyPropsBase, "slot" | "style" | "title" | "children" | "align" | "color" | "display" | "ellipsis" | "noWrap" | "variant" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "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" | "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"> & {
+    component?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>) | "p" | "span" | "label" | "div" | "caption" | "a" | undefined;
+} & import("react").RefAttributes<HTMLParagraphElement>>;
+export default Typography;

package/Typography/Typography.js

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { toTypographyCssVars, typographyClasses } from '@mezzanine-ui/core/typography';
+import cx from 'clsx';
+
+function getComponentFromVariant(variant) {
+    if (variant.startsWith('h')) {
+        return variant;
+    }
+    if (variant.startsWith('body')) {
+        return 'p';
+    }
+    return 'span';
+}
+/**
+ * The react component for `mezzanine` typography.
+ */
+const Typography = forwardRef(function Typography(props, ref) {
+    const { align, children, className, color, component, display, ellipsis = false, noWrap = false, variant = 'body1', style: styleProp, ...rest } = props;
+    const Component = component || getComponentFromVariant(variant);
+    const cssVars = toTypographyCssVars({ align, color, display });
+    const style = {
+        ...cssVars,
+        ...styleProp,
+    };
+    const title = ellipsis && typeof children === 'string'
+        ? children
+        : undefined;
+    return (jsx(Component, Object.assign({}, rest, { ref: ref, className: cx(typographyClasses.variant(variant), {
+            [typographyClasses.align]: align,
+            [typographyClasses.color]: color,
+            [typographyClasses.display]: display,
+            [typographyClasses.ellipsis]: ellipsis,
+            [typographyClasses.noWrap]: noWrap,
+        }, className), style: style, title: title }, { children: children }), void 0));
+});
+
+export default Typography;

package/Typography/index.d.ts

@@ -0,0 +1,11 @@
+import { ElementRef, PropsWithoutRef, ReactElement, RefAttributes } from 'react';
+import { TypographyComponent, TypographyProps } from './Typography';
+export type { TypographyAlign, TypographyColor, TypographyDisplay, TypographyVariant, } from '@mezzanine-ui/core/typography';
+export type { TypographyComponent, TypographyProps, };
+/**
+ * @remark
+ * Add type alias here for parsable to react docgen typescript.
+ */
+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

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

package/Upload/UploadButton.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ButtonProps } from '../Button';
+import { UploadInputProps } from './UploadInput';
+export interface UploadButtonProps extends Omit<ButtonProps, 'component' | 'prefix' | 'suffix'>, UploadInputProps {
+}
+/**
+ * The react component for `mezzanine` upload button.
+ */
+declare const UploadButton: import("react").ForwardRefExoticComponent<UploadButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default UploadButton;

package/Upload/UploadButton.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef } from 'react';
+import { UploadIcon } from '@mezzanine-ui/icons';
+import Button from '../Button/Button.js';
+import UploadInput from './UploadInput.js';
+import Icon from '../Icon/Icon.js';
+
+/**
+ * The react component for `mezzanine` upload button.
+ */
+const UploadButton = forwardRef(function UploadButton(props, ref) {
+    const { accept, children, disabled = false, multiple = false, onClick, onUpload, ...rest } = props;
+    const inputRef = useRef(null);
+    return (jsxs(Button, Object.assign({}, rest, { ref: ref, disabled: disabled, onClick: (event) => {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+            if (onClick) {
+                onClick(event);
+            }
+        }, prefix: jsx(Icon, { icon: UploadIcon }, void 0) }, { children: [jsx(UploadInput, { ref: inputRef, accept: accept, disabled: disabled, multiple: multiple, onUpload: onUpload }, void 0), children] }), void 0));
+});
+
+export default UploadButton;

package/Upload/UploadInput.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface UploadInputProps {
+    /**
+     * The accept attributes of native input element.
+     */
+    accept?: string;
+    /**
+     * Whether the input which file="file" is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether can select multiple files to upload.
+     */
+    multiple?: boolean;
+    /**
+     * Fired after user selected files.
+     */
+    onUpload?: (files: File[]) => void;
+}
+declare const UploadInput: import("react").ForwardRefExoticComponent<UploadInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export default UploadInput;

package/Upload/UploadInput.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { uploadInputClasses } from '@mezzanine-ui/core/upload';
+
+const UploadInput = forwardRef((props, ref) => {
+    const { accept, disabled = false, multiple = false, onUpload, } = props;
+    return (jsx("input", { ref: ref, accept: accept, "aria-disabled": disabled, className: uploadInputClasses.host, disabled: disabled, multiple: multiple, onClick: (event) => {
+            event.stopPropagation();
+            event.nativeEvent.stopImmediatePropagation();
+        }, onChange: (event) => {
+            const { files: fileList } = event.target;
+            if (fileList && onUpload) {
+                const files = [];
+                for (let i = 0; i < fileList.length; i += 1) {
+                    files.push(fileList[i]);
+                }
+                onUpload(files);
+            }
+        }, type: "file" }, void 0));
+});
+
+export default UploadInput;

package/Upload/UploadResult.d.ts

@@ -0,0 +1,16 @@
+import { MouseEventHandler } from 'react';
+import { UploadResultSize, UploadResultStatus } from '@mezzanine-ui/core/upload';
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export interface UploadResultProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
+    name: string;
+    onDelete?: MouseEventHandler;
+    onDownload?: MouseEventHandler;
+    percentage?: number;
+    size?: UploadResultSize;
+    status: UploadResultStatus;
+}
+/**
+ * The react component for `mezzanine` upload result.
+ */
+declare const UploadResult: import("react").ForwardRefExoticComponent<UploadResultProps & import("react").RefAttributes<HTMLDivElement>>;
+export default UploadResult;

package/Upload/UploadResult.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { toUploadResultCssVars, uploadResultClasses } from '@mezzanine-ui/core/upload';
+import { SpinnerIcon, DownloadIcon, TimesIcon } from '@mezzanine-ui/icons';
+import Icon from '../Icon/Icon.js';
+import cx from 'clsx';
+
+/**
+ * The react component for `mezzanine` upload result.
+ */
+const UploadResult = forwardRef(function UploadResult(props, ref) {
+    const { className, name, onDelete, onDownload, percentage, size = 'medium', status, style: styleProp, ...rest } = props;
+    const done = status === 'done';
+    const error = status === 'error';
+    const loading = status === 'loading';
+    const cssVars = toUploadResultCssVars({ percentage });
+    const style = {
+        ...cssVars,
+        ...styleProp,
+    };
+    return (jsxs("div", Object.assign({}, rest, { ref: ref, className: cx(uploadResultClasses.host, uploadResultClasses.size(size), {
+            [uploadResultClasses.error]: error,
+            [uploadResultClasses.loading]: loading,
+        }, className), style: style }, { children: [jsx("span", Object.assign({ className: uploadResultClasses.name }, { children: name }), void 0),
+            jsxs("div", Object.assign({ className: uploadResultClasses.actions }, { children: [loading && (jsx(Icon, { icon: SpinnerIcon, spin: true }, void 0)),
+                    done && (jsx(Icon, { icon: DownloadIcon, onClick: onDownload, role: "button" }, void 0)),
+                    (done || error) && (jsx(Icon, { icon: TimesIcon, onClick: onDelete, role: "button" }, void 0))] }), void 0)] }), void 0));
+});
+
+export default UploadResult;

package/Upload/index.d.ts

@@ -0,0 +1,3 @@
+export type { UploadResultSize, UploadResultStatus, } from '@mezzanine-ui/core/upload';
+export { UploadButtonProps, default as UploadButton } from './UploadButton';
+export { UploadResultProps, default as UploadResult } from './UploadResult';

package/Upload/index.js

@@ -0,0 +1,2 @@
+export { default as UploadButton } from './UploadButton.js';
+export { default as UploadResult } from './UploadResult.js';

package/_internal/InputCheck/InputCheck.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+import { InputCheckSize } from '@mezzanine-ui/core/_internal/input-check';
+import { NativeElementPropsWithoutKeyAndRef } from '../../utils/jsx-types';
+export interface InputCheckProps extends Omit<NativeElementPropsWithoutKeyAndRef<'label'>, 'onChange'> {
+    /**
+     * The label of input check.
+     */
+    children?: ReactNode;
+    /**
+     * The control of input check.
+     */
+    control?: ReactNode;
+    /**
+     * Whether the input check is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether the input check is error.
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * The size of input check.
+     * @default 'medium'
+     */
+    size?: InputCheckSize;
+}
+/**
+ * The react component for `mezzanine` input check.
+ */
+declare const InputCheck: import("react").ForwardRefExoticComponent<InputCheckProps & import("react").RefAttributes<HTMLLabelElement>>;
+export default InputCheck;

package/_internal/InputCheck/InputCheck.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { inputCheckClasses } from '@mezzanine-ui/core/_internal/input-check';
+import cx from 'clsx';
+
+/**
+ * The react component for `mezzanine` input check.
+ */
+const InputCheck = forwardRef(function InputCheck(props, ref) {
+    const { children, className, control, disabled, error, htmlFor, size = 'medium', ...rest } = props;
+    return (jsxs("label", Object.assign({}, rest, { ref: ref, className: cx(inputCheckClasses.host, inputCheckClasses.size(size), {
+            [inputCheckClasses.disabled]: disabled,
+            [inputCheckClasses.error]: error,
+            [inputCheckClasses.withLabel]: !!children,
+        }, className), htmlFor: htmlFor }, { children: [jsx("span", Object.assign({ className: inputCheckClasses.control }, { children: control }), void 0),
+            children && (jsx("span", Object.assign({ className: inputCheckClasses.label }, { children: children }), void 0))] }), void 0));
+});
+
+export default InputCheck;

package/_internal/InputCheck/InputCheckGroup.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { InputCheckGroupOrientation } from '@mezzanine-ui/core/_internal/input-check';
+import { NativeElementPropsWithoutKeyAndRef } from '../../utils/jsx-types';
+export interface InputCheckGroupProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
+    /**
+     * The input check elements in group.
+     */
+    children?: ReactNode;
+    /**
+     * The orientation of input check group.
+     */
+    orientation?: InputCheckGroupOrientation;
+}
+/**
+ * The react component for `mezzanine` input check group.
+ */
+declare const InputCheckGroup: import("react").ForwardRefExoticComponent<InputCheckGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export default InputCheckGroup;

package/_internal/InputCheck/InputCheckGroup.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { inputCheckGroupClasses } from '@mezzanine-ui/core/_internal/input-check';
+import cx from 'clsx';
+
+/**
+ * The react component for `mezzanine` input check group.
+ */
+const InputCheckGroup = forwardRef(function InputCheckGroup(props, ref) {
+    const { children, className, orientation = 'horizontal', ...rest } = props;
+    return (jsx("div", Object.assign({}, rest, { ref: ref, "aria-orientation": orientation, className: cx(inputCheckGroupClasses.host, inputCheckGroupClasses.orientation(orientation), className) }, { children: children }), void 0));
+});
+
+export default InputCheckGroup;

package/_internal/InputCheck/index.d.ts

@@ -0,0 +1,3 @@
+export type { InputCheckSize, InputCheckGroupOrientation, } from '@mezzanine-ui/core/_internal/input-check';
+export { InputCheckProps, default, } from './InputCheck';
+export { InputCheckGroupProps, default as InputCheckGroup, } from './InputCheckGroup';

package/_internal/InputCheck/index.js

@@ -0,0 +1,2 @@
+export { default } from './InputCheck.js';
+export { default as InputCheckGroup } from './InputCheckGroup.js';

package/_internal/InputTriggerPopper/InputTriggerPopper.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { PopperProps } from '../../Popper';
+import { FadeProps } from '../../Transition';
+export interface InputTriggerPopperProps extends PopperProps {
+    /**
+     * Other fade props you may provide to `Fade`.
+     */
+    fadeProps?: Omit<FadeProps, 'children' | 'in'>;
+    /**
+     * Whether to set the same width as its reference.
+     */
+    sameWidth?: boolean;
+}
+/**
+ * The react component for `mezzanine` input popper.
+ */
+declare const InputTriggerPopper: import("react").ForwardRefExoticComponent<InputTriggerPopperProps & import("react").RefAttributes<HTMLDivElement>>;
+export default InputTriggerPopper;

package/_internal/InputTriggerPopper/InputTriggerPopper.js

@@ -0,0 +1,44 @@
+import { jsx } from 'react/jsx-runtime';
+import { inputTriggerPopperClasses } from '@mezzanine-ui/core/_internal/input-trigger-popper';
+import { forwardRef } from 'react';
+import Fade from '../../Transition/Fade.js';
+import Popper from '../../Popper/Popper.js';
+import cx from 'clsx';
+
+/**
+ * The react component for `mezzanine` input popper.
+ */
+const InputTriggerPopper = forwardRef(function InputTriggerPopper(props, ref) {
+    const { anchor, children, className, fadeProps, open, options, sameWidth, ...restPopperProps } = props;
+    const { modifiers = [], ...restPopperOptions } = options || {};
+    const sameWidthModifier = {
+        name: 'sameWidth',
+        enabled: true,
+        phase: 'beforeWrite',
+        requires: ['computeStyles'],
+        fn: ({ state }) => {
+            const reassignState = state;
+            reassignState.styles.popper.minWidth = `${state.rects.reference.width}px`;
+        },
+        effect: ({ state }) => {
+            const reassignState = state;
+            reassignState.elements.popper.style.minWidth = `${state.elements.reference.getBoundingClientRect().width}px`;
+        },
+    };
+    return (jsx(Fade, Object.assign({}, fadeProps, { in: open, ref: ref }, { children: jsx(Popper, Object.assign({}, restPopperProps, { open: true, anchor: anchor, className: cx(inputTriggerPopperClasses.host, className), options: {
+                placement: 'bottom-start',
+                ...restPopperOptions,
+                modifiers: [
+                    {
+                        name: 'offset',
+                        options: {
+                            offset: [0, 4],
+                        },
+                    },
+                    ...(sameWidth ? [sameWidthModifier] : []),
+                    ...modifiers,
+                ],
+            } }, { children: children }), void 0) }), void 0));
+});
+
+export default InputTriggerPopper;

package/_internal/InputTriggerPopper/index.d.ts

@@ -0,0 +1 @@
+export { InputTriggerPopperProps, default, } from './InputTriggerPopper';

package/_internal/InputTriggerPopper/index.js

@@ -0,0 +1 @@
+export { default } from './InputTriggerPopper.js';

package/hooks/useClickAway.d.ts

@@ -0,0 +1,5 @@
+import { RefObject, DependencyList } from 'react';
+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/useClickAway.js

@@ -0,0 +1,23 @@
+import { useDocumentEvents } from './useDocumentEvents.js';
+
+function useClickAway(factory, containerRef, deps) {
+    useDocumentEvents(() => {
+        const clickAwayHandler = factory();
+        if (!clickAwayHandler) {
+            return;
+        }
+        const handler = (event) => {
+            const target = event.target;
+            const container = containerRef.current;
+            if (!((container === null || container === void 0 ? void 0 : container.contains(target)) || !document.contains(target))) {
+                clickAwayHandler(event);
+            }
+        };
+        return {
+            click: handler,
+            touchend: handler,
+        };
+    }, deps);
+}
+
+export { useClickAway };

package/hooks/useComposeRefs.d.ts

@@ -0,0 +1,2 @@
+import { ComposableRef, ComposedRef } from '../utils/composeRefs';
+export declare function useComposeRefs<T>(refs: ComposableRef<T>[]): ComposedRef<T>;

package/hooks/useComposeRefs.js

@@ -0,0 +1,8 @@
+import { useMemo } from 'react';
+import { composeRefs } from '../utils/composeRefs.js';
+
+function useComposeRefs(refs) {
+    return useMemo(() => composeRefs(refs), refs);
+}
+
+export { useComposeRefs };

package/hooks/useDocumentEscapeKeyDown.d.ts

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

package/hooks/useDocumentEscapeKeyDown.js

@@ -0,0 +1,20 @@
+import { useDocumentEvents } from './useDocumentEvents.js';
+
+function useDocumentEscapeKeyDown(factory, deps) {
+    useDocumentEvents(() => {
+        const handler = factory();
+        if (!handler) {
+            return;
+        }
+        return {
+            keydown(event) {
+                if (event.key === 'Escape') {
+                    event.preventDefault();
+                    handler(event);
+                }
+            },
+        };
+    }, deps);
+}
+
+export { useDocumentEscapeKeyDown };

package/hooks/useDocumentEvents.d.ts

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

package/hooks/useDocumentEvents.js

@@ -0,0 +1,21 @@
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
+
+function useDocumentEvents(factory, deps) {
+    useIsomorphicLayoutEffect(() => {
+        const handlers = factory();
+        if (!handlers) {
+            return;
+        }
+        const entries = Object.entries(handlers);
+        entries.forEach(([event, handler]) => {
+            document.addEventListener(event, handler);
+        });
+        return () => {
+            entries.forEach(([event, handler]) => {
+                document.removeEventListener(event, handler);
+            });
+        };
+    }, deps);
+}
+
+export { useDocumentEvents };

package/hooks/useDocumentTabKeyDown.d.ts

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

package/hooks/useDocumentTabKeyDown.js

@@ -0,0 +1,19 @@
+import { useDocumentEvents } from './useDocumentEvents.js';
+
+function useDocumentTabKeyDown(factory, deps) {
+    useDocumentEvents(() => {
+        const handler = factory();
+        if (!handler) {
+            return;
+        }
+        return {
+            keydown(event) {
+                if (event.key === 'Tab') {
+                    handler(event);
+                }
+            },
+        };
+    }, deps);
+}
+
+export { useDocumentTabKeyDown };

package/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+import { useLayoutEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

package/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,7 @@
+import { useLayoutEffect, useEffect } from 'react';
+
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && window.document.createElement
+    ? useLayoutEffect
+    : useEffect;
+
+export { useIsomorphicLayoutEffect };

package/hooks/useLastCallback.d.ts

@@ -0,0 +1 @@
+export declare function useLastCallback<F extends (...args: any[]) => any>(callback: F): (...args: Parameters<F>) => ReturnType<F>;

package/hooks/useLastCallback.js

@@ -0,0 +1,11 @@
+import { useCallback } from 'react';
+import { useLastValue } from './useLastValue.js';
+
+function useLastCallback(callback) {
+    const lastCallback = useLastValue(callback);
+    return useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    (...args) => lastCallback.current(...args), []);
+}
+
+export { useLastCallback };

package/hooks/useLastValue.d.ts

@@ -0,0 +1,3 @@
+export declare function useLastValue<T>(value: T): {
+    readonly current: T;
+};