@ainias42/react-bootstrap-mobile 0.2.16 → 1.0.0

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

@@ -1,4 +1,6 @@
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
+import { ForwardedRef } from 'react';
 import { IconSource } from '../Icon/Icon';
 export type ActionSheetAction<ActionData> = {
     name: string;
@@ -7,15 +9,15 @@ export type ActionSheetAction<ActionData> = {
     actionData?: ActionData;
     isDeleteAction?: boolean;
 };
+export type ActionSheetHandle = {
+    show: () => void;
+    hide: () => void;
+};
 export type ActionSheetProps = RbmComponentProps<{
     title?: string;
     actions: ActionSheetAction<any>[];
     cancelText?: string;
     onClose?: () => void;
+    ref?: ForwardedRef<ActionSheetHandle>;
 }>;
-export type ActionSheetHandle = {
-    show: () => void;
-    hide: () => void;
-};
-declare const ActionSheetMemo: import("../../helper/withForwardRef").RefComponent<ActionSheetProps, ActionSheetHandle>;
-export { ActionSheetMemo as ActionSheet };
+export declare const ActionSheet: ({ title, actions, cancelText, className, onClose, style, ref }: ActionSheetProps) => React.JSX.Element;

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

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 import { OptionalListener } from '../Hooks/useListener';
-import { MouseEvent as ReactMouseEvent, MouseEvent, PointerEvent } from 'react';
+import { MouseEvent as ReactMouseEvent, ForwardedRef, MouseEvent, PointerEvent } from 'react';
 type OnClickListener<Data> = OptionalListener<'onClick', Data>;
 type OnPointerDownListener<Data> = OptionalListener<'onPointerDown', Data, PointerEvent>;
 type OnPointerUpListener<Data> = OptionalListener<'onPointerUp', Data, PointerEvent>;
@@ -19,6 +20,7 @@ export type ClickableProps<OnClickData, OnMouseDownData, OnMouseMoveData, OnMous
     tabIndex?: number;
     draggable?: boolean;
     title?: string;
+    ref?: ForwardedRef<HrefType extends string ? HTMLAnchorElement : HTMLSpanElement>;
 } & OnClickListener<OnClickData> & OnPointerDownListener<OnMouseDownData> & OnPointerMoveListener<OnMouseMoveData> & OnPointerUpListener<OnMouseUpData> & OnDropListener<OnDropData> & OnDragStartListener<OnDragStartData> & OnDragOverListener<OnDragOverData> & OptionalListener<'onClickCapture', OnClickCaptureData> & OptionalListener<'onMouseEnter', OnMouseEnterData> & OptionalListener<'onMouseLeave', OnMouseLeaveData, MouseEvent | ReactMouseEvent> & OptionalListener<'onDoubleClick', OnDoubleClickData>>;
-declare const ClickableMemo: import("../../helper/withForwardRef").RefComponent<ClickableProps<unknown, unknown, unknown, unknown, unknown, unknown, unknown, unknown, unknown, unknown, unknown, string | undefined>, HTMLAnchorElement | HTMLSpanElement>;
-export { ClickableMemo as Clickable };
+export declare const Clickable: <OnClickData, OnPointerDownData, OnPointerMoveData, OnPointerUpData, OnClickCaptureData, OnDropData, OnDragStartData, OnDragOverData, OnMouseEnterData, OnMouseLeaveData, OnDoubleClickData, HrefType extends string | undefined>({ className, children, style, href, target, id, interactable, preventDefault, stopPropagation, useReactOnMouseLeave, tabIndex, draggable, title, ref, ...clickData }: ClickableProps<OnClickData, OnPointerDownData, OnPointerMoveData, OnPointerUpData, OnClickCaptureData, OnDropData, OnDragStartData, OnDragOverData, OnMouseEnterData, OnMouseLeaveData, OnDoubleClickData, HrefType>) => React.JSX.Element;
+export {};

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

@@ -1,9 +1,11 @@
-import { PropsWithChildren } from 'react';
+import * as React from 'react';
+import { ForwardedRef, PropsWithChildren } from 'react';
 import { ShowDialog } from './DialogContext';
 export type DialogContainerProps = PropsWithChildren<{
     dialogClassName?: string;
+    ref?: ForwardedRef<DialogContainerRef>;
 }>;
 export type DialogContainerRef = {
     showDialog: ShowDialog;
 };
-export declare const DialogContainer: import("../../helper/withForwardRef").RefComponent<DialogContainerProps, DialogContainerRef>;
+export declare const DialogContainer: ({ children, dialogClassName, ref }: DialogContainerProps) => React.JSX.Element;

