@loadsmart/loadsmart-ui 8.0.0 → 8.0.1

package/dist/components/IconFactory/IconFactory.d.ts

@@ -1,17 +1,17 @@
-import { ComponentType, ReactElement } from 'react';
+import { ComponentType, ReactNode } from 'react';
 import { ThemeToken } from '../../theming';
 type ThemeColors = keyof {
     [ColorToken in ThemeToken as ColorToken extends `color-${infer Token}` ? Token : never]: ColorToken;
 };
 export interface IconProps<T> {
-    name: keyof T;
-    size?: string | number;
-    width?: string | number;
-    height?: string | number;
-    className?: string;
-    color?: ThemeColors;
+    readonly name: keyof T;
+    readonly size?: string | number;
+    readonly width?: string | number;
+    readonly height?: string | number;
+    readonly className?: string;
+    readonly color?: ThemeColors;
 }
 export type IconMapping = Record<string, ComponentType<Omit<IconProps<string>, 'name'>>>;
-export declare function UnknownIcon(): ReactElement;
+export declare function UnknownIcon(): ReactNode;
 declare function IconFactory(map: IconMapping): ComponentType<IconProps<typeof map>>;
 export default IconFactory;

package/dist/components/IconFactory/IconFactory.fixtures.d.ts

@@ -1,10 +1,10 @@
-import { SVGAttributes } from 'react';
-declare function Caret(props: SVGAttributes<HTMLOrSVGElement>): JSX.Element;
+import { SVGAttributes, default as React } from 'react';
+declare function Caret(props: SVGAttributes<HTMLOrSVGElement>): React.JSX.Element;
 export declare const icons: {
-    clubs: () => JSX.Element;
-    spades: () => JSX.Element;
-    diams: () => JSX.Element;
-    hearts: () => JSX.Element;
+    clubs: () => React.JSX.Element;
+    spades: () => React.JSX.Element;
+    diams: () => React.JSX.Element;
+    hearts: () => React.JSX.Element;
     caret: typeof Caret;
 };
 export {};

package/dist/components/Label/Label.d.ts

@@ -1,17 +1,17 @@
-import { ReactNode, LabelHTMLAttributes } from 'react';
+import { default as React, LabelHTMLAttributes, ReactNode } from 'react';
 import { default as ColorScheme } from '../../utils/types/ColorScheme';
 import { TooltipProps } from '../Tooltip';
 type AcceptedType = 'label' | 'div' | 'span';
 interface WithAdditionalProps {
-    as?: AcceptedType;
-    disabled?: boolean;
-    required?: boolean;
-    scheme?: ColorScheme;
-    tip?: ReactNode;
-    tipProps?: Omit<TooltipProps, 'message'>;
+    readonly as?: AcceptedType;
+    readonly disabled?: boolean;
+    readonly required?: boolean;
+    readonly scheme?: ColorScheme;
+    readonly tip?: ReactNode;
+    readonly tipProps?: Omit<TooltipProps, 'message'>;
 }
 export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement | HTMLDivElement | HTMLSpanElement>, WithAdditionalProps {
-    className?: string;
+    readonly className?: string;
 }
-declare function Label({ as, children, className, disabled, required, scheme, tip, tipProps, ...others }: LabelProps): JSX.Element;
+declare function Label({ as, children, className, disabled, required, scheme, tip, tipProps, ...others }: LabelProps): React.JSX.Element;
 export default Label;

package/dist/components/Label/Label.stories.d.ts

@@ -1,8 +1,9 @@
+import { default as React } from 'react';
 import { LabelProps } from './Label';
 import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
