@loadsmart/loadsmart-ui 8.0.0 → 8.0.1

package/dist/components/Calendar/Month.helper.d.ts

@@ -37,20 +37,20 @@ export declare const MONTH_BY_ALIAS: {
     december: string;
 };
 export type CalendarMonthAlias = keyof typeof MONTH_BY_ALIAS;
-export type CalendarMonth = {
+export interface CalendarMonth {
     name: string;
     /**
      * Integer value representing the month, beginning with 0 for January to 11 for December.
      * Based on https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date
      */
     index: number;
-};
+}
 export declare const MONTH_BY_NAME: Record<string, CalendarMonth>;
 declare function getAllMonths(): CalendarMonth[];
 declare function MonthHelper(alias: CalendarMonthAlias): {
-    get(): CalendarMonth;
-    format(representation?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow'): string;
-    is(other: CalendarMonthAlias): boolean;
+    get: () => CalendarMonth;
+    format: (representation?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow') => string;
+    is: (other: CalendarMonthAlias) => boolean;
 };
 declare namespace MonthHelper {
     var getAll: typeof getAllMonths;

package/dist/components/Calendar/PickerModeToggle.d.ts

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 import { ButtonProps } from '../Button';
 declare function PickerModeToggle(props: Omit<ButtonProps & {
     expanded: boolean;
-}, 'trailing'>): JSX.Element;
+}, 'trailing'>): React.JSX.Element;
 export default PickerModeToggle;

package/dist/components/Calendar/Pickers/DayPicker.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { CalendarPickerProps } from '../Calendar.types';
 export declare const WEEKDAYS: string[];
 export declare const formatter: import('..').DateFormat;
@@ -5,5 +6,5 @@ export declare const formatter: import('..').DateFormat;
  * filling days of previous month
  * TODO: supress this for range selection
  */
-declare function CalendarDayPicker({ calendar, onDayClick }: CalendarPickerProps): JSX.Element;
+declare function CalendarDayPicker({ calendar, onDayClick }: CalendarPickerProps): React.JSX.Element;
 export default CalendarDayPicker;

package/dist/components/Calendar/Pickers/MonthPicker.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { CalendarPickerProps } from '../Calendar.types';
-declare function CalendarMonthPicker({ calendar, mode }: CalendarPickerProps): JSX.Element;
+declare function CalendarMonthPicker({ calendar, mode }: CalendarPickerProps): React.JSX.Element;
 export default CalendarMonthPicker;

package/dist/components/Calendar/Pickers/YearPicker.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { CalendarPickerProps } from '../Calendar.types';
-declare function CalendarYearPicker({ calendar, mode }: CalendarPickerProps): JSX.Element;
+declare function CalendarYearPicker({ calendar, mode }: CalendarPickerProps): React.JSX.Element;
 export default CalendarYearPicker;

package/dist/components/Calendar/useCalendar.d.ts

@@ -1,18 +1,13 @@
 import { useCalendarProps, useCalendarReturn, RenderableMonth } from './Calendar.types';
 declare function useCalendar(props: useCalendarProps): useCalendarReturn;
 /**
- * Generate the whole grid of days,
- * @param {number} year
- * @param {number }month
- * @returns {RenderableMonth}
+ * Generate the whole grid of days
  */
 export declare function getRenderableMonth(year: number, month: number): RenderableMonth;
 /**
- *
- * @param {number} year
- * @param {number} month
- * @param {number?} amount - number of months to be generated. Default value is 1.
- * @returns
+ * @param year - year number, e.g., 2022
+ * @param month - month index, where 0 is January and 11 is December
+ * @param amount - number of months to be generated. Default value is 1.
  */
 export declare function getRenderableMonths(year: number, month: number, amount?: number): ReturnType<typeof getRenderableMonth>[];
 export declare function getSelectionPair(selected?: null | [string | number | null, string | number | null]): [number | null, number | null];

package/dist/components/Card/Card.d.ts

@@ -1,12 +1,12 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode, default as React } from 'react';
 import { default as CardTitle } from './CardTitle';
 import { default as Status } from '../../utils/types/Status';
 export interface CardProps extends HTMLAttributes<HTMLElement> {
-    children: ReactNode;
-    status?: Status;
-    flagged?: boolean;
+    readonly children: ReactNode;
+    readonly status?: Status;
+    readonly flagged?: boolean;
 }
