@deque/cauldron-react 5.7.1 → 5.8.0-canary.55b0441c

package/lib/components/Listbox/ListboxGroup.d.ts

@@ -0,0 +1,9 @@
+import { ContentNode } from '../../types';
+import React from 'react';
+interface ListboxGroupProps extends React.HTMLAttributes<HTMLElement> {
+    as?: React.ElementType | string;
+    groupLabelProps?: React.HTMLAttributes<HTMLLIElement>;
+    label: ContentNode;
+}
+declare const ListboxGroup: React.ForwardRefExoticComponent<ListboxGroupProps & React.RefAttributes<HTMLElement>>;
+export default ListboxGroup;

package/lib/components/Listbox/ListboxOption.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type ListboxValue = Readonly<string | number | undefined>;
+interface ListboxOptionsProps extends React.HTMLAttributes<HTMLElement> {
+    as?: React.ElementType | string;
+    value?: ListboxValue;
+    disabled?: boolean;
+    activeClass?: string;
+}
+declare const ListboxOption: React.ForwardRefExoticComponent<ListboxOptionsProps & React.RefAttributes<HTMLElement>>;
+export default ListboxOption;

package/lib/components/Listbox/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './Listbox';
+export { default as ListboxOption } from './ListboxOption';
+export { default as ListboxGroup } from './ListboxGroup';
+export { ListboxProvider, useListboxContext } from './ListboxContext';

package/lib/components/LoaderOverlay/axe-loader.d.ts

@@ -1 +1,2 @@
-export default function AxeLoader(): JSX.Element;
+import React from 'react';
+export default function AxeLoader(): React.JSX.Element;

package/lib/components/Main/index.d.ts

@@ -8,10 +8,10 @@ export default class Main extends Component<MainProps> {
         mainRef: () => void;
     };
     static propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        mainRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        mainRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
             current: PropTypes.Requireable<any>;
-        }>>;
+        }> | null | undefined>>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/components/MenuBar/index.d.ts