-export declare function Playground(args: LabelProps): JSX.Element;
+export declare function Playground(args: LabelProps): React.JSX.Element;
 export declare namespace Playground {
     var args: {
         children: string;

package/dist/components/Layout/Box.d.ts

@@ -1,15 +1,14 @@
+import { default as React, HTMLAttributes } from 'react';
 import { Spacing } from './Layout.types';
-import { HTMLAttributes } from 'react';
 export interface BoxProps extends HTMLAttributes<HTMLElement> {
-    background?: 'transparent' | 'neutral-white' | 'neutral-lighter' | 'neutral-lightest';
-    padding?: Spacing;
-    borderRadius?: 'none' | 's' | 'm' | 'l';
-    borderWidth?: 'medium' | 'thin' | 'none';
-    borderColor?: 'neutral-darker' | 'neutral-light' | 'neutral-lighter' | 'neutral-white' | 'primary';
-    textAlign?: 'left' | 'center' | 'right';
+    readonly background?: 'transparent' | 'neutral-white' | 'neutral-lighter' | 'neutral-lightest';
+    readonly padding?: Spacing;
+    readonly borderRadius?: 'none' | 's' | 'm' | 'l';
+    readonly borderWidth?: 'medium' | 'thin' | 'none';
+    readonly borderColor?: 'neutral-darker' | 'neutral-light' | 'neutral-lighter' | 'neutral-white' | 'primary';
+    readonly textAlign?: 'left' | 'center' | 'right';
 }
 /**
  * Box layout component.
- * @param {BoxProps} props
  */
-export declare function Box(props: BoxProps): JSX.Element;
+export declare function Box(props: BoxProps): React.JSX.Element;

package/dist/components/Layout/Grid.d.ts

@@ -1,11 +1,10 @@
+import { default as React, HTMLAttributes } from 'react';
 import { Spacing } from './Layout.types';
-import { HTMLAttributes } from 'react';
 export interface GridProps extends HTMLAttributes<HTMLElement> {
-    space?: Spacing;
-    minColumnWidth?: string;
+    readonly space?: Spacing;
+    readonly minColumnWidth?: string;
 }
 /**
  * Grid layout component.
- * @param {GridProps} props
  */
-export declare function Grid(props: GridProps): JSX.Element;
+export declare function Grid(props: GridProps): React.JSX.Element;

package/dist/components/Layout/Group.d.ts

@@ -1,13 +1,12 @@
 import { default as React, HTMLAttributes } from 'react';
 import { Spacing, JustifyValue, AlignValue } from './Layout.types';
 export interface GroupProps extends HTMLAttributes<HTMLElement> {
-    space?: Spacing;
-    justify?: JustifyValue;
-    align?: AlignValue;
-    as?: string | React.ComponentType<any>;
+    readonly space?: Spacing;
+    readonly justify?: JustifyValue;
+    readonly align?: AlignValue;
+    readonly as?: string | React.ComponentType<any>;
 }
 /**
  * Group layout component.
- * @param {GroupProps} props
  */
-export declare function Group(props: GroupProps): JSX.Element;
+export declare function Group(props: GroupProps): React.JSX.Element;

package/dist/components/Layout/Layout.stories.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Meta } from '@storybook/react';
 import { BoxProps } from './Box';
 import { SidebarProps } from './Sidebar';
@@ -6,13 +7,13 @@ import { SwitcherProps } from './Switcher';
 import { GridProps } from './Grid';
 declare const _default: Meta;
 export default _default;
-export declare function Playground(): JSX.Element;
+export declare function Playground(): React.JSX.Element;
 export declare namespace Playground {
     var args: {
         space: string;
     };
 }
-export declare function Stack(args: StackProps): JSX.Element;
+export declare function Stack(args: StackProps): React.JSX.Element;
 export declare namespace Stack {
     var parameters: {
         docs: {
@@ -47,7 +48,7 @@ export declare namespace Stack {
         align: string;
     };
 }
-export declare function Group(args: BoxProps): JSX.Element;
+export declare function Group(args: BoxProps): React.JSX.Element;
 export declare namespace Group {
     var parameters: {
         docs: {
@@ -82,7 +83,7 @@ export declare namespace Group {
         align: string;
     };
 }
-export declare function Box(args: BoxProps): JSX.Element;
+export declare function Box(args: BoxProps): React.JSX.Element;
 export declare namespace Box {
     var args: {
         background: string;
@@ -99,7 +100,7 @@ export declare namespace Box {
         };
     };
 }
-export declare function Sidebar(args: SidebarProps): JSX.Element;
+export declare function Sidebar(args: SidebarProps): React.JSX.Element;
 export declare namespace Sidebar {
     var args: {
         space: string;
@@ -115,7 +116,7 @@ export declare namespace Sidebar {
         };
     };
 }
-export declare function Switcher(args: SwitcherProps): JSX.Element;
+export declare function Switcher(args: SwitcherProps): React.JSX.Element;
 export declare namespace Switcher {
     var args: {
         space: string;
@@ -130,7 +131,7 @@ export declare namespace Switcher {
         };
     };
 }
-export declare function Grid(args: GridProps): JSX.Element;
+export declare function Grid(args: GridProps): React.JSX.Element;
 export declare namespace Grid {
     var args: {
         space: string;

package/dist/components/Layout/Sidebar.d.ts

@@ -1,13 +1,12 @@
+import { default as React, HTMLAttributes } from 'react';
 import { Spacing } from './Layout.types';
-import { HTMLAttributes } from 'react';
 export interface SidebarProps extends HTMLAttributes<HTMLElement> {
-    space?: Spacing;
-    reversed?: boolean;
-    sideWidth?: string;
-    minContentWidth?: string;
+    readonly space?: Spacing;
+    readonly reversed?: boolean;
+    readonly sideWidth?: string;
+    readonly minContentWidth?: string;
 }
 /**
  * Sidebar layout component.
- * @param {SidebarProps} props
  */
-export declare function Sidebar(props: SidebarProps): JSX.Element;
+export declare function Sidebar(props: SidebarProps): React.JSX.Element;

package/dist/components/Layout/Stack.d.ts

@@ -1,10 +1,10 @@
 import { default as React, HTMLAttributes } from 'react';
 import { Spacing, JustifyValue, AlignValue } from './Layout.types';
 export interface StackProps extends HTMLAttributes<HTMLElement> {
-    space?: Spacing;
-    justify?: JustifyValue;
-    align?: AlignValue;
-    as?: string | React.ComponentType<any>;
+    readonly space?: Spacing;
+    readonly justify?: JustifyValue;
+    readonly align?: AlignValue;
+    readonly as?: string | React.ComponentType<any>;
 }
 export declare const StackContainer: import('styled-components').StyledComponent<"div", any, {
     $space: StackProps["space"];
@@ -13,6 +13,5 @@ export declare const StackContainer: import('styled-components').StyledComponent
 }, never>;
 /**
  * Stack layout component.
- * @param {StackProps} props
  */
-export declare function Stack(props: StackProps): JSX.Element;
+export declare function Stack(props: StackProps): React.JSX.Element;

package/dist/components/Layout/Switcher.d.ts

@@ -1,12 +1,11 @@
+import { default as React, HTMLAttributes } from 'react';
 import { Spacing } from './Layout.types';
-import { HTMLAttributes } from 'react';
 export interface SwitcherProps extends HTMLAttributes<HTMLElement> {
-    space?: Spacing;
-    threshold?: string;
-    limit?: number;
+    readonly space?: Spacing;
+    readonly threshold?: string;
+    readonly limit?: number;
 }
 /**
  * Switcher layout component.
- * @param {SwitcherProps} props
  */
-export declare function Switcher(props: SwitcherProps): JSX.Element;
+export declare function Switcher(props: SwitcherProps): React.JSX.Element;

package/dist/components/Link/Link.d.ts

@@ -1,8 +1,8 @@
 import { default as React, AnchorHTMLAttributes } from 'react';
 export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    className?: string;
-    disabled?: boolean;
+    readonly className?: string;
+    readonly disabled?: boolean;
 }
 export declare const BaseLink: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
-declare function Link(props: LinkProps): JSX.Element;
+declare function Link(props: LinkProps): React.JSX.Element;
 export default Link;

package/dist/components/Link/Link.stories.d.ts

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 import { LinkProps } from './Link';
 import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
-export declare function Playground(args: LinkProps): JSX.Element;
+export declare function Playground(args: LinkProps): React.JSX.Element;

package/dist/components/Loaders/LoadingBar.d.ts

@@ -4,10 +4,10 @@ export declare const Bar: import('styled-components').StyledComponent<"div", any
     velocity?: number;
 }, never>;
 export interface LoadingBarProps {
-    alignment?: 'left' | 'center' | 'right';
-    title?: React.ReactNode;
-    secondaryTitle?: React.ReactNode;
-    width?: number | undefined;
-    velocity?: number | undefined;
+    readonly alignment?: 'left' | 'center' | 'right';
+    readonly title?: React.ReactNode;
+    readonly secondaryTitle?: React.ReactNode;
+    readonly width?: number | undefined;
+    readonly velocity?: number | undefined;
 }
-export default function LoadingBar({ alignment, title, secondaryTitle, width, velocity, }: LoadingBarProps): JSX.Element;
+export default function LoadingBar({ alignment, title, secondaryTitle, width, velocity, }: LoadingBarProps): React.JSX.Element;

package/dist/components/Loaders/LoadingDots.d.ts

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 export interface LoadingDotsProps {
-    size?: number;
-    variant?: 'dark' | 'light';
+    readonly size?: number;
+    readonly variant?: 'dark' | 'light';
 }
-export default function LoadingDots({ size, variant, ...props }: LoadingDotsProps): JSX.Element;
+export default function LoadingDots({ size, variant, ...props }: LoadingDotsProps): React.JSX.Element;

package/dist/components/Loaders/Spinner.d.ts

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 export interface SpinnerProps {
-    title?: string;
-    size: number;
+    readonly title?: string;
+    readonly size: number;
 }
-export default function Spinner({ title, size, ...props }: SpinnerProps): JSX.Element;
+export default function Spinner({ title, size, ...props }: SpinnerProps): React.JSX.Element;

package/dist/components/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 import { default as CloseButton } from '../../common/CloseButton';
 interface WithScaleProps {
     scale?: 'small' | 'default' | 'large';
@@ -10,10 +10,10 @@ export interface ModalProps extends WithScaleProps {
     fullscreen?: boolean;
     onOverlayClick?: () => void;
 }
-declare function Modal({ scale, children, open, fullscreen, onOverlayClick, ...others }: PropsWithChildren<ModalProps>): JSX.Element;
+declare function Modal({ scale, children, open, fullscreen, onOverlayClick, ...others }: PropsWithChildren<ModalProps>): React.ReactPortal;
 declare namespace Modal {
     var Header: ({ title, children }: PropsWithChildren<{
-        title: string;
+        readonly title: string;
     }>) => React.JSX.Element;
     var Close: import("styled-components").StyledComponent<typeof CloseButton, any, {
         size: 16;

package/dist/components/Modal/Modal.stories.d.ts

@@ -1,8 +1,9 @@
+import { default as React } from 'react';
 import { Meta } from '@storybook/react';
 import { ModalProps } from './Modal';
 declare const _default: Meta;
 export default _default;
-export declare function WithoutHeader(args: ModalProps): JSX.Element;
+export declare function WithoutHeader(args: ModalProps): React.JSX.Element;
 export declare namespace WithoutHeader {
     var args: {
         scale: string;
@@ -10,7 +11,7 @@ export declare namespace WithoutHeader {
         fullscreen: boolean;
     };
 }
-export declare function WithHeader(args: ModalProps): JSX.Element;
+export declare function WithHeader(args: ModalProps): React.JSX.Element;
 export declare namespace WithHeader {
     var args: {
         scale: string;
@@ -19,7 +20,7 @@ export declare namespace WithHeader {
         title: string;
     };
 }
-export declare function WithCloseButton(args: ModalProps): JSX.Element;
+export declare function WithCloseButton(args: ModalProps): React.JSX.Element;
 export declare namespace WithCloseButton {
     var args: {
         scale: string;

package/dist/components/Pagination/Pagination.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { PaginationProps } from './Pagination.types';
-declare function Pagination(props: PaginationProps): JSX.Element;
+declare function Pagination(props: PaginationProps): React.JSX.Element;
 export default Pagination;

package/dist/components/Pagination/Pagination.types.d.ts

@@ -29,20 +29,20 @@ export type PaginationProps = Omit<HTMLAttributes<HTMLElement>, 'onChange'> & {
     siblingCount?: number;
 };
 export type usePaginationProps = Pick<PaginationProps, 'boundaryCount' | 'count' | 'disabled' | 'onChange' | 'page' | 'siblingCount'>;
-export type usePaginationReturn = {
+export interface usePaginationReturn {
     'aria-current'?: boolean | undefined;
     disabled: boolean;
     itemType: string;
     onClick: () => void;
     page: number | null;
-};
+}
 export type PaginationItemProps = ButtonProps & {
     itemType: string;
     page: number | null;
 };
-export type PaginationHelperArgs = {
+export interface PaginationHelperArgs {
     boundaryCount: number;
     count: number;
     page: number;
     siblingCount: number;
-};
+}

package/dist/components/Pagination/PaginationItem.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { PaginationItemProps } from './Pagination.types';
-declare function PaginationItem(props: PaginationItemProps): JSX.Element;
+declare function PaginationItem(props: PaginationItemProps): React.JSX.Element;
 export default PaginationItem;

package/dist/components/Popover/Popover.d.ts

@@ -1,10 +1,11 @@
+import { default as React } from 'react';
 import { PopoverFloatingProps, PopoverProps, PopoverReferenceProps, UsePopoverReturn } from './Popover.types';
 export declare function usePopover(): UsePopoverReturn;
-declare function Popover(props: PopoverProps): JSX.Element;
+declare function Popover(props: PopoverProps): React.JSX.Element;
 declare namespace Popover {
     var Floating: typeof PopoverFloating;
     var Reference: typeof PopoverReference;
 }
-declare function PopoverReference({ children, ...others }: PopoverReferenceProps): JSX.Element;
-declare function PopoverFloating({ children, style, ...others }: PopoverFloatingProps): JSX.Element;
+declare function PopoverReference({ children, ...others }: PopoverReferenceProps): React.JSX.Element;
+declare function PopoverFloating({ children, style, ...others }: PopoverFloatingProps): React.JSX.Element;
 export default Popover;

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -1,9 +1,9 @@
-import { BaseHTMLAttributes } from 'react';
+import { BaseHTMLAttributes, default as React } from 'react';
 export interface ProgressBarProps extends BaseHTMLAttributes<HTMLDivElement> {
-    value?: number;
-    status?: string;
-    rounded?: boolean;
-    showLine?: boolean;
+    readonly value?: number;
+    readonly status?: string;
+    readonly rounded?: boolean;
+    readonly showLine?: boolean;
 }
-export declare function ProgressBar({ value, status, rounded, showLine, ...extra }: ProgressBarProps): JSX.Element;
+export declare function ProgressBar({ value, status, rounded, showLine, ...extra }: ProgressBarProps): React.JSX.Element;
 export default ProgressBar;

package/dist/components/ProgressBar/ProgressBar.stories.d.ts

@@ -1,9 +1,10 @@
+import { default as React } from 'react';
 import { ProgressBarProps } from './ProgressBar';
 import { Meta } from '@storybook/react';
 import { default as Status } from '../../utils/types/Status';
 declare const _default: Meta;
 export default _default;
-export declare function Playground(args: ProgressBarProps): JSX.Element;
+export declare function Playground(args: ProgressBarProps): React.JSX.Element;
 export declare namespace Playground {
     var args: {
         value: number;

package/dist/components/Radio/Radio.d.ts

@@ -1,10 +1,10 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
+import { InputHTMLAttributes, ReactNode, default as React } from 'react';
 import { default as ColorScheme } from '../../utils/types/ColorScheme';
 import { SelectionStyleProps } from '../../common/SelectionWrapper';
-export interface RadioProps extends InputHTMLAttributes<HTMLInputElement>, SelectionStyleProps {
-    leading?: ReactNode;
-    scheme?: ColorScheme;
-    trailing?: ReactNode;
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'disabled'>, SelectionStyleProps {
+    readonly leading?: ReactNode;
+    readonly scheme?: ColorScheme;
+    readonly trailing?: ReactNode;
 }
-declare function Radio({ className, disabled, children, leading, trailing, scheme, ...others }: RadioProps): JSX.Element;
+declare function Radio({ className, disabled, children, leading, trailing, scheme, ...others }: RadioProps): React.JSX.Element;
 export default Radio;

package/dist/components/Radio/Radio.stories.d.ts

@@ -1,8 +1,9 @@
+import { default as React } from 'react';
 import { RadioProps } from './Radio';
 import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
-export declare function Playground(args: RadioProps): JSX.Element;
+export declare function Playground(args: RadioProps): React.JSX.Element;
 export declare namespace Playground {
     var args: {};
 }

package/dist/components/Section/Section.d.ts

@@ -1,11 +1,11 @@
-import { default as React, HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode, default as React } from 'react';
 export type SectionProps = HTMLAttributes<HTMLElement>;
 export interface SectionTitleProps extends HTMLAttributes<HTMLElement> {
-    children: ReactNode;
-    leading?: ReactNode;
+    readonly children: ReactNode;
+    readonly leading?: ReactNode;
 }
 declare function SectionTitle({ children, leading, ...others }: SectionTitleProps): React.JSX.Element;
-declare function Section({ children, ...others }: SectionProps): JSX.Element;
+declare function Section({ children, ...others }: SectionProps): React.JSX.Element;
 declare namespace Section {
     var Title: typeof SectionTitle;
 }

package/dist/components/Section/Sections.stories.d.ts

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 import { Meta } from '@storybook/react';
 import { SectionProps } from './Section';
 declare const _default: Meta;
 export default _default;
-export declare function Playground(args: SectionProps): JSX.Element;
+export declare function Playground(args: SectionProps): React.JSX.Element;

package/dist/components/Select/Select.d.ts

@@ -3,7 +3,7 @@ import { default as SelectOption } from './SelectOption';
 import { default as SelectEmpty } from './SelectEmpty';
 import { default as SelectCreatableOption } from './SelectCreatableOption';
 import { SelectProps } from './Select.types';
-declare function Select(props: SelectProps): JSX.Element;
+declare function Select(props: SelectProps): React.JSX.Element;
 declare namespace Select {
     var Trigger: React.ForwardRefExoticComponent<import("../TextField").TextFieldProps & React.RefAttributes<HTMLInputElement>>;
     var Option: typeof SelectOption;

package/dist/components/Select/Select.fixtures.d.ts

@@ -1,14 +1,14 @@
 import { SelectableKeyType } from '../../hooks/useSelectable';
 import { SelectDatasource } from './Select.types';
-export type Fruit = {
+export interface Fruit {
     label: string;
     value: string;
     family: string;
-};
-export type User = {
+}
+export interface User {
     uuid: string;
     name: string;
-};
+}
 export type Customer = User;
 export declare const SelectableKeyTypeOptions: {
     label: string;

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

@@ -3,7 +3,7 @@ import { DropdownMenuItemProps, DropdownProps } from '../Dropdown';
 import { TextFieldProps } from '../TextField';
 import { Selectable, SelectableAdapter, SelectableKeyType, SelectableState } from '../../hooks/useSelectable';
 import { useSelectableReturn } from '../../hooks/useSelectable/useSelectable.types';
-import { ChangeEvent, ComponentType, FocusEvent, HTMLAttributes } from 'react';
+import { ChangeEvent, ComponentType, FocusEvent, HTMLAttributes, ReactNode } from 'react';
 export type Option = Selectable;
 export interface GenericOption {
     label: string;
@@ -29,27 +29,27 @@ export interface SelectAdapter<T> extends SelectableAdapter<T> {
     getLabel: (o: T) => string;
 }
 export type Adapters = Record<string, SelectAdapter<any>>;
-export type SelectDatasource<T> = {
+export interface SelectDatasource<T> {
     type: string;
     adapter: SelectAdapter<T>;
     fetch: ({ query, regex }: {
         query: string;
         regex: RegExp;
     }) => T[] | Promise<T[]>;
-};
+}
 export type SelectDatasourceFunction<T> = () => SelectDatasource<T>;
-export type SelectComponentsOptionProps = {
+export interface SelectComponentsOptionProps {
     value: SelectOptionProps['value'];
-};
-export type SelectComponentsEmptyProps = {
+}
+export interface SelectComponentsEmptyProps {
     children: SelectEmptyProps['children'];
-};
-export type CreatableOptionType = () => React.ReactElement<any, any> | null;
-export type Components = {
+}
+export type CreatableOptionType = () => ReactNode | null;
+export interface Components {
     Option?: ComponentType<SelectComponentsOptionProps>;
     Empty?: ComponentType<SelectComponentsEmptyProps>;
     CreatableOption?: CreatableOptionType;
-};
+}
 export type CreateOptionPosition = 'first' | 'last';
 export type OnChange = (event: EventLike<Option | Option[] | null>) => void;
 export type OnCreate = (query: string) => Promise<void | Option> | void | Option;
@@ -81,7 +81,7 @@ export type SelectEmptyProps = HTMLAttributes<HTMLDivElement>;
 export type SelectCreatableOptionProps = Omit<DropdownMenuItemProps, keyof CreatableProps>;
 export type SelectStatus = 'idle' | 'querying' | 'pending-query' | 'queried';
 export type SelectTriggerProps = TextFieldProps;
-export type useSelectReturn = {
+export interface useSelectReturn {
     status: SelectStatus;
     options: Option[];
     value: Selectable | Selectable[] | null;
@@ -114,9 +114,9 @@ export type useSelectReturn = {
     getCreatebleProps: () => CreatableProps;
     isCreatable: () => boolean;
     createOptionPosition?: CreateOptionPosition;
-};
-export type useSelectExternalReturn = {
+}
+export interface useSelectExternalReturn {
     getOption: useSelectReturn['getOption'];
     query: useSelectReturn['query'];
     isChecked: (option: Option) => boolean;
-};
+}

package/dist/components/Select/SelectCreatableOption.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { SelectCreatableOptionProps } from './Select.types';
-declare function SelectCreatableOption({ children, ...rest }: SelectCreatableOptionProps): JSX.Element;
+declare function SelectCreatableOption({ children, ...rest }: SelectCreatableOptionProps): React.JSX.Element;
 export default SelectCreatableOption;

package/dist/components/Select/SelectEmpty.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { SelectEmptyProps } from './Select.types';
-declare function SelectEmpty({ children, ...others }: SelectEmptyProps): JSX.Element;
+declare function SelectEmpty({ children, ...others }: SelectEmptyProps): React.JSX.Element;
 export default SelectEmpty;