@peculiar/react-components 1.1.1 → 1.1.3

package/dist/types/Select/select.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
-import { UseAutocompleteProps, UseAutocompleteReturnType, AutocompleteValue } from '../hooks';
+import { IUseAutocompleteProps, IUseAutocompleteReturnType, TAutocompleteValue } from '../hooks';
 /**
- * Types.
+ * Interfaces.
  */
-export declare type SelectRenderGroupParams = {
+export interface ISelectRenderGroupParams {
     key: string | number;
     group: string;
     children?: React.ReactNode;
-};
-export declare type SelectOwnProps<T, Multiple extends boolean | undefined = undefined> = UseAutocompleteProps<T, Multiple> & {
+}
+export type TSelectOwnProps<T, Multiple extends boolean | undefined = undefined> = IUseAutocompleteProps<T, Multiple> & {
     /**
      * The className of the component.
      */
@@ -75,7 +75,7 @@ export declare type SelectOwnProps<T, Multiple extends boolean | undefined = und
     /**
      * Render the root element.
      */
-    renderRoot?: (props: object, value: AutocompleteValue<T, Multiple>, getTagProps: UseAutocompleteReturnType<T, Multiple>['getTagProps']) => React.ReactNode;
+    renderRoot?: (props: object, value: TAutocompleteValue<T, Multiple>, getTagProps: IUseAutocompleteReturnType<T, Multiple>['getTagProps']) => React.ReactNode;
     /**
      * Render the option, use `getOptionLabel` by default.
      */
@@ -93,7 +93,7 @@ export declare type SelectOwnProps<T, Multiple extends boolean | undefined = und
  *
  */
 export declare const Select: {
-    <T, Multiple extends boolean = false>(props: SelectOwnProps<T, Multiple>): JSX.Element;
+    <T, Multiple extends boolean = false>(props: TSelectOwnProps<T, Multiple>): JSX.Element;
     defaultProps: {
         disableSearch: boolean;
         noOptionsText: string;

package/dist/types/Skeleton/index.d.ts

@@ -1,2 +1,2 @@
-export { Skeleton, } from './skeleton';
-export type { SkeletonOwnProps, SkeletonProps, } from './skeleton';
+export { Skeleton } from './skeleton';
+export type { ISkeletonOwnProps, TSkeletonProps, } from './skeleton';

package/dist/types/Skeleton/skeleton.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { OverridableComponent, OverrideProps } from '../OverridableComponent';
-import { ColorType } from '../styles';
+import { IOverridableComponent, TOverrideProps } from '../OverridableComponent';
+import { TColorType } from '../styles';
 /**
  * Types.
  */
-export interface SkeletonOwnProps {
+export interface ISkeletonOwnProps {
     /**
      * Optional children to infer width and height from.
      */
@@ -21,16 +21,16 @@ export interface SkeletonOwnProps {
      * The type of content that will be rendered.
      */
     variant?: ('text' | 'rect' | 'circle');
-    background?: ColorType;
+    background?: TColorType;
 }
-export interface SkeletonTypeMap<P = {}, D extends React.ElementType = 'span'> {
-    props: P & SkeletonOwnProps;
+export interface ISkeletonTypeMap<P = object, D extends React.ElementType = 'span'> {
+    props: P & ISkeletonOwnProps;
     defaultComponent: D;
 }
-export declare type SkeletonProps<D extends React.ElementType = SkeletonTypeMap['defaultComponent']> = OverrideProps<SkeletonTypeMap<{}, D>, D> & {
+export type TSkeletonProps<D extends React.ElementType = ISkeletonTypeMap['defaultComponent']> = TOverrideProps<ISkeletonTypeMap<object, D>, D> & {
     component?: D;
 };
 /**
  *
  */
-export declare const Skeleton: OverridableComponent<SkeletonTypeMap<{}, "span">>;
+export declare const Skeleton: IOverridableComponent<ISkeletonTypeMap<object, "span">>;

package/dist/types/Slide/slide.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { TransitionProps } from 'react-transition-group/Transition';
-declare type BaseTransitionProps = Pick<TransitionProps<HTMLElement>, ('onEnter' | 'onEntered' | 'onEntering' | 'onExit' | 'onExited' | 'onExiting')>;
-declare type BaseProps = {
+type TBaseTransitionProps = Pick<TransitionProps<HTMLElement>, ('onEnter' | 'onEntered' | 'onEntering' | 'onExit' | 'onExited' | 'onExiting')>;
+interface IBaseProps {
     /**
      * If `true`, the component will transition in.
      */
@@ -22,6 +22,6 @@ declare type BaseProps = {
      * Perform the enter transition when it first mounts if `in` is also `true`.
      */
     appear?: boolean;
-};
-export declare const Slide: React.ForwardRefExoticComponent<BaseProps & BaseTransitionProps & React.RefAttributes<any>>;
+}
+export declare const Slide: React.ForwardRefExoticComponent<IBaseProps & TBaseTransitionProps & React.RefAttributes<any>>;
 export {};

package/dist/types/Slider/slider.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 /**
  * Types.
  */
-declare type SliderOwnProps = {
+interface ISliderOwnProps {
     className?: string;
     /**
      * The default element value. Use when the component is not controlled.
@@ -36,10 +36,10 @@ declare type SliderOwnProps = {
      * Callback function that is fired when the slider's value changed.
      */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-};
-export declare type SliderProps = SliderOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue'>;
+}
+export type TSliderProps = ISliderOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue'>;
 /**
  *
  */
-export declare const Slider: React.ForwardRefExoticComponent<SliderOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "defaultValue"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Slider: React.ForwardRefExoticComponent<ISliderOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "defaultValue"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Switch/switch.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 /**
  * Types.
  */
-declare type SwitchOwnProps = {
+interface ISwitchOwnProps {
     /**
      * If `true`, the component is checked.
      */
@@ -43,10 +43,10 @@ declare type SwitchOwnProps = {
      * Callback fired when the state is changed.
      */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-};
-export declare type SwitchProps = SwitchOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
+}
+export type TSwitchProps = ISwitchOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
 /**
  *
  */
-export declare const Switch: React.ForwardRefExoticComponent<SwitchOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
+export declare const Switch: React.ForwardRefExoticComponent<ISwitchOwnProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
 export {};

package/dist/types/Tabs/index.d.ts

@@ -1,3 +1,3 @@
 export { Tabs } from './tabs';
-export { Tab, } from './tab';
-export type { TabOwnProps, TabProps, } from './tab';
+export { Tab } from './tab';
+export type { ITabOwnProps, TTabProps, } from './tab';

package/dist/types/Tabs/tab.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+import { IOverridableComponent, TOverrideProps } from '../OverridableComponent';
 /**
  * Types.
  */
-export interface TabOwnProps {
+export interface ITabOwnProps {
     /**
      * The content of the component.
      */
@@ -26,14 +26,14 @@ export interface TabOwnProps {
     onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, value: string) => void;
     onClick?: never;
 }
-export interface TabTypeMap<P = {}, D extends React.ElementType = 'button'> {
-    props: P & TabOwnProps;
+export interface ITabTypeMap<P = object, D extends React.ElementType = 'button'> {
+    props: P & ITabOwnProps;
     defaultComponent: D;
 }
-export declare type TabProps<D extends React.ElementType = TabTypeMap['defaultComponent']> = OverrideProps<TabTypeMap<{}, D>, D> & {
+export type TTabProps<D extends React.ElementType = ITabTypeMap['defaultComponent']> = TOverrideProps<ITabTypeMap<object, D>, D> & {
     component?: D;
 };
 /**
  *
  */
-export declare const Tab: OverridableComponent<TabTypeMap<{}, "button">>;
+export declare const Tab: IOverridableComponent<ITabTypeMap<object, "button">>;

package/dist/types/Tabs/tabs.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import { Tab, TabProps } from './tab';
+import { Tab, TTabProps } from './tab';
 /**
  * Types.
  */
-declare type TabsOwnProps = {
+interface ITabsOwnProps {
     /**
      * The content of the component.
      */
-    children: React.ReactElement<TabProps, typeof Tab>[];
+    children: React.ReactElement<TTabProps, typeof Tab>[];
     /**
      * The value of the currently selected `Tab`.
      */
@@ -20,9 +20,9 @@ declare type TabsOwnProps = {
      * Callback fired when the value changes.
      */
     onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, value: string) => void;
-};
+}
 /**
  *
  */
-export declare const Tabs: React.ForwardRefExoticComponent<TabsOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Tabs: React.ForwardRefExoticComponent<ITabsOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/TextField/text_field.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 /**
  * Types.
  */
-declare type TextFieldOwnProps = {
+interface ITextFieldOwnProps {
     /**
      * If `true`, the component is disabled.
      */
@@ -73,9 +73,9 @@ declare type TextFieldOwnProps = {
      * Callback fired when the value is changed.
      */
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
-};
+}
 /**
  *
  */
-export declare const TextField: React.ForwardRefExoticComponent<TextFieldOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TextField: React.ForwardRefExoticComponent<ITextFieldOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/TextareaField/textarea_field.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 /**
  * Types.
  */
-declare type TextareaFieldOwnProps = {
+interface ITextareaFieldOwnProps {
     /**
      * If `true`, the component is disabled.
      */
@@ -69,9 +69,9 @@ declare type TextareaFieldOwnProps = {
      * Callback fired when the value is changed.
      */
     onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
-};
+}
 /**
  *
  */
-export declare const TextareaField: React.ForwardRefExoticComponent<TextareaFieldOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TextareaField: React.ForwardRefExoticComponent<ITextareaFieldOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Toast/index.d.ts

@@ -1,3 +1,3 @@
 export { ToastProvider } from './toast_provider';
 export { useToast } from './use_toast';
-export type { BaseToastType, ToastType } from './toast_context';
+export type { IBaseToastType, TToastType } from './toast_context';

package/dist/types/Toast/toast.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { AlertProps } from '../Alert';
+import { TAlertProps } from '../Alert';
 /**
  * Types.
  */
-declare type ToastOwnProps = {
+interface IToastOwnProps {
     /**
      * The `id` of the toast. Mostly used when you need to prevent duplicate.
      */
@@ -27,10 +27,10 @@ declare type ToastOwnProps = {
     /**
      * Props applied to the `Alert` element.
      */
-    alertProps?: Omit<AlertProps, 'children' | 'onClose'>;
-};
+    alertProps?: Omit<TAlertProps, 'children' | 'onClose'>;
+}
 /**
  *
  */
-export declare const Toast: React.FC<ToastOwnProps>;
+export declare const Toast: React.FC<IToastOwnProps>;
 export {};

package/dist/types/Toast/toast_container.d.ts

@@ -2,15 +2,15 @@ import * as React from 'react';
 /**
  * Types.
  */
-declare type ToastContainerOwnProps = {
+interface IToastContainerOwnProps {
     /**
      * The content of the component.
      */
     children: React.ReactNode;
-};
-export declare type ToastContainerProps = ToastContainerOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+}
+export type TToastContainerProps = IToastContainerOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
 /**
  *
  */
-export declare const ToastContainer: React.FC<ToastContainerProps>;
+export declare const ToastContainer: React.FC<TToastContainerProps>;
 export {};

package/dist/types/Toast/toast_context.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { AlertProps } from '../Alert';
-export declare type BaseToastType = {
+import { TAlertProps } from '../Alert';
+export interface IBaseToastType {
     /**
      * The message of the toast.
      */
@@ -8,7 +8,7 @@ export declare type BaseToastType = {
     /**
      * The status of the toast.
      */
-    variant?: AlertProps['variant'];
+    variant?: TAlertProps['variant'];
     /**
      * If `true`, the toast start icon will be hidden.
      */
@@ -27,13 +27,13 @@ export declare type BaseToastType = {
      * By default, we generate a unique `id` for each toast.
      */
     id?: string;
-};
-export declare type ToastType = BaseToastType & {
+}
+export type TToastType = IBaseToastType & {
     createdAt: number;
 };
-export declare type ToastContextType = {
-    addToast: (options: BaseToastType) => void;
+export interface IToastContextType {
+    addToast: (options: IBaseToastType) => void;
     removeToast: (id: string) => void;
     removeAllToasts: () => void;
-};
-export declare const ToastContext: React.Context<ToastContextType>;
+}
+export declare const ToastContext: React.Context<IToastContextType>;

package/dist/types/Toast/toast_provider.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ToastContainerProps } from './toast_container';
-declare type BaseProps = {
+import { TToastContainerProps } from './toast_container';
+interface IBaseProps {
     /**
      * The content of the component.
      */
@@ -12,7 +12,7 @@ declare type BaseProps = {
     /**
      * Props applied to the `ToastContainer` element.
      */
-    toastContainerProps?: Omit<ToastContainerProps, 'children'>;
-};
-export declare const ToastProvider: React.FC<BaseProps>;
+    toastContainerProps?: Omit<TToastContainerProps, 'children'>;
+}
+export declare const ToastProvider: React.FC<IBaseProps>;
 export {};

package/dist/types/Toast/use_toast.d.ts

@@ -1,2 +1,2 @@
-import { ToastContextType } from './toast_context';
-export declare const useToast: () => ToastContextType;
+import { IToastContextType } from './toast_context';
+export declare const useToast: () => IToastContextType;

package/dist/types/Tooltip/index.d.ts

@@ -1,2 +1,2 @@
 export { Tooltip } from './tooltip';
-export type { TooltipOwnProps, TooltipProps } from './tooltip';
+export type { ITooltipOwnProps, TTooltipProps } from './tooltip';

package/dist/types/Tooltip/tooltip.d.ts

@@ -3,7 +3,7 @@ import { Placement } from '@popperjs/core';
 /**
  * Types.
  */
-export declare type TooltipOwnProps = {
+export interface ITooltipOwnProps {
     /**
      * If `true`, the component is shown.
      */
@@ -69,9 +69,9 @@ export declare type TooltipOwnProps = {
      * or if you need to fine tune the position according to some custom logic.
      */
     offset?: number;
-};
-export declare type TooltipProps = TooltipOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'children'>;
+}
+export type TTooltipProps = ITooltipOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'children'>;
 /**
  *
  */
-export declare const Tooltip: React.FC<TooltipProps>;
+export declare const Tooltip: React.FC<TTooltipProps>;

package/dist/types/Typography/index.d.ts

@@ -1,2 +1,2 @@
-export { Typography, } from './typography';
-export type { TypographyOwnProps, TypographyProps, } from './typography';
+export { Typography } from './typography';
+export type { ITypographyOwnProps, TTypographyProps, } from './typography';

package/dist/types/Typography/typography.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { OverridableComponent, OverrideProps } from '../OverridableComponent';
-import { ColorType, TypographyType } from '../styles';
+import { IOverridableComponent, TOverrideProps } from '../OverridableComponent';
+import { TColorType, TTypographyType } from '../styles';
 /**
  * Types.
  */
-export interface TypographyOwnProps {
+export interface ITypographyOwnProps {
     /**
      * The content of the component.
      */
@@ -12,11 +12,11 @@ export interface TypographyOwnProps {
     /**
      * The variant to use.
      */
-    variant?: TypographyType;
+    variant?: TTypographyType;
     /**
      * The color of the component.
      */
-    color?: ColorType | 'inherit';
+    color?: TColorType | 'inherit';
     /**
      * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
      * Note that text overflow can only happen with block or inline-block level elements
@@ -24,11 +24,11 @@ export interface TypographyOwnProps {
      */
     noWrap?: boolean;
 }
-export interface TypographyTypeMap<P = {}, D extends React.ElementType = 'p'> {
-    props: P & TypographyOwnProps;
+export interface ITypographyTypeMap<P = object, D extends React.ElementType = 'p'> {
+    props: P & ITypographyOwnProps;
     defaultComponent: D;
 }
-export declare type TypographyProps<D extends React.ElementType = TypographyTypeMap['defaultComponent']> = OverrideProps<TypographyTypeMap<{}, D>, D> & {
+export type TTypographyProps<D extends React.ElementType = ITypographyTypeMap['defaultComponent']> = TOverrideProps<ITypographyTypeMap<object, D>, D> & {
     component?: D;
 };
-export declare const Typography: OverridableComponent<TypographyTypeMap<{}, "p">>;
+export declare const Typography: IOverridableComponent<ITypographyTypeMap<object, "p">>;

package/dist/types/hooks/index.d.ts

@@ -2,13 +2,13 @@ export { useMediaQuery } from './use_media_query';
 export { useMergedRef } from './use_merged_ref';
 export { useClipboard } from './use_clipboard';
 export { useControllableState } from './use_controllable';
-export type { UseControllableStateProps } from './use_controllable';
+export type { IUseControllableStateProps } from './use_controllable';
 export { useId } from './use_id';
 export { useImage } from './use_image';
 export { useWindowEventListener } from './use_window_event_listener';
 export { useIntersectionObserver } from './use_intersection_observer';
-export { useAutocomplete, } from './use_autocomplete';
-export type { UseAutocompleteProps, UseAutocompleteReturnType, AutocompleteValue, AutocompleteGroupedOption, AutocompleteChangeReason, AutocompleteChangeDetails, } from './use_autocomplete';
+export { useAutocomplete } from './use_autocomplete';
+export type { IUseAutocompleteProps, IUseAutocompleteReturnType, TAutocompleteValue, IAutocompleteGroupedOption, TAutocompleteChangeReason, IAutocompleteChangeDetails, } from './use_autocomplete';
 export { useEventCallback } from './use_event_callback';
 export { useEnhancedEffect } from './use_enhanced_effect';
 export { useDebounceCallback } from './use_debounce_callback';

package/dist/types/hooks/use_autocomplete.d.ts

@@ -1,25 +1,25 @@
 import React from 'react';
-import type { PopoverProps } from '../Popover';
+import type { TPopoverProps } from '../Popover';
 /**
  * Types.
  */
-export declare type AutocompleteHighlightChangeReason = ('auto' | 'mouse' | 'keyboard');
-export declare type AutocompleteHighlightChangeDirectionType = ('next' | 'previous');
-export declare type AutocompleteHighlightChangeDiffType = (number | 'reset' | 'start' | 'end');
-export declare type AutocompleteChangeReason = ('selectOption' | 'removeOption');
-export interface AutocompleteChangeDetails<T = string> {
+export type TAutocompleteHighlightChangeReason = ('auto' | 'mouse' | 'keyboard');
+export type TAutocompleteHighlightChangeDirectionType = ('next' | 'previous');
+export type TAutocompleteHighlightChangeDiffType = (number | 'reset' | 'start' | 'end');
+export type TAutocompleteChangeReason = ('selectOption' | 'removeOption');
+export interface IAutocompleteChangeDetails<T = string> {
     option: T;
     index: number;
 }
-export declare type AutocompleteValue<T, Multiple> = Multiple extends undefined | false ? T | null : T[];
-export declare type AutocompleteFilterOptionsType<T, Multiple> = (options: ReadonlyArray<T>, searchValue: string, value: AutocompleteValue<T, Multiple>, getOptionLabel: (option: T) => string) => ReadonlyArray<T>;
-export declare type AutocompleteGroupedOption<T> = {
+export type TAutocompleteValue<T, Multiple> = Multiple extends undefined | false ? T | null : T[];
+export type TAutocompleteFilterOptionsType<T, Multiple> = (options: readonly T[], searchValue: string, value: TAutocompleteValue<T, Multiple>, getOptionLabel: (option: T) => string) => readonly T[];
+export interface IAutocompleteGroupedOption<T> {
     key: number;
     index: number;
     group: string;
     options: T[];
-};
-export declare type UseAutocompleteProps<T, Multiple extends boolean | undefined = undefined> = {
+}
+export interface IUseAutocompleteProps<T, Multiple extends boolean | undefined = undefined> {
     /**
      * This prop is used to help implement the accessibility logic.
      * If you don't provide an id it will fall back to a randomly generated one.
@@ -28,15 +28,15 @@ export declare type UseAutocompleteProps<T, Multiple extends boolean | undefined
     /**
      * Array of options.
      */
-    options: ReadonlyArray<T>;
+    options: readonly T[];
     /**
      * The default value. Use when the component is not controlled.
      */
-    defaultValue?: AutocompleteValue<T, Multiple>;
+    defaultValue?: TAutocompleteValue<T, Multiple>;
     /**
      * The value of the select.
      */
-    value?: AutocompleteValue<T, Multiple>;
+    value?: TAutocompleteValue<T, Multiple>;
     /**
      * If `true`, the popup won't close when a value is selected.
      */
@@ -69,7 +69,7 @@ export declare type UseAutocompleteProps<T, Multiple extends boolean | undefined
     /**
     * A filter function that determines the options that are eligible.
     */
-    filterOptions?: AutocompleteFilterOptionsType<T, Multiple>;
+    filterOptions?: TAutocompleteFilterOptionsType<T, Multiple>;
     /**
      * Callback fired when the popup requests to be closed.
      */
@@ -81,15 +81,15 @@ export declare type UseAutocompleteProps<T, Multiple extends boolean | undefined
     /**
      * Callback fired when the value changes.
      */
-    onChange?: (event: React.SyntheticEvent, value: AutocompleteValue<T, Multiple>, details: AutocompleteChangeDetails<T>, reason: AutocompleteChangeReason) => void;
+    onChange?: (event: React.SyntheticEvent, value: TAutocompleteValue<T, Multiple>, details: IAutocompleteChangeDetails<T>, reason: TAutocompleteChangeReason) => void;
     /**
      * Callback fired when the input value changes.
      */
     onInputChange?: (event: React.SyntheticEvent, value: string) => void;
-};
-export declare type UseAutocompleteReturnType<T, Multiple extends boolean | undefined = undefined> = {
-    groupedOptions: ReadonlyArray<T> | ReadonlyArray<AutocompleteGroupedOption<T>>;
-    value: AutocompleteValue<T, Multiple>;
+}
+export interface IUseAutocompleteReturnType<T, Multiple extends boolean | undefined = undefined> {
+    groupedOptions: readonly T[] | readonly IAutocompleteGroupedOption<T>[];
+    value: TAutocompleteValue<T, Multiple>;
     searchValue: string;
     popupOpen: boolean;
     id: string;
@@ -102,7 +102,7 @@ export declare type UseAutocompleteReturnType<T, Multiple extends boolean | unde
         tabIndex: -1;
         onClick: (event: React.SyntheticEvent) => void;
     };
-    getPopoverProps: () => Pick<Required<PopoverProps>, 'open' | 'anchorEl' | 'onClose' | 'onKeyDown'>;
+    getPopoverProps: () => Pick<Required<TPopoverProps>, 'open' | 'anchorEl' | 'onClose' | 'onKeyDown'>;
     getTagProps: (option: T, index: number) => {
         key: number;
         'data-tag-index': number;
@@ -110,5 +110,5 @@ export declare type UseAutocompleteReturnType<T, Multiple extends boolean | unde
         onDelete?: (event: React.SyntheticEvent) => void;
     };
     getOptionLabel: (option: T) => string;
-};
-export declare function useAutocomplete<T, Multiple extends boolean | undefined = false>(props: UseAutocompleteProps<T, Multiple>): UseAutocompleteReturnType<T, Multiple>;
+}
+export declare function useAutocomplete<T, Multiple extends boolean | undefined = false>(props: IUseAutocompleteProps<T, Multiple>): IUseAutocompleteReturnType<T, Multiple>;

package/dist/types/hooks/use_controllable.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type UseControllableStateProps<T> = {
+export interface IUseControllableStateProps<T> {
     /**
      * The value to used in controlled mode
      */
@@ -16,9 +16,9 @@ export declare type UseControllableStateProps<T> = {
      * The function that determines if the state should be updated
      */
     shouldUpdate?: (prev: T, next: T) => boolean;
-};
+}
 /**
  * React hook for using controlling component state.
  * @param props
  */
-export declare function useControllableState<T>(props: UseControllableStateProps<T>): [T, React.Dispatch<React.SetStateAction<T>>];
+export declare function useControllableState<T>(props: IUseControllableStateProps<T>): [T, React.Dispatch<React.SetStateAction<T>>];

package/dist/types/hooks/use_image.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type UseImageOptionsType = {
+export interface IUseImageOptionsType {
     /**
      * A callback for when the image `src` has been loaded.
      */
@@ -8,8 +8,8 @@ export declare type UseImageOptionsType = {
      * A callback for when there was an error loading the image `src`.
      */
     onError?: (error: string | React.SyntheticEvent<HTMLImageElement, Event>) => void;
-};
-declare type Status = ('loading' | 'failed' | 'pending' | 'loaded');
+}
+type TStatus = ('loading' | 'failed' | 'pending' | 'loaded');
 /**
  * React hook that loads an image in the browser,
  * and let's us know the `status` so we can show image
@@ -26,9 +26,9 @@ declare type Status = ('loading' | 'failed' | 'pending' | 'loaded');
  * }
  * ```
  */
-declare type UseImageReturnType = {
-    status: Status;
+interface IUseImageReturnType {
+    status: TStatus;
     image?: HTMLImageElement;
-};
-export declare function useImage(src: string, options?: UseImageOptionsType): UseImageReturnType;
+}
+export declare function useImage(src: string, options?: IUseImageOptionsType): IUseImageReturnType;
 export {};