@ainias42/react-bootstrap-mobile 0.1.11 → 0.1.13

package/dist/src/Components/Card/Card.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 import { ReactElement } from 'react';
 export type CardProps = RbmComponentProps<{
@@ -8,6 +9,6 @@ export type CardProps = RbmComponentProps<{
     noPadding?: boolean;
     noMargin?: boolean;
 }>;
-declare function Card({ title, children, fullHeight, noPaddingHeight, noPadding, noPaddingWidth, noMargin, className, ...rbmProps }: CardProps): JSX.Element;
+declare function Card({ title, children, fullHeight, noPaddingHeight, noPadding, noPaddingWidth, noMargin, className, ...rbmProps }: CardProps): React.JSX.Element;
 declare const CardMemo: typeof Card;
 export { CardMemo as Card };

package/dist/src/Components/Dialog/AlertDialog.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import * as React from 'react';
 export type AlertDialogProps = {
     title?: string;
     message: string;
     close: () => void;
     confirmText?: string;
 };
-declare function AlertDialog({ title, message, close, confirmText }: AlertDialogProps): JSX.Element;
+declare function AlertDialog({ title, message, close, confirmText }: AlertDialogProps): React.JSX.Element;
 declare const AlertDialogMemo: typeof AlertDialog;
 export { AlertDialogMemo as AlertDialog };

package/dist/src/Components/Dialog/ButtonDialog.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps, WithNoChildren } from '../RbmComponentProps';
 export type ButtonDialogProps = RbmComponentProps<{
     title?: string;
@@ -8,6 +8,6 @@ export type ButtonDialogProps = RbmComponentProps<{
         callback: () => void;
     }[];
 }, WithNoChildren>;
-declare function ButtonDialog({ title, message, buttons, style, className }: ButtonDialogProps): JSX.Element;
+declare function ButtonDialog({ title, message, buttons, style, className }: ButtonDialogProps): React.JSX.Element;
 declare const ButtonDialogMemo: typeof ButtonDialog;
 export { ButtonDialogMemo as ButtonDialog };

package/dist/src/Components/Dialog/ConfirmDialog.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 export type ConfirmDialogProps = {
     title?: string;
     message: string;
@@ -6,6 +6,6 @@ export type ConfirmDialogProps = {
     cancelText?: string;
     confirmText?: string;
 };
-declare function ConfirmDialog({ title, message, close, cancelText, confirmText }: ConfirmDialogProps): JSX.Element;
+declare function ConfirmDialog({ title, message, close, cancelText, confirmText }: ConfirmDialogProps): React.JSX.Element;
 declare const ConfirmDialogMemo: typeof ConfirmDialog;
 export { ConfirmDialogMemo as ConfirmDialog };

package/dist/src/Components/Dialog/Dialog.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 import { ReactElement } from 'react';
 export type DialogProps<ReturnData> = RbmComponentProps<{
@@ -9,6 +10,6 @@ export type DialogProps<ReturnData> = RbmComponentProps<{
         close?: (data?: ReturnData) => void;
     }> | string | number;
 }>;
-declare function Dialog<ReturnData>({ style, children, className, closable, onClose, identifier, }: DialogProps<ReturnData>): JSX.Element | null;
+declare function Dialog<ReturnData>({ style, children, className, closable, onClose, identifier, }: DialogProps<ReturnData>): React.JSX.Element | null;
 declare const DialogMemo: typeof Dialog;
 export { DialogMemo as Dialog };

package/dist/src/Components/Dialog/DialogBackground.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 import { EmptyProps } from '../../helper/EmptyProps';
 export type DialogBackgroundProps = RbmComponentProps<EmptyProps>;
-declare function DialogBackground({ children, className, style }: DialogBackgroundProps): JSX.Element;
+declare function DialogBackground({ children, className, style }: DialogBackgroundProps): React.JSX.Element;
 declare const DialogBackgroundMemo: typeof DialogBackground;
 export { DialogBackgroundMemo as DialogBackground };

package/dist/src/Components/Dialog/DialogContainer.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import { PropsWithChildren } from 'react';
 import { EmptyProps } from '../../helper/EmptyProps';
 export type DialogContainerProps = PropsWithChildren<EmptyProps>;
-declare function DialogContainer({ children }: DialogContainerProps): JSX.Element;
+declare function DialogContainer({ children }: DialogContainerProps): React.JSX.Element;
 declare const DialogContainerMemo: typeof DialogContainer;
 export { DialogContainerMemo as DialogContainer };

package/dist/src/Components/DragAndDrop/DragItem.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps, WithNoStringAndChildrenProps } from '../RbmComponentProps';
 import { DraggableProps } from 'react-beautiful-dnd';
 export type DragItemProps = RbmComponentProps<Omit<DraggableProps, 'children'>, WithNoStringAndChildrenProps>;