-declare function Card({ flagged, status, children, ...others }: CardProps): JSX.Element;
+declare function Card({ flagged, status, children, ...others }: CardProps): React.JSX.Element;
 declare namespace Card {
     var Title: typeof CardTitle;
     var Subtitle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Card/CardTitle.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode, HTMLAttributes } from 'react';
+import { ReactNode, HTMLAttributes, default as React } from 'react';
 export interface CardTitleProps extends HTMLAttributes<HTMLElement> {
-    leading?: ReactNode;
+    readonly leading?: ReactNode;
 }
 declare const Wrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-declare function CardTitle({ children, leading, ...others }: CardTitleProps): JSX.Element;
+declare function CardTitle({ children, leading, ...others }: CardTitleProps): React.JSX.Element;
 export { Wrapper as CardTitleWrapper };
 export default CardTitle;

package/dist/components/Checkbox/Checkbox.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 CheckboxProps extends InputHTMLAttributes<HTMLInputElement>, SelectionStyleProps {
-    leading?: ReactNode;
-    scheme?: ColorScheme;
-    trailing?: ReactNode;
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'disabled'>, SelectionStyleProps {
+    readonly leading?: ReactNode;
+    readonly scheme?: ColorScheme;
+    readonly trailing?: ReactNode;
 }
-declare function Checkbox({ className, disabled, children, leading, trailing, scheme, scale, ...others }: CheckboxProps): JSX.Element;
+declare function Checkbox({ className, disabled, children, leading, trailing, scheme, scale, ...others }: CheckboxProps): React.JSX.Element;
 export default Checkbox;

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

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

package/dist/components/DatePicker/DatePicker.d.ts

@@ -6,8 +6,8 @@ import { TextFieldProps } from '../TextField';
 export declare const formatter: import('../Calendar').DateFormat;
 export declare const ClearButton: import('styled-components').StyledComponent<typeof CloseButton, any, {}, never>;
 interface DateInputProps extends Omit<TextFieldProps, 'onChange'> {
-    onChange: (date: CalendarDate) => void;
+    readonly onChange: (date: CalendarDate) => void;
 }
 export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;
-declare function DatePicker(props: DatePickerProps): JSX.Element;
+declare function DatePicker(props: DatePickerProps): React.JSX.Element;
 export default DatePicker;

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

@@ -1,10 +1,11 @@
+import { default as React } from 'react';
 import { StoryFn, Meta } from '@storybook/react';
 import { DatePickerProps } from './DatePicker.types';
 declare const _default: Meta;
 export default _default;
 export declare const Playground: StoryFn<DatePickerProps>;
 export declare const WithValue: StoryFn<DatePickerProps>;
-export declare function DatePickerConstraints(args: DatePickerProps): JSX.Element;
+export declare function DatePickerConstraints(args: DatePickerProps): React.JSX.Element;
 export declare namespace DatePickerConstraints {
     var args: {
         id: string;

package/dist/components/DatePicker/DateRangePicker.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { DateRangePickerProps } from './DatePicker.types';
 export declare const formatter: import('../Calendar').DateFormat;
-declare function DateRangePicker(props: DateRangePickerProps): JSX.Element;
+declare function DateRangePicker(props: DateRangePickerProps): React.JSX.Element;
 export default DateRangePicker;

package/dist/components/DatePicker/DateRangePicker.stories.d.ts

@@ -1,10 +1,11 @@
+import { default as React } from 'react';
 import { StoryFn, Meta } from '@storybook/react';
 import { DateRangePickerProps } from './DatePicker.types';
 declare const _default: Meta;
 export default _default;
 export declare const Playground: StoryFn<DateRangePickerProps>;
 export declare const WithValue: StoryFn<DateRangePickerProps>;
-export declare function DateRangePickerConstraints(args: DateRangePickerProps): JSX.Element;
+export declare function DateRangePickerConstraints(args: DateRangePickerProps): React.JSX.Element;
 export declare namespace DateRangePickerConstraints {
     var args: {
         id: string;

package/dist/components/Dialog/Dialog.d.ts

@@ -1,29 +1,29 @@
-import { default as React, ReactNode } from 'react';
+import { ReactNode, default as React } from 'react';
 import { ButtonProps } from '../Button';
 interface WithScaleProps {
-    scale?: 'small' | 'default' | 'large';
+    readonly scale?: 'small' | 'default' | 'large';
 }
 export interface DialogProps extends WithScaleProps {
-    className?: string;
-    id?: string;
-    open: boolean;
-    children: ReactNode;
-    onOverlayClick?: () => void;
+    readonly className?: string;
+    readonly id?: string;
+    readonly open: boolean;
+    readonly children: ReactNode;
+    readonly onOverlayClick?: () => void;
 }
 declare function DialogActions({ scale, direction, children, }: {
-    scale?: 'small' | 'default' | 'large';
-    direction?: 'vertical' | 'horizontal';
-    children: ReactNode;
+    readonly scale?: 'small' | 'default' | 'large';
+    readonly direction?: 'vertical' | 'horizontal';
+    readonly children: ReactNode;
 }): React.JSX.Element;
 export interface DialogActionConfirmProps extends Omit<ButtonProps, 'onClick' | 'variant'> {
-    onConfirm: () => void;
+    readonly onConfirm: () => void;
 }
 declare function DialogActionConfirm({ onConfirm, children, ...others }: DialogActionConfirmProps): React.JSX.Element;
 export interface DialogActionCancelProps extends Omit<ButtonProps, 'onClick' | 'variant'> {
-    onCancel: () => void;
+    readonly onCancel: () => void;
 }
 declare function DialogActionCancel({ onCancel, children, ...others }: DialogActionCancelProps): React.JSX.Element;
-declare function Dialog({ scale, open, ...others }: DialogProps): JSX.Element;
+declare function Dialog({ scale, open, ...others }: DialogProps): React.JSX.Element;
 declare namespace Dialog {
     var Header: import("styled-components").StyledComponent<"h1", any, {}, never>;
     var Body: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,64 +1,65 @@
+import { default as React } from 'react';
 import { Meta } from '@storybook/react';
 import { DialogProps } from './Dialog';
 declare const _default: Meta;
 export default _default;
-export declare function WithoutHeader(args: DialogProps): JSX.Element;
+export declare function WithoutHeader(args: DialogProps): React.JSX.Element;
 export declare namespace WithoutHeader {
     var args: {
         scale: string;
         open: boolean;
     };
 }
-export declare function WithHeader(args: DialogProps): JSX.Element;
+export declare function WithHeader(args: DialogProps): React.JSX.Element;
 export declare namespace WithHeader {
     var args: {
         scale: string;
         open: boolean;
     };
 }
-export declare function WithHeaderAndBody(args: DialogProps): JSX.Element;
+export declare function WithHeaderAndBody(args: DialogProps): React.JSX.Element;
 export declare namespace WithHeaderAndBody {
     var args: {
         scale: string;
         open: boolean;
     };
 }
-export declare function WithCloseButton(args: DialogProps): JSX.Element;
+export declare function WithCloseButton(args: DialogProps): React.JSX.Element;
 export declare namespace WithCloseButton {
     var args: {
         scale: string;
         open: boolean;
     };
 }
-export declare function WithActionConfirm(args: DialogProps): JSX.Element;
+export declare function WithActionConfirm(args: DialogProps): React.JSX.Element;
 export declare namespace WithActionConfirm {
     var args: {
         scale: string;
         open: boolean;
     };
 }
-export declare function WithCustomActionConfirmLabel(args: DialogProps): JSX.Element;
+export declare function WithCustomActionConfirmLabel(args: DialogProps): React.JSX.Element;
 export declare namespace WithCustomActionConfirmLabel {
     var args: {
         scale: string;
         open: boolean;
     };
 }
-export declare function WithCustomActionCancelLabel(args: DialogProps): JSX.Element;
+export declare function WithCustomActionCancelLabel(args: DialogProps): React.JSX.Element;
 export declare namespace WithCustomActionCancelLabel {
     var args: {
         scale: string;
         open: boolean;
     };
 }
-export declare function WithActionConfirmAndCancel(args: DialogProps): JSX.Element;
+export declare function WithActionConfirmAndCancel(args: DialogProps): React.JSX.Element;
 export declare namespace WithActionConfirmAndCancel {
     var args: {
         scale: string;
         open: boolean;
     };
 }
-export declare function WithInlineActions(args: DialogProps): JSX.Element;
+export declare function WithInlineActions(args: DialogProps): React.JSX.Element;
 export declare namespace WithInlineActions {
     var args: {
         scale: string;

package/dist/components/DragDropFile/DragDropFile.context.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { DragDropFileContextValue, DragDropFileProviderProps } from './types';
 export declare const DragDropFileContext: React.Context<DragDropFileContextValue | undefined>;
-export declare const DragDropFileProvider: ({ fileList, onFilesAdded, onFileRemoved, onRetryUpload, children, }: DragDropFileProviderProps) => JSX.Element;
+export declare const DragDropFileProvider: ({ fileList, onFilesAdded, onFileRemoved, onRetryUpload, children, }: DragDropFileProviderProps) => React.JSX.Element;
 export declare const useDragDropFileContext: () => DragDropFileContextValue;

package/dist/components/DragDropFile/DragDropFile.d.ts

@@ -1,7 +1,7 @@
 declare const DragDropFile: {
     (): null;
     Wrapper: ({ children, ...props }: import('./types').WrapperProps) => import("react").JSX.Element;
-    DropZone: ({ className, hint, multiple, accept, disabled, error, renderCustomContent, ...props }: import('./types').DropZoneProps) => JSX.Element;
-    FileList: ({ disabled, ...props }: import('./types').FileListProps) => JSX.Element | null;
+    DropZone: ({ className, hint, multiple, accept, disabled, error, renderCustomContent, ...props }: import('./types').DropZoneProps) => import("react").JSX.Element;
+    FileList: ({ disabled, ...props }: import('./types').FileListProps) => import("react").JSX.Element | null;
 };
 export default DragDropFile;

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

@@ -1,11 +1,12 @@
+import { default as React } from 'react';
 import { Meta } from '@storybook/react';
 import { DropZoneProps } from './types';
 declare const _default: Meta;
 export default _default;
 type PlaygroundProps = DropZoneProps & {
-    errorMessage?: string;
+    readonly errorMessage?: string;
 };
-export declare function Playground({ errorMessage, ...args }: PlaygroundProps): JSX.Element;
+export declare function Playground({ errorMessage, ...args }: PlaygroundProps): React.JSX.Element;
 export declare namespace Playground {
     var args: {
         hint: string;
@@ -13,7 +14,7 @@ export declare namespace Playground {
         multiple: boolean;
     };
 }
-export declare function WithInitialFileList({ errorMessage, ...args }: PlaygroundProps): JSX.Element;
+export declare function WithInitialFileList({ errorMessage, ...args }: PlaygroundProps): React.JSX.Element;
 export declare namespace WithInitialFileList {
     var args: {
         hint: string;
@@ -21,7 +22,7 @@ export declare namespace WithInitialFileList {
         multiple: boolean;
     };
 }
-export declare function GeneralError({ errorMessage, ...args }: PlaygroundProps): JSX.Element;
+export declare function GeneralError({ errorMessage, ...args }: PlaygroundProps): React.JSX.Element;
 export declare namespace GeneralError {
     var args: {
         hint: string;

package/dist/components/DragDropFile/components/DropZone.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { DropZoneProps } from '../types';
-declare const DropZone: ({ className, hint, multiple, accept, disabled, error, renderCustomContent, ...props }: DropZoneProps) => JSX.Element;
+declare const DropZone: ({ className, hint, multiple, accept, disabled, error, renderCustomContent, ...props }: DropZoneProps) => React.JSX.Element;
 export default DropZone;

package/dist/components/DragDropFile/components/FileItem.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { FileItemProps } from '../types';
-declare const FileItem: (props: FileItemProps) => JSX.Element;
+declare const FileItem: (props: FileItemProps) => React.JSX.Element;
 export default FileItem;

package/dist/components/DragDropFile/components/FileList.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { FileListProps } from '../types';
-declare const FileList: ({ disabled, ...props }: FileListProps) => JSX.Element | null;
+declare const FileList: ({ disabled, ...props }: FileListProps) => React.JSX.Element | null;
 export default FileList;

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

@@ -31,11 +31,11 @@ export type DropZoneProps = Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> &
     }) => JSX.Element;
 };
 export type FileStatus = 'loading' | 'error' | 'success';
-export type FileWithStatus = {
+export interface FileWithStatus {
     file: File;
     status: FileStatus;
     errorMessage?: string;
-};
+}
 export type FileItemProps = FileWithStatus & {
     onRemove: () => void;
     onRetry?: () => void;
@@ -47,7 +47,7 @@ export type FileListProps = Partial<StackProps> & {
      */
     disabled?: boolean;
 };
-export type DragDropFileProviderProps = {
+export interface DragDropFileProviderProps {
     /**
      * List of items including the file and its status.
      */
@@ -65,7 +65,7 @@ export type DragDropFileProviderProps = {
      */
     onRetryUpload?: (item: FileWithStatus, removedItemIndex: number) => void;
     children: ReactNode;
-};
+}
 export type DragDropFileContextValue = Pick<DragDropFileProviderProps, 'fileList' | 'onFilesAdded' | 'onRetryUpload'> & {
     onRemoveFile: (removedItem: FileWithStatus, removedItemIndex: number) => void;
 };

package/dist/components/Drawer/Drawer.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import { PropsWithChildren, ReactNode, default as React } from 'react';
 export interface DrawerProps {
     children?: ReactNode;
     className?: string;
@@ -7,18 +7,18 @@ export interface DrawerProps {
     onClickOutside?: () => void;
 }
 export interface DrawerHeaderProps {
-    className?: string;
+    readonly className?: string;
 }
-declare function DrawerHeader({ children, className, ...others }: PropsWithChildren<DrawerHeaderProps>): JSX.Element;
+declare function DrawerHeader({ children, className, ...others }: PropsWithChildren<DrawerHeaderProps>): React.JSX.Element;
 export interface DrawerBodyProps {
     className?: string;
 }
-declare function DrawerBody({ children, className, ...others }: PropsWithChildren<DrawerHeaderProps>): JSX.Element;
+declare function DrawerBody({ children, className, ...others }: PropsWithChildren<DrawerHeaderProps>): React.JSX.Element;
 export interface DrawerFooterProps {
-    className?: string;
+    readonly className?: string;
 }
-declare function DrawerFooter({ children, className, ...others }: PropsWithChildren<DrawerFooterProps>): JSX.Element;
-declare function Drawer({ className, children, open, onClose, onClickOutside, ...others }: DrawerProps): JSX.Element;
+declare function DrawerFooter({ children, className, ...others }: PropsWithChildren<DrawerFooterProps>): React.JSX.Element;
+declare function Drawer({ className, children, open, onClose, onClickOutside, ...others }: DrawerProps): React.ReactPortal;
 declare namespace Drawer {
     var Header: typeof DrawerHeader;
     var Body: typeof DrawerBody;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -8,11 +8,8 @@ import { DropdownProps, GenericDropdownProps, DropdownMenuProps } from './Dropdo
  * Based on:
  * - https://www.w3.org/TR/2017/REC-wai-aria-1.1-20171214/#menu
  * - https://www.w3.org/WAI/tutorials/menus/application-menus/
- *
- * @param props
- * @returns
  */
-export declare function GenericDropdown(props: GenericDropdownProps): JSX.Element;
+export declare function GenericDropdown(props: GenericDropdownProps): React.JSX.Element;
 /**
  * @example
       <Dropdown>
@@ -34,7 +31,7 @@ export declare function GenericDropdown(props: GenericDropdownProps): JSX.Elemen
         </Dropdown.Menu>
       </Dropdown>
  */
-declare function Dropdown(props: DropdownProps): JSX.Element;
+declare function Dropdown(props: DropdownProps): React.JSX.Element;
 declare namespace Dropdown {
     var Trigger: typeof DropdownTrigger;
     var Menu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -36,7 +36,7 @@ export interface DropdownMenuProps extends HTMLAttributes<HTMLDivElement> {
 export interface DropdownMenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     leading?: ReactNode;
     trailing?: ReactNode;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => boolean | undefined | void;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => boolean | undefined | void;
 }
 export interface DropdownMenuSectionProps extends HTMLAttributes<HTMLDivElement> {
     header: ReactNode;

package/dist/components/Dropdown/DropdownMenu.d.ts

@@ -4,5 +4,5 @@ export declare const DropdownSeparator: import('styled-components').StyledCompon
     'aria-hidden': true;
 }, "aria-hidden">;
 export declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>>;
-export declare function DropdownMenuItem(props: DropdownMenuItemProps): JSX.Element;
-export declare function DropdownMenuSection(props: DropdownMenuSectionProps): JSX.Element;
+export declare function DropdownMenuItem(props: DropdownMenuItemProps): React.JSX.Element;
+export declare function DropdownMenuSection(props: DropdownMenuSectionProps): React.JSX.Element;

package/dist/components/Dropdown/DropdownTrigger.d.ts

@@ -2,18 +2,18 @@ import { default as React, ButtonHTMLAttributes, HTMLAttributes } from 'react';
 import { DropdownTriggerProps, DropdownContextReturn } from './Dropdown.types';
 import { default as ColorScheme } from '../../utils/types/ColorScheme';
 export interface DropdownTriggerButtonProps extends Omit<DropdownTriggerProps, 'children'> {
-    children: DropdownTriggerProps['children'] | ((args: DropdownContextReturn) => React.ReactNode);
+    readonly children: DropdownTriggerProps['children'] | ((args: DropdownContextReturn) => React.ReactNode);
 }
-declare function DropdownTriggerButton(props: DropdownTriggerButtonProps): JSX.Element;
-declare function DropdownTriggerHandle(props: ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+declare function DropdownTriggerButton(props: DropdownTriggerButtonProps): React.JSX.Element;
+declare function DropdownTriggerHandle(props: ButtonHTMLAttributes<HTMLButtonElement>): React.JSX.Element;
 export interface GenericDropdownTriggerProps extends HTMLAttributes<HTMLDivElement> {
-    disabled?: boolean;
-    scheme?: ColorScheme;
-    outlined?: boolean;
-    scale?: DropdownTriggerProps['scale'];
+    readonly disabled?: boolean;
+    readonly scheme?: ColorScheme;
+    readonly outlined?: boolean;
+    readonly scale?: DropdownTriggerProps['scale'];
 }
-export declare function GenericDropdownTrigger(props: GenericDropdownTriggerProps): JSX.Element;
-declare function DropdownTrigger(props: DropdownTriggerProps): JSX.Element;
+export declare function GenericDropdownTrigger(props: GenericDropdownTriggerProps): React.JSX.Element;
+declare function DropdownTrigger(props: DropdownTriggerProps): React.JSX.Element;
 declare namespace DropdownTrigger {
     var Button: typeof DropdownTriggerButton;
     var Handle: typeof DropdownTriggerHandle;

package/dist/components/EmptyState/EmptyState.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { EmptyStateProps } from './EmptyState.types';
 declare const EmptyState: {
-    (props: EmptyStateProps): JSX.Element;
+    (props: EmptyStateProps): React.JSX.Element;
     Illustration: React.FC<import('./EmptyState.types').IllustrationProps>;
 };
 export default EmptyState;

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

@@ -1,32 +1,33 @@
+import { default as React } from 'react';
 import { Meta } from '@storybook/react';
 import { EmptyStateProps, EmptyStateWithIllustrationProps, EmptyStateWithIconProps } from './EmptyState.types';
 declare const _default: Meta;
 export default _default;
-export declare function Playground(args: EmptyStateProps): JSX.Element;
+export declare function Playground(args: EmptyStateProps): React.JSX.Element;
 export declare namespace Playground {
     var args: EmptyStateWithIllustrationProps;
 }
-export declare function PlacedOnPage(args: EmptyStateWithIllustrationProps): JSX.Element;
+export declare function PlacedOnPage(args: EmptyStateWithIllustrationProps): React.JSX.Element;
 export declare namespace PlacedOnPage {
     var args: EmptyStateWithIllustrationProps;
 }
-export declare function PlacedOnPageWithIllustrationElement(args: EmptyStateWithIllustrationProps): JSX.Element;
+export declare function PlacedOnPageWithIllustrationElement(args: EmptyStateWithIllustrationProps): React.JSX.Element;
 export declare namespace PlacedOnPageWithIllustrationElement {
     var args: EmptyStateWithIllustrationProps;
 }
-export declare function PlacedOnPanel(args: EmptyStateWithIllustrationProps): JSX.Element;
+export declare function PlacedOnPanel(args: EmptyStateWithIllustrationProps): React.JSX.Element;
 export declare namespace PlacedOnPanel {
     var args: EmptyStateWithIllustrationProps;
 }
-export declare function PlacedOnPanelWithIllustrationElement(args: EmptyStateWithIllustrationProps): JSX.Element;
+export declare function PlacedOnPanelWithIllustrationElement(args: EmptyStateWithIllustrationProps): React.JSX.Element;
 export declare namespace PlacedOnPanelWithIllustrationElement {
     var args: EmptyStateWithIllustrationProps;
 }
-export declare function PlacedOnCard(args: EmptyStateWithIconProps): JSX.Element;
+export declare function PlacedOnCard(args: EmptyStateWithIconProps): React.JSX.Element;
 export declare namespace PlacedOnCard {
     var args: EmptyStateWithIconProps;
 }
-export declare function PlacedOnHorizontalCard(args: EmptyStateProps): JSX.Element;
+export declare function PlacedOnHorizontalCard(args: EmptyStateProps): React.JSX.Element;
 export declare namespace PlacedOnHorizontalCard {
     var args: EmptyStateWithIconProps;
 }

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { ButtonProps } from '../Button';
 export type EmptyStateCommonProps = HTMLAttributes<HTMLDivElement> & {
     title?: string;
@@ -8,7 +8,7 @@ export type EmptyStateCommonProps = HTMLAttributes<HTMLDivElement> & {
 };
 export type EmptyStateWithIconProps = EmptyStateCommonProps & {
     variant: 'card' | 'horizontal-card';
-    icon?: JSX.Element;
+    icon?: ReactNode;
 };
 export type EmptyStateWithIllustrationProps = EmptyStateCommonProps & {
     variant: 'page' | 'panel';

package/dist/components/EmptyState/index.d.ts

@@ -1,3 +1,3 @@
 export { default as EmptyState } from './EmptyState';
-export * from './EmptyState.types';
+export type * from './EmptyState.types';
 export { Illustration } from './Illustration';

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

@@ -1,11 +1,12 @@
+import { default as React } from 'react';
 import { Meta } from '@storybook/react';
 import { ErrorMessageProps } from './ErrorMessage';
 declare const _default: Meta;
 export default _default;
 type PlaygroundProps = ErrorMessageProps & {
-    errorMessage?: string;
+    readonly errorMessage?: string;
 };
-export declare function Playground({ errorMessage, ...args }: PlaygroundProps): JSX.Element;
+export declare function Playground({ errorMessage }: PlaygroundProps): React.JSX.Element;
 export declare namespace Playground {
     var args: {
         errorMessage: string;

package/dist/components/HighlightMatch/HighlightMatch.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, default as React } from 'react';
 export type HighlightMatchProps = {
-    text: string;
-    match: string;
+    readonly text: string;
+    readonly match: string;
 } & HTMLAttributes<HTMLSpanElement>;
-declare const HighlightMatch: ({ text, match, ...props }: HighlightMatchProps) => JSX.Element;
+declare const HighlightMatch: ({ text, match, ...props }: HighlightMatchProps) => React.JSX.Element;
 export default HighlightMatch;