package/dist/src/Components/FormElements/Controller/ColorInputController.d.ts

@@ -1,3 +1,5 @@
-export declare const ColorInputController: import("../../../helper/withForwardRef").RefComponent<Omit<import("../ColorInput/ColorInput").ColorInputProps<unknown>, "value" | "ref" | "onBlur" | "name" | "onChangeColor"> & {
-    name: string;
-}, never>;
+export declare const ColorInputController: <Values extends import("react-hook-form").FieldValues, Name extends import("react-hook-form").Path<Values> = import("react-hook-form").Path<Values>>({ name, ref, ...otherProps }: Omit<import("../ColorInput/ColorInput").ColorInputProps<unknown>, "onBlur" | "name" | "value" | "onChangeColor"> & {
+    name: Name;
+} & {
+    ref?: import("react").ForwardedRef<never> | undefined;
+}) => import("react").JSX.Element;

package/dist/src/Components/FormElements/Controller/InputController.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
-export declare const InputController: import("../../../helper/withForwardRef").RefComponent<Omit<import("../Input/Input").InputProps<unknown, unknown, unknown> & import("react").RefAttributes<HTMLInputElement>, "value" | "ref" | "onBlur" | "name" | "onChangeText"> & {
-    name: string;
-}, HTMLInputElement>;
+export declare const InputController: <Values extends import("react-hook-form").FieldValues, Name extends import("react-hook-form").Path<Values> = import("react-hook-form").Path<Values>>({ name, ref, ...otherProps }: Omit<import("../Input/Input").InputProps<unknown, unknown, unknown>, "onBlur" | "name" | "value" | "onChangeText"> & {
+    name: Name;
+} & {
+    ref?: import("react").ForwardedRef<HTMLInputElement> | undefined;
+}) => import("react").JSX.Element;

package/dist/src/Components/FormElements/Controller/MultipleFileInputController.d.ts

@@ -1,3 +1,5 @@
-export declare const MultipleFileInputController: import("../../../helper/withForwardRef").RefComponent<Omit<import("../Input/FileInput/MultipleFileInput").MultipleFileInputProps<unknown>, "value" | "ref" | "onBlur" | "name" | "onChangeFiles"> & {
-    name: string;
-}, never>;
+export declare const MultipleFileInputController: <Values extends import("react-hook-form").FieldValues, Name extends import("react-hook-form").Path<Values> = import("react-hook-form").Path<Values>>({ name, ref, ...otherProps }: Omit<import("../Input/FileInput/MultipleFileInput").MultipleFileInputProps<unknown>, "onBlur" | "name" | "value" | "onChangeFiles"> & {
+    name: Name;
+} & {
+    ref?: import("react").ForwardedRef<never> | undefined;
+}) => import("react").JSX.Element;

package/dist/src/Components/FormElements/Controller/PasswordInputController.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
-export declare const PasswordInputController: import("../../../helper/withForwardRef").RefComponent<Omit<import("../Input/PasswordInput/PasswordInput").PasswordInputProps<unknown, unknown, unknown> & import("react").RefAttributes<HTMLInputElement>, "value" | "ref" | "onBlur" | "name" | "onChangeText"> & {
-    name: string;
-}, HTMLInputElement>;
+export declare const PasswordInputController: <Values extends import("react-hook-form").FieldValues, Name extends import("react-hook-form").Path<Values> = import("react-hook-form").Path<Values>>({ name, ref, ...otherProps }: Omit<import("../Input/PasswordInput/PasswordInput").PasswordInputProps<unknown, unknown, unknown>, "onBlur" | "name" | "value" | "onChangeText"> & {
+    name: Name;
+} & {
+    ref?: import("react").ForwardedRef<HTMLInputElement> | undefined;
+}) => import("react").JSX.Element;

package/dist/src/Components/FormElements/Controller/SelectController.d.ts

@@ -1,3 +1,5 @@
-export declare const SelectController: import("../../../helper/withForwardRef").RefComponent<Omit<import("../Select/Select").SelectProps<unknown>, "value" | "ref" | "onBlur" | "name" | "onChangeValue"> & {
-    name: string;
-}, never>;
+export declare const SelectController: <Values extends import("react-hook-form").FieldValues, Name extends import("react-hook-form").Path<Values> = import("react-hook-form").Path<Values>>({ name, ref, ...otherProps }: Omit<import("../Select/Select").SelectProps<unknown>, "onBlur" | "name" | "value" | "onChangeValue"> & {
+    name: Name;
+} & {
+    ref?: import("react").ForwardedRef<never> | undefined;
+}) => import("react").JSX.Element;