@@ -10,7 +10,7 @@ interface MenuBarState {
 }
 export default class TopBar extends React.Component<MenuBarProps, MenuBarState> {
     static propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;
         thin: PropTypes.Requireable<boolean>;
         hasTrigger: PropTypes.Requireable<boolean>;
@@ -28,6 +28,6 @@ export default class TopBar extends React.Component<MenuBarProps, MenuBarState>
     private handleThin;
     private renderChild;
     onKeyDown(e: React.KeyboardEvent<HTMLElement>): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/lib/components/MenuItem/index.d.ts

@@ -15,10 +15,10 @@ export default class MenuItem extends Component<MenuItemProps> {
         autoClickLink: boolean;
     };
     static propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        menuItemRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        menuItemRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
             current: PropTypes.Requireable<any>;
-        }>>;
+        }> | null | undefined>>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         autoClickLink: PropTypes.Requireable<boolean>;
@@ -27,6 +27,6 @@ export default class MenuItem extends Component<MenuItemProps> {
     constructor(props: MenuItemProps);
     onClick(e: React.MouseEvent<HTMLLIElement>): void;
     onKeyDown(e: React.KeyboardEvent<HTMLLIElement>): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/lib/components/Modal/index.d.ts

@@ -3,9 +3,9 @@ import { DialogProps } from '../Dialog';
 interface ModalProps extends Omit<DialogProps, 'forceAction'> {
     variant?: 'info';
 }
-declare const Modal: ({ children, className, variant, ...other }: ModalProps) => JSX.Element;
+declare const Modal: ({ children, className, variant, ...other }: ModalProps) => React.JSX.Element;
 declare const ModalContent: {
-    ({ children, className, ...other }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+    ({ children, className, ...other }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
     propTypes: {
         className: import("prop-types").Requireable<string>;
@@ -13,7 +13,7 @@ declare const ModalContent: {
     };
 };
 declare const ModalFooter: {
-    ({ children, className, ...other }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+    ({ children, className, ...other }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
     propTypes: {
         className: import("prop-types").Requireable<string>;

package/lib/components/NavBar/NavBar.d.ts

@@ -8,10 +8,10 @@ interface NavBarProps extends React.HTMLAttributes<HTMLDivElement> {
     propId?: string;
 }
 declare const NavBar: {
-    ({ children, className, collapsed, navTriggerLabel, propId, ...props }: NavBarProps): JSX.Element;
+    ({ children, className, collapsed, navTriggerLabel, propId, ...props }: NavBarProps): React.JSX.Element;
     displayName: string;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;
         collapsed: PropTypes.Requireable<boolean>;
         navTriggerLabel: PropTypes.Requireable<string>;

package/lib/components/NavBar/NavItem.d.ts

@@ -9,7 +9,7 @@ declare const NavItem: {
     ({ children, active, "aria-current": ariaCurrent, ...other }: NavItemProps): JSX.Element;
     displayName: string;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
     };
 };
 export default NavItem;

package/lib/components/Offscreen/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-export declare type OffscreenProps = React.HTMLAttributes<HTMLSpanElement>;
-declare const Offscreen: (props: OffscreenProps) => JSX.Element;
+export type OffscreenProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const Offscreen: (props: OffscreenProps) => React.JSX.Element;
 export default Offscreen;

package/lib/components/OptionsMenu/OptionsMenu.d.ts

@@ -22,7 +22,7 @@ export interface OptionsMenuProps extends OptionsMenuAlignmentProps {
 interface OptionsMenuState {
     show: boolean;
 }
-declare type AllOptionsMenuProps = OptionsMenuProps & React.HTMLAttributes<HTMLLIElement>;
+type AllOptionsMenuProps = OptionsMenuProps & React.HTMLAttributes<HTMLLIElement>;
 export default class OptionsMenu extends Component<AllOptionsMenuProps, OptionsMenuState> {
     static defaultProps: {
         onClose: () => void;
@@ -31,14 +31,14 @@ export default class OptionsMenu extends Component<AllOptionsMenuProps, OptionsM
     };
     static propTypes: {
         trigger: PropTypes.Requireable<(...args: any[]) => any>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         onClose: PropTypes.Requireable<(...args: any[]) => any>;
         className: PropTypes.Requireable<string>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
         closeOnSelect: PropTypes.Requireable<boolean>;
-        menuRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+        menuRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
             current: PropTypes.Requireable<any>;
-        }>>;
+        }> | null | undefined>>;
         align: PropTypes.Requireable<string>;
     };
     private triggerRef;
@@ -46,6 +46,6 @@ export default class OptionsMenu extends Component<AllOptionsMenuProps, OptionsM
     toggleMenu: (event: React.MouseEvent<HTMLButtonElement>) => void;
     handleClose: () => void;
     handleTriggerKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/lib/components/OptionsMenu/OptionsMenuList.d.ts

@@ -15,14 +15,14 @@ export default class OptionsMenuList extends React.Component<OptionsMenuListProp
     };
     static propTypes: {
         show: PropTypes.Requireable<boolean>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         onClose: PropTypes.Requireable<(...args: any[]) => any>;
         className: PropTypes.Requireable<string>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
         closeOnSelect: PropTypes.Requireable<boolean>;
-        menuRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+        menuRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
             current: PropTypes.Requireable<any>;
-        }>>;
+        }> | null | undefined>>;
     };
     private itemRefs;
     private menuRef;
@@ -33,6 +33,6 @@ export default class OptionsMenuList extends React.Component<OptionsMenuListProp
     private handleClickOutside;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/lib/components/OptionsMenu/OptionsMenuWrapper.d.ts

@@ -7,9 +7,9 @@ export interface OptionsMenuWrapperProps extends React.HTMLAttributes<HTMLDivEle
  * Wrapper / parent component for the <OptionsMenuTrigger /> and <OptionsMenu /> components
  */
 declare const OptionsMenuWrapper: {
-    ({ className, align, ...other }: OptionsMenuWrapperProps): JSX.Element;
+    ({ className, align, ...other }: OptionsMenuWrapperProps): React.JSX.Element;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;
         align: PropTypes.Requireable<string>;
     };

package/lib/components/Pointout/index.d.ts

@@ -41,18 +41,18 @@ export default class Pointout extends React.Component<PointoutProps, PointoutSta
     };
     static propTypes: {
         heading: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        ftpRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        ftpRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
             current: PropTypes.Requireable<any>;
-        }>>;
+        }> | null | undefined>>;
         noArrow: (props: PointoutProps, propName: keyof PointoutProps) => Error | undefined;
         arrowPosition: PropTypes.Requireable<string>;
         onClose: PropTypes.Requireable<(...args: any[]) => any>;
         dismissText: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
-        target: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+        target: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
             current: PropTypes.Requireable<any>;
-        }>>;
+        }> | null | undefined>>;
         disableOffscreenPointout: PropTypes.Requireable<boolean>;
         portal: PropTypes.Requireable<any>;
         previousButtonProps: PropTypes.Requireable<any>;
@@ -76,7 +76,7 @@ export default class Pointout extends React.Component<PointoutProps, PointoutSta
     handleOffscreenFocusOut: ({ target }: FocusEvent) => void;
     positionRelativeToTarget: () => void;
     componentDidUpdate(nextProps: PointoutProps): void;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
     onCloseClick(): void;
 }
 export {};