-declare function DragItem({ children, ...dragProps }: DragItemProps): JSX.Element;
+declare function DragItem({ children, ...dragProps }: DragItemProps): React.JSX.Element;
 declare const DragItemMemo: typeof DragItem;
 export { DragItemMemo as DragItem };

package/dist/src/Components/DragAndDrop/DropArea.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps, WithNoStringAndChildrenProps } from '../RbmComponentProps';
 import { DroppableProps } from 'react-beautiful-dnd';
 export type DropAreaProps = RbmComponentProps<Omit<DroppableProps, 'children'>, WithNoStringAndChildrenProps>;
-declare function DropArea({ children, style, className, ...dropProps }: DropAreaProps): JSX.Element | null;
+declare function DropArea({ children, style, className, ...dropProps }: DropAreaProps): React.JSX.Element | null;
 declare const DropAreaMemo: typeof DropArea;
 export { DropAreaMemo as DropArea };

package/dist/src/Components/FormElements/Button/Button.d.ts

@@ -1,8 +1,9 @@
+import * as React from 'react';
 import { Override } from '@ainias42/js-helper';
 import { OptionalListener } from '../../Hooks/useListener';
 import { HTMLAttributes } from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
 export type ButtonProps<ClickData> = RbmComponentProps<Override<HTMLAttributes<HTMLButtonElement>, OptionalListener<'onClick', ClickData>>>;
-declare function Button<ClickData>({ children, className, ...props }: ButtonProps<ClickData>): JSX.Element;
+declare function Button<ClickData>({ children, className, ...props }: ButtonProps<ClickData>): React.JSX.Element;
 declare const ButtonMemo: typeof Button;
 export { ButtonMemo as Button };

package/dist/src/Components/FormElements/CheckBox/Checkbox.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
 import { InputHTMLAttributes } from 'react';
 import { Override } from '@ainias42/js-helper';
@@ -7,6 +8,6 @@ export type CheckboxProps<OnChangeData, OnChangeCheckedData> = RbmComponentProps
     children?: string;
     isLabelBeforeCheckbox?: boolean;
 } & OptionalListener<'onChange', OnChangeData> & OptionalListener<'onChangeChecked', OnChangeCheckedData, boolean>>>;
-declare function Checkbox<OnChangeData, OnChangeCheckedData>({ children, label, isLabelBeforeCheckbox, id, className, style, ...props }: CheckboxProps<OnChangeData, OnChangeCheckedData>): JSX.Element;
+declare function Checkbox<OnChangeData, OnChangeCheckedData>({ children, label, isLabelBeforeCheckbox, id, className, style, ...props }: CheckboxProps<OnChangeData, OnChangeCheckedData>): React.JSX.Element;
 declare const tmp: typeof Checkbox;
 export { tmp as Checkbox };