package/dist/src/Components/FormElements/Controller/SendFormContext.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const SendFormContext: import("react").Context<(() => void) | undefined>;
 export declare function useSendFormContext(): (() => void) | undefined;

package/dist/src/Components/FormElements/Controller/SwitchController.d.ts

@@ -1,3 +1,5 @@
-export declare const SwitchController: import("../../../helper/withForwardRef").RefComponent<Omit<import("../Switch/Switch").SwitchProps<unknown>, "value" | "ref" | "onBlur" | "name" | "onChangeChecked"> & {
-    name: string;
-}, never>;
+export declare const SwitchController: <Values extends import("react-hook-form").FieldValues, Name extends import("react-hook-form").Path<Values> = import("react-hook-form").Path<Values>>({ name, ref, ...otherProps }: Omit<import("../Switch/Switch").SwitchProps<unknown>, "onBlur" | "name" | "value" | "onChangeChecked"> & {
+    name: Name;
+} & {
+    ref?: import("react").ForwardedRef<never> | undefined;
+}) => import("react").JSX.Element;

package/dist/src/Components/FormElements/Controller/TextareaController.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
-export declare const TextareaController: import("../../../helper/withForwardRef").RefComponent<Omit<import("../Textarea/Textarea").TextareaProps<unknown, unknown> & import("react").RefAttributes<HTMLTextAreaElement>, "value" | "ref" | "onBlur" | "name" | "onChangeText"> & {
-    name: string;
-}, HTMLTextAreaElement>;
+export declare const TextareaController: <Values extends import("react-hook-form").FieldValues, Name extends import("react-hook-form").Path<Values> = import("react-hook-form").Path<Values>>({ name, ref, ...otherProps }: Omit<import("../Textarea/Textarea").TextareaProps<unknown, unknown>, "onBlur" | "name" | "value" | "onChangeText"> & {
+    name: Name;
+} & {
+    ref?: import("react").ForwardedRef<HTMLTextAreaElement> | undefined;
+}) => import("react").JSX.Element;

package/dist/src/Components/FormElements/Controller/withHookController.d.ts

@@ -1,4 +1,7 @@
-import React, { ComponentProps, ComponentType } from "react";
-export declare function withHookController<C extends ComponentType<any>, OnChangeProp extends keyof ComponentProps<C>>(Comp: C, onChangeProp: OnChangeProp, emptyValue?: any): import("../../../helper/withForwardRef").RefComponent<Omit<React.ComponentProps<C>, "value" | "ref" | "onBlur" | "name" | OnChangeProp> & {
-    name: string;
-}, React.ComponentRef<C>>;
+import React, { ComponentProps, ComponentType, ForwardedRef } from "react";
+import { FieldPath, FieldValues } from "react-hook-form";
+export declare function withHookController<C extends ComponentType<any>, OnChangeProp extends keyof ComponentProps<C>>(Comp: C, onChangeProp: OnChangeProp, emptyValue?: any): <Values extends FieldValues, Name extends FieldPath<Values> = FieldPath<Values>>({ name, ref, ...otherProps }: (Omit<React.ComponentProps<C>, "onBlur" | "name" | "value" | OnChangeProp> & {
+    name: Name;
+}) & {
+    ref?: ForwardedRef<React.ComponentRef<C>>;
+}) => React.JSX.Element;

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

@@ -1,4 +1,5 @@
-import { InputHTMLAttributes } from 'react';
+import * as React from 'react';
+import { ForwardedRef, InputHTMLAttributes } from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
 import { Override } from '../../../TypeHelpers';
 import { OptionalListener } from '../../Hooks/useListener';
@@ -8,5 +9,6 @@ export type InputProps<OnChangeData, OnBlurData, OnChangeDoneData> = RbmComponen
     onChangeText?: (newText: string) => void;
     onEnter?: (newText: string) => void;
     error?: string;
+    ref?: ForwardedRef<HTMLInputElement>;
 } & OptionalListener<'onChange', OnChangeData> & OptionalListener<'onBlur', OnBlurData> & OptionalListener<'onChangeDone', OnChangeDoneData>>>;
