@ainias42/react-bootstrap-mobile 1.0.4 → 1.0.6

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { ForwardedRef } from 'react';
-import type { IconSource } from '@/Components/Icon/Icon';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { IconSource } from '../Icon/BaseIcon';
+import type { RbmComponentProps } from '../RbmComponentProps';
 export type ActionSheetAction<ActionData> = {
     name: string;
     icon?: IconSource;

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

@@ -1,8 +1,8 @@
-import type { StoryObj } from '@storybook/react-vite';
 import React from 'react';
+import type { StoryObj } from '@storybook/react-vite';
 declare const meta: {
-    component: ({ title, actions, cancelText, className, onClose, style, ref, }: import("@/Components/ActionSheet/ActionSheet").ActionSheetProps) => React.JSX.Element;
-    render: (args: import("@/Components/ActionSheet/ActionSheet").ActionSheetProps) => React.JSX.Element;
+    component: ({ title, actions, cancelText, className, onClose, style, ref, }: import("./ActionSheet").ActionSheetProps) => React.JSX.Element;
+    render: (args: import("./ActionSheet").ActionSheetProps) => React.JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { RbmComponentProps } from '../RbmComponentProps';
 import type { ReactElement } from 'react';
 export type CardProps = RbmComponentProps<{
     title?: string | ReactElement;

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

@@ -1,7 +1,7 @@
-import type { StoryObj } from '@storybook/react-vite';
 import React from 'react';
+import type { StoryObj } from '@storybook/react-vite';
 declare const meta: {
-    component: ({ title, children, fullHeight, noPaddingHeight, noPadding, noPaddingWidth, noMargin, className, ...rbmProps }: import("@/Components/Card/Card").CardProps) => React.JSX.Element;
+    component: ({ title, children, fullHeight, noPaddingHeight, noPadding, noPaddingWidth, noMargin, className, ...rbmProps }: import("./Card").CardProps) => React.JSX.Element;
     argTypes: {
         children: {
             control: false;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { ForwardedRef, MouseEvent, PointerEvent, MouseEvent as ReactMouseEvent } from 'react';
-import type { OptionalListener } from '@/Components/Hooks/useListener';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { OptionalListener } from '../Hooks/useListener';
+import type { RbmComponentProps } from '../RbmComponentProps';
 type OnClickListener<Data> = OptionalListener<'onClick', Data>;
 type OnPointerDownListener<Data> = OptionalListener<'onPointerDown', Data, PointerEvent>;
 type OnPointerUpListener<Data> = OptionalListener<'onPointerUp', Data, PointerEvent>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { StoryObj } from '@storybook/react-vite';
 declare const meta: {
-    component: ({ title, message, close, confirmText, }: import("@/Components/Dialog/AlertDialog").AlertDialogProps) => React.JSX.Element;
+    component: ({ title, message, close, confirmText, }: import("./AlertDialog").AlertDialogProps) => React.JSX.Element;
     decorators: (Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
         title?: string | undefined;
         message: string;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Flavor } from '@/Components/Flavor';
-import type { RbmComponentProps, WithNoChildren } from '@/Components/RbmComponentProps';
+import { Flavor } from '../Flavor';
+import type { RbmComponentProps, WithNoChildren } from '../RbmComponentProps';
 import type { ReactElement } from 'react';
 export type ButtonDialogProps = RbmComponentProps<{
     title?: string;

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

@@ -1,7 +1,7 @@
-import type { StoryObj } from '@storybook/react-vite';
 import React from 'react';
+import type { StoryObj } from '@storybook/react-vite';
 declare const meta: {
-    component: ({ title, message, close, cancelText, confirmText, }: import("@/Components/Dialog/ConfirmDialog").ConfirmDialogProps) => React.JSX.Element;
+    component: ({ title, message, close, cancelText, confirmText, }: import("./ConfirmDialog").ConfirmDialogProps) => React.JSX.Element;
     decorators: (Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
         title?: string | undefined;
         message: string;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { RbmComponentProps } from '../RbmComponentProps';
 import type { ReactElement } from 'react';
 export type DialogProps<ReturnData> = RbmComponentProps<{
     closable?: boolean;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { RbmComponentProps } from '../RbmComponentProps';
 export type DialogBackgroundProps = RbmComponentProps<{
     title?: string;
     onClose?: () => void;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { ForwardedRef, PropsWithChildren } from 'react';
-import type { ShowDialog } from '@/Components/Dialog/DialogContext';
+import type { ShowDialog } from './DialogContext';
 export type DialogContainerProps = PropsWithChildren<{
     dialogClassName?: string;
     ref?: ForwardedRef<DialogContainerRef>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ComponentType } from 'react';
-import type { EmptyProps } from '@/helper/EmptyProps';
+import type { EmptyProps } from '../../helper/EmptyProps';
 export type ShowDialog = <P = EmptyProps, R = any, C extends ComponentType<(P & {
     close: (result?: R) => void;
 }) | P> = ComponentType<(P & {

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

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

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import type { DroppableProps } from '@hello-pangea/dnd';
-import type { RbmComponentProps, WithNoStringAndChildrenProps } from '@/Components/RbmComponentProps';
+import type { RbmComponentProps, WithNoStringAndChildrenProps } from '../RbmComponentProps';
 export type DropAreaProps = RbmComponentProps<Omit<DroppableProps, 'children'>, WithNoStringAndChildrenProps>;
 export declare const DropArea: ({ children, style, className, ...dropProps }: DropAreaProps) => React.JSX.Element | null;

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { ButtonType } from '@/Components/FormElements/Button/ButtonType';
-import { Flavor } from '@/Components/Flavor';
-import { Size } from '@/Size';
+import { ButtonType } from './ButtonType';
+import { Flavor } from '../../Flavor';
+import { Size } from '../../../Size';
 import type { HTMLAttributes } from 'react';
-import type { OptionalListener } from '@/Components/Hooks/useListener';
+import type { OptionalListener } from '../../Hooks/useListener';
 import type { Override } from '@ainias42/js-helper';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { RbmComponentProps } from '../../RbmComponentProps';
 export type ButtonProps<ClickData> = RbmComponentProps<Override<HTMLAttributes<HTMLButtonElement>, {
     type?: ButtonType;
     disabled?: boolean;
@@ -14,4 +14,7 @@ export type ButtonProps<ClickData> = RbmComponentProps<Override<HTMLAttributes<H
     stopPropagation?: boolean;
     size?: Omit<Size, 'xxLarge' | 'xLarge' | 'large' | 'xSmall'>;
 } & OptionalListener<'onClick', ClickData>>>;
-export declare const Button: <ClickData>({ children, className, disabled, size, fullWidth, flavor, type, stopPropagation, ...props }: ButtonProps<ClickData>) => React.JSX.Element;
+export declare const Button: ({ title, ref, ...otherProps }: ButtonProps<unknown> & {
+    title?: string | React.ReactElement;
+    ref?: React.Ref<HTMLElement | null>;
+}) => React.JSX.Element;

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

@@ -1,11 +1,14 @@
-import { ButtonType } from '@/Components/FormElements/Button/ButtonType';
-import { Flavor } from '@/Components/Flavor';
-import { Size } from '@/Size';
+import { ButtonType } from './ButtonType';
+import { Flavor } from '../../Flavor';
+import { Size } from '../../../Size';
 import React from 'react';
-import type { ButtonProps } from '@/Components/FormElements/Button/Button';
+import type { ButtonProps } from './Button';
 import type { StoryObj } from '@storybook/react-vite';
 declare const meta: {
-    component: <ClickData>({ children, className, disabled, size, fullWidth, flavor, type, stopPropagation, ...props }: ButtonProps<ClickData>) => React.JSX.Element;
+    component: ({ title, ref, ...otherProps }: ButtonProps<unknown> & {
+        title?: string | React.ReactElement;
+        ref?: React.Ref<HTMLElement | null>;
+    }) => React.JSX.Element;
     argTypes: {
         flavor: {
             control: {
@@ -33,7 +36,10 @@ declare const meta: {
             control: false;
         };
     };
-    render: (args: ButtonProps<unknown>) => React.JSX.Element;
+    render: (args: ButtonProps<unknown> & {
+        title?: string | React.ReactElement;
+        ref?: React.Ref<HTMLElement | null>;
+    }) => React.JSX.Element;
 };
 export default meta;
 type Story = StoryObj<ButtonProps<any>>;

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { InputHTMLAttributes } from 'react';
-import type { OptionalListener } from '@/Components/Hooks/useListener';
+import type { OptionalListener } from '../../Hooks/useListener';
 import type { Override } from '@ainias42/js-helper';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { RbmComponentProps } from '../../RbmComponentProps';
 export type CheckboxProps<OnChangeData, OnChangeCheckedData> = RbmComponentProps<Override<InputHTMLAttributes<HTMLInputElement>, {
     label?: string;
     children?: string;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { StoryObj } from '@storybook/react-vite';
 declare const meta: {
-    component: <OnChangeData, OnChangeCheckedData>({ children, label, isLabelBeforeCheckbox, id, className, error, style, ...props }: import("@/Components/FormElements/CheckBox/Checkbox").CheckboxProps<OnChangeData, OnChangeCheckedData>) => React.JSX.Element;
+    component: <OnChangeData, OnChangeCheckedData>({ children, label, isLabelBeforeCheckbox, id, className, error, style, ...props }: import("./Checkbox").CheckboxProps<OnChangeData, OnChangeCheckedData>) => React.JSX.Element;
     argTypes: {};
     args: {
         checked: false;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { ColorResult } from '@uiw/react-color';
-import type { OptionalListener } from '@/Components/Hooks/useListener';
+import type { OptionalListener } from '../../Hooks/useListener';
 export type ColorInputProps<OnChangeData> = {
     defaultValue?: string;
     value?: string;

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

@@ -1,6 +1,6 @@
 import type { StoryObj } from '@storybook/react-vite';
 declare const meta: {
-    component: <OnChangeData>({ defaultValue, value, label, onChangeColor, onOpen, onClose, disableAlpha, presetColors, error, sharedColorKey, disabled, className, ...otherProps }: import("@/Components/FormElements/ColorInput/ColorInput").ColorInputProps<OnChangeData>) => import("react").JSX.Element;
+    component: <OnChangeData>({ defaultValue, value, label, onChangeColor, onOpen, onClose, disableAlpha, presetColors, error, sharedColorKey, disabled, className, ...otherProps }: import("./ColorInput").ColorInputProps<OnChangeData>) => import("react").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -1,4 +1,4 @@
-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("@/Components/FormElements/ColorInput/ColorInput").ColorInputProps<unknown>, "onBlur" | "name" | "value" | "onChangeColor"> & {
+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;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
-import type { FileInputProps } from '@/Components/FormElements/Input/FileInput/FileInput';
+import type { FileInputProps } from '../Input/FileInput/FileInput';
 type Props<Values extends FieldValues, Name extends FieldPath<Values> = FieldPath<Values>> = Omit<FileInputProps<unknown>, 'name' | 'onBlur' | 'ref' | 'value' | '__allowChildren' | 'children' | 'onChangeFile' | 'error'> & {
     name: Name;
 };

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

@@ -1,4 +1,4 @@
-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("@/Components/FormElements/Input/Input").InputProps<unknown, unknown, unknown>, "onBlur" | "name" | "value" | "onChangeText"> & {
+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;

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,9 +1,9 @@
 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';
+import type { FileType } from './FileType';
+import type { Listener } from '../../../Hooks/useListener';
+import type { MultipleFileInputProps } from './MultipleFileInput';
+import type { Override } from '../../../../TypeHelpers';
+import type { RbmComponentProps } from '../../../RbmComponentProps';
 export type FileInputProps<OnChangeFileData> = RbmComponentProps<Override<Omit<MultipleFileInputProps<unknown>, 'onChangeFiles' | 'maxFiles' | 'onChangeFilesData' | 'mimeTypes' | 'showDeleteButton'>, {
     value?: FileType;
     mimeType?: string | string[];

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
 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';
+import type { FileType } from './FileType';
+import type { Listener } from '../../../Hooks/useListener';
+import type { Override } from '../../../../TypeHelpers';
+import type { RbmComponentProps } from '../../../RbmComponentProps';
 export type MultipleFileInputProps<OnChangeFilesData> = RbmComponentProps<Override<Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'onChange' | 'value'>, {
     value: FileType[];
     label?: string;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { InputProps } from '@/Components/FormElements/Input/Input';
+import type { InputProps } from './Input';
 export type HiddenInputProps<OnChangeType, OnBlurData, OnChangeEndData> = InputProps<OnChangeType, OnBlurData, OnChangeEndData> & {
     noFocusHint?: boolean;
 };

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

@@ -1,6 +1,6 @@
 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;
+    component: <OnChangeData, OnBlurData, OnChangeEndData>({ noFocusHint, className, ...props }: import("./HiddenInput").HiddenInputProps<OnChangeData, OnBlurData, OnChangeEndData>) => import("react").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { ForwardedRef, InputHTMLAttributes } from 'react';
-import type { OptionalListener } from '@/Components/Hooks/useListener';
-import type { Override } from '@/TypeHelpers';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { OptionalListener } from '../../Hooks/useListener';
+import type { Override } from '../../../TypeHelpers';
+import type { RbmComponentProps } from '../../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

@@ -1,6 +1,6 @@
 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;
+    component: <OnChangeData, OnBlurData, OnChangeDoneData>({ label, className, style, onKeyDown, inline, value, error, onChangeText, onEnter, ref, ...otherProps }: import("./Input").InputProps<OnChangeData, OnBlurData, OnChangeDoneData>) => import("react").JSX.Element;
     argTypes: {
         type: {
             control: {

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { DistributiveOmit } from '@/helper/DistributiveOmit';
+import type { DistributiveOmit } from '../../../../helper/DistributiveOmit';
 import type { ForwardedRef } from 'react';
-import type { InputProps } from '@/Components/FormElements/Input/Input';
+import type { InputProps } from '../Input';
 export type PasswordInputProps<OnChangeData, OnBlurData, OnChangeEndData> = DistributiveOmit<InputProps<OnChangeData, OnBlurData, OnChangeEndData>, 'type' | 'onChangeText' | 'onEnter'> & {
     onChangeText?: (newText: string) => void;
     onEnter?: (newText: string) => void;

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

@@ -1,6 +1,6 @@
 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;
+    component: <OnChangeData, OnBlurData, OnChangeEndData>({ className, style, ref, ...props }: import("./PasswordInput").PasswordInputProps<OnChangeData, OnBlurData, OnChangeEndData>) => import("react").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 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;
+    component: <OnChangeData>({ label, options, className, style, onChangeValue, inline, small, error, useNumericValues, ...otherProps }: import("./Select").SelectProps<OnChangeData>) => import("react").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { InputHTMLAttributes } from 'react';
-import type { OptionalListener } from '@/Components/Hooks/useListener';
-import type { Override } from '@/TypeHelpers';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { OptionalListener } from '../../Hooks/useListener';
+import type { Override } from '../../../TypeHelpers';
+import type { RbmComponentProps } from '../../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

@@ -1,6 +1,6 @@
 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;
+    component: <OnChangeData, OnChangeValueData, OnChangeDoneData>({ className, style, stopPropagation, ...props }: import("./Slider").SliderProps<OnChangeData, OnChangeValueData, OnChangeDoneData>) => import("react").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { InputHTMLAttributes } from 'react';
-import type { OptionalListener } from '@/Components/Hooks/useListener';
-import type { Override } from '@/TypeHelpers';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { OptionalListener } from '../../Hooks/useListener';
+import type { Override } from '../../../TypeHelpers';
+import type { RbmComponentProps } from '../../RbmComponentProps';
 export type SwitchProps<OnChangeCheckedData> = RbmComponentProps<Override<InputHTMLAttributes<HTMLInputElement>, {
     preLabel?: string;
     label?: string;

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

@@ -1,7 +1,7 @@
 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;
+    component: <OnChangeCheckedData>({ children, label, preLabel, isLabelBeforeSwitch, isDual, stopPropagation, id, className, classNamePreLabel, classNameLabel, style, error, onChange, ...props }: import("./Switch").SwitchProps<OnChangeCheckedData>) => React.JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 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';
+import type { OptionalListener } from '../../Hooks/useListener';
+import type { Override } from '../../../TypeHelpers';
+import type { RbmComponentProps } from '../../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

@@ -1,6 +1,6 @@
 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;
+    component: <OnChangeData, OnChangeDoneData>({ label, className, style, onKeyUp, onChangeText, onEnter, onEscape, textareaStyles, containerRef, ref, error, ...otherProps }: import("./Textarea").TextareaProps<OnChangeData, OnChangeDoneData>) => import("react").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

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

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+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 '../RbmComponentProps';
+import type { Ref } from 'react';
+export type IconSource = IconProp | string | IconDefinition;
+export type IconProps = RbmComponentProps<Override<FontAwesomeIconProps, {
+    noMargin?: boolean;
+    icon: IconSource;
+    alt?: string;
+    ref?: Ref<HTMLImageElement | null>;
+}>>;
+export declare const BaseIcon: ({ icon, alt, className, noMargin, style, ref, ...props }: IconProps) => React.JSX.Element;

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

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

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

@@ -1,6 +1,6 @@
 import type { StoryObj } from '@storybook/react-vite';
 declare const meta: {
-    component: ({ secondIcon, secondIconColor, color, ...otherProps }: import("@/Components/Icon/DoubleIcon").DoubleIconProps) => import("react").JSX.Element;
+    component: ({ secondIcon, secondIconColor, color, ...otherProps }: import("./DoubleIcon").DoubleIconProps) => import("react").JSX.Element;
     argTypes: {
         icon: {
             options: string[];