package/dist/src/Components/FormElements/ColorInput/ColorInput.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { OptionalListener } from '../../Hooks/useListener';
 export type ColorInputProps<OnChangeData> = {
     defaultValue?: string;
@@ -12,6 +12,6 @@ export type ColorInputProps<OnChangeData> = {
     presetColors?: string[];
     sharedColorKey?: string;
 } & OptionalListener<'onChange', OnChangeData>;
-declare function ColorInput<OnChangeData>({ defaultValue, value, label, onChangeColor, onChangeColorComplete, onOpen, onClose, disableAlpha, presetColors, sharedColorKey, ...otherProps }: ColorInputProps<OnChangeData>): JSX.Element;
+declare function ColorInput<OnChangeData>({ defaultValue, value, label, onChangeColor, onChangeColorComplete, onOpen, onClose, disableAlpha, presetColors, sharedColorKey, ...otherProps }: ColorInputProps<OnChangeData>): React.JSX.Element;
 declare const ColorInputMemo: typeof ColorInput;
 export { ColorInputMemo as ColorInput };

package/dist/src/Components/FormElements/ImageInput/ImageInput.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
 import { Override } from '../../../TypeHelpers';
 import { InputHTMLAttributes } from 'react';
@@ -12,6 +13,6 @@ export type ImageInputProps<OnChangeData> = RbmComponentProps<Override<InputHTML
     label?: string;
     onChangeImage?: (image: ImageType, imageData: File) => void;
 } & OptionalListener<'onChange', OnChangeData>>>;
-declare function ImageInput<OnChangeData>({ className, style, value, defaultValue, onChangeImage, label, ...otherProps }: ImageInputProps<OnChangeData>): JSX.Element;
+declare function ImageInput<OnChangeData>({ className, style, value, defaultValue, onChangeImage, label, ...otherProps }: ImageInputProps<OnChangeData>): React.JSX.Element;
 declare const ImageInputMemo: typeof ImageInput;
 export { ImageInputMemo as ImageInput };

package/dist/src/Components/FormElements/ImageInput/MultipleFileInput.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
 import { Override } from '../../../TypeHelpers';
 import { InputHTMLAttributes } from 'react';
@@ -17,4 +18,4 @@ export type MultipleImageInputProps<OnChangeFilesData> = RbmComponentProps<Overr
     maxSizePerFile?: number;
     onError?: (error: string) => void;
 } & Listener<'onChangeFiles', OnChangeFilesData, FileType[]>>>;
-export declare const MultipleFileInput: <OnChangeData>({ className, style, value, label, mimeTypes, maxFiles, maxSizePerFile, onError, ...otherProps }: MultipleImageInputProps<OnChangeData>) => JSX.Element;
+export declare const MultipleFileInput: <OnChangeData>({ className, style, value, label, mimeTypes, maxFiles, maxSizePerFile, onError, ...otherProps }: MultipleImageInputProps<OnChangeData>) => React.JSX.Element;

package/dist/src/Components/FormElements/Input/HiddenInput.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { InputProps } from './Input';
 export type HiddenInputProps<OnChangeType, OnBlurData, OnChangeEndData> = InputProps<OnChangeType, OnBlurData, OnChangeEndData> & {
     noFocusHint?: boolean;
 };
-declare function HiddenInput<OnChangeData, OnBlurData, OnChangeEndData>({ noFocusHint, className, ...props }: HiddenInputProps<OnChangeData, OnBlurData, OnChangeEndData>): JSX.Element;
+declare function HiddenInput<OnChangeData, OnBlurData, OnChangeEndData>({ noFocusHint, className, ...props }: HiddenInputProps<OnChangeData, OnBlurData, OnChangeEndData>): React.JSX.Element;
 declare const tmp: typeof HiddenInput;
 export { tmp as HiddenInput };

package/dist/src/Components/FormElements/SearchSelectInput/SearchSelectInput.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { OptionalListener } from '../../Hooks/useListener';
 import { SelectOption } from '../Select/Select';
 import { RbmComponentProps } from '../../RbmComponentProps';
@@ -7,4 +8,4 @@ export type SearchSelectInputProps<OnChangeData> = RbmComponentProps<{
     onChangeValue?: (newValues: string[]) => void;
     values: string[];
 } & OptionalListener<'onChange', OnChangeData>>;
-export declare const SearchSelectInput: <OnChangeData>({ label, options, values, onChangeValue, className, style, }: SearchSelectInputProps<OnChangeData>) => JSX.Element;
+export declare const SearchSelectInput: <OnChangeData>({ label, options, values, onChangeValue, className, style, }: SearchSelectInputProps<OnChangeData>) => React.JSX.Element;

package/dist/src/Components/FormElements/Select/Select.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
 import { Override } from '../../../TypeHelpers';
 import { SelectHTMLAttributes } from 'react';