-export declare const Input: import("../../../helper/withForwardRef").RefComponent<InputProps<unknown, unknown, unknown>, HTMLInputElement>;
+export declare const Input: <OnChangeData, OnBlurData, OnChangeDoneData>({ label, className, style, onKeyDown, inline, value, error, onChangeText, onEnter, ref, ...otherProps }: InputProps<OnChangeData, OnBlurData, OnChangeDoneData>) => React.JSX.Element;

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

@@ -1,7 +1,9 @@
+import React, { ForwardedRef } from 'react';
 import { InputProps } from '../Input';
 import { DistributiveOmit } from '../../../../helper/DistributiveOmit';
 export type PasswordInputProps<OnChangeData, OnBlurData, OnChangeEndData> = DistributiveOmit<InputProps<OnChangeData, OnBlurData, OnChangeEndData>, 'type' | "onChangeText" | "onEnter"> & {
     onChangeText?: (newText: string) => void;
     onEnter?: (newText: string) => void;
+    ref?: ForwardedRef<HTMLInputElement>;
 };
-export declare const PasswordInput: import("../../../../helper/withForwardRef").RefComponent<PasswordInputProps<unknown, unknown, unknown>, HTMLInputElement>;
+export declare const PasswordInput: <OnChangeData, OnBlurData, OnChangeEndData>({ className, style, ref, ...props }: PasswordInputProps<OnChangeData, OnBlurData, OnChangeEndData>) => React.JSX.Element;

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

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
 import { Override } from '../../../TypeHelpers';
-import { TextareaHTMLAttributes, MutableRefObject, CSSProperties } from 'react';
+import { TextareaHTMLAttributes, CSSProperties, ForwardedRef } from 'react';
 import { OptionalListener } from '../../Hooks/useListener';
 export type TextareaProps<OnChangeData, OnChangeDoneData> = RbmComponentProps<Override<TextareaHTMLAttributes<HTMLTextAreaElement>, {
     label?: string;
@@ -8,7 +9,8 @@ export type TextareaProps<OnChangeData, OnChangeDoneData> = RbmComponentProps<Ov
     onEnter?: (newText: string) => void;
     onEscape?: (newText: string) => void;
     textareaStyles?: CSSProperties & Record<`--${string}`, string | number | undefined>;
-    containerRef?: MutableRefObject<HTMLLabelElement | null>;
+    containerRef?: ForwardedRef<HTMLLabelElement>;
+    ref?: ForwardedRef<HTMLTextAreaElement>;
     error?: string;
 } & OptionalListener<'onChange', OnChangeData> & OptionalListener<'onChangeDone', OnChangeDoneData>>>;
-export declare const Textarea: import("../../../helper/withForwardRef").RefComponent<TextareaProps<unknown, unknown>, HTMLTextAreaElement>;
+export declare const Textarea: <OnChangeData, OnChangeDoneData>({ label, className, style, onKeyUp, onChangeText, onEnter, onEscape, textareaStyles, containerRef, ref, error, ...otherProps }: TextareaProps<OnChangeData, OnChangeDoneData>) => React.JSX.Element;

package/dist/src/Components/FormElements/hooks/useOnChangeDone.d.ts

@@ -1,2 +1,2 @@
 import { MutableRefObject } from 'react';
-export declare function useOnChangeDone(onChangeDone: (ev: any) => void, ref?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>): import("react").RefObject<HTMLInputElement> | MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
+export declare function useOnChangeDone(onChangeDone: (ev: any) => void, ref?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>): MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;

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

@@ -2,7 +2,9 @@ import * as React from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 import { Override } from '../../TypeHelpers';
 import { RbmComponentProps } from '../RbmComponentProps';
