baseui 0.0.0-next-e0f9354 → 0.0.0-next-ac80337

package/accordion/types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { STATE_CHANGE_TYPE } from './constants';
+import type { STATE_CHANGE_TYPE } from './constants';
 export declare type AccordionState = {
     expanded: Array<React.Key>;
 };

package/app-nav-bar/types.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { POSITION } from './constants';
+import type * as React from 'react';
+import type { POSITION } from './constants';
 import type { Override } from '../helpers/overrides';
 export declare type AppNavBarOverrides = {
     Root?: Override;

package/aspect-ratio-box/aspect-ratio-box-body.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StyledBlockProps, BlockProps } from '../block';
+import type { StyledBlockProps, BlockProps } from '../block';
 interface AspectRatioBoxBodyComponentType<D extends React.ElementType> {
     <C extends React.ElementType = D>(props: BlockProps<C> & Omit<StyledBlockProps & React.ComponentProps<C>, keyof BlockProps>): JSX.Element;
     displayName?: string;

package/aspect-ratio-box/types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { BlockProps } from '../block';
 export declare type AspectRatioBoxProps<T extends React.ElementType = React.ElementType> = {
     /** Aspect ratio is width divided by height. */

package/badge/types.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { HIERARCHY, SHAPE, COLOR, PLACEMENT, ROLE } from './constants';
+import type * as React from 'react';
+import type { HIERARCHY, SHAPE, COLOR, PLACEMENT, ROLE } from './constants';
 import type { Override } from '../helpers/overrides';
 export declare type Hierarchy = typeof HIERARCHY[keyof typeof HIERARCHY];
 export declare type Shape = typeof SHAPE[keyof typeof SHAPE];

package/banner/index.d.ts

@@ -1,4 +1,4 @@
-import { ActionContent, ArtworkContent, BannerProps } from './types';
+import type { ActionContent, ArtworkContent, BannerProps } from './types';
 export { Banner } from './banner';
 export * from './constants';
 export * from './styled-components';

package/banner/types.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { ACTION_POSITION, ARTWORK_TYPE, HIERARCHY, KIND } from './constants';
-import type { SyntheticEvent } from 'react';
+import type { ACTION_POSITION, ARTWORK_TYPE, HIERARCHY, KIND } from './constants';
 export declare type ActionPosition = typeof ACTION_POSITION[keyof typeof ACTION_POSITION];
 export declare type ArtworkType = typeof ARTWORK_TYPE[keyof typeof ARTWORK_TYPE];
 export declare type Hierarchy = typeof HIERARCHY[keyof typeof HIERARCHY];
@@ -11,7 +10,7 @@ export declare type ActionContent = {
     icon?: (a: {
         size: string;
     }) => React.ReactNode;
-    onClick: (a: SyntheticEvent<HTMLButtonElement>) => unknown;
+    onClick: (a: React.SyntheticEvent<HTMLButtonElement>) => unknown;
     position?: ActionPosition;
 };
 export declare type ArtworkContent = {

package/block/types.d.ts

@@ -1,7 +1,6 @@
-import type { ElementType, ReactNode } from 'react';
+import type * as React from 'react';
 import type { StyleObject } from 'styletron-standard';
 import type { Override } from '../helpers/overrides';
-import * as React from 'react';
 export declare type BlockOverrides = {
     Block?: Override;
 };
@@ -20,8 +19,8 @@ declare type Position = 'static' | 'absolute' | 'relative' | 'fixed' | 'sticky';
 declare type Overflow = 'visible' | 'hidden' | 'scroll' | 'scrollX' | 'scrollY' | 'auto' | 'inherit' | 'initial' | 'unset';
 export declare type Scale = 0 | string;
 export declare type WhiteSpace = 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces' | 'inherit' | 'initial' | 'unset';
-export declare type BlockProps<T extends ElementType = ElementType> = {
-    children?: ReactNode;
+export declare type BlockProps<T extends React.ElementType = React.ElementType> = {
+    children?: React.ReactNode;
     /** Modifies the base element used to render the block. */
     as?: T;
     overrides?: BlockOverrides;

package/button/types.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
-import { KIND, SIZE, SHAPE } from './constants';
+import type * as React from 'react';
+import type { KIND, SIZE, SHAPE } from './constants';
 import type { Override } from '../helpers/overrides';
-import type { ReactNode, SyntheticEvent } from 'react';
 export declare type ButtonOverrides = {
     Root?: Override;
     BaseButton?: Override;
@@ -15,7 +14,7 @@ export declare type CustomColors = {
     color: string;
 };
 export declare type ButtonProps = {
-    children?: ReactNode;
+    children?: React.ReactNode;
     colors?: CustomColors;
     disabled?: boolean;
     /** A helper rendered at the end of the button. */
@@ -26,7 +25,7 @@ export declare type ButtonProps = {
     isSelected?: boolean;
     /** Defines the kind (purpose) of a button */
     kind?: keyof typeof KIND;
-    onClick?: (a: SyntheticEvent<HTMLButtonElement>) => unknown;
+    onClick?: (a: React.SyntheticEvent<HTMLButtonElement>) => unknown;
     overrides?: ButtonOverrides;
     /** Defines the shape of the button */
     shape?: keyof typeof SHAPE;

package/button-group/types.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
-import { SIZE, SHAPE, KIND } from '../button';
+import type * as React from 'react';
+import type { SIZE, SHAPE, KIND } from '../button';
 import type { Override } from '../helpers/overrides';
-import { MODE, STATE_CHANGE_TYPE } from './constants';
-import type { SyntheticEvent } from 'react';
+import type { MODE, STATE_CHANGE_TYPE } from './constants';
 export declare type ButtonGroupProps = {
     /** Accessible label. */
     ariaLabel?: string;
@@ -55,5 +54,5 @@ export declare type State = {
     selected: Array<number>;
 };
 export declare type StateReducer = (stateType: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE], nextState: State, currentState: State) => State;
-declare type ClickHandler = (event: SyntheticEvent<HTMLButtonElement>, index: number) => unknown;
+declare type ClickHandler = (event: React.SyntheticEvent<HTMLButtonElement>, index: number) => unknown;
 export {};

package/checkbox/types.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { STYLE_TYPE } from './constants';
-import type { ReactNode, ChangeEvent } from 'react';
+import type { STYLE_TYPE } from './constants';
 export declare type LabelPlacement = 'top' | 'right' | 'bottom' | 'left';
 export declare type StyleType = keyof typeof STYLE_TYPE;
 export declare type CheckboxOverrides = {
@@ -15,7 +14,7 @@ export declare type CheckboxOverrides = {
 };
 export declare type DefaultProps = {
     overrides?: any;
-    children?: ReactNode;
+    children?: React.ReactNode;
     checked: boolean;
     disabled: boolean;
     error: boolean;
@@ -24,13 +23,13 @@ export declare type DefaultProps = {
     isIndeterminate: boolean;
     inputRef: React.RefObject<HTMLInputElement>;
     checkmarkType: StyleType;
-    onChange: (e: ChangeEvent<HTMLInputElement>) => unknown;
-    onMouseEnter: (e: ChangeEvent<HTMLInputElement>) => unknown;
-    onMouseLeave: (e: ChangeEvent<HTMLInputElement>) => unknown;
-    onMouseDown: (e: ChangeEvent<HTMLInputElement>) => unknown;
-    onMouseUp: (e: ChangeEvent<HTMLInputElement>) => unknown;
-    onFocus: (e: ChangeEvent<HTMLInputElement>) => unknown;
-    onBlur: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseEnter: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseLeave: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseDown: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseUp: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onFocus: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onBlur: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     containsInteractiveElement?: boolean;
 };
 export declare type CheckboxProps = {
@@ -42,7 +41,7 @@ export declare type CheckboxProps = {
     ariaLabel?: string;
     'aria-label'?: string;
     /** Component or String value for label of checkbox. */
-    children?: ReactNode;
+    children?: React.ReactNode;
     /** Indicates if this checkbox children contain an interactive element (prevents the label from moving focus from the child element to the radio button) */
     containsInteractiveElement?: boolean;
     overrides?: CheckboxOverrides;
@@ -73,19 +72,19 @@ export declare type CheckboxProps = {
     /** Text to display in native OS tooltip on long hover. */
     title?: string | null;
     /** Handler for change events on trigger element. */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mouseenter events on trigger element. */
-    onMouseEnter?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseEnter?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mouseleave events on trigger element. */
-    onMouseLeave?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseLeave?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mousedown events on trigger element. */
-    onMouseDown?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseDown?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mouseup events on trigger element. */
-    onMouseUp?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseUp?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** handler for focus events on trigger element. */
-    onFocus?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onFocus?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** handler for blur events on trigger element. */
-    onBlur?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 };
 export declare type CheckboxState = {
     isFocused: boolean;
@@ -97,50 +96,50 @@ export declare type CheckboxReducerState = {
     checked?: boolean;
     isIndeterminate?: boolean;
 };
-export declare type StateReducer = (stateType: string, nextState: CheckboxReducerState, currentState: CheckboxReducerState, event: ChangeEvent<HTMLInputElement>) => CheckboxReducerState;
+export declare type StateReducer = (stateType: string, nextState: CheckboxReducerState, currentState: CheckboxReducerState, event: React.ChangeEvent<HTMLInputElement>) => CheckboxReducerState;
 export declare type StatefulContainerChildProps = {
     overrides?: CheckboxOverrides;
     /** Handler for change events on trigger element. */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mouseenter events on trigger element. */
-    onMouseEnter?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseEnter?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mouseleave events on trigger element. */
-    onMouseLeave?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseLeave?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for focus events on trigger element. */
-    onFocus?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onFocus?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for blur events on trigger element. */
-    onBlur?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Focus the checkbox on initial render. */
     autoFocus?: boolean;
 } & CheckboxReducerState;
 export declare type DefaultStatefulProps = {
     initialState: CheckboxReducerState;
-    children?: (a: StatefulContainerChildProps) => ReactNode;
+    children?: (a: StatefulContainerChildProps) => React.ReactNode;
     stateReducer: StateReducer;
-    onChange: (e: ChangeEvent<HTMLInputElement>) => unknown;
-    onMouseEnter: (e: ChangeEvent<HTMLInputElement>) => unknown;
-    onMouseLeave: (e: ChangeEvent<HTMLInputElement>) => unknown;
-    onFocus: (e: ChangeEvent<HTMLInputElement>) => unknown;
-    onBlur: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseEnter: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseLeave: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onFocus: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onBlur: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 };
 export declare type StatefulContainerProps = {
     overrides?: CheckboxOverrides;
     /** Component or String value for label of checkbox. */
-    children?: (a: StatefulContainerChildProps) => ReactNode;
+    children?: (a: StatefulContainerChildProps) => React.ReactNode;
     /** Defines the components initial state value */
     initialState?: CheckboxReducerState;
     /** A state change handler. Used to override default state transitions. */
     stateReducer: StateReducer;
     /** Handler for change events on trigger element. */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mouseenter events on trigger element. */
-    onMouseEnter?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseEnter?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mouseleave events on trigger element. */
-    onMouseLeave?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseLeave?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for focus events on trigger element. */
-    onFocus?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onFocus?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for blur events on trigger element. */
-    onBlur?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Focus the checkbox on initial render. */
     autoFocus?: boolean;
 };

package/combobox/types.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { SIZE } from '../input';
-import type { ChangeEvent } from 'react';
+import type { SIZE } from '../input';
 export declare type ComboboxOverrides = {
     Root?: Override;
     InputContainer?: Override;
@@ -23,9 +22,9 @@ export declare type ComboboxProps<Option = unknown> = {
     id?: string;
     name?: string;
     inputRef?: React.Ref<HTMLElement>;
-    onBlur?: (a: ChangeEvent<HTMLInputElement>) => unknown;
+    onBlur?: (a: React.ChangeEvent<HTMLInputElement>) => unknown;
     onChange: (b: string, a: Option | null) => unknown;
-    onFocus?: (a: ChangeEvent<HTMLInputElement>) => unknown;
+    onFocus?: (a: React.ChangeEvent<HTMLInputElement>) => unknown;
     onSubmit?: (a: {
         closeListbox: () => void;
         value: string;

package/data-table/types.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
-import { COLUMNS, SORT_DIRECTIONS } from './constants';
-import type { SyntheticEvent } from 'react';
+import type * as React from 'react';
+import type { COLUMNS, SORT_DIRECTIONS } from './constants';
 export declare type SortDirections = typeof SORT_DIRECTIONS[keyof typeof SORT_DIRECTIONS];
 export declare type Columns = typeof COLUMNS[keyof typeof COLUMNS];
 export declare type SharedColumnOptions<Value> = {
@@ -45,7 +44,7 @@ export declare type BatchAction = {
     label: string;
     onClick: (a: {
         clearSelection: () => unknown;
-        event: SyntheticEvent<HTMLButtonElement>;
+        event: React.SyntheticEvent<HTMLButtonElement>;
         selection: Row[];
     }) => unknown;
     renderIcon?: React.ComponentType<{
@@ -55,7 +54,7 @@ export declare type BatchAction = {
 export declare type RowAction = {
     label: string;
     onClick: (a: {
-        event: SyntheticEvent<HTMLButtonElement>;
+        event: React.SyntheticEvent<HTMLButtonElement>;
         row: Row;
     }) => unknown;
     renderIcon: React.ComponentType<{

package/datepicker/types.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 import type { Size } from '../input';
-import { INPUT_ROLE, ORIENTATION, RANGED_CALENDAR_BEHAVIOR, STATE_CHANGE_TYPE, DENSITY } from './constants';
+import type { INPUT_ROLE, ORIENTATION, RANGED_CALENDAR_BEHAVIOR, STATE_CHANGE_TYPE, DENSITY } from './constants';
 import type { DateIOAdapter } from './utils/types';
 declare type Locale = any;
 export declare type Density = keyof typeof DENSITY;

package/divider/types.d.ts

@@ -1,4 +1,4 @@
-import { SIZE } from './constants';
+import type { SIZE } from './constants';
 export declare type DividerProps = {
     $size?: keyof typeof SIZE;
 };

package/dnd-list/types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { STATE_CHANGE_TYPE } from './constants';
+import type { STATE_CHANGE_TYPE } from './constants';
 export declare type State = {
     items: Array<React.ReactNode>;
 };

package/drawer/types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { SIZE, CLOSE_SOURCE, ANCHOR } from './constants';
+import type { SIZE, CLOSE_SOURCE, ANCHOR } from './constants';
 export declare type Size = keyof typeof SIZE;
 export declare type SizeProp = Size | string;
 export declare type Anchor = keyof typeof ANCHOR;

package/flex-grid/types.d.ts

@@ -1,5 +1,5 @@
 import type { BlockProps, Responsive, Scale } from '../block';
-import { ElementType } from 'react';
+import type { ElementType } from 'react';
 export declare type FlexGridProps<T extends ElementType = ElementType> = {
     /** Number of equal-width columns to allow for */
     flexGridColumnCount?: Responsive<number>;

package/form-control/types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 export declare type FormControlState = {
     captionId: string;

package/heading/types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { BlockProps } from '../block';
 export declare type HeadingProps = {
     /** Set and fix the style level independently on the hierarchy context. */

package/helpers/types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Theme } from '../styles/types';
 import type { Override } from '../helpers/overrides';
 export declare type BaseProviderOverrides = {

package/icon/types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 export declare type IconOverrides = {
     Svg?: Override;

package/input/types.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Properties } from 'csstype';
 import type { Override } from '../helpers/overrides';
-import { STATE_CHANGE_TYPE, ADJOINED, SIZE, ENHANCER_POSITION } from './constants';
-import type { SyntheticEvent, ChangeEvent, FocusEvent, KeyboardEvent } from 'react';
+import type { STATE_CHANGE_TYPE, ADJOINED, SIZE, ENHANCER_POSITION } from './constants';
 export declare type Adjoined = keyof typeof ADJOINED;
 export declare type Size = keyof typeof SIZE;
 export declare type StateType = keyof typeof STATE_CHANGE_TYPE;
@@ -94,18 +93,18 @@ export declare type BaseInputProps<T> = {
     /** A ref to access an input element. */
     inputRef?: React.RefObject<T>;
     name?: string;
-    onBlur?: (e: FocusEvent<T>) => void;
-    onChange?: (e: ChangeEvent<T>) => void;
-    onKeyDown?: (e: KeyboardEvent<T>) => void;
-    onKeyPress?: (e: KeyboardEvent<T>) => void;
-    onKeyUp?: (e: KeyboardEvent<T>) => void;
-    onFocus?: (e: FocusEvent<T>) => void;
+    onBlur?: (e: React.FocusEvent<T>) => void;
+    onChange?: (e: React.ChangeEvent<T>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<T>) => void;
+    onKeyPress?: (e: React.KeyboardEvent<T>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<T>) => void;
+    onFocus?: (e: React.FocusEvent<T>) => void;
     /** If true, adds a clear value icon button to the end of the input container. */
     clearable?: boolean;
     /** If undefined or true, clears the input when the Escape button is pressed with the input focused. True by default. */
     clearOnEscape?: boolean;
     maxLength?: number;
-    onClear?: (e: SyntheticEvent<T>) => void;
+    onClear?: (e: React.SyntheticEvent<T>) => void;
     overrides?: BaseInputOverrides;
     placeholder?: string;
     /** Renders component in 'required' state. */
@@ -136,9 +135,9 @@ export declare type InputProps = {
     /** An input helper rendered after and attached to the input field. */
     endEnhancer?: React.ReactNode | ((props: SharedProps) => React.ReactNode);
     /** Handler for the `focus` event. */
-    onFocus?: (e: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     /** Handler for the `blur` event. */
-    onBlur?: (e: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
 } & BaseInputProps<HTMLInputElement | HTMLTextAreaElement>;
 export declare type MaskedInputProps = Partial<{
     /** See mask examples here: https://github.com/sanniassin/react-input-mask */
@@ -147,7 +146,7 @@ export declare type MaskedInputProps = Partial<{
     maskChar?: string;
 } & InputProps>;
 export declare type StatefulContainerChildrenProps<T> = {
-    onChange: (e: ChangeEvent<T>) => void;
+    onChange: (e: React.ChangeEvent<T>) => void;
     /** If true, adds a clear value icon button to the end of the input container. */
     clearable?: boolean;
 } & StatefulInputProps;
@@ -157,7 +156,7 @@ export declare type StatefulContainerProps<T> = {
     initialState?: State;
     /** A state change handler. Used to override default state transitions. */
     stateReducer?: StateReducer;
-    onChange?: (e: ChangeEvent<T>) => void;
+    onChange?: (e: React.ChangeEvent<T>) => void;
     /** If true, adds a clear value icon button to the end of the input container. */
     clearable?: boolean;
 } & {

package/layer/types.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { TETHER_PLACEMENT } from './constants';
+import type * as React from 'react';
+import type { TETHER_PLACEMENT } from './constants';
 import type { Override } from '../helpers/overrides';
 /** LayersManager */
 export declare type LayersManagerProps = {

package/layout-grid/types.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ALIGNMENT, BEHAVIOR, STYLE } from './constants';
+import type * as React from 'react';
+import type { ALIGNMENT, BEHAVIOR, STYLE } from './constants';
 import type { Override } from '../helpers/overrides';
 export declare type Responsive<T> = T | Array<T>;
 export declare type Alignment = typeof ALIGNMENT.start | typeof ALIGNMENT.center | typeof ALIGNMENT.end;

package/list/types.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 import type { IconProps } from '../icon';
-import { ARTWORK_SIZES, SHAPE } from './constants';
+import type { ARTWORK_SIZES, SHAPE } from './constants';
 export declare type ArtworkSizes = typeof ARTWORK_SIZES.SMALL | typeof ARTWORK_SIZES.MEDIUM | typeof ARTWORK_SIZES.LARGE;
 export declare type Shape = typeof SHAPE.DEFAULT | typeof SHAPE.ROUND;
 export declare type StyledRootProps = {

package/locale/en_US.d.ts

@@ -1,3 +1,3 @@
-import { Locale } from './types';
+import type { Locale } from './types';
 declare const en_US: Locale;
 export default en_US;

package/locale/es_AR.d.ts

@@ -1,3 +1,3 @@
-import { Locale } from './types';
+import type { Locale } from './types';
 declare const es_AR: Locale;
 export default es_AR;

package/locale/tr_TR.d.ts

@@ -1,3 +1,3 @@
-import { Locale } from './types';
+import type { Locale } from './types';
 declare const tr_TR: Locale;
 export default tr_TR;

package/map-marker/types.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { FLOATING_MARKER_ANCHOR_POSITIONS, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, FLOATING_MARKER_SIZES, PINHEAD_TYPES, FLOATING_MARKER_ANCHOR_TYPES, BADGE_ENHANCER_SIZES, LABEL_ENHANCER_POSITIONS, KIND, LOCATION_PUCK_SIZES, LOCATION_PUCK_TYPES } from './constants';
+import type * as React from 'react';
+import type { FLOATING_MARKER_ANCHOR_POSITIONS, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, FLOATING_MARKER_SIZES, PINHEAD_TYPES, FLOATING_MARKER_ANCHOR_TYPES, BADGE_ENHANCER_SIZES, LABEL_ENHANCER_POSITIONS, KIND, LOCATION_PUCK_SIZES, LOCATION_PUCK_TYPES } from './constants';
 import type { Override } from '../helpers/overrides';
 export declare type AnchorPositions = typeof FLOATING_MARKER_ANCHOR_POSITIONS[keyof typeof FLOATING_MARKER_ANCHOR_POSITIONS];
 export declare type NeedleSize = typeof NEEDLE_SIZES[keyof typeof NEEDLE_SIZES];

package/menu/index.d.ts

@@ -1,5 +1,4 @@
-import type { Item, ArrayItems, GroupedItems, Items, MenuProps, StatefulContainerProps } from './types';
-import { GetRequiredItemPropsFn, StateReducerFn } from './types';
+import type { Item, ArrayItems, GroupedItems, GetRequiredItemPropsFn, Items, MenuProps, StatefulContainerProps, StateReducerFn } from './types';
 export { default as StatefulMenu } from './stateful-menu';
 export { default as StatefulContainer } from './stateful-container';
 export { default as OptionList } from './option-list';

package/menu/types.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { STATE_CHANGE_TYPES, OPTION_LIST_SIZE } from './constants';
-import type { SyntheticEvent, FocusEvent, MouseEvent } from 'react';
+import type { STATE_CHANGE_TYPES, OPTION_LIST_SIZE } from './constants';
 export declare type Item = any;
 export declare type ArrayItems = ReadonlyArray<Item>;
 export declare type GroupedItems = {
@@ -23,7 +22,7 @@ export declare type RootRef = {
 };
 export declare type OnItemSelectFn = (a: {
     item: Item;
-    event?: SyntheticEvent<HTMLElement> | KeyboardEvent;
+    event?: React.SyntheticEvent<HTMLElement> | KeyboardEvent;
 }) => unknown;
 export declare type ProfileOverrides = {
     List?: Override;
@@ -41,8 +40,8 @@ export declare type RenderItemProps = {
     id?: string | null;
     isFocused?: boolean;
     isHighlighted?: boolean;
-    onClick?: (event: MouseEvent<HTMLElement>) => void;
-    onMouseEnter?: (event: MouseEvent<HTMLElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
     resetMenu?: () => void;
 };
 export declare type GetRequiredItemPropsFn = (item: Item, index: number) => RenderItemProps;
@@ -144,18 +143,18 @@ export declare type SharedStatelessProps = {
     'aria-label'?: string;
     getRequiredItemProps?: GetRequiredItemPropsFn;
     isFocused?: boolean;
-    handleMouseLeave?: (event: MouseEvent<HTMLElement>) => unknown;
+    handleMouseLeave?: (event: React.MouseEvent<HTMLElement>) => unknown;
     /** Index of highlighted menu item. */
     highlightedIndex?: number;
     /** List of menu items. */
     items: Items;
     /** Message to be displayed if no menu items are passed in. */
     noResultsMsg?: React.ReactNode;
-    onBlur?: (event: FocusEvent<HTMLElement>) => unknown;
-    onFocus?: (event: FocusEvent<HTMLElement>) => unknown;
+    onBlur?: (event: React.FocusEvent<HTMLElement>) => unknown;
+    onFocus?: (event: React.FocusEvent<HTMLElement>) => unknown;
     /** Ref for the menu container element. Used to capture key events for navigation */
     rootRef?: RootRef;
-    focusMenu?: (event: FocusEvent | MouseEvent | KeyboardEvent) => unknown;
+    focusMenu?: (event: React.FocusEvent | React.MouseEvent | KeyboardEvent) => unknown;
     unfocusMenu?: () => unknown;
     handleKeyDown?: (event: KeyboardEvent) => unknown;
 };
@@ -210,11 +209,11 @@ export declare type OptionListProps = {
     getItemLabel: GetItemLabelFn;
     /** Used to render a sub menu at this menu item. You'll often render another menu from this function. */
     getChildMenu?: (item: Item) => React.ReactNode;
-    onClick?: (event: MouseEvent) => unknown;
+    onClick?: (event: React.MouseEvent) => unknown;
     /** Callback used to change highlighted index in stateful menu. */
-    onMouseDown?: (event: MouseEvent) => unknown;
+    onMouseDown?: (event: React.MouseEvent) => unknown;
     /** Callback used to change highlighted index in stateful menu. */
-    onMouseEnter?: (event: MouseEvent) => unknown;
+    onMouseEnter?: (event: React.MouseEvent) => unknown;
     /** Renders UI in defined scale. */
     size?: keyof typeof OPTION_LIST_SIZE;
     overrides?: {

package/message-card/types.d.ts

@@ -1,6 +1,6 @@
 import type { SyntheticEvent } from 'react';
 import type { Override } from '../helpers/overrides';
-import { BACKGROUND_COLOR_TYPE, IMAGE_LAYOUT, BUTTON_KIND } from './constants';
+import type { BACKGROUND_COLOR_TYPE, IMAGE_LAYOUT, BUTTON_KIND } from './constants';
 export declare type MessageCardOverrides = {
     Root?: Override;
     ContentContainer?: Override;

package/modal/types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { SIZE, ROLE, CLOSE_SOURCE } from './constants';
+import type { SIZE, ROLE, CLOSE_SOURCE } from './constants';
 export declare type Size = keyof typeof SIZE;
 export declare type SizeProp = Size | number | string;
 export declare type Role = keyof typeof ROLE;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baseui",
-  "version": "0.0.0-next-e0f9354",
+  "version": "0.0.0-next-ac80337",
   "description": "A React Component library implementing the Base design language",
   "keywords": [
     "react",

package/pagination/types.d.ts

@@ -1,6 +1,6 @@
 import type { Override } from '../helpers/overrides';
-import { STATE_CHANGE_TYPE } from './constants';
-import { SIZE } from '../input';
+import type { STATE_CHANGE_TYPE } from './constants';
+import type { SIZE } from '../input';
 export declare type Labels = {
     prevButton?: string;
     nextButton?: string;

package/phone-input/types.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
-import { STATE_CHANGE_TYPE, SIZE, COUNTRIES } from './constants';
+import type * as React from 'react';
+import type { STATE_CHANGE_TYPE, SIZE, COUNTRIES } from './constants';
 import type { Override } from '../helpers/overrides';
 import type { OnChangeParams } from '../select';
-import type { ChangeEvent } from 'react';
 export declare type Size = keyof typeof SIZE;
 export declare type CountryIso = keyof typeof COUNTRIES;
 export declare type Countries = Readonly<Country>;
@@ -101,7 +100,7 @@ export declare type PhoneInputProps = {
     /** A handler for the country select's change events. */
     onCountryChange: (event: OnChangeParams) => unknown;
     /** A handler for the input element's change events. */
-    onTextChange: (event: ChangeEvent<HTMLInputElement>) => unknown;
+    onTextChange: (event: React.ChangeEvent<HTMLInputElement>) => unknown;
     overrides: PhoneInputOverrides;
     /** Sets the placeholder text for the input element.  */
     placeholder?: string;
@@ -125,12 +124,12 @@ export declare type StatefulPhoneInputContainerProps = {
     children: (a: PhoneInputProps) => React.ReactNode;
     initialState: State;
     stateReducer: StateReducer;
-    onTextChange: (event: ChangeEvent<HTMLInputElement>) => unknown;
+    onTextChange: (event: React.ChangeEvent<HTMLInputElement>) => unknown;
     onCountryChange: (event: OnChangeParams) => unknown;
 } & PhoneInputProps;
 export declare type StatefulPhoneInputProps = PhoneInputProps & {
     initialState?: State;
     stateReducer?: StateReducer;
-    onTextChange?: (event: ChangeEvent<HTMLInputElement>) => unknown;
+    onTextChange?: (event: React.ChangeEvent<HTMLInputElement>) => unknown;
     onCountryChange?: (event: OnChangeParams) => unknown;
 };

package/pin-code/types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { SIZE, STATE_CHANGE_TYPE } from '../input';
+import type { SIZE, STATE_CHANGE_TYPE } from '../input';
 export declare type ChangeEvent = {
     values: string[];
     event: any;

package/popover/types.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 import type { TetherPlacement } from '../layer';
-import { ACCESSIBILITY_TYPE, STATE_CHANGE_TYPE, TRIGGER_TYPE } from './constants';
+import type { ACCESSIBILITY_TYPE, STATE_CHANGE_TYPE, TRIGGER_TYPE } from './constants';
 export type { PopperDataObject, PopperOffset, PopperOptions } from '../layer';
 export declare type PopoverPlacement = TetherPlacement;
 export declare type TriggerType = keyof typeof TRIGGER_TYPE;

package/progress-bar/types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { SIZE } from './constants';
+import type { SIZE } from './constants';
 export declare type Size = keyof typeof SIZE;
 export declare type ProgressBarOverrides = {
     Root?: Override;

package/radio/types.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { ALIGN } from './constants';
-import type { ReactNode, ChangeEvent } from 'react';
+import type { ALIGN } from './constants';
 export declare type LabelPlacement = 'top' | 'right' | 'bottom' | 'left';
 export declare type Align = keyof typeof ALIGN;
 export declare type RadioOverrides = {
@@ -53,15 +52,15 @@ export declare type RadioGroupProps = {
     /** Unique id for RadioGroup, help ARIA to identify element */
     id?: string;
     /** Handler for change events on trigger element. */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mouseenter events on trigger element. */
-    onMouseEnter?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseEnter?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mouseleave events on trigger element. */
-    onMouseLeave?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseLeave?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for focus events on trigger element. */
-    onFocus?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onFocus?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for blur events on trigger element. */
-    onBlur?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 };
 export declare type State = {
     value?: string;
@@ -74,7 +73,7 @@ export declare type RadioProps = {
     /** Check or uncheck the control. */
     checked?: boolean;
     /** Label of radio. */
-    children?: ReactNode;
+    children?: React.ReactNode;
     /** Indicates if this radio children contain an interactive element (prevents the label from moving focus from the child element to the radio button) */
     containsInteractiveElement?: boolean;
     /** Add more detail about a radio element. */
@@ -94,19 +93,19 @@ export declare type RadioProps = {
     /** Passed to the input element name attribute */
     name?: string;
     /** handler for blur events on trigger element. */
-    onBlur?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for change events on trigger element. */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** handler for focus events on trigger element. */
-    onFocus?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onFocus?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mouseenter events on trigger element. */
-    onMouseEnter?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseEnter?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mouseleave events on trigger element. */
-    onMouseLeave?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseLeave?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mousedown events on trigger element. */
-    onMouseDown?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseDown?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mouseup events on trigger element. */
-    onMouseUp?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseUp?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     overrides?: RadioOverrides;
     /** Marks the checkbox as required. */
     required?: boolean;
@@ -119,7 +118,7 @@ export declare type RadioState = {
     isActive: boolean;
     isHovered: boolean;
 };
-export declare type StateReducer = (stateType: string, nextState: State, currentState: State, event: ChangeEvent<HTMLInputElement>) => State;
+export declare type StateReducer = (stateType: string, nextState: State, currentState: State, event: React.ChangeEvent<HTMLInputElement>) => State;
 export declare type StatelessState = {
     isFocusVisible: boolean;
     focusedRadioIndex: number;
@@ -128,7 +127,7 @@ export declare type DefaultStatefulProps = {
     initialState: State;
     children?: (props: RadioGroupProps) => React.ReactNode;
     stateReducer: StateReducer;
-    onChange: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 };
 export declare type StatefulContainerProps = {
     overrides?: RadioGroupOverrides;
@@ -139,7 +138,7 @@ export declare type StatefulContainerProps = {
     /** Reducer function to manipulate internal state updates. */
     stateReducer: StateReducer;
     /** Handler for change events on trigger element. */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Set to be focused (active) on selected\checked radio. */
     autoFocus?: boolean;
 };
@@ -152,7 +151,7 @@ export declare type StatefulRadioGroupProps = {
     /** Set to be focused (active) on selected\checked radio. */
     autoFocus?: boolean;
     /** Handler for change events on trigger element. */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 };
 export declare type StyleProps = {
     $align?: string;

package/select/types.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { STATE_CHANGE_TYPE, SIZE, TYPE } from './constants';
+import type { STATE_CHANGE_TYPE, SIZE, TYPE } from './constants';
 import type { OnItemSelectFn } from '../menu';
-import type { ReactNode, SyntheticEvent, ChangeEvent } from 'react';
 export declare type ChangeAction = keyof typeof STATE_CHANGE_TYPE;
 export declare type Size = keyof typeof SIZE;
 export declare type Type = keyof typeof TYPE;
@@ -141,8 +140,8 @@ export declare type SelectProps = {
     onBlurResetsInput?: boolean;
     /** change handler of the select to be called when a value is changed. */
     onChange?: (params: OnChangeParams) => unknown;
-    onFocus?: (e: SyntheticEvent<HTMLElement>) => unknown;
-    onInputChange?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onFocus?: (e: React.SyntheticEvent<HTMLElement>) => unknown;
+    onInputChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /** Defines if the input value is reset to an empty string when dropdown is closed. */
     onCloseResetsInput?: boolean;
     /** Defines if the input value is reset to an empty string when a selection is made. */
@@ -196,7 +195,7 @@ export declare type State = {
 export declare type StateReducer = (stateType: string, nextState: State, currentState: State) => State;
 export declare type StatefulContainerProps = {
     overrides: SelectOverrides;
-    children: (a: SelectProps) => ReactNode;
+    children: (a: SelectProps) => React.ReactNode;
     initialState: State;
     stateReducer: StateReducer;
     onChange: (params: OnChangeParams) => unknown;

package/side-navigation/types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 declare const stateChangeType: Readonly<{
     readonly change: "change";

package/slider/types.d.ts

@@ -1,5 +1,5 @@
 import type { Override } from '../helpers/overrides';
-import { STATE_CHANGE_TYPE } from './constants';
+import type { STATE_CHANGE_TYPE } from './constants';
 import type { ReactNode } from 'react';
 export declare type ChangeAction = keyof typeof STATE_CHANGE_TYPE;
 export declare type Params = {

package/snackbar/types.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { DURATION, PLACEMENT } from './constants';
-import type { SyntheticEvent } from 'react';
+import type { DURATION, PLACEMENT } from './constants';
 export declare type Duration = typeof DURATION.infinite | typeof DURATION.short | typeof DURATION.medium | typeof DURATION.long;
 export declare type Placement = typeof PLACEMENT.topLeft | typeof PLACEMENT.top | typeof PLACEMENT.topRight | typeof PLACEMENT.bottomLeft | typeof PLACEMENT.bottom | typeof PLACEMENT.bottomRight;
 export declare type SnackbarElementOverrides = {
@@ -15,7 +14,7 @@ export declare type SnackbarElementOverrides = {
 };
 export declare type SnackbarElementProps = {
     actionMessage?: string;
-    actionOnClick?: (a: SyntheticEvent<HTMLButtonElement>) => unknown;
+    actionOnClick?: (a: React.SyntheticEvent<HTMLButtonElement>) => unknown;
     focus?: boolean;
     message: React.ReactNode;
     overrides?: SnackbarElementOverrides;

package/spinner/types.d.ts

@@ -1,4 +1,4 @@
-import { SIZE } from './constants';
+import type { SIZE } from './constants';
 import type { Sizing } from '../themes/types';
 export declare type Size = keyof typeof SIZE;
 export declare type SpinnerProps = {

package/styles/styled.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
+import type { StyletronComponent } from 'styletron-react';
 import type { StyleObject } from 'styletron-standard';
 import type { Theme } from './types';
 export type { StyletronComponent };

package/table/types.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { SORT_DIRECTION } from './constants';
+import type * as React from 'react';
+import type { SORT_DIRECTION } from './constants';
 import type { Override } from '../helpers/overrides';
 export declare type SortDirection = keyof typeof SORT_DIRECTION | undefined | null;
 export declare type HeadCellOverrides = {

package/table-semantic/types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { SIZE, DIVIDER } from './constants';
+import type { SIZE, DIVIDER } from './constants';
 export declare type Size = keyof typeof SIZE;
 export declare type Divider = keyof typeof DIVIDER;
 export declare type TableOverrides = {

package/tabs/types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { ORIENTATION, STATE_CHANGE_TYPE } from './constants';
+import type { ORIENTATION, STATE_CHANGE_TYPE } from './constants';
 export declare type SharedStylePropsArg = {
     $disabled?: boolean;
     $active?: boolean;

package/tabs-motion/types.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ORIENTATION, FILL, STATE_CHANGE_TYPE } from './constants';
+import type * as React from 'react';
+import type { ORIENTATION, FILL, STATE_CHANGE_TYPE } from './constants';
 import type { Override } from '../helpers/overrides';
 import type { IconProps } from '../icon';
 export declare type Orientation = typeof ORIENTATION[keyof typeof ORIENTATION];

package/tabs-motion/utils.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Fill, Orientation } from './types';
 export declare const getTabId: (uid: string, key: React.Key) => string;
 export declare const getTabPanelId: (uid: string, key: React.Key) => string;

package/tag/types.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import type { ReactNode } from 'react';
 export declare const TagKind: Readonly<{
     readonly custom: "custom";
     readonly neutral: "neutral";
@@ -53,15 +52,15 @@ export declare type TagProps = {
     /** Defines tags look. Set it to one of VARIANT[key] values. Defaults to VARIANT.light */
     variant?: TagVariant;
     /** Component or String value for label of tag. Default is empty string. */
-    children?: ReactNode;
+    children?: React.ReactNode;
     /** The color theme to be applied to a Tag. Default is `KIND.primary`. */
     color?: string;
     /** Text to display in native OS tooltip on long hover. */
     title?: string;
     /** onClick handler for the action button element. */
-    onActionClick?: (e: Event, children?: ReactNode) => unknown;
+    onActionClick?: (e: Event, children?: React.ReactNode) => unknown;
     /** keydown handler for the action button element. */
-    onActionKeyDown?: (e: Event, children?: ReactNode) => unknown;
+    onActionKeyDown?: (e: Event, children?: React.ReactNode) => unknown;
     /** onClick handler for the tag. Passing an onClick handler also makes the tag clickable. */
     onClick?: null | ((event: Event) => unknown);
     /** onkeydown handler for the tag. */

package/textarea/types.d.ts

@@ -1,10 +1,8 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Properties } from 'csstype';
 import type { Override } from '../helpers/overrides';
-import type { BaseInputProps, StateReducer, State } from '../input';
-import { ADJOINED, SIZE } from '../input';
-import type { SyntheticEvent } from 'react';
-declare type SyntheticTextareaEvent = SyntheticEvent<HTMLTextAreaElement>;
+import type { BaseInputProps, StateReducer, State, ADJOINED, SIZE } from '../input';
+declare type SyntheticTextareaEvent = React.SyntheticEvent<HTMLTextAreaElement>;
 export declare type Size = keyof typeof SIZE;
 export declare type SharedStyleProps = {
     $adjoined: keyof typeof ADJOINED;

package/toast/types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { KIND, PLACEMENT, TYPE } from './constants';
+import type { KIND, PLACEMENT, TYPE } from './constants';
 export declare type KindType = typeof KIND[keyof typeof KIND];
 export declare type NotificationType = typeof TYPE[keyof typeof TYPE];
 export declare type PlacementType = typeof PLACEMENT[keyof typeof PLACEMENT];

package/tree-view/types.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import type { SyntheticEvent } from 'react';
 export declare type TreeLabelOverrides = {
     TreeItemContent?: Override;
     IconContainer?: Override;
@@ -46,8 +45,8 @@ export declare type TreeNodeProps = {
     overrides?: TreeViewOverrides;
     renderAll?: boolean;
     onKeyDown?: (e: KeyboardEvent, node: TreeNodeData) => unknown;
-    onFocus?: (event: SyntheticEvent) => unknown;
-    onBlur?: (event: SyntheticEvent) => unknown;
+    onFocus?: (event: React.SyntheticEvent) => unknown;
+    onBlur?: (event: React.SyntheticEvent) => unknown;
     selectedNodeId?: TreeNodeId;
     addRef: (id: TreeNodeId, ref: React.Ref<HTMLLIElement>) => unknown;
     removeRef: (id: TreeNodeId) => unknown;

package/utils/focusVisible.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export declare function teardown(doc: any): void;
 export declare function isFocusVisible(event: any): any;
 /**