@@ -13,4 +14,4 @@ export type SelectProps<OnChangeData> = RbmComponentProps<Override<SelectHTMLAtt
     onChangeValue?: (newValue: string) => void;
     inline?: boolean;
 } & OptionalListener<'onChange', OnChangeData>>>;
-export declare const Select: <OnChangeData>({ label, options, className, style, onChangeValue, inline, ...otherProps }: SelectProps<OnChangeData>) => JSX.Element;
+export declare const Select: <OnChangeData>({ label, options, className, style, onChangeValue, inline, ...otherProps }: SelectProps<OnChangeData>) => React.JSX.Element;

package/dist/src/Components/FormElements/Slider/Slider.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
 import { InputHTMLAttributes } from 'react';
 import { Override } from '../../../TypeHelpers';
@@ -5,4 +6,4 @@ import { OptionalListener } from '../../Hooks/useListener';
 export type SliderProps<OnChangeData, OnChangeValueData, OnChangeDoneData> = RbmComponentProps<Override<Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>, {
     value?: number;
 } & OptionalListener<'onChange', OnChangeData> & OptionalListener<'onChangeValue', OnChangeValueData, number> & OptionalListener<'onChangeDone', OnChangeDoneData>>>;
-export declare const Slider: <OnChangeData, OnChangeValueData, OnChangeDoneData>({ className, style, ...props }: SliderProps<OnChangeData, OnChangeValueData, OnChangeDoneData>) => JSX.Element;
+export declare const Slider: <OnChangeData, OnChangeValueData, OnChangeDoneData>({ className, style, ...props }: SliderProps<OnChangeData, OnChangeValueData, OnChangeDoneData>) => React.JSX.Element;

package/dist/src/Components/FormElements/Switch/Switch.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { InputHTMLAttributes } from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
 import { Override } from '../../../TypeHelpers';
@@ -9,4 +10,4 @@ export type SwitchProps = RbmComponentProps<Override<InputHTMLAttributes<HTMLInp
     isDual?: boolean;
     onChangeChecked?(isChecked: boolean): void;
 }>>;
-export declare const Switch: ({ children, label, preLabel, isLabelBeforeSwitch, isDual, id, className, style, onChange, onChangeChecked, ...props }: SwitchProps) => JSX.Element;
+export declare const Switch: ({ children, label, preLabel, isLabelBeforeSwitch, isDual, id, className, style, onChange, onChangeChecked, ...props }: SwitchProps) => React.JSX.Element;

package/dist/src/Components/FormElements/Textarea/Textarea.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
 import { Override } from '../../../TypeHelpers';
 import { TextareaHTMLAttributes } from 'react';
@@ -7,6 +8,6 @@ export type TextareaProps<OnChangeData> = RbmComponentProps<Override<TextareaHTM
     onChangeText?: (newText: string) => void;
     onEnter?: (newText: string) => void;
 } & OptionalListener<'onChange', OnChangeData>>>;
-declare function Textarea<OnChangeData>({ label, className, style, onKeyUp, onChangeText, onEnter, ...otherProps }: TextareaProps<OnChangeData>): JSX.Element;
+declare function Textarea<OnChangeData>({ label, className, style, onKeyUp, onChangeText, onEnter, ...otherProps }: TextareaProps<OnChangeData>): React.JSX.Element;
 declare const TextareaMemo: typeof Textarea;
 export { TextareaMemo as Textarea };

package/dist/src/Components/Hooks/useOnMount.d.ts

@@ -1 +1 @@
-export declare function useOnMount(cb: () => void | Promise<void>): void;
+export declare function useOnMount(cb: () => void | Promise<void> | (() => any)): void;

package/dist/src/Components/Icon/Icon.d.ts

@@ -1,13 +1,14 @@
-/// <reference types="react" />
 import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 import { Override } from '../../TypeHelpers';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-export type IconSource = IconProp | string;
+import { IconDefinition } from '@fortawesome/free-regular-svg-icons';
+export type IconSource = IconProp | string | IconDefinition;
 export type IconProps = RbmComponentProps<Override<FontAwesomeIconProps, {
     icon: IconSource;
     alt?: string;
 }>>;
