@mackin.com/styleguide 9.12.0 → 10.0.1

package/index.d.ts

@@ -1,1174 +1,1158 @@
-/// <reference types="react" />
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 
-declare type HeaderVariant = 'label' | 'link' | 'primary' | 'secondary' | 'omg' | 'primary2' | 'positive' | 'negative';
-interface AccordianProps {
-    header: JSX.Element | string;
-    children: React.ReactNode;
-    variant?: HeaderVariant;
-    /** Defaults to 'true'. */
-    block?: boolean;
-    className?: string;
-    /** If true, padding will not be added to the expanded content */
-    noPad?: boolean;
-    /** The initial state of the Accordian.  Defaults to 'false'.
-     * Use with onChange to control the state from outside the Accordian.
-     */
-    open?: boolean;
-    disabled?: boolean;
-    /** Defaults to 1020px. */
-    maxHeight?: string | undefined;
-    /** Defaults to 250ms. */
-    expandTimeMs?: number;
-    /** Defaults to 'ease-in-out'. */
-    transitionTimingFunction?: string;
-    onChange?: (open: boolean) => void;
-}
-declare const Accordian: (props: AccordianProps) => JSX.Element;
-declare const useAccordianState: (count: number, openIndex?: number | undefined) => [boolean[], (index: number, open: boolean) => void];
-
-interface InputOnFocusProps {
-    /** If true, the component will respond to outside changes even if the control has focus.  Default is false. */
-    allowUpdateOnFocus?: boolean;
+type HeaderVariant = 'label' | 'link' | 'primary' | 'secondary' | 'omg' | 'primary2' | 'positive' | 'negative';
+interface AccordianProps {
+    header: JSX.Element | string;
+    children: React.ReactNode;
+    variant?: HeaderVariant;
+    /** Defaults to 'true'. */
+    block?: boolean;
+    className?: string;
+    /** If true, padding will not be added to the expanded content */
+    noPad?: boolean;
+    /** The initial state of the Accordian.  Defaults to 'false'.
+     * Use with onChange to control the state from outside the Accordian.
+     */
+    open?: boolean;
+    disabled?: boolean;
+    /** Defaults to 1020px. */
+    maxHeight?: string | undefined;
+    /** Defaults to 250ms. */
+    expandTimeMs?: number;
+    /** Defaults to 'ease-in-out'. */
+    transitionTimingFunction?: string;
+    onChange?: (open: boolean) => void;
 }
+declare const Accordian: (props: AccordianProps) => React.JSX.Element;
+declare const useAccordianState: (count: number, openIndex?: number) => [boolean[], (index: number, open: boolean) => void];
 
-declare type BaseInputProps$1 = Omit<TextInputProps, 'value' | 'className' | 'wrapperClassName' | 'type' | 'showErrorDisplay'> & InputOnFocusProps;
-interface AutocompleteProps extends BaseInputProps$1 {
-    value: string | undefined;
-    options: string[];
-    /** Applied to the Autocomplete wrapper. */
-    className?: string;
-    inputWrapperClassName?: string;
-    inputClassName?: string;
-    listClassName?: string;
-    listItemClassName?: string;
-    listItemButtonClassName?: string;
-    /** Limits what will be show in the autocomplete options. Default is 7. */
-    maxShownValues?: number;
-    /** Will enable scrolling in the results list. */
-    allowScroll?: boolean;
-    /** Delay before the input is re-focused after picking a value.  Adjust if there are issues with the displayed input value after pick.  Defaults to 100ms. */
-    onPickFocusWaitMs?: number;
-    /** The option `title` attribute will be filled with the option text.  Defaults to `true`. */
-    showOptionTextAsTitle?: boolean;
-    onPick: (value: string | undefined, index?: number) => void;
-}
-declare const Autocomplete: (p: AutocompleteProps) => JSX.Element;
-
-/** @deprecated Use Backdrop2 going forward. */
-declare const Backdrop$1: (props: {
-    show: boolean;
-    onClick?: () => void;
-    transparent?: boolean;
-    /** If true, the backdrop will hide on larger screens. */
-    responsive?: boolean;
-    /** If true, the backdrop will hide on smaller screens. */
-    reverseResponsive?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-    /** If true, will not prevent scroll when shown. */
-    allowScroll?: boolean;
-    /** Fade in time.  Defaults to 250ms. */
-    showTimeMs?: number;
-}) => JSX.Element;
-
-declare const Backdrop: (p: {
-    children: React__default.ReactNode;
-    /** Fade in time.  Defaults to 250ms. */
-    showTimeMs?: number;
-    __debug?: boolean;
-}) => JSX.Element;
-
-declare type ButtonVariant = 'label' | 'circle' | 'icon' | 'link' | 'inlineLink' | 'primary' | 'secondary' | 'omg' | 'primary2' | 'positive' | 'negative' | 'text';
-interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
-    variant?: ButtonVariant;
-    /** As round as can be. */
-    round?: boolean;
-    rightIcon?: JSX.Element;
-    leftIcon?: JSX.Element;
-    /** full width with max space between the text and the icon */
-    iconBlock?: boolean;
-    small?: boolean;
-    /** The button will not respond to click or mouse events, but it will appear normal. */
-    readOnly?: boolean;
-    waiting?: boolean;
-    /** The minimum button size will be set to the themes' formButtonMinWidth. */
-    enforceMinWidth?: boolean;
-    /** If true, bottom padding will be added to account for other inputs having space for error messages. */
-    controlAlign?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "form" | "variant" | "round" | "rightIcon" | "leftIcon" | "iconBlock" | "small" | "readOnly" | "waiting" | "enforceMinWidth" | "controlAlign" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "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"> & React.RefAttributes<HTMLButtonElement>>;
-
-interface CalendarProps {
-    month: number;
-    year: number;
-    /** Defaults to 3rem. */
-    cellSize?: string;
-    smallHeader?: boolean;
-    id?: string;
-    /** Defaults to true. */
-    title?: boolean;
-    yearInTitle?: boolean;
-    /** Ignored if title is set to false. */
-    customTitle?: JSX.Element;
-    /** If true, will always show 6 rows / 42 cells. */
-    fixedRows?: boolean;
-    /** Bolds the current date. */
-    showCurrent?: boolean;
-    selectedValue?: number;
-    /** Renders custom content for each cell.  The content will be wrapped in a button if onClick is provided. */
-    renderCell?: (date: Date) => JSX.Element;
-    /** Used with renderCell with onClick is provided.  Will not wrap the cell contents in a button. */
-    isCellDisabled?: (date: Date) => boolean;
-    onClick?: (date: Date) => void;
-    /** This is the ms from Date.valueOf(). */
-    min?: number;
-    /** This is the ms from Date.valueOf(). */
-    max?: number;
-}
-declare const Calendar: (p: CalendarProps) => JSX.Element;
-
-interface CheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'checked' | 'onChange' | 'type'> {
-    checked: boolean;
-    onChange: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
-    readOnly?: boolean;
-    label?: string;
-    checkedIcon?: string;
-    uncheckedIcon?: string;
-    /** Background color when checked based on the current theme.  Mutually exclusive with 'checkedColor'. */
-    checkedThemeColor?: 'primary' | 'primary2' | 'secondary';
-    /** Background color when checked.  Mutually exclusive with 'checkedThemeColor'. */
-    checkedColor?: string;
-}
-declare const Checkbox: (props: CheckboxProps) => JSX.Element;
-
-interface ConfirmModalProps {
-    show: boolean;
-    text: string;
-    header: string;
-    onCancel: () => void;
-    onConfirm: () => void;
-    confirmText?: string;
-    cancelText?: string;
-    className?: string;
-    variant?: 'omg';
-    id?: string;
-    __debug?: boolean;
-}
-declare const ConfirmModal: (props: ConfirmModalProps) => JSX.Element;
-
-interface CopyButtonProps extends Omit<ButtonProps, 'variant' | 'children'> {
-    /** HTML selector of the target input to copy from. */
-    selector: string;
-}
-declare const CopyButton: React.ForwardRefExoticComponent<Pick<CopyButtonProps, "round" | "rightIcon" | "leftIcon" | "iconBlock" | "small" | "readOnly" | "waiting" | "enforceMinWidth" | "controlAlign" | "key" | "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "selector"> & React.RefAttributes<HTMLButtonElement>>;
-
-declare const Divider: (p: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>) => JSX.Element;
-
-declare const ErrorModal: (props: {
-    message: string;
-    show: boolean;
-    id?: string;
-    __debug?: boolean;
-    close: () => void;
-}) => JSX.Element;
-
-interface FileUploaderProps {
-    onUpload: (files: FileList) => Promise<void>;
-    /** Defaults to 'Upload'. */
-    buttonText?: string;
-    /** Defauts to 'Upload successful'. */
-    successMessage?: string | JSX.Element;
-    /** Defaults to 'Upload failed.' */
-    failureMessage?: string | JSX.Element;
-    /** Defaults to 10rem. */
-    buttonWidth?: string;
-    /** Defaults to 'primary'. */
-    buttonVariant?: ButtonVariant;
-    maxBytes?: number;
-    multiple?: boolean;
-    accept?: string;
-    /** Defaults to 'Click or drag and drop files.'*/
-    instructionMessage?: string;
-    /** For additional info below the instructionMessage. */
-    infoMessage?: string | JSX.Element;
-    /** If false, the 'infoMessage' will be hidden when a file is picked.  Defaults to 'true' */
-    showInfoOnPick?: boolean;
-    disabled?: boolean;
-}
-declare const FileUploader: (p: FileUploaderProps) => JSX.Element;
+interface InputOnFocusProps {
+    /** If true, the component will respond to outside changes even if the control has focus.  Default is false. */
+    allowUpdateOnFocus?: boolean;
+}
+
+type BaseInputProps$1 = Omit<TextInputProps, 'value' | 'className' | 'wrapperClassName' | 'type' | 'showErrorDisplay'> & InputOnFocusProps;
+interface AutocompleteProps extends BaseInputProps$1 {
+    value: string | undefined;
+    options: string[];
+    /** Applied to the Autocomplete wrapper. */
+    className?: string;
+    inputWrapperClassName?: string;
+    inputClassName?: string;
+    listClassName?: string;
+    listItemClassName?: string;
+    listItemButtonClassName?: string;
+    /** Limits what will be show in the autocomplete options. Default is 7. */
+    maxShownValues?: number;
+    /** Will enable scrolling in the results list. */
+    allowScroll?: boolean;
+    /** Delay before the input is re-focused after picking a value.  Adjust if there are issues with the displayed input value after pick.  Defaults to 100ms. */
+    onPickFocusWaitMs?: number;
+    /** The option `title` attribute will be filled with the option text.  Defaults to `true`. */
+    showOptionTextAsTitle?: boolean;
+    onPick: (value: string | undefined, index?: number) => void;
+}
+declare const Autocomplete: (p: AutocompleteProps) => React.JSX.Element;
+
+/** @deprecated Use Backdrop2 going forward. */
+declare const Backdrop$1: (props: {
+    show: boolean;
+    onClick?: () => void;
+    transparent?: boolean;
+    /** If true, the backdrop will hide on larger screens. */
+    responsive?: boolean;
+    /** If true, the backdrop will hide on smaller screens. */
+    reverseResponsive?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    /** If true, will not prevent scroll when shown. */
+    allowScroll?: boolean;
+    /** Fade in time.  Defaults to 250ms. */
+    showTimeMs?: number;
+}) => React.JSX.Element;
+
+declare const Backdrop: (p: {
+    children: React__default.ReactNode;
+    /** Fade in time.  Defaults to 250ms. */
+    showTimeMs?: number;
+    __debug?: boolean;
+}) => React__default.JSX.Element;
+
+type ButtonVariant = 'label' | 'circle' | 'icon' | 'link' | 'inlineLink' | 'primary' | 'secondary' | 'omg' | 'primary2' | 'positive' | 'negative' | 'text';
+interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    variant?: ButtonVariant;
+    /** As round as can be. */
+    round?: boolean;
+    rightIcon?: JSX.Element;
+    leftIcon?: JSX.Element;
+    /** full width with max space between the text and the icon */
+    iconBlock?: boolean;
+    small?: boolean;
+    /** The button will not respond to click or mouse events, but it will appear normal. */
+    readOnly?: boolean;
+    waiting?: boolean;
+    /** The minimum button size will be set to the themes' formButtonMinWidth. */
+    enforceMinWidth?: boolean;
+    /** If true, bottom padding will be added to account for other inputs having space for error messages. */
+    controlAlign?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+interface CalendarProps {
+    month: number;
+    year: number;
+    /** Defaults to 3rem. */
+    cellSize?: string;
+    smallHeader?: boolean;
+    id?: string;
+    /** Defaults to true. */
+    title?: boolean;
+    yearInTitle?: boolean;
+    /** Ignored if title is set to false. */
+    customTitle?: JSX.Element;
+    /** If true, will always show 6 rows / 42 cells. */
+    fixedRows?: boolean;
+    /** Bolds the current date. */
+    showCurrent?: boolean;
+    selectedValue?: number;
+    /** Renders custom content for each cell.  The content will be wrapped in a button if onClick is provided. */
+    renderCell?: (date: Date) => JSX.Element;
+    /** Used with renderCell with onClick is provided.  Will not wrap the cell contents in a button. */
+    isCellDisabled?: (date: Date) => boolean;
+    onClick?: (date: Date) => void;
+    /** This is the ms from Date.valueOf(). */
+    min?: number;
+    /** This is the ms from Date.valueOf(). */
+    max?: number;
+}
+declare const Calendar: (p: CalendarProps) => React.JSX.Element;
+
+interface CheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'checked' | 'onChange' | 'type'> {
+    checked: boolean;
+    onChange: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
+    readOnly?: boolean;
+    label?: string;
+    checkedIcon?: string;
+    uncheckedIcon?: string;
+    /** Background color when checked based on the current theme.  Mutually exclusive with 'checkedColor'. */
+    checkedThemeColor?: 'primary' | 'primary2' | 'secondary';
+    /** Background color when checked.  Mutually exclusive with 'checkedThemeColor'. */
+    checkedColor?: string;
+}
+declare const Checkbox: (props: CheckboxProps) => React.JSX.Element;
+
+interface ConfirmModalProps {
+    show: boolean;
+    text: string;
+    header: string;
+    onCancel: () => void;
+    onConfirm: () => void;
+    confirmText?: string;
+    cancelText?: string;
+    className?: string;
+    variant?: 'omg';
+    id?: string;
+    __debug?: boolean;
+}
+declare const ConfirmModal: (props: ConfirmModalProps) => React.JSX.Element;
+
+interface CopyButtonProps extends Omit<ButtonProps, 'variant' | 'children'> {
+    /** HTML selector of the target input to copy from. */
+    selector: string;
+}
+declare const CopyButton: React.ForwardRefExoticComponent<Omit<CopyButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+declare const Divider: (p: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>) => React.JSX.Element;
+
+declare const ErrorModal: (props: {
+    message: string;
+    show: boolean;
+    id?: string;
+    __debug?: boolean;
+    close: () => void;
+}) => React.JSX.Element;
+
+interface FileUploaderProps {
+    onUpload: (files: FileList) => Promise<void>;
+    /** Defaults to 'Upload'. */
+    buttonText?: string;
+    /** Defauts to 'Upload successful'. */
+    successMessage?: string | JSX.Element;
+    /** Defaults to 'Upload failed.' */
+    failureMessage?: string | JSX.Element;
+    /** Defaults to 10rem. */
+    buttonWidth?: string;
+    /** Defaults to 'primary'. */
+    buttonVariant?: ButtonVariant;
+    maxBytes?: number;
+    multiple?: boolean;
+    accept?: string;
+    /** Defaults to 'Click or drag and drop files.'*/
+    instructionMessage?: string;
+    /** For additional info below the instructionMessage. */
+    infoMessage?: string | JSX.Element;
+    /** If false, the 'infoMessage' will be hidden when a file is picked.  Defaults to 'true' */
+    showInfoOnPick?: boolean;
+    disabled?: boolean;
+}
+declare const FileUploader: (p: FileUploaderProps) => React__default.JSX.Element;
 declare const getFileSizeDisplay: (size: number) => string;
 
-declare type BaseProps$5 = React.ClassAttributes<HTMLFormElement> & React.FormHTMLAttributes<HTMLFormElement>;
-interface FormProps extends BaseProps$5 {
-    inline?: boolean;
-    /** If true, preventDefault and stopPropagation will be applied prior to onSubmit being called.  Defaults to true. */
-    ajax?: boolean;
-    /** Removes the opinionated flex styling.  'inline' will be ignored. */
-    unstyled?: boolean;
-}
-/** Use this instead of <form> directly.  If we need to fight Chrome's autofill, we can do so at a global level. */
-declare const Form: React.ForwardRefExoticComponent<Pick<FormProps, "inline" | "ajax" | "unstyled" | "key" | "acceptCharset" | "action" | "autoComplete" | "encType" | "method" | "name" | "noValidate" | "target" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "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"> & React.RefAttributes<HTMLFormElement>>;
-/** @deprecated Just style normally using flex, grid, etc. */
-declare const FormFlexRow: (props: {
-    children: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start";
-}) => JSX.Element;
-/** @deprecated Just style normally using flex, grid, etc. */
-declare const FormColumnRow: (props: {
-    children: React.ReactNode;
-    cols: number;
-    className?: string;
-    style?: React.CSSProperties;
-}) => JSX.Element;
-
-declare const Header: (props: {
-    title?: string | JSX.Element;
-    toggleMenu?: () => void | undefined;
-    /** If true, will hide menu button on larger screens */
-    responsive?: boolean;
-    inline?: boolean;
-    className?: string;
-    leftElements?: JSX.Element;
-    rightElements?: JSX.Element;
-    /** @deprecated Elements will appear in the center of the header and slightly below. */
-    centerOffsetElements?: JSX.Element;
-    noMenu?: boolean;
-    /** Will fill the title center aligned with wrapping. */
-    fillTitle?: boolean;
-}) => JSX.Element;
-
-declare const Highlight: (props: {
-    text: string;
-    highlightText: string;
-}) => JSX.Element;
-
-declare const ICONS: {
-    [key: string]: IconDefinition;
-};
-declare const Icon: (props: {
-    id: string;
-    title?: string | undefined;
-    className?: string | undefined;
-    spin?: boolean | undefined;
-    style?: React.CSSProperties | undefined;
-    onClick?: ((e: React.MouseEvent<SVGSVGElement | HTMLElement, MouseEvent>) => void) | undefined;
-}) => JSX.Element;
-
-interface ImageProps extends Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'src' | 'alt'> {
-    src: string;
-    alt: string;
-}
-declare const Image: React.ForwardRefExoticComponent<Pick<ImageProps, "src" | "alt" | "key" | "crossOrigin" | "decoding" | "height" | "loading" | "referrerPolicy" | "sizes" | "srcSet" | "useMap" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "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"> & React.RefAttributes<HTMLImageElement>>;
-
-declare const InfoPanel: (props: {
-    children: React.ReactNode;
-    variant?: 'info' | 'warning' | 'error' | 'negative' | 'positive';
-    className?: string;
-    style?: React.CSSProperties;
-    /** Defaults to 'p'. */
-    tag?: 'p' | 'div';
-}) => JSX.Element;
-
-interface InfoTipProps {
-    content?: string | JSX.Element;
-    disabled?: boolean;
-    onClick?: () => void;
-    tabIndex?: number;
-    loadOnHover?: () => Promise<void>;
-    onClose?: () => void;
-    /** Defaults to 'info'. */
-    variant?: 'info' | 'modal';
-    /** Defaults to nav color. */
-    bgColor?: string;
-    /** Defaults to nav font color. */
-    fontColor?: string;
-    /** For variant=modal only. */
-    modalHeader?: string;
-    /** For variant=modal only. */
-    modalId?: string;
-    /** For variant=modal only. */
-    __modalDebug?: boolean;
-    /** Whether to move the popover on collision with the parent's bounds.  Default is false.  For variant=info only. */
-    reposition?: boolean;
-    /** Order of positions as the Popover colides with the window edge.  The default order is ['right', 'top', 'left', 'bottom'].  For variant=info only. */
-    positions?: ("bottom" | "left" | "right" | "top")[] | undefined;
-}
-declare const InfoTip: (props: InfoTipProps) => JSX.Element;
-
-interface BaseInputProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
-    rightControl?: JSX.Element;
-    round?: boolean;
-    /** The class applied to the wrapping element without this component.  Use 'className' to style the input directly. */
-    wrapperClassName?: string;
-    /** An error message to display below the input. */
-    error?: string;
-    /** Will show validation below the input.  Defaults to 'true'. */
-    showErrorDisplay?: boolean;
+type BaseProps$5 = React.ClassAttributes<HTMLFormElement> & React.FormHTMLAttributes<HTMLFormElement>;
+interface FormProps extends BaseProps$5 {
+    inline?: boolean;
+    /** If true, preventDefault and stopPropagation will be applied prior to onSubmit being called.  Defaults to true. */
+    ajax?: boolean;
+    /** Removes the opinionated flex styling.  'inline' will be ignored. */
+    unstyled?: boolean;
+}
+/** Use this instead of <form> directly.  If we need to fight Chrome's autofill, we can do so at a global level. */
+declare const Form: React.ForwardRefExoticComponent<Omit<FormProps, "ref"> & React.RefAttributes<HTMLFormElement>>;
+/** @deprecated Just style normally using flex, grid, etc. */
+declare const FormFlexRow: (props: {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    justifyContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start";
+}) => React.JSX.Element;
+/** @deprecated Just style normally using flex, grid, etc. */
+declare const FormColumnRow: (props: {
+    children: React.ReactNode;
+    cols: number;
+    className?: string;
+    style?: React.CSSProperties;
+}) => React.JSX.Element;
+
+declare const Header: (props: {
+    title?: string | JSX.Element;
+    toggleMenu?: () => void | undefined;
+    /** If true, will hide menu button on larger screens */
+    responsive?: boolean;
+    inline?: boolean;
+    className?: string;
+    leftElements?: JSX.Element;
+    rightElements?: JSX.Element;
+    noMenu?: boolean;
+    /** Will fill the title center aligned with wrapping. */
+    fillTitle?: boolean;
+}) => React.JSX.Element;
+
+declare const Highlight: (props: {
+    text: string;
+    highlightText: string;
+}) => React.JSX.Element;
+
+declare const ICONS: {
+    [key: string]: IconDefinition;
+};
+declare const Icon: (props: {
+    id: string;
+    title?: string;
+    className?: string;
+    spin?: boolean;
+    style?: React.CSSProperties;
+    onClick?: (e: React.MouseEvent<SVGSVGElement | HTMLElement, MouseEvent>) => void;
+}) => React.JSX.Element;
+
+interface ImageProps extends Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'src' | 'alt'> {
+    src: string;
+    alt: string;
+}
+declare const Image: React.ForwardRefExoticComponent<Omit<ImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
+
+type InfoPanelVariant = 'info' | 'warning' | 'error' | 'negative' | 'positive';
+type InfoPanelTag = 'p' | 'div';
+declare const InfoPanel: (props: {
+    children: React.ReactNode;
+    variant?: InfoPanelVariant;
+    className?: string;
+    style?: React.CSSProperties;
+    /** Defaults to 'p'. */
+    tag?: InfoPanelTag;
+}) => React.JSX.Element;
+
+interface InfoTipProps {
+    content?: string | JSX.Element;
+    disabled?: boolean;
+    onClick?: () => void;
+    tabIndex?: number;
+    loadOnHover?: () => Promise<void>;
+    onClose?: () => void;
+    /** Defaults to 'info'. */
+    variant?: 'info' | 'modal';
+    /** Defaults to nav color. */
+    bgColor?: string;
+    /** Defaults to nav font color. */
+    fontColor?: string;
+    /** For variant=modal only. */
+    modalHeader?: string;
+    /** For variant=modal only. */
+    modalId?: string;
+    /** For variant=modal only. */
+    __modalDebug?: boolean;
+    /** Whether to move the popover on collision with the parent's bounds.  Default is false.  For variant=info only. */
+    reposition?: boolean;
+    /** Order of positions as the Popover colides with the window edge.  The default order is ['right', 'top', 'left', 'bottom'].  For variant=info only. */
+    positions?: ("bottom" | "left" | "right" | "top")[] | undefined;
+}
+declare const InfoTip: (props: InfoTipProps) => React.JSX.Element;
+
+interface BaseInputProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    rightControl?: JSX.Element;
+    round?: boolean;
+    /** The class applied to the wrapping element without this component.  Use 'className' to style the input directly. */
+    wrapperClassName?: string;
+    /** An error message to display below the input. */
+    error?: string;
+    /** Will show validation below the input.  Defaults to 'true'. */
+    showErrorDisplay?: boolean;
 }
 