package/lib/components/ProgressBar/index.d.ts

@@ -1,6 +1,6 @@
 import { Cauldron } from '../../types';
 import React from 'react';
-declare type ProgressBarProps = {
+type ProgressBarProps = {
     progress: number;
     progressMax?: number;
     progressMin?: number;

package/lib/components/RadioCardGroup/index.d.ts

@@ -16,7 +16,7 @@ export interface RadioCardGroupProps {
     onChange: (radio: RadioItem, input: HTMLElement) => void;
 }
 declare const RadioCardGroup: {
-    ({ name, radios, defaultValue, value, onChange, className, ...other }: RadioCardGroupProps): JSX.Element;
+    ({ name, radios, defaultValue, value, onChange, className, ...other }: RadioCardGroupProps): React.JSX.Element;
     propTypes: {
         name: PropTypes.Requireable<string>;
         radios: PropTypes.Validator<(PropTypes.InferProps<{

package/lib/components/Scrim/index.d.ts

@@ -17,6 +17,6 @@ export default class Scrim extends React.Component<ScrimProps, ScrimState> {
     fadeIn(): void;
     fadeOut(): void;
     componentDidUpdate(prevProps: ScrimProps): void;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }
 export {};

package/lib/components/Select/index.d.ts

@@ -16,5 +16,5 @@ export interface SelectProps extends Omit<React.HTMLProps<HTMLSelectElement>, 'c
     defaultValue?: any;
     onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
 }
-declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "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" | "form" | "list" | "step" | "cite" | "data" | "label" | "span" | "summary" | "pattern" | "type" | "key" | "download" | "target" | "name" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "open" | "error" | "start" | "content" | "size" | "default" | "wrap" | "multiple" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "width" | "wmode" | "options" | "requiredText"> & React.RefAttributes<HTMLSelectElement>>;
+declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
 export default Select;

package/lib/components/SideBar/SideBar.d.ts

@@ -17,7 +17,7 @@ export default class SideBar extends Component<SideBarProps, SideBarState> {
         show: boolean;
     };
     static propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         onDismiss: PropTypes.Validator<(...args: any[]) => any>;
         className: PropTypes.Requireable<string>;
         show: PropTypes.Requireable<boolean>;
@@ -33,6 +33,6 @@ export default class SideBar extends Component<SideBarProps, SideBarState> {
     private handleClickOutside;
     componentDidUpdate(prevProps: SideBarProps): void;
     private animate;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/lib/components/SkipLink/index.d.ts

@@ -22,7 +22,7 @@ export default class SkipLink extends React.Component<SkipLinkProps, SkipLinkSta
         targetText: PropTypes.Requireable<string>;
     };
     constructor(props: SkipLinkProps);
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private onClick;
     private onFocus;
     private onBlur;

package/lib/components/Stepper/index.d.ts

@@ -10,9 +10,9 @@ interface StepWithTooltip extends BaseStepProps {
     tooltip: React.ReactNode;
     tooltipText: string;
 }
-declare type StepProps = StepWithChildren | StepWithTooltip;
+type StepProps = StepWithChildren | StepWithTooltip;
 export declare const Step: {
-    (props: StepProps): JSX.Element;
+    (props: StepProps): React.JSX.Element;
     displayName: string;
     propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -26,10 +26,10 @@ interface StepperProps {
     className?: string;
 }
 declare const Stepper: {
-    ({ children, className, ...other }: StepperProps): JSX.Element;
+    ({ children, className, ...other }: StepperProps): React.JSX.Element;
     displayName: string;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;
     };
 };

package/lib/components/Table/Table.d.ts

@@ -1,13 +1,13 @@
-import { TableHTMLAttributes } from 'react';
+import React, { TableHTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
     variant?: 'border';
 }
 declare const Table: {
-    ({ children, className, variant, ...other }: TableProps): JSX.Element;
+    ({ children, className, variant, ...other }: TableProps): React.JSX.Element;
     displayName: string;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;
         variant: PropTypes.Requireable<string>;
     };

package/lib/components/Table/TableBody.d.ts

@@ -1,10 +1,10 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 declare const TableBody: {
-    ({ children, className, ...other }: HTMLAttributes<HTMLTableSectionElement>): JSX.Element;
+    ({ children, className, ...other }: HTMLAttributes<HTMLTableSectionElement>): React.JSX.Element;
     displayName: string;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;
     };
 };

package/lib/components/Table/TableCell.d.ts

@@ -1,10 +1,10 @@
-import { TdHTMLAttributes } from 'react';
+import React, { TdHTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 declare const TableCell: {
-    ({ children, className, ...other }: TdHTMLAttributes<HTMLTableCellElement>): JSX.Element;
+    ({ children, className, ...other }: TdHTMLAttributes<HTMLTableCellElement>): React.JSX.Element;
     displayName: string;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;
     };
 };

package/lib/components/Table/TableFooter.d.ts

@@ -1,10 +1,10 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 declare const TableFooter: {
-    ({ children, className, ...other }: HTMLAttributes<HTMLTableSectionElement>): JSX.Element;
+    ({ children, className, ...other }: HTMLAttributes<HTMLTableSectionElement>): React.JSX.Element;
     displayName: string;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;
     };
 };

package/lib/components/Table/TableHead.d.ts

@@ -1,10 +1,10 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 declare const TableHead: {
-    ({ children, className, ...other }: HTMLAttributes<HTMLTableSectionElement>): JSX.Element;
+    ({ children, className, ...other }: HTMLAttributes<HTMLTableSectionElement>): React.JSX.Element;
     displayName: string;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;
     };
 };

package/lib/components/Table/TableHeader.d.ts

@@ -1,6 +1,6 @@
-import { ThHTMLAttributes } from 'react';
+import React, { ThHTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
-declare type SortDirection = 'ascending' | 'descending' | 'none';
+type SortDirection = 'ascending' | 'descending' | 'none';
 interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {
     sortDirection?: SortDirection;
     onSort?: () => void;
@@ -8,10 +8,10 @@ interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {
     sortDescendingAnnouncement?: string;
 }
 declare const TableHeader: {
-    ({ children, sortDirection, onSort, className, sortAscendingAnnouncement, sortDescendingAnnouncement, ...other }: TableHeaderProps): JSX.Element;
+    ({ children, sortDirection, onSort, className, sortAscendingAnnouncement, sortDescendingAnnouncement, ...other }: TableHeaderProps): React.JSX.Element;
     displayName: string;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         sortDirection: PropTypes.Requireable<string>;
         onSort: PropTypes.Requireable<(...args: any[]) => any>;
         className: PropTypes.Requireable<string>;

package/lib/components/Table/TableRow.d.ts

@@ -1,10 +1,10 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 declare const TableRow: {
-    ({ children, className, ...other }: HTMLAttributes<HTMLTableRowElement>): JSX.Element;
+    ({ children, className, ...other }: HTMLAttributes<HTMLTableRowElement>): React.JSX.Element;
     displayName: string;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;
     };
 };

package/lib/components/Tabs/Tabs.d.ts

@@ -1,7 +1,7 @@
 import { Cauldron } from '../../types';
 import React from 'react';
 import PropTypes from 'prop-types';
-declare type TabsProps = {
+type TabsProps = {
     children: React.ReactNode;
     initialActiveIndex?: number;
     thin?: boolean;
@@ -16,7 +16,7 @@ declare const Tabs: {
     ({ children, thin, orientation, initialActiveIndex, className, onChange, ...labelProp }: TabsProps): JSX.Element;
     displayName: string;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         'aria-label': PropTypes.Requireable<string>;
         'aria-labelledby': PropTypes.Requireable<string>;
         initialActiveIndex: PropTypes.Requireable<number>;

package/lib/components/Tag/index.d.ts

@@ -5,18 +5,18 @@ interface TagProps {
     className?: string;
 }
 export declare const TagLabel: {
-    ({ children, className, ...other }: TagProps): JSX.Element;
+    ({ children, className, ...other }: TagProps): React.JSX.Element;
     displayName: string;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;
     };
 };
 declare const Tag: {
-    ({ children, className, ...other }: TagProps): JSX.Element;
+    ({ children, className, ...other }: TagProps): React.JSX.Element;
     displayName: string;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;
     };
 };

package/lib/components/TextField/index.d.ts

@@ -24,15 +24,15 @@ export default class TextField extends React.Component<TextFieldProps, TextField
         multiline: boolean;
     };
     static propTypes: {
-        label: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         id: PropTypes.Requireable<string>;
         error: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         defaultValue: PropTypes.Requireable<string>;
         value: PropTypes.Requireable<string>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        fieldRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+        fieldRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
             current: PropTypes.Requireable<any>;
-        }>>;
+        }> | null | undefined>>;
         required: PropTypes.Requireable<boolean>;
         requiredText: PropTypes.Requireable<string>;
         multiline: PropTypes.Requireable<boolean>;
@@ -42,7 +42,7 @@ export default class TextField extends React.Component<TextFieldProps, TextField
     private errorId;
     private input;
     constructor(props: TextFieldProps);
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     onChange(e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>): void;
 }
 export {};

package/lib/components/Toast/index.d.ts

@@ -28,13 +28,13 @@ export default class Toast extends React.Component<ToastProps, ToastState> {
         dismissible: boolean;
     };
     static propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         type: PropTypes.Validator<string>;
         onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
         dismissText: PropTypes.Requireable<string>;
-        toastRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+        toastRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
             current: PropTypes.Requireable<any>;
-        }>>;
+        }> | null | undefined>>;
         focus: PropTypes.Requireable<boolean>;
         show: PropTypes.Requireable<boolean>;
         dismissible: PropTypes.Requireable<boolean>;
