@loadsmart/loadsmart-ui 8.0.0 → 8.0.2

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

@@ -1,37 +1,35 @@
-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>;
     var ActionConfirm: typeof DialogActionConfirm;
     var ActionCancel: typeof DialogActionCancel;
     var Actions: typeof DialogActions;
-    var Close: import("styled-components").StyledComponent<typeof import("../..").CloseButton, any, {
-        size: 16;
-    }, "size">;
+    var Close: import("styled-components").StyledComponent<any, any, any, any>;
 }
 export default Dialog;

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

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/styles.d.ts

@@ -1,11 +1,10 @@
 import { default as React } from 'react';
-import { StackProps, Stack } from '../Layout/Stack';
+import { StackProps } from '../Layout/Stack';
 import { DropZoneProps } from './types';
-export declare const DragDropFileWrapper: import('styled-components').StyledComponent<typeof Stack, any, {
-    withFileList: boolean;
-}, never>;
-export declare const DropZoneWrapper: import('styled-components').StyledComponent<(props: StackProps) => React.JSX.Element, any, Pick<DropZoneProps, "disabled" | "error">, never>;
-export declare const HiddenInput: import('styled-components').StyledComponent<"input", any, {}, never>;
-export declare const UploadIcon: import('styled-components').StyledComponent<React.ComponentType<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, any, {}, never>;
-export declare const FileListUL: import('styled-components').StyledComponent<(props: StackProps) => React.JSX.Element, any, {}, never>;
-export declare const Divider: import('styled-components').StyledComponent<"div", any, {}, never>;
+import { StyledComponent } from 'styled-components';
+export declare const DragDropFileWrapper: StyledComponent<any, any, any, any>;
+export declare const DropZoneWrapper: StyledComponent<(props: StackProps) => React.JSX.Element, any, Pick<DropZoneProps, "disabled" | "error">, never>;
+export declare const HiddenInput: StyledComponent<"input", any, {}, never>;
+export declare const UploadIcon: StyledComponent<any, any, any, any>;
+export declare const FileListUL: StyledComponent<(props: StackProps) => React.JSX.Element, any, {}, never>;
+export declare const Divider: StyledComponent<"div", any, {}, never>;

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.context.d.ts

@@ -1,3 +1,4 @@
 import { DropdownContextReturn } from './Dropdown.types';
-declare const DropdownContext: import('react').Context<DropdownContextReturn>;
+import { Context } from 'react';
+declare const DropdownContext: Context<DropdownContextReturn>;
 export default DropdownContext;

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

@@ -1,8 +1,9 @@
 import { default as React } from 'react';
 import { DropdownMenuItemProps, DropdownMenuProps, DropdownMenuSectionProps } from './Dropdown.types';
-export declare const DropdownSeparator: import('styled-components').StyledComponent<"hr", any, {
+import { StyledComponent } from 'styled-components';
+export declare const DropdownSeparator: StyledComponent<"hr", any, {
     '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

@@ -1,19 +1,19 @@
 import { default as React, ButtonHTMLAttributes, HTMLAttributes } from 'react';
 import { DropdownTriggerProps, DropdownContextReturn } from './Dropdown.types';
-import { default as ColorScheme } from '../../utils/types/ColorScheme';
+import { 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';
+import { EmptyStateProps, IllustrationProps } from './EmptyState.types';
 declare const EmptyState: {
-    (props: EmptyStateProps): JSX.Element;
-    Illustration: React.FC<import('./EmptyState.types').IllustrationProps>;
+    (props: EmptyStateProps): React.JSX.Element;
+    Illustration: React.FC< IllustrationProps>;
 };
 export default EmptyState;

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/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;

package/dist/components/Icon/Icon.d.ts

@@ -1,4 +1,5 @@
-import { IconProps as GenericIconProps } from '../IconFactory';
+import { IconProps as GenericIconProps, IconMapping } from '../IconFactory';
+import { ComponentType } from 'react';
 declare const icons: {
     'burguer-menu': any;
     calendar: any;
@@ -22,6 +23,6 @@ declare const icons: {
     'dots-horizontal': any;
     'caret-right-last': any;
 };
-declare const Icon: import('react').ComponentType<GenericIconProps<import('../IconFactory').IconMapping>>;
+declare const Icon: ComponentType<GenericIconProps< IconMapping>>;
 export type IconProps = GenericIconProps<typeof icons>;
 export default Icon;

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 ColorScheme } from '../../utils/types/ColorScheme';
+import { default as React, LabelHTMLAttributes, ReactNode } from 'react';
+import { 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/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/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,18 +1,18 @@
 import { default as React, HTMLAttributes } from 'react';
 import { Spacing, JustifyValue, AlignValue } from './Layout.types';
+import { StyledComponent } from 'styled-components';
 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, {
+export declare const StackContainer: StyledComponent<"div", any, {
     $space: StackProps["space"];
     $justify: StackProps["justify"];
     $align: StackProps["align"];
 }, 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/Loaders/LoadingBar.d.ts

@@ -1,13 +1,14 @@
 import { default as React } from 'react';
-export declare const Bar: import('styled-components').StyledComponent<"div", any, {
+import { StyledComponent } from 'styled-components';
+export declare const Bar: StyledComponent<"div", any, {
     width?: number;
     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,5 +1,4 @@
-import { default as React, PropsWithChildren } from 'react';
-import { default as CloseButton } from '../../common/CloseButton';
+import { PropsWithChildren, default as React } from 'react';
 interface WithScaleProps {
     scale?: 'small' | 'default' | 'large';
 }
@@ -10,13 +9,11 @@ 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;
-    }, "size">;
+    var Close: import("styled-components").StyledComponent<any, any, any, any>;
 }
 export default Modal;

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;