-interface ValidationMessageProps {
-    /** Will mark the input as invalid and show this as the validation failed message. */
-    customError?: string;
-    /** If 'pattern' is present, this message will be displayed as the validation failed message. */
-    patternErrorMessage?: string;
+interface ValidationMessageProps {
+    /** Will mark the input as invalid and show this as the validation failed message. */
+    customError?: string;
+    /** If 'pattern' is present, this message will be displayed as the validation failed message. */
+    patternErrorMessage?: string;
 }
 
-declare type BaseProps$4 = Omit<BaseInputProps, 'type' | 'value' | 'min' | 'max' | 'step' | 'pattern' | 'maxLength' | 'rightControl' | 'ref'> & Omit<ValidationMessageProps, 'pattern'> & InputOnFocusProps;
-interface DateInputProps extends BaseProps$4 {
-    /** The epoch timestamp.  Equivalent to Date.valueOf().  */
-    value?: number;
-    /** The min epoch timestamp. */
-    min?: number;
-    /** The max epoch timestamp. */
-    max?: number;
-    /** Whether to move the popover on collision with the parent's bounds.  Default is true. */
-    reposition?: boolean;
-    /** If `true`, the paging buttons for the years will be shown.  Default is only the month pagers. */
-    pageYear?: boolean;
-    onValueChange: (value: number | undefined) => void;
-}
+type BaseProps$4 = Omit<BaseInputProps, 'type' | 'value' | 'min' | 'max' | 'step' | 'pattern' | 'maxLength' | 'rightControl' | 'ref'> & Omit<ValidationMessageProps, 'pattern'> & InputOnFocusProps;
+interface DateInputProps extends BaseProps$4 {
+    /** The epoch timestamp.  Equivalent to Date.valueOf().  */
+    value?: number;
+    /** The min epoch timestamp. */
+    min?: number;
+    /** The max epoch timestamp. */
+    max?: number;
+    /** Whether to move the popover on collision with the parent's bounds.  Default is true. */
+    reposition?: boolean;
+    /** If `true`, the paging buttons for the years will be shown.  Default is only the month pagers. */
+    pageYear?: boolean;
+    onValueChange: (value: number | undefined) => void;
+}
 declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;
 
-declare type BaseProps$3 = Omit<BaseInputProps, 'type' | 'value' | 'min' | 'max' | 'step' | 'maxLength' | 'error' | 'pattern'> & Omit<ValidationMessageProps, 'pattern'> & InputOnFocusProps;
-interface NumberInputProps extends BaseProps$3 {
-    value?: number;
-    min?: number;
-    max?: number;
-    /** WARNING!  At least in Chrome (2022-03-03), step is buggy.  Stick to 1, 0, or fractional 10ths (0.1, 0.01, etc).
-     * Failure to do this will cause the input to be marked as invalid.  We will not be attempting to fix this issue.
-     */
-    step?: number;
-    onValueChange: (value: number | undefined) => void;
-}
-declare const NumberInput: React.ForwardRefExoticComponent<Pick<NumberInputProps, "value" | "min" | "max" | "step" | "rightControl" | "round" | "wrapperClassName" | "showErrorDisplay" | "key" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "minLength" | "multiple" | "name" | "placeholder" | "readOnly" | "required" | "size" | "src" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "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" | "customError" | "patternErrorMessage" | "onValueChange" | "allowUpdateOnFocus"> & React.RefAttributes<HTMLInputElement>>;
-
-declare type BaseProps$2 = Omit<BaseInputProps, 'type' | 'value' | 'max' | 'min' | 'step' | 'error'> & ValidationMessageProps & InputOnFocusProps;
-interface TextInputProps extends BaseProps$2 {
-    value?: string;
-    /** Defaults to 'text'. */
-    type?: 'text' | 'email' | 'url' | 'password';
-    /** Clears all leading and trailing whitespace on blur.  Defaults to true. */
-    trim?: boolean;
-    /** If true, an empty input will return and empty string ('').  Default value is undefined. */
-    emptyString?: boolean;
-    onValueChange: (value: string | undefined) => void;
-}
-declare const TextInput: React.ForwardRefExoticComponent<Pick<TextInputProps, "type" | "value" | "rightControl" | "round" | "wrapperClassName" | "showErrorDisplay" | "key" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "maxLength" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "required" | "size" | "src" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "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" | "trim" | "emptyString" | "onValueChange" | "customError" | "patternErrorMessage" | "allowUpdateOnFocus"> & React.RefAttributes<HTMLInputElement>>;
-
-/** useEffect but ignores the first call on component mount. */
+type BaseProps$3 = Omit<BaseInputProps, 'type' | 'value' | 'min' | 'max' | 'step' | 'maxLength' | 'error' | 'pattern'> & Omit<ValidationMessageProps, 'pattern'> & InputOnFocusProps;
+interface NumberInputProps extends BaseProps$3 {
+    value?: number;
+    min?: number;
+    max?: number;
+    /** WARNING!  At least in Chrome (2022-03-03), step is buggy.  Stick to 1, 0, or fractional 10ths (0.1, 0.01, etc).
+     * Failure to do this will cause the input to be marked as invalid.  We will not be attempting to fix this issue.
+     */
+    step?: number;
+    onValueChange: (value: number | undefined) => void;
+}
+declare const NumberInput: React.ForwardRefExoticComponent<Omit<NumberInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+type BaseProps$2 = Omit<BaseInputProps, 'type' | 'value' | 'max' | 'min' | 'step' | 'error'> & ValidationMessageProps & InputOnFocusProps;
+interface TextInputProps extends BaseProps$2 {
+    value?: string;
+    /** Defaults to 'text'. */
+    type?: 'text' | 'email' | 'url' | 'password';
+    /** Clears all leading and trailing whitespace on blur.  Defaults to true. */
+    trim?: boolean;
+    /** If true, an empty input will return and empty string ('').  Default value is undefined. */
+    emptyString?: boolean;
+    onValueChange: (value: string | undefined) => void;
+}
+declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+/** useEffect but ignores the first call on component mount. */
 declare const useIgnoreMount: (effect: React__default.EffectCallback, deps?: React__default.DependencyList | undefined) => void;
 
-interface LabelProps extends React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
-    text: string | JSX.Element;
-    /** Displays the label NOT using a label element. */
-    static?: boolean;
-    /** Defaults to 'vertical'. */
-    orientation?: 'vertical' | 'horizontal' | 'horizontalReverse';
-    /** The alignment of the label text.  Defaults to 'left'.  Ignored for horizontal and horizontalReverse orientation. */
-    align?: 'left' | 'right' | 'center';
-    /** Don't wrap the children in the <label>. Fixes re-focus bugs with the date picker and possible future libraries. */
-    noWrap?: boolean;
-    /** Smaller text next to the main label. */
-    subText?: string | JSX.Element;
-    /** Indicates the control this label wraps is optional. Mutually exclusive with subText. */
-    optional?: boolean;
-    /** Used with static.  Will put label text in the same position it would be if there was an input around it.  For lining up forms. */
-    controlAlign?: boolean;
-}
-declare const Label: (props: LabelProps) => JSX.Element;
-
-interface ListProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement> {
-    altRowColor?: boolean;
-    noLines?: boolean;
-    items?: (string | JSX.Element)[];
-}
-declare const List: React.ForwardRefExoticComponent<Pick<ListProps, "altRowColor" | "noLines" | "items" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "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"> & React.RefAttributes<HTMLUListElement>>;
-interface ListItemProps extends React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> {
-    /** For variant 'full', the content will take up the entire space of the parent (no padding applied by this component). */
-    variant?: 'full';
-    /** By default (and not a good idea in hindsight), ListItem applies styles to child Button or OmniLink elements when the variant is 'full'. Use this to remove these styles. */
-    noContentStyling?: boolean;
-}
-declare const ListItem: (props: ListItemProps) => JSX.Element;
-
-interface ModalProps {
-    show: boolean;
-    children: React__default.ReactNode;
-    /** Defaults to theme.breakpoints.tablet. */
-    maxWidth?: string;
-    minWidth?: string;
-    /** Will not apply a background color to the modal body. */
-    noBackground?: boolean;
-    closeButton?: boolean;
-    heading?: string;
-    /** Use to override default heading styling. */
-    headerClassName?: string;
-    /** Selector of the element to focus on initial show. */
-    focusSelector?: string;
-    scrollable?: boolean;
-    id?: string;
-    /** Applied to the modal body. */
-    className?: string;
-    __debug?: boolean;
-    onClick?: () => void;
-}
+interface LabelProps extends React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
+    text: string | JSX.Element;
+    /** Displays the label NOT using a label element. */
+    static?: boolean;
+    /** Defaults to 'vertical'. */
+    orientation?: 'vertical' | 'horizontal' | 'horizontalReverse';
+    /** The alignment of the label text.  Defaults to 'left'.  Ignored for horizontal and horizontalReverse orientation. */
+    align?: 'left' | 'right' | 'center';
+    /** Don't wrap the children in the <label>. Fixes re-focus bugs with the date picker and possible future libraries. */
+    noWrap?: boolean;
+    /** Smaller text next to the main label. */
+    subText?: string | JSX.Element;
+    /** Indicates the control this label wraps is optional. Mutually exclusive with subText. */
+    optional?: boolean;
+    /** Used with static.  Will put label text in the same position it would be if there was an input around it.  For lining up forms. */
+    controlAlign?: boolean;
+}
+declare const Label: (props: LabelProps) => React.JSX.Element;
+
+interface ListProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement> {
+    altRowColor?: boolean;
+    noLines?: boolean;
+    items?: (string | JSX.Element)[];
+}
+declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+interface ListItemProps extends React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> {
+    /** For variant 'full', the content will take up the entire space of the parent (no padding applied by this component). */
+    variant?: 'full';
+    /** By default (and not a good idea in hindsight), ListItem applies styles to child Button or OmniLink elements when the variant is 'full'. Use this to remove these styles. */
+    noContentStyling?: boolean;
+}
+declare const ListItem: (props: ListItemProps) => React.JSX.Element;
+
+interface ModalProps {
+    show: boolean;
+    children: React__default.ReactNode;
+    /** Defaults to theme.breakpoints.tablet. */
+    maxWidth?: string;
+    minWidth?: string;
+    /** Will not apply a background color to the modal body. */
+    noBackground?: boolean;
+    closeButton?: boolean;
+    heading?: string;
+    /** Use to override default heading styling. */
+    headerClassName?: string;
+    /** Selector of the element to focus on initial show. */
+    focusSelector?: string;
+    scrollable?: boolean;
+    id?: string;
+    /** Applied to the modal body. */
+    className?: string;
+    __debug?: boolean;
+    onClick?: () => void;
+}
 declare const Modal: (p: ModalProps) => React__default.ReactPortal | null;
 