@@ -45,7 +45,7 @@ export default class Toast extends React.Component<ToastProps, ToastState> {
     componentDidMount(): void;
     componentDidUpdate(prevProps: ToastProps): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     dismissToast(): void;
     showToast(): void;
 }

package/lib/components/Tooltip/index.d.ts

@@ -15,7 +15,7 @@ declare function Tooltip({ id: propId, placement: initialPlacement, children, po
 declare namespace Tooltip {
     var displayName: string;
     var propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         target: PropTypes.Validator<any>;
         association: PropTypes.Requireable<string>;
         show: PropTypes.Requireable<boolean>;
@@ -26,13 +26,13 @@ declare namespace Tooltip {
 }
 export default Tooltip;
 export declare const TooltipHead: {
-    ({ className, ...other }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+    ({ className, ...other }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     propTypes: {
         className: PropTypes.Requireable<string>;
     };
 };
 export declare const TooltipContent: {
-    ({ className, ...other }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+    ({ className, ...other }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     propTypes: {
         className: PropTypes.Requireable<string>;
     };

package/lib/components/TooltipTabstop/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TooltipProps } from '../Tooltip';
-declare type TooltipTabstopProps = Omit<TooltipProps, 'target'> & {
+type TooltipTabstopProps = Omit<TooltipProps, 'target'> & {
     children: React.ReactNode;
     tooltip: React.ReactNode;
 } & React.HTMLAttributes<HTMLButtonElement>;
@@ -10,7 +10,7 @@ declare type TooltipTabstopProps = Omit<TooltipProps, 'target'> & {
  *   - Inform AT users that clicking the button does not perform any action
  *   - Is presented as a focusable control to trigger the associated tooltip
  */
-declare function TooltipTabstop({ children, className, tooltip, variant, association, show, placement, portal, hideElementOnHidden, ...buttonProps }: TooltipTabstopProps): JSX.Element;
+declare function TooltipTabstop({ children, className, tooltip, variant, association, show, placement, portal, hideElementOnHidden, ...buttonProps }: TooltipTabstopProps): React.JSX.Element;
 declare namespace TooltipTabstop {
     var displayName: string;
 }