@ainias42/react-bootstrap-mobile 1.0.1 → 1.0.2

package/dist/{src/Components → Components}/FormElements/Controller/MultipleFileInputController.d.ts

@@ -1,4 +1,4 @@
-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"> & {
+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("@/Components/FormElements/Input/FileInput/MultipleFileInput").MultipleFileInputProps<unknown>, "onBlur" | "name" | "value" | "onChangeFiles"> & {
     name: Name;
 } & {
     ref?: import("react").ForwardedRef<never> | undefined;

package/dist/{src/Components → Components}/FormElements/Controller/PasswordInputController.d.ts

@@ -1,4 +1,4 @@
-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"> & {
+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("@/Components/FormElements/Input/PasswordInput/PasswordInput").PasswordInputProps<unknown, unknown, unknown>, "onBlur" | "name" | "value" | "onChangeText"> & {
     name: Name;
 } & {
     ref?: import("react").ForwardedRef<HTMLInputElement> | undefined;

package/dist/{src/Components → Components}/FormElements/Controller/SelectController.d.ts

@@ -1,4 +1,4 @@
-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"> & {
+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("@/Components/FormElements/Select/Select").SelectProps<unknown>, "onBlur" | "name" | "value" | "onChangeValue"> & {
     name: Name;
 } & {
     ref?: import("react").ForwardedRef<never> | undefined;

package/dist/Components/FormElements/Controller/SliderController.d.ts

@@ -0,0 +1,5 @@
+export declare const SliderController: <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("@/Components/FormElements/Slider/Slider").SliderProps<unknown, unknown, unknown>, "onBlur" | "name" | "value" | "onChangeValue"> & {
+    name: Name;
+} & {
+    ref?: import("react").ForwardedRef<never> | undefined;
+}) => import("react").JSX.Element;

package/dist/{src/Components → Components}/FormElements/Controller/SwitchController.d.ts

@@ -1,4 +1,4 @@
-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"> & {
+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("@/Components/FormElements/Switch/Switch").SwitchProps<unknown>, "onBlur" | "name" | "value" | "onChangeChecked"> & {
     name: Name;
 } & {
     ref?: import("react").ForwardedRef<never> | undefined;

package/dist/{src/Components → Components}/FormElements/Controller/TextareaController.d.ts

@@ -1,4 +1,4 @@
-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"> & {
+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("@/Components/FormElements/Textarea/Textarea").TextareaProps<unknown, unknown>, "onBlur" | "name" | "value" | "onChangeText"> & {
     name: Name;
 } & {
     ref?: import("react").ForwardedRef<HTMLTextAreaElement> | undefined;

package/dist/{src/Components → Components}/FormElements/Controller/useYupResolver.d.ts

@@ -1,4 +1,4 @@
-import { AnyObject, InferType, Maybe, ObjectSchema } from 'yup';
+import type { AnyObject, InferType, Maybe, ObjectSchema } from 'yup';
 export declare function useYupResolver<ObjectType extends Maybe<AnyObject>>(validationSchema: ObjectSchema<ObjectType>, translate: (key: string, args?: Record<string, string | number>) => string): (data: InferType<ObjectSchema<ObjectType>>) => Promise<{
     values: ObjectType extends AnyObject ? import("yup").MakePartial<ObjectType> extends infer T ? T extends import("yup").MakePartial<ObjectType> ? T extends {} ? { [k in keyof T]: T[k]; } : T : never : never : ObjectType;
     errors: {};

package/dist/{src/Components → Components}/FormElements/Controller/withHookController.d.ts

@@ -1,5 +1,6 @@
-import React, { ComponentProps, ComponentType, ForwardedRef } from "react";
-import { FieldPath, FieldValues } from "react-hook-form";
+import React from 'react';
+import type { ComponentProps, ComponentType, ForwardedRef } from 'react';
+import type { 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;
 }) & {

package/dist/Components/FormElements/Error/FormError.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type FormErrorProps = {
+    error?: string;
+    inline?: boolean;
+};
+export declare const FormError: ({ error, inline }: FormErrorProps) => React.JSX.Element | null;

package/dist/Components/FormElements/Error/FormError.stories.d.ts

@@ -0,0 +1,7 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: ({ error, inline }: import("@/Components/FormElements/Error/FormError").FormErrorProps) => import("react").JSX.Element | null;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/Components/FormElements/Form.stories.d.ts

@@ -0,0 +1,7 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: ({ error, inline }: import("@/Components/FormElements/Error/FormError").FormErrorProps) => import("react").JSX.Element | null;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { FileType } from '@/Components/FormElements/Input/FileInput/FileType';
+import type { Listener } from '@/Components/Hooks/useListener';
+import type { MultipleFileInputProps } from '@/Components/FormElements/Input/FileInput/MultipleFileInput';
+import type { Override } from '@/TypeHelpers';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+export type FileInputProps<OnChangeFileData> = RbmComponentProps<Override<Omit<MultipleFileInputProps<unknown>, 'onChangeFiles' | 'maxFiles' | 'onChangeFilesData' | 'mimeTypes' | 'showDeleteButton'>, {
+    value?: FileType;
+    mimeType?: string | string[];
+    required?: boolean;
+    'data-test-id'?: string;
+} & Listener<'onChangeFile', OnChangeFileData, FileType | undefined>>>;
+export declare const FileInput: <OnChangeData>({ value, mimeType, required, ...otherProps }: FileInputProps<OnChangeData>) => React.JSX.Element;

package/dist/{src/Components → Components}/FormElements/Input/FileInput/MultipleFileInput.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { RbmComponentProps } from '../../../RbmComponentProps';
-import { Override } from '../../../../TypeHelpers';
-import { InputHTMLAttributes } from 'react';
-import { Listener } from '../../../Hooks/useListener';
-import { FileType } from "./FileType";
+import type { InputHTMLAttributes } from 'react';
+import type { FileType } from '@/Components/FormElements/Input/FileInput/FileType';
+import type { Listener } from '@/Components/Hooks/useListener';
+import type { Override } from '@/TypeHelpers';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 export type MultipleFileInputProps<OnChangeFilesData> = RbmComponentProps<Override<Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'onChange' | 'value'>, {
     value: FileType[];
     label?: string;
@@ -14,6 +14,6 @@ export type MultipleFileInputProps<OnChangeFilesData> = RbmComponentProps<Overri
     allowOverride?: boolean;
     showDeleteButton?: boolean;
     error?: string;
-    "data-test-id"?: string;
+    'data-test-id'?: string;
 } & Listener<'onChangeFiles', OnChangeFilesData, FileType[]>>>;
 export declare const MultipleFileInput: <OnChangeData>({ className, style, value, label, mimeTypes, maxFiles, maxSizePerFile, allowOverride, onError, showDeleteButton, error, "data-test-id": testId, ...otherProps }: MultipleFileInputProps<OnChangeData>) => React.JSX.Element;

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { InputProps } from '@/Components/FormElements/Input/Input';
+export type HiddenInputProps<OnChangeType, OnBlurData, OnChangeEndData> = InputProps<OnChangeType, OnBlurData, OnChangeEndData> & {
+    noFocusHint?: boolean;
+};
+export declare const HiddenInput: <OnChangeData, OnBlurData, OnChangeEndData>({ noFocusHint, className, ...props }: HiddenInputProps<OnChangeData, OnBlurData, OnChangeEndData>) => React.JSX.Element;

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

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: <OnChangeData, OnBlurData, OnChangeEndData>({ noFocusHint, className, ...props }: import("@/Components/FormElements/Input/HiddenInput").HiddenInputProps<OnChangeData, OnBlurData, OnChangeEndData>) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Label: Story;
+export declare const Error: Story;

package/dist/{src/Components → Components}/FormElements/Input/Input.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { ForwardedRef, InputHTMLAttributes } from 'react';
-import { RbmComponentProps } from '../../RbmComponentProps';
-import { Override } from '../../../TypeHelpers';
-import { OptionalListener } from '../../Hooks/useListener';
+import type { ForwardedRef, InputHTMLAttributes } from 'react';
+import type { OptionalListener } from '@/Components/Hooks/useListener';
+import type { Override } from '@/TypeHelpers';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 export type InputProps<OnChangeData, OnBlurData, OnChangeDoneData> = RbmComponentProps<Override<Omit<InputHTMLAttributes<HTMLInputElement>, 'onInput'>, {
     label?: string;
     inline?: boolean;

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

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: <OnChangeData, OnBlurData, OnChangeDoneData>({ label, className, style, onKeyDown, inline, value, error, onChangeText, onEnter, ref, ...otherProps }: import("@/Components/FormElements/Input/Input").InputProps<OnChangeData, OnBlurData, OnChangeDoneData>) => import("react").JSX.Element;
+    argTypes: {
+        type: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Error: Story;
+export declare const ErrorInline: Story;
+export declare const Inline: Story;

package/dist/{src/Components → Components}/FormElements/Input/PasswordInput/PasswordInput.d.ts

@@ -1,7 +1,8 @@
-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"> & {
+import React from 'react';
+import type { DistributiveOmit } from '@/helper/DistributiveOmit';
+import type { ForwardedRef } from 'react';
+import type { InputProps } from '@/Components/FormElements/Input/Input';
+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>;

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

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: <OnChangeData, OnBlurData, OnChangeEndData>({ className, style, ref, ...props }: import("@/Components/FormElements/Input/PasswordInput/PasswordInput").PasswordInputProps<OnChangeData, OnBlurData, OnChangeEndData>) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Error: Story;

package/dist/{src/Components → Components}/FormElements/SearchSelectInput/SearchSelectInput.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { OptionalListener } from '../../Hooks/useListener';
-import { SelectOption } from '../Select/Select';
-import { ReactNode } from 'react';
-import { RbmComponentProps } from '../../RbmComponentProps';
+import type { ReactNode } from 'react';
+import type { OptionalListener } from '@/Components/Hooks/useListener';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { SelectOption } from '@/Components/FormElements/Select/Select';
 export type SearchSelectInputProps<OnChangeData> = RbmComponentProps<{
     label?: string;
     options: SelectOption[];

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react-vite';
+import type { SearchSelectInputProps } from '@/Components/FormElements/SearchSelectInput/SearchSelectInput';
+declare const meta: {
+    component: <OnChangeData>({ label, options, values, onChangeValue, className, renderSelectableOptions, renderSelectedOption, showSelectedOptions, closeOnSelect, enableSearch, allowDeselect, style, }: SearchSelectInputProps<OnChangeData>) => React.JSX.Element;
+};
+export default meta;
+type Story = StoryObj<SearchSelectInputProps<any>>;
+export declare const Default: Story;

package/dist/{src/Components → Components}/FormElements/Select/Select.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { RbmComponentProps } from '../../RbmComponentProps';
-import { Override } from '../../../TypeHelpers';
-import { SelectHTMLAttributes } from 'react';
-import { OptionalListener } from '../../Hooks/useListener';
+import type { SelectHTMLAttributes } from 'react';
+import type { Override } from '@/TypeHelpers';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { OptionalListener } from '@/Components/Hooks/useListener';
 export type SelectOption<ValueType = string> = {
     label: string;
     value: ValueType;

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

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: <OnChangeData>({ label, options, className, style, onChangeValue, inline, small, error, useNumericValues, ...otherProps }: import("@/Components/FormElements/Select/Select").SelectProps<OnChangeData>) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Error: Story;

package/dist/{src/Components → Components}/FormElements/Slider/Slider.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { RbmComponentProps } from '../../RbmComponentProps';
-import { InputHTMLAttributes } from 'react';
-import { Override } from '../../../TypeHelpers';
-import { OptionalListener } from '../../Hooks/useListener';
+import type { InputHTMLAttributes } from 'react';
+import type { OptionalListener } from '@/Components/Hooks/useListener';
+import type { Override } from '@/TypeHelpers';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 export type SliderProps<OnChangeData, OnChangeValueData, OnChangeDoneData> = RbmComponentProps<Override<Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>, {
     value?: number;
     stopPropagation?: boolean;

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

@@ -0,0 +1,7 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: <OnChangeData, OnChangeValueData, OnChangeDoneData>({ className, style, stopPropagation, ...props }: import("@/Components/FormElements/Slider/Slider").SliderProps<OnChangeData, OnChangeValueData, OnChangeDoneData>) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/{src/Components → Components}/FormElements/Switch/Switch.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { InputHTMLAttributes } from 'react';
-import { RbmComponentProps } from '../../RbmComponentProps';
-import { Override } from '../../../TypeHelpers';
-import { OptionalListener } from "../../Hooks/useListener";
+import type { InputHTMLAttributes } from 'react';
+import type { OptionalListener } from '@/Components/Hooks/useListener';
+import type { Override } from '@/TypeHelpers';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 export type SwitchProps<OnChangeCheckedData> = RbmComponentProps<Override<InputHTMLAttributes<HTMLInputElement>, {
     preLabel?: string;
     label?: string;
@@ -13,5 +13,5 @@ export type SwitchProps<OnChangeCheckedData> = RbmComponentProps<Override<InputH
     classNameLabel?: string;
     classNamePreLabel?: string;
     stopPropagation?: boolean;
-} & OptionalListener<"onChangeChecked", OnChangeCheckedData, boolean>>>;
+} & OptionalListener<'onChangeChecked', OnChangeCheckedData, boolean>>>;
 export declare const Switch: <OnChangeCheckedData>({ children, label, preLabel, isLabelBeforeSwitch, isDual, stopPropagation, id, className, classNamePreLabel, classNameLabel, style, error, onChange, ...props }: SwitchProps<OnChangeCheckedData>) => React.JSX.Element;

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

@@ -0,0 +1,11 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    component: <OnChangeCheckedData>({ children, label, preLabel, isLabelBeforeSwitch, isDual, stopPropagation, id, className, classNamePreLabel, classNameLabel, style, error, onChange, ...props }: import("@/Components/FormElements/Switch/Switch").SwitchProps<OnChangeCheckedData>) => React.JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Error: Story;
+export declare const LabelBefore: Story;
+export declare const DualLabel: Story;

package/dist/{src/Components → Components}/FormElements/Textarea/Textarea.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { RbmComponentProps } from '../../RbmComponentProps';
-import { Override } from '../../../TypeHelpers';
-import { TextareaHTMLAttributes, CSSProperties, ForwardedRef } from 'react';
-import { OptionalListener } from '../../Hooks/useListener';
+import type { CSSProperties, ForwardedRef, TextareaHTMLAttributes } from 'react';
+import type { OptionalListener } from '@/Components/Hooks/useListener';
+import type { Override } from '@/TypeHelpers';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 export type TextareaProps<OnChangeData, OnChangeDoneData> = RbmComponentProps<Override<TextareaHTMLAttributes<HTMLTextAreaElement>, {
     label?: string;
     onChangeText?: (newText: string) => void;

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

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: <OnChangeData, OnChangeDoneData>({ label, className, style, onKeyUp, onChangeText, onEnter, onEscape, textareaStyles, containerRef, ref, error, ...otherProps }: import("@/Components/FormElements/Textarea/Textarea").TextareaProps<OnChangeData, OnChangeDoneData>) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Error: Story;
+export declare const WithText: Story;

package/dist/{src/Components → Components}/FormElements/hooks/useOnChangeDone.d.ts

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

package/dist/{src/Components → Components}/FullScreen/FullScreen.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { ComponentPropsWithoutRef } from 'react';
-import { Override } from '../../TypeHelpers';
-import { RbmComponentProps } from '../RbmComponentProps';
-import { JSX } from "react/jsx-runtime";
+import { JSX } from 'react/jsx-runtime';
+import type { ComponentPropsWithoutRef } from 'react';
+import type { Override } from '@/TypeHelpers';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 import IntrinsicElements = JSX.IntrinsicElements;
 export type FullScreenProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<Override<ComponentPropsWithoutRef<AsType>, {
     as?: AsType;

package/dist/{src/Components → Components}/Hooks/useClientLayoutEffect.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
+import React from 'react';
 export declare function useClientLayoutEffect(...params: Parameters<typeof React.useLayoutEffect>): void;

package/dist/{src/Components → Components}/Hooks/useComposedRef.d.ts

@@ -1,2 +1,2 @@
-import { ForwardedRef } from 'react';
+import type { ForwardedRef } from 'react';
 export declare function useComposedRef<RefVal>(...refs: (ForwardedRef<RefVal> | undefined)[]): (val: RefVal | null) => void;

package/dist/{src/Components → Components}/Hooks/useDelayedState.d.ts

@@ -1,5 +1,5 @@
 export declare function useDelayedState<T>(initialState: T | (() => T), delay?: number, maxDelay?: number | undefined): {
     state: T;
     immediateState: T;
-    setState: (newValue: (T)) => void;
+    setState: (newValue: T) => void;
 };

package/dist/{src/Components → Components}/Hooks/useInViewport.d.ts

@@ -1,2 +1,2 @@
-import { MutableRefObject } from 'react';
+import type { MutableRefObject } from 'react';
 export declare const useInViewport: (element: MutableRefObject<Element | null>, rootMargin?: string) => boolean;

package/dist/{src/Components → Components}/Icon/DoubleIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps, IconSource } from "./Icon";
+import type { IconProps, IconSource } from '@/Components/Icon/Icon';
 export type DoubleIconProps = IconProps & {
     secondIcon: IconSource;
     secondIconColor?: string;

package/dist/Components/Icon/DoubleIcon.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: ({ secondIcon, secondIconColor, color, ...otherProps }: import("@/Components/Icon/DoubleIcon").DoubleIconProps) => import("react").JSX.Element;
+    argTypes: {
+        icon: {
+            options: string[];
+            mapping: {
+                house: import("@fortawesome/fontawesome-common-types").IconDefinition;
+                user: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            };
+        };
+        secondIcon: {
+            options: string[];
+            mapping: {
+                house: import("@fortawesome/fontawesome-common-types").IconDefinition;
+                user: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/{src/Components → Components}/Icon/Icon.d.ts

@@ -1,9 +1,9 @@
-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';
-import { IconDefinition } from '@fortawesome/free-regular-svg-icons';
+import type { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+import type { IconDefinition } from '@fortawesome/free-regular-svg-icons';
+import type { IconProp } from '@fortawesome/fontawesome-svg-core';
+import type { Override } from '@/TypeHelpers';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 export type IconSource = IconProp | string | IconDefinition;
 export type IconProps = RbmComponentProps<Override<FontAwesomeIconProps, {
     noMargin?: boolean;

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

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: ({ icon, alt, className, noMargin, style, title, ...props }: import("@/Components/Icon/Icon").IconProps) => import("react").JSX.Element;
+    argTypes: {
+        icon: {
+            options: string[];
+            mapping: {
+                house: import("@fortawesome/fontawesome-common-types").IconDefinition;
+                user: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ImageIcon: Story;

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { CSSProperties } from 'react';
+import type { Override } from '@/TypeHelpers';
+import type { RbmComponentProps, WithNoChildren } from '@/Components/RbmComponentProps';
+export type ImageProps = RbmComponentProps<Override<React.ComponentPropsWithoutRef<'img'>, {
+    src: string;
+    style?: CSSProperties;
+    alt?: string;
+}>, WithNoChildren>;
+export declare const Image: ({ src, alt, className, style, ...otherProps }: ImageProps) => React.JSX.Element;

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

@@ -0,0 +1,7 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: ({ src, alt, className, style, ...otherProps }: import("@/Components/Image/Image").ImageProps) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/{src/Components → Components}/InViewport/InViewport.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 export type InViewportProps = RbmComponentProps<{
     threshold?: number;
     onInViewportChange: (isInViewport: boolean) => void;

package/dist/{src/Components → Components}/Layout/Block.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
-import { ComponentRef, ForwardedRef } from 'react';
-import { ViewWithoutListenersProps } from './ViewWithoutListeners';
-import { JSX } from "react/jsx-runtime";
+import { JSX } from 'react/jsx-runtime';
+import type { ComponentRef, ForwardedRef } from 'react';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { ViewWithoutListenersProps } from '@/Components/Layout/ViewWithoutListeners';
 import IntrinsicElements = JSX.IntrinsicElements;
 export type BlockProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType> & {
     ref?: ForwardedRef<ComponentRef<AsType>>;

package/dist/{src/Components → Components}/Layout/Container.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 export declare const CONTAINER_CLASSES: {
     sm: string;
     md: string;

package/dist/{src/Components → Components}/Layout/Flex.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
-import { ViewWithoutListenersProps } from './ViewWithoutListeners';
-import { JSX } from "react/jsx-runtime";
+import { JSX } from 'react/jsx-runtime';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { ViewWithoutListenersProps } from '@/Components/Layout/ViewWithoutListeners';
 import IntrinsicElements = JSX.IntrinsicElements;
 export type FlexProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType> & {
     horizontal?: boolean;

package/dist/{src/Components → Components}/Layout/Grid/Grid.d.ts

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

package/dist/{src/Components → Components}/Layout/Grid/GridItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RbmComponentProps } from '../../RbmComponentProps';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 export type GridItemProps = RbmComponentProps<{
     size: number;
     xs?: number;

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

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

package/dist/{src/Components → Components}/Layout/Inline.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
-import { ViewWithoutListenersProps } from './ViewWithoutListeners';
-import { JSX } from "react/jsx-runtime";
+import { JSX } from 'react/jsx-runtime';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { ViewWithoutListenersProps } from '@/Components/Layout/ViewWithoutListeners';
 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 → Components}/Layout/InlineBlock.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
-import { ViewWithoutListenersProps } from './ViewWithoutListeners';
-import { JSX } from "react/jsx-runtime";
+import { JSX } from 'react/jsx-runtime';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { ViewWithoutListenersProps } from '@/Components/Layout/ViewWithoutListeners';
 import IntrinsicElements = JSX.IntrinsicElements;
 export type InlineBlockProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType> & {
     id?: string;

package/dist/{src/Components → Components}/Layout/View.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import { ComponentRef, ForwardedRef, PropsWithChildren } from 'react';
-import { Override } from '../../TypeHelpers';
-import { JSX } from "react/jsx-runtime";
+import { JSX } from 'react/jsx-runtime';
+import type { ComponentRef, ForwardedRef, PropsWithChildren } from 'react';
+import type { Override } from '@/TypeHelpers';
 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: <AsType extends keyof JSX.IntrinsicElements>({ children, as, ref, ...otherProps }: ViewProps<AsType>) => React.ReactElement<Omit<ViewProps<AsType>, "ref" | "as" | "children"> & {
+export declare const View: <AsType extends keyof JSX.IntrinsicElements>({ children, as, ref, ...otherProps }: ViewProps<AsType>) => React.ReactElement<Omit<ViewProps<AsType>, "children" | "ref" | "as"> & {
     ref: React.ForwardedRef<React.ComponentRef<AsType>> | undefined;
 }, string | React.JSXElementConstructor<any>>;