-declare const Nav: (props: {
-    show: boolean;
-    toggle: (show: boolean) => void;
-    id?: string | undefined;
-    children?: React.ReactNode;
-    /** @deprecated Going foward, implement the nav visibility based on screen size in the consuming application.
-     * If true, the nav and backdrop will hide when the screen is larger.  Defaults to `theme.breakpoints.desktop`. */
-    responsive?: boolean | undefined;
-    className?: string | undefined;
-    /** Duration of the slide animation in ms.  Defaults to `theme.timings.nav.slideMs`. */
-    slideMs?: number | undefined;
-    /** Defaults to `theme.layout.navWidth`. */
-    navWidth?: string | undefined;
-    __debug?: boolean | undefined;
-}) => JSX.Element;
-
-interface OmniLinkProps extends LinkProps {
-    noRouter?: boolean;
-    /** Ignored if 'noRouter' is false */
-    target?: string;
-}
-declare const OmniLink: (props: OmniLinkProps) => JSX.Element;
-
-interface PagedResultDto<T> {
-    total: number;
-    /** The zero-based page index. */
-    page: number;
-    limit: number;
-    items: T[];
+declare const Nav: (props: {
+    show: boolean;
+    toggle: (show: boolean) => void;
+    id?: string;
+    children?: React.ReactNode;
+    className?: string;
+    /** Duration of the slide animation in ms.  Defaults to `theme.timings.nav.slideMs`. */
+    slideMs?: number;
+    /** Defaults to `theme.layout.navWidth`. */
+    navWidth?: string;
+    __debug?: boolean;
+}) => React.JSX.Element;
+
+interface OmniLinkProps extends LinkProps {
+    noRouter?: boolean;
+    /** Ignored if 'noRouter' is false */
+    target?: string;
+}
+declare const OmniLink: (props: OmniLinkProps) => React.JSX.Element;
+
+interface PagedResultDto<T> {
+    total: number;
+    /** The zero-based page index. */
+    page: number;
+    limit: number;
+    items: T[];
 }
 
-/** A page of data with helpers props.  */
-declare class PagedResult<T> {
-    constructor(items?: T[], total?: number, page?: number, limit?: number);
-    /** @deprecated Use fromPagedResultDto going forward. */
-    static fromDto<T>(dto: {
-        [key: string]: any;
-    }): PagedResult<T>;
-    static fromPagedResultDto<TDto, TDomain>(dto: PagedResultDto<TDto>, convert?: (dto: TDto) => TDomain): PagedResult<TDomain>;
-    total: number;
-    /** The zero-based page index. */
-    page: number;
-    limit: number;
-    items: T[];
-    /** Helper for items.length */
-    get length(): number;
-    get hasItems(): boolean;
-    get previousPage(): number;
-    get hasPrevious(): boolean;
-    get nextPage(): number;
-    get hasNext(): boolean;
-    get lastPage(): number;
-    get totalPages(): number;
-    get minPageItemIndex(): number;
-    get maxPageItemIndex(): number;
-    /** Returns the first item on the current page. */
-    get firstPageItem(): T;
-    /** Returns the last item on the current page */
-    get lastPageItem(): T;
-    getPageRelativeItemIndex(item: T): number;
-    getResultRelativeItemIndex(item: T): number | undefined;
-    getPreviousItem(fromItem: T): T | undefined;
-    getNextItem(fromItem: T): T | undefined;
-    getPagingRange(radius: number): number[];
-    toJSON(): PagedResultDto<T>;
-    clone(newItems?: T[]): PagedResult<T>;
+/** A page of data with helpers props.  */
+declare class PagedResult<T> {
+    constructor(items?: T[], total?: number, page?: number, limit?: number);
+    static fromPagedResultDto<TDto, TDomain>(dto: PagedResultDto<TDto>, convert?: (dto: TDto) => TDomain): PagedResult<TDomain>;
+    total: number;
+    /** The zero-based page index. */
+    page: number;
+    limit: number;
+    items: T[];
+    /** Helper for items.length */
+    get length(): number;
+    get hasItems(): boolean;
+    get previousPage(): number;
+    get hasPrevious(): boolean;
+    get nextPage(): number;
+    get hasNext(): boolean;
+    get lastPage(): number;
+    get totalPages(): number;
+    get minPageItemIndex(): number;
+    get maxPageItemIndex(): number;
+    /** Returns the first item on the current page. */
+    get firstPageItem(): T;
+    /** Returns the last item on the current page */
+    get lastPageItem(): T;
+    getPageRelativeItemIndex(item: T): number;
+    getResultRelativeItemIndex(item: T): number | undefined;
+    getPreviousItem(fromItem: T): T | undefined;
+    getNextItem(fromItem: T): T | undefined;
+    getPagingRange(radius: number): number[];
+    toJSON(): PagedResultDto<T>;
+    clone(newItems?: T[]): PagedResult<T>;
 }
 
-declare type SortDirection = 'asc' | 'desc';
-interface PagerSortOption<TItem> {
-    id: string;
-    name?: string;
-    sort: (items: TItem[]) => TItem[];
-}
-interface PagerOptions<TItem> {
-    /** Defaults to 10. */
-    limit?: number;
-    /** Defaults to [10] */
-    limitOptions?: number[];
-    sort?: string;
-    sortOptions?: PagerSortOption<TItem>[];
-    /** Will copy over this pagers options, filters, and state. */
-    previous?: ItemPager<TItem>;
-}
-/** In-memory pager. */
-declare class ItemPager<TItem> {
-    constructor(allItems: TItem[], options?: PagerOptions<TItem>);
-    get allItems(): TItem[];
-    /** The ID of the current sort within the sortOptions. */
-    get sort(): string | undefined;
-    set sort(sortId: string | undefined);
-    /** The direction of the current sort when using an option created from addToggleSortOption */
-    get sortDirection(): SortDirection | undefined;
-    get sortOptions(): PagerSortOption<TItem>[];
-    get limit(): number;
-    set limit(value: number);
-    get limitOptions(): number[];
-    get totalPages(): number;
-    /** The zero-based page index. */
-    get page(): number;
-    /** The zero-based page index. */
-    set page(value: number);
-    get pageItems(): TItem[];
-    get totalItems(): number;
-    get minItemIndex(): number;
-    get maxItemIndex(): number;
-    get hasNext(): boolean;
-    get hasPrevious(): boolean;
-    /**
-     * Adds both asc and des sort options
-     *
-     * @param propPath Prop name or path ('resource.title').
-     * @param name Name to display or asc Name and desc Name.
-     */
-    addToggleSortOption(propPath: string, name?: string | [string, string]): void;
-    /**
-     * Toggles between asc and desc.
-     * @param sortId The ID or partial ID (no '-asc' or '-desc') of a sort option created through addToggleSortOption
-     */
-    toggleSort(sortId: string): void;
-    /** Filters the current results by the filtering function ONCE.
-     * You will need to re-add the filter if the contents of the filtering function changes. */
-    applyFilter(filter?: (item: TItem) => boolean, keepPage?: boolean): void;
-    next(): void;
-    previous(): void;
-    pageByOffset(direction: 1 | -1): void;
-    /** Adds the item optionally keeping the current page. */
-    add(item: TItem, position?: 'start' | 'end', keepPage?: boolean): void;
-    /** Removes the matched item(s). */
-    remove(comparer: (item: TItem) => boolean, keepPage?: boolean): void;
-    replace(newItem: TItem, comparer: (item: TItem) => boolean): void;
-    /** Returns a clone of the underlying PagedResult. */
-    toPagedResult(): PagedResult<TItem>;
-    private _allItems;
-    private _page;
-    private _limit;
-    private _limitOptions;
-    private _pageResult;
-    private _filteredItems;
-    private _sort;
-    private _sortOptions;
-    private _currentFilter;
-    private createPageResult;
+type SortDirection = 'asc' | 'desc';
+interface PagerSortOption<TItem> {
+    id: string;
+    name?: string;
+    sort: (items: TItem[]) => TItem[];
+}
+interface PagerOptions<TItem> {
+    /** Defaults to 10. */
+    limit?: number;
+    /** Defaults to [10] */
+    limitOptions?: number[];
+    sort?: string;
+    sortOptions?: PagerSortOption<TItem>[];
+    /** Will copy over this pagers options, filters, and state. */
+    previous?: ItemPager<TItem>;
+}
+/** In-memory pager. */
+declare class ItemPager<TItem> {
+    constructor(allItems: TItem[], options?: PagerOptions<TItem>);
+    get allItems(): TItem[];
+    /** The ID of the current sort within the sortOptions. */
+    get sort(): string | undefined;
+    set sort(sortId: string | undefined);
+    /** The direction of the current sort when using an option created from addToggleSortOption */
+    get sortDirection(): SortDirection | undefined;
+    get sortOptions(): PagerSortOption<TItem>[];
+    get limit(): number;
+    set limit(value: number);
+    get limitOptions(): number[];
+    get totalPages(): number;
+    /** The zero-based page index. */
+    get page(): number;
+    /** The zero-based page index. */
+    set page(value: number);
+    get pageItems(): TItem[];
+    get totalItems(): number;
+    get minItemIndex(): number;
+    get maxItemIndex(): number;
+    get hasNext(): boolean;
+    get hasPrevious(): boolean;
+    /**
+     * Adds both asc and des sort options
+     *
+     * @param propPath Prop name or path ('resource.title').
+     * @param name Name to display or asc Name and desc Name.
+     */
+    addToggleSortOption(propPath: string, name?: string | [string, string]): void;
+    /**
+     * Toggles between asc and desc.
+     * @param sortId The ID or partial ID (no '-asc' or '-desc') of a sort option created through addToggleSortOption
+     */
+    toggleSort(sortId: string): void;
+    /** Filters the current results by the filtering function ONCE.
+     * You will need to re-add the filter if the contents of the filtering function changes. */
+    applyFilter(filter?: (item: TItem) => boolean, keepPage?: boolean): void;
+    next(): void;
+    previous(): void;
+    pageByOffset(direction: 1 | -1): void;
+    /** Adds the item optionally keeping the current page. */
+    add(item: TItem, position?: 'start' | 'end', keepPage?: boolean): void;
+    /** Removes the matched item(s). */
+    remove(comparer: (item: TItem) => boolean, keepPage?: boolean): void;
+    replace(newItem: TItem, comparer: (item: TItem) => boolean): void;
+    /** Returns a clone of the underlying PagedResult. */
+    toPagedResult(): PagedResult<TItem>;
+    private _allItems;
+    private _page;
+    private _limit;
+    private _limitOptions;
+    private _pageResult;
+    private _filteredItems;
+    private _sort;
+    private _sortOptions;
+    private _currentFilter;
+    private createPageResult;
+}
+
+interface PagerStyleProps {
+    /** Used for localizations.  Defaults to 'of' */
+    itemDividerText?: string;
+    /** Used for localizations.  Defaults to 'No Results' */
+    noResultsText?: string;
+    /** Used for localizations.  Defaults to 'Page' */
+    pageText?: string;
+    className?: string;
+    leftControls?: JSX.Element;
+    rightControls?: JSX.Element;
+}
+interface PagerProps extends PagerStyleProps {
+    canGoNext: boolean;
+    canGoPrevious: boolean;
+    minItem: number;
+    maxItem: number;
+    totalItems: number;
+    page: (direction: 1 | -1) => void;
+    /** For display purposes. Will show under items text if this if present. */
+    pageIndex?: number;
+    /** For display purposes. Will show under items text if this if present. */
+    totalPages?: number;
 }
+declare const Pager: (props: PagerProps) => React.JSX.Element;
+
+interface Props$1<T> extends PagerStyleProps {
+    pager: ItemPager<T>;
+    onPage: (direction: 1 | -1) => void;
+    /** Defaults to 'Limit' */
+    limitText?: string;
+    /** Defaults to 'Sort' */
+    sortText?: string;
+    onLimit?: (limit: number) => void;
+    onSort?: (sort: string) => void;
+    /** Shows 'Page X of Y'. */
+    showPageText?: boolean;
+}
+declare const BoundMemoryPager: <T>(p: Props$1<T>) => React.JSX.Element;
+
+interface Props<T> extends PagerStyleProps {
+    result: PagedResult<T>;
+    onPage: (direction: 1 | -1) => void;
+    limitOptions?: number[];
+    sort?: string | number;
+    sortOptions?: {
+        id: string | number;
+        name?: string;
+    }[];
+    /** Defaults to 'Limit' */
+    limitText?: string;
+    /** Defaults to 'Sort' */
+    sortText?: string;
+    onLimit?: (limit: number) => void;
+    onSort?: (sort: string | number) => void;
+    /** Shows 'Page X of Y'. */
+    showPageText?: boolean;
+}
+declare const BoundStaticPager: <T>(p: Props<T>) => React.JSX.Element;
+
+type PickerValue = string | number;
+type PickerOption<T> = T | {
+    id: T;
+    name?: string;
+};
+interface SelectProps extends Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, 'value' | 'options' | 'string'> {
+}
+interface PickerProps<T extends PickerValue> extends SelectProps {
+    value: T;
+    options: PickerOption<T>[];
+    onValueChange: (value: T) => void;
+    readOnly?: boolean;
+    round?: boolean;
+    /** If true, bottom spacing will be added to account for other inputs having space for error messages.
+     * If you plan on using 'error', make sure this is also set to true so the spacing is not added and removed when the error message is toggled.
+     */
+    controlAlign?: boolean;
+    /** An error message to display below the input.  If set, 'controlAlign' will be ignored and default to 'true'. */
+    error?: string;
+    /** This will be applied to the select element. */
+    className?: string;
+    /** Applies to the outer wrapper which contains the select and other elements. */
+    wrapperClassName?: string;
+    /** Applies to the custom down arrow. */
+    iconClassName?: string;
+}
+declare const Picker: <T extends PickerValue>(props: PickerProps<T>) => React.JSX.Element;
+
+interface PopoverProps {
+    isOpen: boolean;
+    /** The content inside the popover. */
+    content: JSX.Element;
+    /** The element controlling the state of the popover. */
+    parent: JSX.Element;
+    id?: string;
+    /** Whether to move the popover on collision with the parent's bounds.  Default is true. */
+    reposition?: boolean;
+    onClickOutside?: (e: MouseEvent) => void;
+    /** Popover arrow color.  Defaults to theme.colors.border. */
+    arrorColor?: string;
+    /** Popover border.  Defaults to theme.controls.border. */
+    border?: string;
+    /** Popover background.  Defaults to  theme.colors.bg. */
+    backgroundColor?: string;
+    /** Order of positions as the Popover colides with the window edge.  The default order is ['right', 'top', 'left', 'bottom']. */
+    positions?: ("bottom" | "left" | "right" | "top")[] | undefined;
+    /** Targets the wrapper around `parent`.  Use if you're having positioning issues when the tooltip is showing. */
+    parentWrapperClassName?: string;
+}
+declare const Popover: (p: PopoverProps) => React.JSX.Element;
 
-interface PagerStyleProps {
-    /** Used for localizations.  Defaults to 'of' */
-    itemDividerText?: string;
-    /** Used for localizations.  Defaults to 'No Results' */
-    noResultsText?: string;
-    /** Used for localizations.  Defaults to 'Page' */
-    pageText?: string;
-    className?: string;
-    leftControls?: JSX.Element;
-    rightControls?: JSX.Element;
-}
-interface PagerProps extends PagerStyleProps {
-    canGoNext: boolean;
-    canGoPrevious: boolean;
-    minItem: number;
-    maxItem: number;
-    totalItems: number;
-    page: (direction: 1 | -1) => void;
-    /** For display purposes. Will show under items text if this if present. */
-    pageIndex?: number;
-    /** For display purposes. Will show under items text if this if present. */
-    totalPages?: number;
-}
-declare const Pager: (props: PagerProps) => JSX.Element;
-
-interface Props$1<T> extends PagerStyleProps {
-    pager: ItemPager<T>;
-    onPage: (direction: 1 | -1) => void;
-    /** Defaults to 'Limit' */
-    limitText?: string;
-    /** Defaults to 'Sort' */
-    sortText?: string;
-    onLimit?: (limit: number) => void;
-    onSort?: (sort: string) => void;
-    /** Shows 'Page X of Y'. */
-    showPageText?: boolean;
-}
-declare const BoundMemoryPager: <T>(p: Props$1<T>) => JSX.Element;
-
-interface Props<T> extends PagerStyleProps {
-    result: PagedResult<T>;
-    onPage: (direction: 1 | -1) => void;
-    limitOptions?: number[];
-    sort?: string | number;
-    sortOptions?: {
-        id: string | number;
-        name?: string;
-    }[];
-    /** Defaults to 'Limit' */
-    limitText?: string;
-    /** Defaults to 'Sort' */
-    sortText?: string;
-    onLimit?: (limit: number) => void;
-    onSort?: (sort: string | number) => void;
-    /** Shows 'Page X of Y'. */
-    showPageText?: boolean;
-}
-declare const BoundStaticPager: <T>(p: Props<T>) => JSX.Element;
-
-declare type PickerValue = string | number;
-declare type PickerOption<T> = T | {
-    id: T;
-    name?: string;
-};
-interface SelectProps extends Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, 'value' | 'options' | 'string'> {
-}
-interface PickerProps<T extends PickerValue> extends SelectProps {
-    value: T;
-    options: PickerOption<T>[];
-    onValueChange: (value: T) => void;
-    readOnly?: boolean;
-    round?: boolean;
-    /** If true, bottom spacing will be added to account for other inputs having space for error messages.
-     * If you plan on using 'error', make sure this is also set to true so the spacing is not added and removed when the error message is toggled.
-     */
-    controlAlign?: boolean;
-    /** An error message to display below the input.  If set, 'controlAlign' will be ignored and default to 'true'. */
-    error?: string;
-    /** This will be applied to the select element. */
-    className?: string;
-    /** Applies to the outer wrapper which contains the select and other elements. */
-    wrapperClassName?: string;
-    /** Applies to the custom down arrow. */
-    iconClassName?: string;
-}
-declare const Picker: <T extends PickerValue>(props: PickerProps<T>) => JSX.Element;
-
-interface PopoverProps {
-    isOpen: boolean;
-    /** The content inside the popover. */
-    content: JSX.Element;
-    /** The element controlling the state of the popover. */
-    parent: JSX.Element;
-    id?: string;
-    /** Whether to move the popover on collision with the parent's bounds.  Default is true. */
-    reposition?: boolean;
-    onClickOutside?: (e: MouseEvent) => void;
-    /** Popover arrow color.  Defaults to theme.colors.border. */
-    arrorColor?: string;
-    /** Popover border.  Defaults to theme.controls.border. */
-    border?: string;
-    /** Popover background.  Defaults to  theme.colors.bg. */
-    backgroundColor?: string;
-    /** Order of positions as the Popover colides with the window edge.  The default order is ['right', 'top', 'left', 'bottom']. */
-    positions?: ("bottom" | "left" | "right" | "top")[] | undefined;
-    /** Targets the wrapper around `parent`.  Use if you're having positioning issues when the tooltip is showing. */
-    parentWrapperClassName?: string;
-}
-declare const Popover: (p: PopoverProps) => JSX.Element;
-
-interface ProgressBarProps {
-    pct: number;
-    round?: boolean;
-    showPct?: boolean;
-    className?: string;
-}
-declare const ProgressBar: (props: {
-    pct: number;
-    round?: boolean;
-    showPct?: boolean;
-    className?: string;
-}) => JSX.Element;
-
-declare type BaseProps$1 = Omit<TextInputProps, 'rightControl' | 'wrapperClassName' | 'type' | 'className'> & InputOnFocusProps;
-interface SearchBoxProps extends BaseProps$1 {
-    /** This will be applied to the containing element (Form or DIV when 'noForm'=true). */
-    wrapperClassName?: string;
-    buttonClassName?: string;
-    inputWrapperClassName?: string;
-    inputClassName?: string;
-    /** This will be ignored if 'noForm' is true. */
-    onSubmit?: () => Promise<void>;
-    /** If true, the controls will not be wrapped in a Form component.  In addition, 'onSubmit' will be ignored. */
-    noForm?: boolean;
-    /** If true, the onSubmit handler will not be called when the input value is nullish or empty string.  Defaults to 'true'. */
-    noSubmitWhenEmpty?: boolean;
-    /** The submit button will change to clear if present and there is a value. */
-    onClear?: () => void;
-}
-declare const SearchBox: React.ForwardRefExoticComponent<Pick<SearchBoxProps, "wrapperClassName" | "value" | "round" | "showErrorDisplay" | "key" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "maxLength" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "required" | "size" | "src" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "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" | "trim" | "emptyString" | "onValueChange" | "customError" | "patternErrorMessage" | "allowUpdateOnFocus" | "buttonClassName" | "inputWrapperClassName" | "inputClassName" | "noForm" | "noSubmitWhenEmpty" | "onClear"> & React.RefAttributes<HTMLInputElement>>;
-
-declare type Alignment = 'left' | 'right' | 'center';
-
-declare const GlobalStyles: (p: {}) => null;
-
-interface MackinTheme {
-    colors: {
-        primary: string;
-        primaryFont: string;
-        primary2: string;
-        primary2Font: string;
-        secondary: string;
-        /** @deprecated Bad name.  Use 'secondaryFont'. */
-        secondary2Font: string;
-        secondaryFont: string;
-        info: string;
-        infoFont: string;
-        warning: string;
-        warningFont: string;
-        positive: string;
-        positiveFont: string;
-        negative: string;
-        negativeFont: string;
-        omg: string;
-        omgFont: string;
-        bg: string;
-        lightBg: string;
-        font: string;
-        header: string;
-        headerFont: string;
-        link: string;
-        border: string;
-        divider: string;
-        nav: string;
-        navFont: string;
-        focusOutline: string;
-        focusOutlineRequired: string;
-        progressBg: string;
-        progressFill: string;
-        modalBg: string;
-        disabled: string;
-        textHighlight: string;
-        required: string;
-        backdrop: string;
-        pagerBg: string;
-        [key: string]: string;
-    };
-    fonts: {
-        family: string;
-        size: string;
-        sizeSmall: string;
-        sizeLarge: string;
-        headerFamily: string;
-        sizeH1: string;
-        sizeH2: string;
-        sizeH3: string;
-        sizeH4: string;
-    };
-    controls: {
-        padding: string;
-        fontSize: string;
-        borderWidth: string;
-        border: string;
-        borderRadius: string;
-        height: string;
-        heightSmall: string;
-        boxShadow: string;
-        /** For controls with a background color. */
-        hoverBrightness: string;
-        /** For controls without a background color. */
-        hoverBackground: string;
-        transitionDuration: string;
-        transitionEasing: string;
-        transition: string;
-        focusOutlineShadow: string;
-        focusOutlineRequiredShadow: string;
-        roundRadius: string;
-        disabledOpacity: string;
-        formButtonMinWidth: string;
-        gap: string;
-        dividerMargin: string;
-        dividerBorder: string;
-        dividerThickness: string;
-        headerBoxShadow: string;
-        buttonBoxShadow: string;
-        inputErrorMinHeight: string;
-        paragraphPadding: string;
-    };
-    zIndexes: {
-        header: number;
-        backdrop: number;
-        nav: number;
-        flyout: number;
-        modal: number;
-        tooltip: number;
-    };
-    layout: {
-        headerHeight: string;
-        headerBodyOffset: string;
-        navWidth: string;
-    };
-    breakpoints: {
-        desktop: string;
-        tablet: string;
-    };
-    mediaQueries: {
-        desktop: string;
-        tablet: string;
-    };
-    timings: {
-        nav: {
-            slideMs: number;
-        };
-    };
-}
-/** Call this on your theme after messing with the props.  It will re-build things that depend on sizes and colors. */
-declare const calcDynamicThemeProps: <T extends MackinTheme>(theme: T) => void;
+interface ProgressBarProps {
+    pct: number;
+    round?: boolean;
+    showPct?: boolean;
+    className?: string;
+}
+declare const ProgressBar: (props: {
+    pct: number;
+    round?: boolean;
+    showPct?: boolean;
+    className?: string;
+}) => React.JSX.Element;
+
+type BaseProps$1 = Omit<TextInputProps, 'rightControl' | 'wrapperClassName' | 'type' | 'className'> & InputOnFocusProps;
+interface SearchBoxProps extends BaseProps$1 {
+    /** This will be applied to the containing element (Form or DIV when 'noForm'=true). */
+    wrapperClassName?: string;
+    buttonClassName?: string;
+    inputWrapperClassName?: string;
+    inputClassName?: string;
+    /** This will be ignored if 'noForm' is true. */
+    onSubmit?: () => Promise<void>;
+    /** If true, the controls will not be wrapped in a Form component.  In addition, 'onSubmit' will be ignored. */
+    noForm?: boolean;
+    /** If true, the onSubmit handler will not be called when the input value is nullish or empty string.  Defaults to 'true'. */
+    noSubmitWhenEmpty?: boolean;
+    /** The submit button will change to clear if present and there is a value. */
+    onClear?: () => void;
+}
+declare const SearchBox: React.ForwardRefExoticComponent<Omit<SearchBoxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+type Alignment = 'left' | 'right' | 'center';
+
+declare const GlobalStyles: () => null;
+
+interface MackinTheme {
+    colors: {
+        primary: string;
+        primaryFont: string;
+        primary2: string;
+        primary2Font: string;
+        secondary: string;
+        secondaryFont: string;
+        info: string;
+        infoFont: string;
+        warning: string;
+        warningFont: string;
+        positive: string;
+        positiveFont: string;
+        negative: string;
+        negativeFont: string;
+        omg: string;
+        omgFont: string;
+        bg: string;
+        lightBg: string;
+        font: string;
+        header: string;
+        headerFont: string;
+        link: string;
+        border: string;
+        divider: string;
+        nav: string;
+        navFont: string;
+        focusOutline: string;
+        focusOutlineRequired: string;
+        progressBg: string;
+        progressFill: string;
+        modalBg: string;
+        disabled: string;
+        textHighlight: string;
+        required: string;
+        backdrop: string;
+        pagerBg: string;
+        [key: string]: string;
+    };
+    fonts: {
+        family: string;
+        size: string;
+        sizeSmall: string;
+        sizeLarge: string;
+        headerFamily: string;
+        sizeH1: string;
+        sizeH2: string;
+        sizeH3: string;
+        sizeH4: string;
+    };
+    controls: {
+        padding: string;
+        fontSize: string;
+        borderWidth: string;
+        border: string;
+        borderRadius: string;
+        height: string;
+        heightSmall: string;
+        boxShadow: string;
+        /** For controls with a background color. */
+        hoverBrightness: string;
+        /** For controls without a background color. */
+        hoverBackground: string;
+        transitionDuration: string;
+        transitionEasing: string;
+        transition: string;
+        focusOutlineShadow: string;
+        focusOutlineRequiredShadow: string;
+        roundRadius: string;
+        disabledOpacity: string;
+        formButtonMinWidth: string;
+        gap: string;
+        dividerMargin: string;
+        dividerBorder: string;
+        dividerThickness: string;
+        headerBoxShadow: string;
+        buttonBoxShadow: string;
+        inputErrorMinHeight: string;
+        paragraphPadding: string;
+    };
+    zIndexes: {
+        header: number;
+        backdrop: number;
+        nav: number;
+        flyout: number;
+        modal: number;
+        tooltip: number;
+    };
+    layout: {
+        headerHeight: string;
+        headerBodyOffset: string;
+        navWidth: string;
+    };
+    breakpoints: {
+        desktop: string;
+        tablet: string;
+    };
+    mediaQueries: {
+        desktop: string;
+        tablet: string;
+    };
+    timings: {
+        nav: {
+            slideMs: number;
+        };
+    };
+}
+/** Call this on your theme after messing with the props.  It will re-build things that depend on sizes and colors. */
+declare const calcDynamicThemeProps: <T extends MackinTheme>(theme: T) => void;
 declare const defaultTheme: MackinTheme;
 
-declare const ThemeProvider: <T extends MackinTheme>(p: {
-    children?: ReactNode;
-    theme: T;
-}) => JSX.Element;
+declare const ThemeProvider: <T extends MackinTheme>(p: {
+    children?: ReactNode;
+    theme: T;
+}) => React__default.JSX.Element;
 
-/** React wrapper around window resizing and window.matchMedia.
- * https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia
- */
+/** React wrapper around window resizing and window.matchMedia.
+ * https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia
+ */
 declare const useMediaQuery: (query: string) => boolean;
 
-/** Returns a user-provided theme if ThemeProvider was used correctly, or the default theme. */
+/** Returns a user-provided theme if ThemeProvider was used correctly, or the default theme. */
 declare const useThemeSafely: () => MackinTheme;
 
-declare type SliderValue = number | [number, number];
-interface SliderProps<T extends SliderValue> {
-    min: number;
-    max: number;
-    value: T;
-    id?: string;
-    /** Default is 1. */
-    step?: number;
-    /** Shows the current value above each handle. */
-    showValue?: boolean;
-    onChange: (value: T) => void;
-    onUpdate?: (value: T) => void;
-    /** Used with showValue.  Will be called to render the display string. */
-    renderValue?: (value: number) => string;
-    /** Used with renderValue for the custom element width. Defaults to theme.controls.height * 2. */
-    renderValueWidth?: string;
-    /** The with and height of the handles.  Defaults to theme.controls.height.  Do not use css to change the handle sizes. */
-    sliderHandleSize?: string;
-    /** Styles of the overall slider. */
-    className?: string;
-    /** Styles for the slider handles.  Do not use css to change the handle sizes.  Use 'sliderHandleSize'. */
-    handleClassName?: string;
-    /** Styles for the first handle.  Do not use css to change the handle sizes.  Use 'sliderHandleSize'.  */
-    handle1ClassName?: string;
-    /** Styles for the second handle.  Ignored if the value is not an array.  Do not use css to change the handle sizes.  Use 'sliderHandleSize'.  */
-    handle2ClassName?: string;
-    /** Styles of the track. */
-    trackClassName?: string;
-    /** Styles applied to the track between two handlers.  Ignored if the value is not an array. */
-    innerTrackClassName?: string;
-    /** Styles applied to the floating handle text with using 'showValue'. */
-    sliderTextClassName?: string;
-}
-declare const Slider: <T extends SliderValue>(p: SliderProps<T>) => JSX.Element;
-
-interface TabHeaderTabProps {
-    name: string | JSX.Element;
-    /** The HTML title of the tab button.  Defaults to 'name' prop. */
-    title?: string;
-}
-interface TabHeaderProps {
-    tabs: TabHeaderTabProps[];
-    id?: string;
-    /** Defaults to 10rem. */
-    maxTabWidth?: string;
-    /** Defaults to 'tab'. */
-    variant?: 'tab' | 'button';
-    containerClassName?: string;
-    tabClassName?: string;
-    tabHeaderDividerClassName?: string;
-    /** Defaults to 0. */
-    startingIndex?: number;
-    onTabChanged?: (tabIndex: number) => void;
-    /** If present, tab change will be delayed until this method resolves. */
-    onBeforeTabChanged?: (tabIndex: number) => Promise<void>;
-}
-declare const TabHeader: (p: TabHeaderProps) => JSX.Element;
-
-declare const Table: (props: {
-    caption?: string | JSX.Element;
-    children?: any;
-    noCellBorder?: boolean;
-    /** Styles applied to the table element. */
-    className?: string;
-    /** Colors alternate rows. */
-    altRows?: boolean;
-    /** Styles applied to the table wrapper scroll container. */
-    wrapperClassName?: string;
-}) => JSX.Element;
-declare const Tr: (props: {
-    className?: string;
-    children?: any;
-}) => JSX.Element;
-declare const Th: (props: {
-    children?: any;
-    align?: Alignment;
-    width?: string;
-    style?: React.CSSProperties;
-    className?: string;
-}) => JSX.Element;
-declare const Td: (props: {
-    children?: any;
-    align?: Alignment;
-    style?: React.CSSProperties;
-    colSpan?: number;
-    className?: string;
-}) => JSX.Element;
-
-declare const TdCurrency: (props: {
-    value: number;
-    cents?: boolean;
-}) => JSX.Element;
-
-declare const TdNumber: (props: {
-    value: number;
-}) => JSX.Element;
-
-declare const ThSort: (props: {
-    text: string | JSX.Element;
-    onClick: () => void;
-    align?: Alignment;
-    direction?: 'asc' | 'desc';
-    style?: React.CSSProperties;
-    width?: string;
-    rightContent?: JSX.Element;
-}) => JSX.Element;
-
-declare const TabLocker: (props: {
-    disabled?: boolean;
-    children?: React.ReactNode;
-    style?: React.CSSProperties;
-}) => JSX.Element;
-
-declare type SupportedTags = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'span' | 'div';
-interface TextProps {
-    children: any;
-    /** Defaults to 'p'. */
-    tag?: SupportedTags;
-    align?: Alignment;
-    bold?: boolean;
-    italics?: boolean;
-    className?: string;
-    /** You will need to set a width or max-width on the element for this to work. */
-    ellipsis?: boolean;
-    style?: React.CSSProperties;
-    /** Applies `theme.fonts.sizeSmall` to the font-size. */
-    smaller?: boolean;
-    /** Applies `theme.fonts.sizeLarge` to the font-size. */
-    larger?: boolean;
-    /** Overrides the theme font-size. */
-    fontSize?: string | number;
-    spacedOut?: boolean;
-    lineClamp?: number;
-    /** Will remove all margin/padding from specified tag */
-    noPad?: boolean;
-    leftPad?: string;
-}
-/** Wraps common needs for displaying text.  Use for all text-containing elements to save on duplicated styling.  */
-declare const Text: (props: TextProps) => React.DetailedReactHTMLElement<{
-    style: React.CSSProperties;
-    className: string;
+type SliderValue = number | [number, number];
+interface SliderProps<T extends SliderValue> {
+    min: number;
+    max: number;
+    value: T;
+    id?: string;
+    /** Default is 1. */
+    step?: number;
+    /** Shows the current value above each handle. */
+    showValue?: boolean;
+    onChange: (value: T) => void;
+    onUpdate?: (value: T) => void;
+    /** Used with showValue.  Will be called to render the display string. */
+    renderValue?: (value: number) => string;
+    /** Used with renderValue for the custom element width. Defaults to theme.controls.height * 2. */
+    renderValueWidth?: string;
+    /** The with and height of the handles.  Defaults to theme.controls.height.  Do not use css to change the handle sizes. */
+    sliderHandleSize?: string;
+    /** Styles of the overall slider. */
+    className?: string;
+    /** Styles for the slider handles.  Do not use css to change the handle sizes.  Use 'sliderHandleSize'. */
+    handleClassName?: string;
+    /** Styles for the first handle.  Do not use css to change the handle sizes.  Use 'sliderHandleSize'.  */
+    handle1ClassName?: string;
+    /** Styles for the second handle.  Ignored if the value is not an array.  Do not use css to change the handle sizes.  Use 'sliderHandleSize'.  */
+    handle2ClassName?: string;
+    /** Styles of the track. */
+    trackClassName?: string;
+    /** Styles applied to the track between two handlers.  Ignored if the value is not an array. */
+    innerTrackClassName?: string;
+    /** Styles applied to the floating handle text with using 'showValue'. */
+    sliderTextClassName?: string;
+}
+declare const Slider: <T extends SliderValue>(p: SliderProps<T>) => React__default.JSX.Element;
+
+interface TabHeaderTabProps {
+    name: string | JSX.Element;
+    /** The HTML title of the tab button.  Defaults to 'name' prop. */
+    title?: string;
+}
+interface TabHeaderProps {
+    tabs: TabHeaderTabProps[];
+    id?: string;
+    /** Defaults to 10rem. */
+    maxTabWidth?: string;
+    /** Defaults to 'tab'. */
+    variant?: 'tab' | 'button';
+    containerClassName?: string;
+    tabClassName?: string;
+    tabHeaderDividerClassName?: string;
+    /** Defaults to 0. */
+    startingIndex?: number;
+    onTabChanged?: (tabIndex: number) => void;
+    /** If present, tab change will be delayed until this method resolves. */
+    onBeforeTabChanged?: (tabIndex: number) => Promise<void>;
+}
+declare const TabHeader: (p: TabHeaderProps) => React.JSX.Element;
+
+declare const Table: (props: {
+    caption?: string | JSX.Element;
+    children?: React.ReactNode;
+    noCellBorder?: boolean;
+    /** Styles applied to the table element. */
+    className?: string;
+    /** Colors alternate rows. */
+    altRows?: boolean;
+    /** Styles applied to the table wrapper scroll container. */
+    wrapperClassName?: string;
+}) => React.JSX.Element;
+declare const Tr: (props: {
+    className?: string;
+    children?: React.ReactNode;
+}) => React.JSX.Element;
+declare const Th: (props: {
+    children?: React.ReactNode;
+    align?: Alignment;
+    width?: string;
+    style?: React.CSSProperties;
+    className?: string;
+}) => React.JSX.Element;
+declare const Td: (props: {
+    children?: React.ReactNode;
+    align?: Alignment;
+    style?: React.CSSProperties;
+    colSpan?: number;
+    className?: string;
+}) => React.JSX.Element;
+
+declare const TdCurrency: (props: {
+    value: number;
+    cents?: boolean;
+}) => React.JSX.Element;
+
+declare const TdNumber: (props: {
+    value: number;
+}) => React.JSX.Element;
+
+declare const ThSort: (props: {
+    text: string | JSX.Element;
+    onClick: () => void;
+    align?: Alignment;
+    direction?: 'asc' | 'desc';
+    style?: React.CSSProperties;
+    width?: string;
+    rightContent?: JSX.Element;
+}) => React.JSX.Element;
+
+declare const TabLocker: (props: {
+    disabled?: boolean;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+}) => React.JSX.Element;
+
+type SupportedTags = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'span' | 'div';
+interface TextProps {
+    children: React.ReactNode;
+    /** Defaults to 'p'. */
+    tag?: SupportedTags;
+    align?: Alignment;
+    bold?: boolean;
+    italics?: boolean;
+    className?: string;
+    /** You will need to set a width or max-width on the element for this to work. */
+    ellipsis?: boolean;
+    style?: React.CSSProperties;
+    /** Applies `theme.fonts.sizeSmall` to the font-size. */
+    smaller?: boolean;
+    /** Applies `theme.fonts.sizeLarge` to the font-size. */
+    larger?: boolean;
+    /** Overrides the theme font-size. */
+    fontSize?: string | number;
+    spacedOut?: boolean;
+    lineClamp?: number;
+    /** Will remove all margin/padding from specified tag */
+    noPad?: boolean;
+    leftPad?: string;
+}
+/** Wraps common needs for displaying text.  Use for all text-containing elements to save on duplicated styling.  */
+declare const Text: (props: TextProps) => React.DetailedReactHTMLElement<{
+    style: React.CSSProperties;
+    className: string;
 }, HTMLElement>;
 
-declare type BaseProps = Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'value'> & InputOnFocusProps;
-interface TextAreaProps extends BaseProps {
-    value?: string;
-    /** By default all leading and trailing whitespace will be cleared on blur. */
-    noTrim?: boolean;
-    /** Will mark the input as invalid and show this as the validation failed message. */
-    customError?: string;
-    /** onValueChange will report the local value even if the control is flagged as invalid.  Defaults to false. */
-    reportValueOnError?: boolean;
-    /** Will show validation below the input.  Defaults to 'true'. */
-    showErrorDisplay?: boolean;
-    onValueChange: (value: string | undefined) => void;
-}
-declare const TextArea: React.ForwardRefExoticComponent<Pick<TextAreaProps, "form" | "value" | "key" | "autoComplete" | "autoFocus" | "cols" | "dirName" | "disabled" | "maxLength" | "minLength" | "name" | "placeholder" | "readOnly" | "required" | "rows" | "wrap" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "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" | "noTrim" | "customError" | "reportValueOnError" | "showErrorDisplay" | "onValueChange" | "allowUpdateOnFocus"> & React.RefAttributes<HTMLTextAreaElement>>;
-
-declare type ToggleButtonVariant = 'primary' | 'secondary' | 'omg' | 'primary2' | 'positive' | 'negative';
-declare type PartialButtonProps = Omit<ButtonProps, 'variant' | 'rightIcon' | 'leftIcon' | 'children'>;
-interface ToggleButtonProps extends PartialButtonProps {
-    checked: boolean;
-    /** @deprecated Use 'checkedChildren' */
-    checkedText?: string;
-    /** @deprecated Use 'uncheckedChildren' */
-    uncheckedText?: string;
-    checkedChildren?: React.ReactNode;
-    uncheckedChildren?: React.ReactNode;
-    variant?: ToggleButtonVariant;
-    checkedVariant?: ToggleButtonVariant;
-    checkedClassName?: string;
-    checkedStyle?: React.CSSProperties;
-    checkedIcon?: JSX.Element;
-    uncheckedIcon?: JSX.Element;
-}
-declare const ToggleButton: React.ForwardRefExoticComponent<Pick<ToggleButtonProps, "variant" | "round" | "iconBlock" | "small" | "readOnly" | "waiting" | "enforceMinWidth" | "controlAlign" | "key" | "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "checked" | "checkedText" | "uncheckedText" | "checkedChildren" | "uncheckedChildren" | "checkedVariant" | "checkedClassName" | "checkedStyle" | "checkedIcon" | "uncheckedIcon"> & React.RefAttributes<HTMLButtonElement>>;
-
-interface ToggleButtonGroupProps {
-    value: string | number;
-    options: {
-        id: string | number;
-        name: string | JSX.Element;
-        rightIcon?: JSX.Element;
-        activeClass?: string;
-    }[];
-    onChange: (value: string | number) => void;
-    className?: string;
-    disabled?: boolean;
-    /** The minimum button size will be set to the themes' formButtonMinWidth. */
-    enforceMinWidth?: boolean;
-    round?: boolean;
-    small?: boolean;
-    width?: string;
-}
-declare const ToggleButtonGroup: (props: ToggleButtonGroupProps) => JSX.Element;
-
-interface TogglePasswordInputProps extends Omit<TextInputProps, 'type' | 'rightControl'> {
-    onVisibilityChanged?: (visible: boolean) => void;
-}
-declare const TogglePasswordInput: React.ForwardRefExoticComponent<Pick<TogglePasswordInputProps, "value" | "round" | "wrapperClassName" | "showErrorDisplay" | "key" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "maxLength" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "required" | "size" | "src" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "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" | "trim" | "emptyString" | "onValueChange" | "customError" | "patternErrorMessage" | "allowUpdateOnFocus" | "onVisibilityChanged"> & React.RefAttributes<HTMLInputElement>>;
-
-declare const WaitingIndicator: (p: {
-    show: boolean;
-    minShowTimeMs?: number;
-    id?: string;
-    __debug?: boolean;
-}) => JSX.Element;
-
-/** Tells you actual width of the scroll bar.  This can vary by browser. */
-declare const useScrollbarSize: (recalc?: boolean | undefined) => number;
-
-/** Provides stateful notifications around async calls. */
-declare const useWaiting: <TArgs extends any[], TReturn>(func: (...args: TArgs) => Promise<TReturn>) => [boolean, (...args: TArgs) => Promise<TReturn>];
-
-/** useEffect but it will only fire when the actual truthiness of the value changes.
- * Use for comparing previous states to next states without all the bullshit around useEffect and component mounting.
-*/
+type BaseProps = Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'value'> & InputOnFocusProps;
+interface TextAreaProps extends BaseProps {
+    value?: string;
+    /** By default all leading and trailing whitespace will be cleared on blur. */
+    noTrim?: boolean;
+    /** Will mark the input as invalid and show this as the validation failed message. */
+    customError?: string;
+    /** onValueChange will report the local value even if the control is flagged as invalid.  Defaults to false. */
+    reportValueOnError?: boolean;
+    /** Will show validation below the input.  Defaults to 'true'. */
+    showErrorDisplay?: boolean;
+    onValueChange: (value: string | undefined) => void;
+}
+declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+
+type ToggleButtonVariant = 'primary' | 'secondary' | 'omg' | 'primary2' | 'positive' | 'negative';
+type PartialButtonProps = Omit<ButtonProps, 'variant' | 'rightIcon' | 'leftIcon' | 'children'>;
+interface ToggleButtonProps extends PartialButtonProps {
+    checked: boolean;
+    checkedChildren?: React.ReactNode;
+    uncheckedChildren?: React.ReactNode;
+    variant?: ToggleButtonVariant;
+    checkedVariant?: ToggleButtonVariant;
+    checkedClassName?: string;
+    checkedStyle?: React.CSSProperties;
+    checkedIcon?: JSX.Element;
+    uncheckedIcon?: JSX.Element;
+}
+declare const ToggleButton: React.ForwardRefExoticComponent<Omit<ToggleButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+interface ToggleButtonGroupProps {
+    value: string | number;
+    options: {
+        id: string | number;
+        name: string | JSX.Element;
+        rightIcon?: JSX.Element;
+        activeClass?: string;
+    }[];
+    onChange: (value: string | number) => void;
+    className?: string;
+    disabled?: boolean;
+    /** The minimum button size will be set to the themes' formButtonMinWidth. */
+    enforceMinWidth?: boolean;
+    round?: boolean;
+    small?: boolean;
+    width?: string;
+}
+declare const ToggleButtonGroup: (props: ToggleButtonGroupProps) => React.JSX.Element;
+
+interface TogglePasswordInputProps extends Omit<TextInputProps, 'type' | 'rightControl'> {
+    onVisibilityChanged?: (visible: boolean) => void;
+}
+declare const TogglePasswordInput: React.ForwardRefExoticComponent<Omit<TogglePasswordInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+declare const WaitingIndicator: (p: {
+    show: boolean;
+    minShowTimeMs?: number;
+    id?: string;
+    __debug?: boolean;
+}) => React__default.JSX.Element;
+
+/** Tells you actual width of the scroll bar.  This can vary by browser. */
+declare const useScrollbarSize: (recalc?: boolean) => number;
+
+/** Provides stateful notifications around async calls. */
+declare const useWaiting: <TArgs extends unknown[], TReturn>(func: (...args: TArgs) => Promise<TReturn>) => [boolean, (...args: TArgs) => Promise<TReturn>];
+
+/** useEffect but it will only fire when the actual truthiness of the value changes.
+ * Use for comparing previous states to next states without all the bullshit around useEffect and component mounting.
+*/
 declare const useBooleanChanged: (effect: (current: boolean, previous: boolean) => void, dep: boolean | undefined) => void;
 
-interface NormalizeCssProps {
-}
-/** Resets certain styles so there is more consistancy between browsers. */
-declare const NormalizeCss: (p: NormalizeCssProps) => null;
+/** Resets certain styles so there is more consistancy between browsers. */
+declare const NormalizeCss: () => null;
 
-/** Displays the value in American dollars. */
-declare const getCurrencyDisplay: (value: number, isCents?: boolean | undefined, denomination?: string) => string;
+/** Displays the value in American dollars. */
+declare const getCurrencyDisplay: (value: number, isCents?: boolean, denomination?: string) => string;
 
-/** Converts an enum to an array of entities with id and name.  The enum can be an integer or string enum.*/
-declare const enumToEntities: <T extends {
-    [key: string]: string | number;
-}>(enumObj: T) => {
-    id: string | number;
-    name: string;
+/** Converts an enum to an array of entities with id and name.  The enum can be an integer or string enum.*/
+declare const enumToEntities: <T extends {
+    [key: string]: string | number;
+}>(enumObj: T) => {
+    id: string | number;
+    name: string;
 }[];
 
-interface LinkContentProps {
-    rightIcon?: JSX.Element;
-    leftIcon?: JSX.Element;
-    children?: ReactNode;
-    waiting?: boolean;
+interface LinkContentProps {
+    rightIcon?: JSX.Element;
+    leftIcon?: JSX.Element;
+    children?: ReactNode;
+    waiting?: boolean;
+}
+
+interface LinkProps extends LinkContentProps, React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
+    href: string;
+    block?: boolean;
+    /** Full width with max space between the text and the icon */
+    iconBlock?: boolean;
+    /** Corresponds to the button variants of the same name. */
+    variant?: 'button' | 'label' | 'icon' | 'circle' | 'primary' | 'secondary' | 'omg' | 'primary2' | 'positive' | 'negative' | 'text';
+    /** Only for button variants. */
+    round?: boolean;
+    /** Only for button variants. */
+    small?: boolean;
+    /** Only for button variants. */
+    waiting?: boolean;
+    disabled?: boolean;
+    /** Overrides the `theme.colors.link` for non-button variants or `theme.colors.font` for the `button` variant.  Does not apply to themed button variants like `primary`. */
+    colorOverride?: string;
 }
+declare const Link: (props: LinkProps) => React.JSX.Element;
 
-interface LinkProps extends LinkContentProps, React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
-    href: string;
-    block?: boolean;
-    /** Full width with max space between the text and the icon */
-    iconBlock?: boolean;
-    /** Corresponds to the button variants of the same name. */
-    variant?: 'button' | 'label' | 'icon' | 'circle' | 'primary' | 'secondary' | 'omg' | 'primary2' | 'positive' | 'negative' | 'text';
-    /** Only for button variants. */
-    round?: boolean;
-    /** Only for button variants. */
-    small?: boolean;
-    /** Only for button variants. */
-    waiting?: boolean;
-    disabled?: boolean;
-    /** Overrides the `theme.colors.link` for non-button variants or `theme.colors.font` for the `button` variant.  Does not apply to themed button variants like `primary`. */
-    colorOverride?: string;
-}
-declare const Link: (props: LinkProps) => JSX.Element;
-
-interface ThemeRendererProps extends MackinTheme {
-    backgroundColor?: string;
-    color?: string;
-}
-declare const ThemeRenderer: (p: ThemeRendererProps) => JSX.Element;
-
-interface TabContainerProps {
-    tabs: {
-        name: string | JSX.Element;
-        /** The HTML title of the tab button.  Defaults to 'name' prop. */
-        title?: string;
-        getContent: () => JSX.Element;
-    }[];
-    id?: string;
-    /** Defaults to 10rem. */
-    maxTabWidth?: string;
-    /** Defaults to 'tab'. */
-    variant?: 'tab' | 'button';
-    contentClassName?: string;
-    /** This is applied to the `containerClassName` prop of TabHeader. */
-    tabHeaderClassName?: string;
-    /** This is applied to the `tabClassName` prop of TabHeader. */
-    tabClassName?: string;
-    /** This is applied to the `tabHeaderDividerClassName` prop of TabHeader. */
-    tabHeaderDividerClassName?: string;
-    /** Defaults to 0. */
-    startingIndex?: number;
-    onTabChanged?: (tabIndex: number) => void;
-    /** If present, tab change will be delayed until this method resolves. */
-    onBeforeTabChanged?: (tabIndex: number) => Promise<void>;
-}
-declare const TabContainer: (p: TabContainerProps) => JSX.Element;
-
-/** Add to fixed positioned elements so their contents do not jump around when scrolling is disabled. */
+interface ThemeRendererProps extends MackinTheme {
+    backgroundColor?: string;
+    color?: string;
+}
+declare const ThemeRenderer: (p: ThemeRendererProps) => React.JSX.Element;
+
+interface TabContainerProps {
+    tabs: {
+        name: string | JSX.Element;
+        /** The HTML title of the tab button.  Defaults to 'name' prop. */
+        title?: string;
+        getContent: () => JSX.Element;
+    }[];
+    id?: string;
+    /** Defaults to 10rem. */
+    maxTabWidth?: string;
+    /** Defaults to 'tab'. */
+    variant?: 'tab' | 'button';
+    contentClassName?: string;
+    /** This is applied to the `containerClassName` prop of TabHeader. */
+    tabHeaderClassName?: string;
+    /** This is applied to the `tabClassName` prop of TabHeader. */
+    tabClassName?: string;
+    /** This is applied to the `tabHeaderDividerClassName` prop of TabHeader. */
+    tabHeaderDividerClassName?: string;
+    /** Defaults to 0. */
+    startingIndex?: number;
+    onTabChanged?: (tabIndex: number) => void;
+    /** If present, tab change will be delayed until this method resolves. */
+    onBeforeTabChanged?: (tabIndex: number) => Promise<void>;
+}
+declare const TabContainer: (p: TabContainerProps) => React.JSX.Element;
+
+/** Add to fixed positioned elements so their contents do not jump around when scrolling is disabled. */
 declare const modalScrollFixClassName = "modal-scroll-fix";
 
-interface AutoCompleteConfig {
-    /** Number of characters entered before getOptions is called.  Defaults to 3. */
-    minChars?: number;
-    /** Number of ms to debounce prior to calling getOptions on change.  Defaults to no debounce. */
-    debounceMs?: number;
+interface AutoCompleteConfig {
+    /** Number of characters entered before getOptions is called.  Defaults to 3. */
+    minChars?: number;
+    /** Number of ms to debounce prior to calling getOptions on change.  Defaults to no debounce. */
+    debounceMs?: number;
 }
 
-declare class AutocompleteController {
-    constructor(getOptions: (value: string | undefined) => Promise<string[]>, config?: AutoCompleteConfig);
-    get value(): string | undefined;
-    get options(): string[];
-    onChange(newValue: string | undefined): Promise<void>;
-    onPick(newValue: string | undefined): void;
-    private readonly getOptions;
-    private readonly _minChars;
-    private _value;
-    private _options;
+declare class AutocompleteController {
+    constructor(getOptions: (value: string | undefined) => Promise<string[]>, config?: AutoCompleteConfig);
+    get value(): string | undefined;
+    get options(): string[];
+    onChange(newValue: string | undefined): Promise<void>;
+    onPick(newValue: string | undefined): void;
+    private readonly getOptions;
+    private readonly _minChars;
+    private _value;
+    private _options;
 }
 
-/** Extracted logic around autocomplete functionality for Autocomplete.tsx that supports Entity (id/name) mapping. */
-declare class AutocompleteEntityController<T extends string | number> {
-    constructor(getOptions: (value: string | undefined) => Promise<Entity<T>[]>, config?: AutoCompleteConfig);
-    get entity(): Entity<T> | undefined;
-    get entities(): Entity<T>[];
-    get value(): string | undefined;
-    get options(): string[];
-    onChange(newValue: string | undefined): Promise<void>;
-    onPick(newValue: string | undefined): void;
-    private _ctrl;
-    private _pickedEntity;
-    private _options;
-    private trySyncCtrlOptions;
-}
-interface Entity<T extends string | number> {
-    id: T;
-    name: string;
+/** Extracted logic around autocomplete functionality for Autocomplete.tsx that supports Entity (id/name) mapping. */
+declare class AutocompleteEntityController<T extends string | number> {
+    constructor(getOptions: (value: string | undefined) => Promise<Entity<T>[]>, config?: AutoCompleteConfig);
+    get entity(): Entity<T> | undefined;
+    get entities(): Entity<T>[];
+    get value(): string | undefined;
+    get options(): string[];
+    onChange(newValue: string | undefined): Promise<void>;
+    onPick(newValue: string | undefined): void;
+    private _ctrl;
+    private _pickedEntity;
+    private _options;
+    private trySyncCtrlOptions;
+}
+interface Entity<T extends string | number> {
+    id: T;
+    name: string;
 }
 
-export { Accordian, AccordianProps, Alignment, Autocomplete, AutocompleteController, AutocompleteEntityController, AutocompleteProps, Backdrop$1 as Backdrop, Backdrop as Backdrop2, BoundMemoryPager, BoundStaticPager, Button, ButtonProps, Calendar, CalendarProps, Checkbox, CheckboxProps, ConfirmModal, ConfirmModalProps, CopyButton, DateInput, DateInputProps, Divider, ErrorModal, FileUploader, Form, FormColumnRow, FormFlexRow, FormProps, GlobalStyles, Header, Highlight, ICONS, Icon, Image, ImageProps, InfoPanel, InfoTip, InfoTipProps, ItemPager, Label, LabelProps, Link, LinkProps, List, ListItem, ListItemProps, ListProps, MackinTheme, Modal, ModalProps, Nav, NormalizeCss, NumberInput, NumberInputProps, OmniLink, OmniLinkProps, PagedResult, PagedResultDto, Pager, PagerProps, Picker, PickerOption, PickerProps, PickerValue, Popover, ProgressBar, ProgressBarProps, SearchBox, SearchBoxProps, Slider, SliderProps, SliderValue, TabContainer, TabContainerProps, TabHeader, TabHeaderProps, TabLocker, Table, Td, TdCurrency, TdNumber, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, Th, ThSort, ThemeProvider, ThemeRenderer, ToggleButton, ToggleButtonGroup, ToggleButtonGroupProps, ToggleButtonProps, TogglePasswordInput, Tr, WaitingIndicator, calcDynamicThemeProps, defaultTheme, enumToEntities, getCurrencyDisplay, getFileSizeDisplay, modalScrollFixClassName, useAccordianState, useBooleanChanged, useIgnoreMount, useMediaQuery, useScrollbarSize, useThemeSafely, useWaiting };
+export { Accordian, type AccordianProps, type Alignment, Autocomplete, AutocompleteController, AutocompleteEntityController, type AutocompleteProps, Backdrop$1 as Backdrop, Backdrop as Backdrop2, BoundMemoryPager, BoundStaticPager, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, ConfirmModal, type ConfirmModalProps, CopyButton, DateInput, type DateInputProps, Divider, ErrorModal, FileUploader, Form, FormColumnRow, FormFlexRow, type FormProps, GlobalStyles, Header, Highlight, ICONS, Icon, Image, type ImageProps, InfoPanel, InfoTip, type InfoTipProps, ItemPager, Label, type LabelProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, type MackinTheme, Modal, type ModalProps, Nav, NormalizeCss, NumberInput, type NumberInputProps, OmniLink, type OmniLinkProps, PagedResult, type PagedResultDto, Pager, type PagerProps, Picker, type PickerOption, type PickerProps, type PickerValue, Popover, ProgressBar, type ProgressBarProps, SearchBox, type SearchBoxProps, Slider, type SliderProps, type SliderValue, TabContainer, type TabContainerProps, TabHeader, type TabHeaderProps, TabLocker, Table, Td, TdCurrency, TdNumber, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, Th, ThSort, ThemeProvider, ThemeRenderer, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, TogglePasswordInput, Tr, WaitingIndicator, calcDynamicThemeProps, defaultTheme, enumToEntities, getCurrencyDisplay, getFileSizeDisplay, modalScrollFixClassName, useAccordianState, useBooleanChanged, useIgnoreMount, useMediaQuery, useScrollbarSize, useThemeSafely, useWaiting };