-export type FullScreenProps<AsType extends keyof JSX.IntrinsicElements> = RbmComponentProps<Override<ComponentPropsWithoutRef<AsType>, {
+import { JSX } from "react/jsx-runtime";
+import IntrinsicElements = JSX.IntrinsicElements;
+export type FullScreenProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<Override<ComponentPropsWithoutRef<AsType>, {
     as?: AsType;
     fullscreenKey?: string;
     onEnterFullscreen?: () => void;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare function useMousePosition(): import("react").MutableRefObject<{
+export declare function useMousePosition(): import("react").RefObject<{
     x: number;
     y: number;
 }>;

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

@@ -1,7 +1,10 @@
-/// <reference types="react" />
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
+import { ComponentRef, ForwardedRef } from 'react';
 import { ViewWithoutListenersProps } from './ViewWithoutListeners';
-export type BlockProps<AsType extends keyof JSX.IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType>>;
-declare const BlockMemo: import("../../helper/withForwardRef").RefComponent<BlockProps<keyof JSX.IntrinsicElements>, SVGSymbolElement | SVGElement | HTMLObjectElement | HTMLElement | HTMLHtmlElement | SVGTextElement | HTMLTitleElement | HTMLLinkElement | HTMLInputElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLIFrameElement | HTMLImageElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGCircleElement | SVGClipPathElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGFilterElement | SVGForeignObjectElement | SVGGElement | SVGImageElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMaskElement | SVGMetadataElement | SVGPathElement | SVGPatternElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement | SVGStopElement | SVGSVGElement | SVGSwitchElement | SVGTextPathElement | SVGTSpanElement | SVGUseElement | SVGViewElement | SVGSetElement>;
-export { BlockMemo as Block };
+import { JSX } from "react/jsx-runtime";
+import IntrinsicElements = JSX.IntrinsicElements;
+export type BlockProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType> & {
+    ref?: ForwardedRef<ComponentRef<AsType>>;
+}>;
+export declare const Block: <AsType extends keyof JSX.IntrinsicElements = "div">({ children, as, className, ref, ...props }: BlockProps<AsType>) => React.JSX.Element;

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 import { ViewWithoutListenersProps } from './ViewWithoutListeners';
-export type FlexProps<AsType extends keyof JSX.IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType> & {
+import { JSX } from "react/jsx-runtime";
+import IntrinsicElements = JSX.IntrinsicElements;
+export type FlexProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType> & {
     horizontal?: boolean;
     grow?: boolean;
 }>;
-declare const tmp: import("../../helper/withForwardRef").RefComponent<FlexProps<keyof JSX.IntrinsicElements>, SVGSymbolElement | SVGElement | HTMLObjectElement | HTMLElement | HTMLHtmlElement | SVGTextElement | HTMLTitleElement | HTMLLinkElement | HTMLInputElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLIFrameElement | HTMLImageElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGCircleElement | SVGClipPathElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGFilterElement | SVGForeignObjectElement | SVGGElement | SVGImageElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMaskElement | SVGMetadataElement | SVGPathElement | SVGPatternElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement | SVGStopElement | SVGSVGElement | SVGSwitchElement | SVGTextPathElement | SVGTSpanElement | SVGUseElement | SVGViewElement | SVGSetElement>;
-export { tmp as Flex };
+export declare const Flex: <AsType extends keyof JSX.IntrinsicElements = "div">({ children, as, className, horizontal, ref, grow, ...props }: FlexProps<AsType>) => React.JSX.Element;

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

@@ -1,8 +1,10 @@
+import * as React from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
+import { ForwardedRef } from 'react';
 export type GridProps = RbmComponentProps<{
     columns?: number;
     rows?: number;
     useContainerWidth?: boolean;
+    ref?: ForwardedRef<HTMLDivElement>;
 }>;
-declare const GridMemo: import("../../../helper/withForwardRef").RefComponent<GridProps, HTMLDivElement>;
-export { GridMemo as Grid };
+export declare const Grid: ({ style, children, columns, rows, useContainerWidth, ref, className, __allowChildren }: GridProps) => React.JSX.Element;

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

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

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 import { ViewWithoutListenersProps } from './ViewWithoutListeners';
-export type InlineProps<AsType extends keyof JSX.IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType>>;
-declare const InlineMemo: import("../../helper/withForwardRef").RefComponent<InlineProps<keyof JSX.IntrinsicElements>, SVGSymbolElement | SVGElement | HTMLObjectElement | HTMLElement | HTMLHtmlElement | SVGTextElement | HTMLTitleElement | HTMLLinkElement | HTMLInputElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLIFrameElement | HTMLImageElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGCircleElement | SVGClipPathElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGFilterElement | SVGForeignObjectElement | SVGGElement | SVGImageElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMaskElement | SVGMetadataElement | SVGPathElement | SVGPatternElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement | SVGStopElement | SVGSVGElement | SVGSwitchElement | SVGTextPathElement | SVGTSpanElement | SVGUseElement | SVGViewElement | SVGSetElement>;
-export { InlineMemo as Inline };
+import { JSX } from "react/jsx-runtime";
+import IntrinsicElements = JSX.IntrinsicElements;
+export type InlineProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType>>;
+export declare const Inline: <AsType extends keyof JSX.IntrinsicElements = "span">({ children, as, className, ...props }: InlineProps<AsType>) => React.JSX.Element;

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-/// <reference types="react" />
+import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 import { ViewWithoutListenersProps } from './ViewWithoutListeners';
-export type InlineBlockProps<AsType extends keyof JSX.IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType> & {
+import { JSX } from "react/jsx-runtime";
+import IntrinsicElements = JSX.IntrinsicElements;
+export type InlineBlockProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType> & {
     id?: string;
     title?: string;
 }>;
-declare const InlineBlockMemo: import("../../helper/withForwardRef").RefComponent<InlineBlockProps<keyof JSX.IntrinsicElements>, SVGSymbolElement | SVGElement | HTMLObjectElement | HTMLElement | HTMLHtmlElement | SVGTextElement | HTMLTitleElement | HTMLLinkElement | HTMLInputElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLIFrameElement | HTMLImageElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGCircleElement | SVGClipPathElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGFilterElement | SVGForeignObjectElement | SVGGElement | SVGImageElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMaskElement | SVGMetadataElement | SVGPathElement | SVGPatternElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement | SVGStopElement | SVGSVGElement | SVGSwitchElement | SVGTextPathElement | SVGTSpanElement | SVGUseElement | SVGViewElement | SVGSetElement>;
-export { InlineBlockMemo as InlineBlock };
+export declare const InlineBlock: <AsType extends keyof JSX.IntrinsicElements = "span">({ children, as, className, ...props }: InlineBlockProps<AsType>) => React.JSX.Element;

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

@@ -1,8 +1,13 @@
 import * as React from 'react';
-import { PropsWithChildren } from 'react';
+import { ComponentRef, ForwardedRef, PropsWithChildren } from 'react';
 import { Override } from '../../TypeHelpers';
-export type ViewProps<AsType extends keyof JSX.IntrinsicElements> = PropsWithChildren<Override<React.ComponentPropsWithoutRef<AsType>, {
+import { JSX } from "react/jsx-runtime";
+import IntrinsicElements = JSX.IntrinsicElements;
+export type ViewProps<AsType extends keyof IntrinsicElements> = PropsWithChildren<Override<React.ComponentPropsWithoutRef<AsType>, {
     as?: AsType;
     children?: React.ReactNode;
+    ref?: ForwardedRef<ComponentRef<AsType>>;
 }>>;
-export declare const View: import("../../helper/withForwardRef").RefComponent<ViewProps<keyof JSX.IntrinsicElements>, SVGSymbolElement | SVGElement | HTMLObjectElement | HTMLElement | HTMLHtmlElement | SVGTextElement | HTMLTitleElement | HTMLLinkElement | HTMLInputElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLIFrameElement | HTMLImageElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGCircleElement | SVGClipPathElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGFilterElement | SVGForeignObjectElement | SVGGElement | SVGImageElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMaskElement | SVGMetadataElement | SVGPathElement | SVGPatternElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement | SVGStopElement | SVGSVGElement | SVGSwitchElement | SVGTextPathElement | SVGTSpanElement | SVGUseElement | SVGViewElement | SVGSetElement>;
+export declare const View: <AsType extends keyof JSX.IntrinsicElements>({ children, as, ref, ...otherProps }: ViewProps<AsType>) => React.ReactElement<Omit<ViewProps<AsType>, "ref" | "as" | "children"> & {
+    ref: React.ForwardedRef<React.ComponentRef<AsType>> | undefined;
+}, string | React.JSXElementConstructor<any>>;

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

@@ -1,10 +1,12 @@
 import * as React from 'react';
 import { DOMAttributes } from 'react';
 import { ViewProps } from './View';
-export type ViewWithoutListenersProps<AsType extends keyof JSX.IntrinsicElements> = Omit<ViewProps<AsType>, keyof DOMAttributes<AsType>> & {
+import { JSX } from "react/jsx-runtime";
+import IntrinsicElements = JSX.IntrinsicElements;
+export type ViewWithoutListenersProps<AsType extends keyof IntrinsicElements> = Omit<ViewProps<AsType>, keyof DOMAttributes<AsType>> & {
     children?: React.ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
 };
-export declare const ViewWithoutListeners: import("../../helper/withForwardRef").RefComponent<ViewWithoutListenersProps<keyof JSX.IntrinsicElements>, SVGSymbolElement | SVGElement | HTMLObjectElement | HTMLElement | HTMLHtmlElement | SVGTextElement | HTMLTitleElement | HTMLLinkElement | HTMLInputElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLIFrameElement | HTMLImageElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGCircleElement | SVGClipPathElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGFilterElement | SVGForeignObjectElement | SVGGElement | SVGImageElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMaskElement | SVGMetadataElement | SVGPathElement | SVGPatternElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement | SVGStopElement | SVGSVGElement | SVGSwitchElement | SVGTextPathElement | SVGTSpanElement | SVGUseElement | SVGViewElement | SVGSetElement>;
+export declare const ViewWithoutListeners: <AsType extends keyof JSX.IntrinsicElements>({ children, ref, ...props }: ViewWithoutListenersProps<AsType>) => React.JSX.Element;

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

@@ -1,4 +1,5 @@
-import { CSSProperties, ReactElement, ReactNode } from 'react';
+import * as React from 'react';
+import { CSSProperties, ForwardedRef, ReactElement, ReactNode } from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
 import { FixedSizeList, FixedSizeListProps } from 'react-window';
 export type ListProps<ItemType> = RbmComponentProps<{
@@ -9,5 +10,6 @@ export type ListProps<ItemType> = RbmComponentProps<{
     keyExtractor?: (item: ItemType, index: number) => string;
     onItemsRendered?: FixedSizeListProps<ItemType>['onItemsRendered'];
     autoSizeClassName?: string;
+    ref?: ForwardedRef<FixedSizeList<ItemType>>;
 }>;
-export declare const List: import("../../helper/withForwardRef").RefComponent<ListProps<unknown>, FixedSizeList<unknown>>;
+export declare const List: <ItemType>({ items, renderItem, itemHeight: initialItemHeight, className, style, onItemsRendered, autoSizeClassName, ref, }: ListProps<ItemType>) => React.JSX.Element;

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

@@ -1,5 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { Recursive } from '../TypeHelpers';
+import { JSX } from "react/jsx-runtime";
 export type RbmChildWithoutString = Recursive<JSX.Element | undefined | null | RbmChildWithoutString[]> | false;
 export type WithNoStringProps = {
     children?: RbmChildWithoutString;

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { RbmComponentProps } from '../../RbmComponentProps';
-import { ReactChild } from 'react';
+import { ReactNode } from 'react';
 import { OptionalListener } from '../../Hooks/useListener';
 import { IconSource } from '../../Icon/Icon';
 export type SpoilerProps<OnClickData> = RbmComponentProps<{
-    title: ReactChild;
+    title: ReactNode;
     initialOpen?: boolean;
     open?: boolean;
     onlyTitleToggles?: boolean;

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

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { Recursive, ValueOf } from '../../TypeHelpers';
 import { ViewProps } from '../Layout/View';
+import { JSX } from "react/jsx-runtime";
+import IntrinsicElements = JSX.IntrinsicElements;
 export declare const TEXT_PRIO: {
     primary: string;
     secondary: string;
@@ -15,7 +17,7 @@ export declare const TEXT_SIZE: {
     xLarge: string;
     xxLarge: string;
 };
-export type TextProps<AsType extends keyof JSX.IntrinsicElements> = {
+export type TextProps<AsType extends keyof IntrinsicElements> = {
     block?: boolean;
     prio?: ValueOf<typeof TEXT_PRIO>;
     size?: ValueOf<typeof TEXT_SIZE>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ToastContext: import("react").Context<(<Data>(text: string, action?: {
     name: string;
     onClick: (data?: Data) => void;
@@ -6,6 +5,6 @@ export declare const ToastContext: import("react").Context<(<Data>(text: string,
 }, duration?: number) => void)>;
 export declare function useToast(): <Data>(text: string, action?: {
     name: string;
-    onClick: (data?: Data | undefined) => void;
-    onClickData?: Data | undefined;
-} | undefined, duration?: number | undefined) => void;
+    onClick: (data?: Data) => void;
+    onClickData?: Data;
+}, duration?: number) => void;

package/dist/src/helper/withRestrictedChildren.d.ts

@@ -1,6 +1,6 @@
 import React, { ComponentType, ForwardedRef, ReactElement } from 'react';
 import { RbmComponentProps } from '../Components/RbmComponentProps';
 export declare const RESTRICT_CHILDREN: {
-    allowChildren: "html" | "text" | "all" | undefined;
+    allowChildren: undefined | "all" | "html" | "text";
 };
-export declare function withRestrictedChildren<C extends ComponentType<RbmComponentProps<Record<string, any>>>>(Component: C, defaultAllowChildren?: typeof RESTRICT_CHILDREN['allowChildren']): (props: React.ComponentProps<C>, ref: React.ForwardedRef<React.ComponentRef<C>>) => ReactElement;
+export declare function withRestrictedChildren<C extends ComponentType<RbmComponentProps<Record<string, any>>>>(Component: C, defaultAllowChildren?: typeof RESTRICT_CHILDREN['allowChildren']): (props: React.ComponentProps<C>, ref: ForwardedRef<React.ComponentRef<C>>) => ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ainias42/react-bootstrap-mobile",
-  "version": "0.2.16",
+  "version": "1.0.0",
   "description": "Mobile React Components using Bootstrap",
   "main": "dist/bootstrapReactMobile",
   "scripts": {
@@ -37,7 +37,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "bootstrap": "^5.3.3",
-    "react": ">=18.0.0",
+    "react": "^19.1.1",
     "react-beautiful-dnd": "^13.1.1",
     "react-hook-form": "^7.53.0"
   },
@@ -52,9 +52,9 @@
     "@fortawesome/free-regular-svg-icons": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
-    "@types/react": ">=18.0.0",
+    "@types/react": "^19.1.11",
     "@types/react-beautiful-dnd": "^13.1.8",
-    "@types/react-dom": ">=18.0.0",
+    "@types/react-dom": "^19.1.7",
     "@types/react-table": "^7.7.20",
     "@types/react-window": "^1.8.8",
     "@types/react-window-infinite-loader": "^1.0.9",
@@ -78,15 +78,15 @@
     "loader-utils": "3.2.1",
     "mini-css-extract-plugin": "^2.9.0",
     "prettier": "^3.2.5",
-    "react": ">=18.0.0",
+    "react": "^19.1.1",
     "react-beautiful-dnd": "^13.1.1",
-    "react-dom": ">=18.3.1",
+    "react-dom": "^19.1.1",
     "react-hook-form": "^7.53.0",
     "sass": "^1.77.2",
     "sass-loader": "^14.2.1",
     "terser-webpack-plugin": "^5.3.10",
     "ts-loader": "^9.5.1",
-    "typescript": "^5.4.5",
+    "typescript": "^5.9.2",
     "webpack": "^5.91.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.0.4"

package/src/Components/ActionSheet/ActionSheet.tsx

@@ -1,18 +1,17 @@
 import * as React from 'react';
 import { RbmComponentProps } from '../RbmComponentProps';
-import { Ref, useCallback, useImperativeHandle, useState } from 'react';
+import { ForwardedRef, useCallback, useImperativeHandle, useState } from 'react';
 import { Clickable } from '../Clickable/Clickable';
 import { Container } from '../Layout/Container';
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
 import { Icon, IconSource } from '../Icon/Icon';
-
 import styles from './actionSheet.scss';
-import { withForwardRef } from '../../helper/withForwardRef';
 import classNames from 'classnames';
 import { InlineBlock } from '../Layout/InlineBlock';
 import { Text } from '../Text/Text';
 import { Flex } from '../Layout/Flex';
 import { Block } from '../Layout/Block';
+import { withMemo } from "../../helper/withMemo";
 
 export type ActionSheetAction<ActionData> = {
     name: string;
@@ -22,21 +21,22 @@ export type ActionSheetAction<ActionData> = {
     isDeleteAction?: boolean;
 };
 
+export type ActionSheetHandle = {
+    show: () => void;
+    hide: () => void;
+};
+
+
 export type ActionSheetProps = RbmComponentProps<{
     title?: string;
     actions: ActionSheetAction<any>[];
     cancelText?: string;
     onClose?: () => void;
+    ref?: ForwardedRef<ActionSheetHandle>
 }>;
 
-export type ActionSheetHandle = {
-    show: () => void;
-    hide: () => void;
-};
-
-function ActionSheet(
-    { title, actions, cancelText = 'Cancel', className, onClose, style }: ActionSheetProps,
-    ref: Ref<ActionSheetHandle>
+export const ActionSheet = withMemo(function ActionSheet(
+    { title, actions, cancelText = 'Cancel', className, onClose, style, ref }: ActionSheetProps,
 ) {
     const [isOpen, setIsOpen] = useState(false);
 
@@ -109,7 +109,4 @@ function ActionSheet(
             </Container>
         </Clickable>
     );
-}
-
-const ActionSheetMemo = withForwardRef<ActionSheetProps, ActionSheetHandle>(ActionSheet, styles);
-export { ActionSheetMemo as ActionSheet };
+}, styles);