-declare function Icon({ icon, alt, className, style, title, ...props }: IconProps): JSX.Element;
+declare function Icon({ icon, alt, className, style, title, ...props }: IconProps): React.JSX.Element;
 declare const IconMemo: typeof Icon;
 export { IconMemo as Icon };

package/dist/src/Components/Image/Image.d.ts

@@ -7,6 +7,6 @@ export type ImageProps = RbmComponentProps<Override<Omit<React.ComponentPropsWit
     style?: CSSProperties;
     alt?: string;
 }>, WithNoChildren>;
-declare function Image({ src, alt, className, style, ...otherProps }: ImageProps): JSX.Element;
+declare function Image({ src, alt, className, style, ...otherProps }: ImageProps): React.JSX.Element;
 declare const ImageMemo: typeof Image;
 export { ImageMemo as Image };

package/dist/src/Components/InViewport/InViewport.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 export type InViewportProps = RbmComponentProps<{
     threshold?: number;
@@ -6,6 +6,6 @@ export type InViewportProps = RbmComponentProps<{
     root?: HTMLElement;
     rootMargin?: string;
 }>;
-declare function InViewport({ threshold, root, rootMargin, onInViewportChange, className, style, children, }: InViewportProps): JSX.Element;
+declare function InViewport({ threshold, root, rootMargin, onInViewportChange, className, style, children, }: InViewportProps): React.JSX.Element;
 declare const InViewportMemo: typeof InViewport;
 export { InViewportMemo as InViewport };

package/dist/src/Components/Layout/Container.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 export declare const CONTAINER_CLASSES: {
     sm: string;
@@ -9,4 +10,4 @@ export declare const CONTAINER_CLASSES: {
 export type ContainerProps = RbmComponentProps<{
     fluid?: boolean | keyof typeof CONTAINER_CLASSES;
 }>;
-export declare const Container: ({ fluid, className, children, style }: ContainerProps) => JSX.Element;
+export declare const Container: ({ fluid, className, children, style }: ContainerProps) => React.JSX.Element;

package/dist/src/Components/Layout/Grid/Grid.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
 export type GridProps = RbmComponentProps<{
     columns?: number;
     rows?: number;
 }>;
-declare function Grid({ style, children, columns, rows, className, __allowChildren }: GridProps): JSX.Element;
+declare function Grid({ style, children, columns, rows, className, __allowChildren }: GridProps): React.JSX.Element;
 declare const GridMemo: typeof Grid;
 export { GridMemo as Grid };

package/dist/src/Components/Layout/Grid/GridItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
 export type GridItemProps = RbmComponentProps<{
     size: number;
@@ -23,6 +23,6 @@ export type GridItemProps = RbmComponentProps<{
     orderXxl?: number;
     orderPrint?: number;
 }>;
-declare function GridItem({ style, children, className, __allowChildren, size, sm, md, lg, xl, xxl, print, startXs, startMd, startSm, startLg, startXl, startXxl, startPrint, orderXs, orderSm, orderMd, orderLg, orderXxl, orderXl, orderPrint, }: GridItemProps): JSX.Element;
+declare function GridItem({ style, children, className, __allowChildren, size, sm, md, lg, xl, xxl, print, startXs, startMd, startSm, startLg, startXl, startXxl, startPrint, orderXs, orderSm, orderMd, orderLg, orderXxl, orderXl, orderPrint, }: GridItemProps): React.JSX.Element;
 declare const GridItemMemo: typeof GridItem;
 export { GridItemMemo as GridItem };

package/dist/src/Components/Layout/Grow.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 export type GrowProps = RbmComponentProps<{
     center?: boolean;
     weight?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }>;
-declare function Grow({ className, children, center, style, weight }: GrowProps): JSX.Element;
+declare function Grow({ className, children, center, style, weight }: GrowProps): React.JSX.Element;
 declare const tmp: typeof Grow;
 export { tmp as Grow };

package/dist/src/Components/List/BulletList/BulletList.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
 export type BulletListProps = RbmComponentProps<{
     numbered?: boolean;
 }>;
-declare function BulletList({ numbered, className, children, style }: BulletListProps): JSX.Element;
+declare function BulletList({ numbered, className, children, style }: BulletListProps): React.JSX.Element;
 declare const BulletListMemo: typeof BulletList;
 export { BulletListMemo as BulletList };

package/dist/src/Components/List/BulletList/ListItem.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
 import { EmptyProps } from '../../../helper/EmptyProps';
 export type ListItemProps = RbmComponentProps<EmptyProps>;
-declare function ListItem({ className, children, style }: ListItemProps): JSX.Element;
+declare function ListItem({ className, children, style }: ListItemProps): React.JSX.Element;
 declare const ListItemMemo: typeof ListItem;
 export { ListItemMemo as ListItem };

package/dist/src/Components/List/List.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { CSSProperties, ReactElement, ReactNode } from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 export type ListProps<ItemType> = RbmComponentProps<{
@@ -7,4 +8,4 @@ export type ListProps<ItemType> = RbmComponentProps<{
     renderBefore?: (item: ItemType, index: number) => ReactNode;
     keyExtractor?: (item: ItemType, index: number) => string;
 }>;
-export declare const List: <ItemType>({ items, renderItem, itemHeight: initialItemHeight, className, style, }: ListProps<ItemType>) => JSX.Element;
+export declare const List: <ItemType>({ items, renderItem, itemHeight: initialItemHeight, className, style, }: ListProps<ItemType>) => React.JSX.Element;

package/dist/src/Components/LoadingArea/LoadingArea.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 export type LoadingAreaProps = RbmComponentProps<{
     opacity?: number;
@@ -7,6 +7,6 @@ export type LoadingAreaProps = RbmComponentProps<{
     fullHeight?: boolean;
     fullSize?: boolean;
 }>;
-declare function LoadingArea({ loading, fullWidth, fullSize, fullHeight, opacity, className, style, children, }: LoadingAreaProps): JSX.Element;
+declare function LoadingArea({ loading, fullWidth, fullSize, fullHeight, opacity, className, style, children, }: LoadingAreaProps): React.JSX.Element;
 declare const LoadingAreaMemo: typeof LoadingArea;
 export { LoadingAreaMemo as LoadingArea };

package/dist/src/Components/LoadingCircle/LoadingCircle.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 export type LoadingCircleProps = RbmComponentProps<{
     size?: number;
 }>;
-declare function LoadingCircle({ size, className, style }: LoadingCircleProps): JSX.Element;
+declare function LoadingCircle({ size, className, style }: LoadingCircleProps): React.JSX.Element;
 declare const LoadingCircleMemo: typeof LoadingCircle;
 export { LoadingCircleMemo as LoadingCircle };

package/dist/src/Components/Menu/Menu.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { RbmComponentProps, WithNoChildren } from '../RbmComponentProps';
 import { IconSource } from '../Icon/Icon';
 export type MenuItem = {
@@ -13,4 +14,4 @@ export type MenuProps = RbmComponentProps<{
     isOpen: boolean;
     onClose: () => void;
 }, WithNoChildren>;
-export declare const Menu: ({ className, style, items, y, x, isOpen, onClose }: MenuProps) => JSX.Element | null;
+export declare const Menu: ({ className, style, items, y, x, isOpen, onClose }: MenuProps) => React.JSX.Element | null;

package/dist/src/Components/SizeCalculator/SizeCalculator.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { WithNoStringAndChildrenProps } from '../RbmComponentProps';
 export type SizeCalculatorProps = {
     onSize: (width: number, height: number) => void;
     absolute?: boolean;
 } & WithNoStringAndChildrenProps;
-declare function SizeCalculator({ onSize, children, absolute }: SizeCalculatorProps): JSX.Element;
+declare function SizeCalculator({ onSize, children, absolute }: SizeCalculatorProps): React.JSX.Element;
 declare const SizeCalculatorMemo: typeof SizeCalculator;
 export { SizeCalculatorMemo as SizeCalculator };

package/dist/src/Components/SpoilerList/Spoiler/Spoiler.d.ts

@@ -1,15 +1,16 @@
+import * as React from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
 import { ReactChild } from 'react';
 import { OptionalListener } from '../../Hooks/useListener';
-import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { IconSource } from '../../Icon/Icon';
 export type SpoilerProps<OnClickData> = RbmComponentProps<{
     title: ReactChild;
     initialOpen?: boolean;
     open?: boolean;
     noClosingAnimation?: boolean;
-    openIcon?: IconProp | null;
-    closeIcon?: IconProp | null;
+    openIcon?: IconSource | null;
+    closeIcon?: IconSource | null;
 } & OptionalListener<'onClick', OnClickData>>;
-declare function Spoiler<OnClickData>({ title, children, initialOpen, noClosingAnimation, openIcon, closeIcon, className, style, open, ...listenerProps }: SpoilerProps<OnClickData>): JSX.Element;
+declare function Spoiler<OnClickData>({ title, children, initialOpen, noClosingAnimation, openIcon, closeIcon, className, style, open, ...listenerProps }: SpoilerProps<OnClickData>): React.JSX.Element;
 declare const SpoilerMemo: typeof Spoiler;
 export { SpoilerMemo as Spoiler };

package/dist/src/Components/SpoilerList/SpoilerList.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { ReactElement } from 'react';
 import { RbmComponentProps, WithNoChildren } from '../RbmComponentProps';
 export type SpoilerItem<BodyData, TitleData = string> = {
@@ -10,6 +11,6 @@ export type SpoilerListProps<BodyData, TitleData = string> = RbmComponentProps<{
     renderBody: (item: SpoilerItem<BodyData, TitleData>) => ReactElement;
     renderTitle?: (item: SpoilerItem<BodyData, TitleData>) => ReactElement | string;
 }, WithNoChildren>;
-declare function SpoilerList<BodyData, TitleData = string>({ data, renderBody, renderTitle, className, style, }: SpoilerListProps<BodyData, TitleData>): JSX.Element;
+declare function SpoilerList<BodyData, TitleData = string>({ data, renderBody, renderTitle, className, style, }: SpoilerListProps<BodyData, TitleData>): React.JSX.Element;
 declare const SpoilerListMemo: typeof SpoilerList;
 export { SpoilerListMemo as SpoilerList };

package/dist/src/Components/TabBar/TabBar.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 import { IconSource } from '../Icon/Icon';
 import { ComponentType } from 'react';
@@ -25,6 +26,6 @@ export type TabBarProps = RbmComponentProps<{
     drawBehind?: boolean;
     underline?: boolean;
 }>;
-declare function TabBar({ buttons, startActiveTab, onTabChange, activeTab, transparent, underline, className, ...rbmProps }: TabBarProps): JSX.Element;
+declare function TabBar({ buttons, startActiveTab, onTabChange, activeTab, transparent, underline, className, ...rbmProps }: TabBarProps): React.JSX.Element;
 declare const TabBarMemo: typeof TabBar;
 export { TabBarMemo as TabBar };

package/dist/src/Components/TabBar/TabBarButton.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 import { Listener } from '../Hooks/useListener';
 export type TabBarButtonProps = RbmComponentProps<{
     active: boolean;
 } & Listener<'onClick', number>>;
-declare function TabBarButton({ active, className, children, ...rbmProps }: TabBarButtonProps): JSX.Element;
+declare function TabBarButton({ active, className, children, ...rbmProps }: TabBarButtonProps): React.JSX.Element;
 declare const TabBarButtonMemo: typeof TabBarButton;
 export { TabBarButtonMemo as TabBarButton };

package/dist/src/Components/Table/Table.d.ts

@@ -31,6 +31,6 @@ export type TableProps<DataType extends string | number | Record<string, unknown
     getCellProperties?: (row: Cell<Record<string, DataType>>) => React.TdHTMLAttributes<HTMLTableDataCellElement>;
     getRowProperties?: (row: Row<Record<string, DataType>>) => React.HTMLAttributes<HTMLTableRowElement>;
 }>;
-declare function Table<DataType extends string | number | Record<string, unknown>>({ columns, data, cellRenderer, sortOptions, className, style, getCellProperties, getRowProperties, }: TableProps<DataType>): JSX.Element;
+declare function Table<DataType extends string | number | Record<string, unknown>>({ columns, data, cellRenderer, sortOptions, className, style, getCellProperties, getRowProperties, }: TableProps<DataType>): React.JSX.Element;
 declare const tmp: typeof Table;
 export { tmp as Table };

package/dist/src/Components/Text/Heading.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps, WithStringProps } from '../RbmComponentProps';
 import { EmptyProps } from '../../helper/EmptyProps';
 export type HeadingProps = RbmComponentProps<EmptyProps, WithStringProps>;
-declare function Heading({ children, className, style }: HeadingProps): JSX.Element;
+declare function Heading({ children, className, style }: HeadingProps): React.JSX.Element;
 declare const HeadingMemo: typeof Heading;
 export { HeadingMemo as Heading };

package/dist/src/Components/Text/Text.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Recursive, ValueOf } from '../../TypeHelpers';
 import { ViewProps } from '../Layout/View';
 export declare const TEXT_PRIO: {
@@ -21,6 +21,6 @@ export type TextProps<AsType extends keyof JSX.IntrinsicElements> = {
     className?: string;
     children: Recursive<string | undefined | null | number>;
 } & ViewProps<AsType>;
-declare function Text<AsType extends keyof JSX.IntrinsicElements = 'span'>({ className, children, block, prio, size, as, ...props }: TextProps<AsType>): JSX.Element;
+declare function Text<AsType extends keyof JSX.IntrinsicElements = 'span'>({ className, children, block, prio, size, as, ...props }: TextProps<AsType>): React.JSX.Element;
 declare const tmp: typeof Text;
 export { tmp as Text };

package/dist/src/Components/Toast/Toast.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps, WithNoStringAndChildrenProps } from '../RbmComponentProps';
 import { Listener, OptionalListener } from '../Hooks/useListener';
 type WithoutActionProps<DismissedData> = {
@@ -8,6 +8,6 @@ type WithActionProps<ActionData, DismissedData> = WithoutActionProps<DismissedDa
     actionName: string;
 } & Listener<'onClick', ActionData>;
 export type ToastProps<ActionData, DismissedData> = RbmComponentProps<WithActionProps<ActionData, DismissedData> | WithoutActionProps<DismissedData>, WithNoStringAndChildrenProps>;
-declare function Toast<ActionData, DismissedData>({ className, timeToShow, children, style, ...otherProps }: ToastProps<ActionData, DismissedData>): JSX.Element | null;
+declare function Toast<ActionData, DismissedData>({ className, timeToShow, children, style, ...otherProps }: ToastProps<ActionData, DismissedData>): React.JSX.Element | null;
 declare const ToastMemo: typeof Toast;
 export { ToastMemo as Toast };

package/dist/src/Components/Toast/ToastContainer.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 import { EmptyProps } from '../../helper/EmptyProps';
 export type ToastContainerProps = RbmComponentProps<EmptyProps>;
-declare function ToastContainer({ className, children, style }: ToastContainerProps): JSX.Element;
+declare function ToastContainer({ className, children, style }: ToastContainerProps): React.JSX.Element;
 declare const ToastContainerMemo: typeof ToastContainer;
 export { ToastContainerMemo as ToastContainer };

package/dist/src/Components/TopBar/MoreButton.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 export type MoreButtonProps = RbmComponentProps<{
     disabled?: boolean;
     onClick?: () => void;
 }>;
-declare function MoreButton({ onClick, disabled, className, style }: MoreButtonProps): JSX.Element;
+declare function MoreButton({ onClick, disabled, className, style }: MoreButtonProps): React.JSX.Element;
 declare const MoreButtonMemo: typeof MoreButton;
 export { MoreButtonMemo as MoreButton };

package/dist/src/Components/TopBar/TopBar.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { ComponentType } from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 import { IconSource } from '../Icon/Icon';
@@ -20,6 +21,6 @@ export type TopBarProps = RbmComponentProps<{
     transparent?: boolean;
     drawBehind?: boolean;
 }>;
-declare function TopBar({ title, rightButtons, leftButtons, hiddenButtons, className, transparent, drawBehind, ...rbmProps }: TopBarProps): JSX.Element;
+declare function TopBar({ title, rightButtons, leftButtons, hiddenButtons, className, transparent, drawBehind, ...rbmProps }: TopBarProps): React.JSX.Element;
 declare const TopBarMemo: typeof TopBar;
 export { TopBarMemo as TopBar };