@ainias42/react-bootstrap-mobile 1.0.5 → 1.0.6

package/eslint.config.js

@@ -5,6 +5,7 @@ export default [
     ...defaultConfig,
     {
         rules: {
+            "no-relative-import-paths/no-relative-import-paths": "off",
             'import/no-extraneous-dependencies': [
                 'error',
                 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ainias42/react-bootstrap-mobile",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Mobile React Components",
   "publishConfig": {
     "access": "public"

package/src/Components/ActionSheet/ActionSheet.stories.tsx

@@ -1,10 +1,9 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { ActionSheet } from '@/Components/ActionSheet/ActionSheet';
+import { ActionSheet } from './ActionSheet';
 import { faCog, faHouse, faTrash, faUser } from '@fortawesome/free-solid-svg-icons';
 import { fn } from 'storybook/test';
 import React, { useEffect, useRef } from 'react';
-import type { ActionSheetHandle } from '@/Components/ActionSheet/ActionSheet';
+import type { ActionSheetHandle } from './ActionSheet';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 const meta = {
     component: ActionSheet,

package/src/Components/ActionSheet/ActionSheet.tsx

@@ -1,20 +1,20 @@
 import * as React from 'react';
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
-import { BaseIcon } from '@/Components/Icon/BaseIcon';
-import { BaseInlineBlock } from '@/Components/Layout/BaseInlineBlock';
-import { Clickable } from '@/Components/Clickable/Clickable';
-import { Container } from '@/Components/Layout/Container';
-import { Flex } from '@/Components/Layout/Flex';
-import { Text } from '@/Components/Text/Text';
+import { BaseBlock } from '../Layout/BaseBlock';
+import { BaseIcon } from '../Icon/BaseIcon';
+import { BaseInlineBlock } from '../Layout/BaseInlineBlock';
+import { Clickable } from '../Clickable/Clickable';
+import { Container } from '../Layout/Container';
+import { Flex } from '../Layout/Flex';
+import { Text } from '../Text/Text';
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
 import { useCallback, useImperativeHandle, useState } from 'react';
-import { withMemo } from '@/helper/withMemo';
-import baseStyles from '@/scss/baseClasses.module.scss';
+import { withMemo } from '../../helper/withMemo';
+import baseStyles from '../../scss/baseClasses.module.scss';
 import classNames from 'classnames';
-import styles from '@/Components/ActionSheet/actionSheet.module.scss';
+import styles from './actionSheet.module.scss';
 import type { ForwardedRef } from 'react';
-import type { IconSource } from '@/Components/Icon/BaseIcon';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { IconSource } from '../Icon/BaseIcon';
+import type { RbmComponentProps } from '../RbmComponentProps';
 
 export type ActionSheetAction<ActionData> = {
     name: string;

package/src/Components/Card/Card.stories.tsx

@@ -1,8 +1,7 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { Card } from '@/Components/Card/Card';
-import { Text } from '@/Components/Text/Text';
+import { Card } from './Card';
+import { Text } from '../Text/Text';
 import React from 'react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 const meta = {
     component: Card,

package/src/Components/Card/Card.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/Card/card.module.scss';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import styles from './card.module.scss';
+import type { RbmComponentProps } from '../RbmComponentProps';
 import type { ReactElement } from 'react';
 
 export type CardProps = RbmComponentProps<{

package/src/Components/Clickable/Clickable.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { useCallback, useEffect, useRef } from 'react';
-import { useComposedRef } from '@/Components/Hooks/useComposedRef';
-import { useListener } from '@/Components/Hooks/useListener';
-import { withMemo } from '@/helper/withMemo';
+import { useComposedRef } from '../Hooks/useComposedRef';
+import { useListener } from '../Hooks/useListener';
+import { withMemo } from '../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/Clickable/clickable.module.scss';
+import styles from './clickable.module.scss';
 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>;

package/src/Components/Colors.stories.tsx

@@ -1,11 +1,10 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
-import { Grid } from '@/Components/Layout/Grid/Grid';
-import { GridItem } from '@/Components/Layout/Grid/GridItem';
+import { BaseBlock } from './Layout/BaseBlock';
+import { Grid } from './Layout/Grid/Grid';
+import { GridItem } from './Layout/Grid/GridItem';
 import { ObjectHelper } from '@ainias42/js-helper';
-import { Text } from '@/Components/Text/Text';
+import { Text } from './Text/Text';
 import React from 'react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 const meta = {} satisfies Meta<typeof Text>;
 

package/src/Components/Dialog/AlertDialog.stories.tsx

@@ -1,5 +1,5 @@
-import { AlertDialog } from '@/Components/Dialog/AlertDialog';
-import { Dialog } from '@/Components/Dialog/Dialog';
+import { AlertDialog } from './AlertDialog';
+import { Dialog } from './Dialog';
 import { fn } from 'storybook/test';
 import React from 'react';
 import type { Meta, StoryObj } from '@storybook/react-vite';

package/src/Components/Dialog/AlertDialog.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { ButtonDialog } from '@/Components/Dialog/ButtonDialog';
+import { ButtonDialog } from './ButtonDialog';
 import { useMemo } from 'react';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 
 export type AlertDialogProps = {
     title?: string;

package/src/Components/Dialog/ButtonDialog.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
-import { Clickable } from '@/Components/Clickable/Clickable';
-import { Flavor } from '@/Components/Flavor';
-import { TEXT_SIZE, Text } from '@/Components/Text/Text';
-import { withMemo } from '@/helper/withMemo';
+import { BaseBlock } from '../Layout/BaseBlock';
+import { Clickable } from '../Clickable/Clickable';
+import { Flavor } from '../Flavor';
+import { TEXT_SIZE, Text } from '../Text/Text';
+import { withMemo } from '../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/Dialog/buttonDialog.module.scss';
-import type { RbmComponentProps, WithNoChildren } from '@/Components/RbmComponentProps';
+import styles from './buttonDialog.module.scss';
+import type { RbmComponentProps, WithNoChildren } from '../RbmComponentProps';
 import type { ReactElement } from 'react';
 
 export type ButtonDialogProps = RbmComponentProps<

package/src/Components/Dialog/ConfirmDialog.stories.tsx

@@ -1,9 +1,8 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { ConfirmDialog } from '@/Components/Dialog/ConfirmDialog';
-import { Dialog } from '@/Components/Dialog/Dialog';
+import { ConfirmDialog } from './ConfirmDialog';
+import { Dialog } from './Dialog';
 import { fn } from 'storybook/test';
 import React from 'react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 const meta = {
     component: ConfirmDialog,

package/src/Components/Dialog/ConfirmDialog.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { ButtonDialog } from '@/Components/Dialog/ButtonDialog';
+import { ButtonDialog } from './ButtonDialog';
 import { useMemo } from 'react';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 
 export type ConfirmDialogProps = {
     title?: string;

package/src/Components/Dialog/Dialog.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
-import { BaseInlineBlock } from '@/Components/Layout/BaseInlineBlock';
-import { Clickable } from '@/Components/Clickable/Clickable';
+import { BaseBlock } from '../Layout/BaseBlock';
+import { BaseInlineBlock } from '../Layout/BaseInlineBlock';
+import { Clickable } from '../Clickable/Clickable';
 import { useCallback, useState } from 'react';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/Dialog/dialog.module.scss';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import styles from './dialog.module.scss';
+import type { RbmComponentProps } from '../RbmComponentProps';
 import type { ReactElement } from 'react';
 
 export type DialogProps<ReturnData> = RbmComponentProps<

package/src/Components/Dialog/DialogBackground.tsx

@@ -1,15 +1,15 @@
 import * as React from 'react';
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
-import { BaseIcon } from '@/Components/Icon/BaseIcon';
-import { Clickable } from '@/Components/Clickable/Clickable';
-import { Flex } from '@/Components/Layout/Flex';
-import { Grow } from '@/Components/Layout/Grow';
-import { Heading } from '@/Components/Text/Heading';
+import { BaseBlock } from '../Layout/BaseBlock';
+import { BaseIcon } from '../Icon/BaseIcon';
+import { Clickable } from '../Clickable/Clickable';
+import { Flex } from '../Layout/Flex';
+import { Grow } from '../Layout/Grow';
+import { Heading } from '../Text/Heading';
 import { faCircleXmark } from '@fortawesome/free-solid-svg-icons';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/Dialog/dialogBackground.module.scss';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import styles from './dialogBackground.module.scss';
+import type { RbmComponentProps } from '../RbmComponentProps';
 
 export type DialogBackgroundProps = RbmComponentProps<{ title?: string; onClose?: () => void }>;
 

package/src/Components/Dialog/DialogContainer.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
-import { Dialog } from '@/Components/Dialog/Dialog';
-import { DialogProvider } from '@/Components/Dialog/DialogContext';
+import { BaseBlock } from '../Layout/BaseBlock';
+import { Dialog } from './Dialog';
+import { DialogProvider } from './DialogContext';
 import { PromiseWithHandlers } from '@ainias42/js-helper';
 import { useCallback, useImperativeHandle, useState } from 'react';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 import type { ComponentType, ForwardedRef, PropsWithChildren } from 'react';
-import type { ShowDialog } from '@/Components/Dialog/DialogContext';
+import type { ShowDialog } from './DialogContext';
 
 export type DialogContainerProps = PropsWithChildren<{
     dialogClassName?: string;

package/src/Components/Dialog/DialogContext.ts

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import type { ComponentType } from 'react';
-import type { EmptyProps } from '@/helper/EmptyProps';
+import type { EmptyProps } from '../../helper/EmptyProps';
 
 export type ShowDialog = <
     P = EmptyProps,

package/src/Components/Dialog/useAlertDialog.ts

@@ -1,6 +1,6 @@
-import { AlertDialog } from '@/Components/Dialog/AlertDialog';
+import { AlertDialog } from './AlertDialog';
 import { useCallback } from 'react';
-import { useDialog } from '@/Components/Dialog/DialogContext';
+import { useDialog } from './DialogContext';
 
 export function useAlertDialog() {
     const showDialog = useDialog();

package/src/Components/Dialog/useConfirmDialog.ts

@@ -1,6 +1,6 @@
-import { ConfirmDialog } from '@/Components/Dialog/ConfirmDialog';
+import { ConfirmDialog } from './ConfirmDialog';
 import { useCallback } from 'react';
-import { useDialog } from '@/Components/Dialog/DialogContext';
+import { useDialog } from './DialogContext';
 
 export function useConfirmDialog() {
     const showDialog = useDialog();

package/src/Components/DragAndDrop/DragItem.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Draggable } from '@hello-pangea/dnd';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 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>;
 

package/src/Components/DragAndDrop/DropArea.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { Droppable } from '@hello-pangea/dnd';
-import { useStrictEnabled } from '@/Components/DragAndDrop/useStrictEnabled';
-import { withMemo } from '@/helper/withMemo';
+import { useStrictEnabled } from './useStrictEnabled';
+import { withMemo } from '../../helper/withMemo';
 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>;
 

package/src/Components/ErrorBoundary.tsx

@@ -1,6 +1,6 @@
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
-import { Heading } from '@/Components/Text/Heading';
-import { Text } from '@/Components/Text/Text';
+import { BaseBlock } from './Layout/BaseBlock';
+import { Heading } from './Text/Heading';
+import { Text } from './Text/Text';
 import React, { Component } from 'react';
 import type { ReactNode } from 'react';
 

package/src/Components/FormElements/Button/Button.stories.tsx

@@ -1,10 +1,10 @@
-import { Button } from '@/Components/FormElements/Button/Button';
-import { ButtonType } from '@/Components/FormElements/Button/ButtonType';
-import { Flavor } from '@/Components/Flavor';
-import { Size } from '@/Size';
-import { Text } from '@/Components/Text/Text';
+import { Button } from './Button';
+import { ButtonType } from './ButtonType';
+import { Flavor } from '../../Flavor';
+import { Size } from '../../../Size';
+import { Text } from '../../Text/Text';
 import React from 'react';
-import type { ButtonProps } from '@/Components/FormElements/Button/Button';
+import type { ButtonProps } from './Button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
 const meta = {

package/src/Components/FormElements/Button/Button.tsx

@@ -1,16 +1,16 @@
 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 { useCallback } from 'react';
-import { useListenerWithExtractedProps } from '@/Components/Hooks/useListener';
-import { withTitle } from '@/Components/Title/withTitle';
+import { useListenerWithExtractedProps } from '../../Hooks/useListener';
+import { withTitle } from '../../Title/withTitle';
 import classNames from 'classnames';
-import styles from '@/Components/FormElements/Button/button.module.scss';
+import styles from './button.module.scss';
 import type { HTMLAttributes, MouseEvent } 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<

package/src/Components/FormElements/CheckBox/Checkbox.stories.tsx

@@ -1,4 +1,4 @@
-import { Checkbox } from '@/Components/FormElements/CheckBox/Checkbox';
+import { Checkbox } from './Checkbox';
 import React from 'react';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 

package/src/Components/FormElements/CheckBox/Checkbox.tsx

@@ -1,14 +1,14 @@
 import * as React from 'react';
-import { FormError } from '@/Components/FormElements/Error/FormError';
+import { FormError } from '../Error/FormError';
 import { useCallback } from 'react';
-import { useListenerWithExtractedProps } from '@/Components/Hooks/useListener';
-import { withMemo } from '@/helper/withMemo';
+import { useListenerWithExtractedProps } from '../../Hooks/useListener';
+import { withMemo } from '../../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/FormElements/CheckBox/checkbox.module.scss';
+import styles from './checkbox.module.scss';
 import type { ChangeEventHandler, 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<

package/src/Components/FormElements/ColorInput/ColorInput.stories.tsx

@@ -1,4 +1,4 @@
-import { ColorInput } from '@/Components/FormElements/ColorInput/ColorInput';
+import { ColorInput } from './ColorInput';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
 const meta = {

package/src/Components/FormElements/ColorInput/ColorInput.tsx

@@ -1,17 +1,17 @@
 import * as React from 'react';
-import { FormError } from '@/Components/FormElements/Error/FormError';
-import { Menu } from '@/Components/Menu/Menu';
+import { FormError } from '../Error/FormError';
+import { Menu } from '../../Menu/Menu';
 import { Sketch } from '@uiw/react-color';
 import { useCallback, useMemo, useRef, useState } from 'react';
-import { useClientLayoutEffect } from '@/Components/Hooks/useClientLayoutEffect';
-import { useListener } from '@/Components/Hooks/useListener';
-import { useSharedSelectedColor } from '@/Components/FormElements/ColorInput/sharedSelectedColor';
-import { withMemo } from '@/helper/withMemo';
+import { useClientLayoutEffect } from '../../Hooks/useClientLayoutEffect';
+import { useListener } from '../../Hooks/useListener';
+import { useSharedSelectedColor } from './sharedSelectedColor';
+import { withMemo } from '../../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/FormElements/ColorInput/colorInput.module.scss';
+import styles from './colorInput.module.scss';
 import type { ColorResult } from '@uiw/react-color';
 import type { MouseEvent } from 'react';
-import type { OptionalListener } from '@/Components/Hooks/useListener';
+import type { OptionalListener } from '../../Hooks/useListener';
 
 export type ColorInputProps<OnChangeData> = {
     defaultValue?: string;

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

@@ -1,4 +1,4 @@
-import { ColorInput } from '@/Components/FormElements/ColorInput/ColorInput';
-import { withHookController } from '@/Components/FormElements/Controller/withHookController';
+import { ColorInput } from '../ColorInput/ColorInput';
+import { withHookController } from './withHookController';
 
 export const ColorInputController = withHookController(ColorInput, 'onChangeColor');

package/src/Components/FormElements/Controller/FileInputController.tsx

@@ -1,10 +1,10 @@
-import { FileInput } from '@/Components/FormElements/Input/FileInput/FileInput';
+import { FileInput } from '../Input/FileInput/FileInput';
 import { useController, useFormContext, useFormState } from 'react-hook-form';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../../helper/withMemo';
 import React, { useCallback } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
-import type { FileInputProps } from '@/Components/FormElements/Input/FileInput/FileInput';
-import type { FileType } from '@/Components/FormElements/Input/FileInput/FileType';
+import type { FileInputProps } from '../Input/FileInput/FileInput';
+import type { FileType } from '../Input/FileInput/FileType';
 
 type Props<Values extends FieldValues, Name extends FieldPath<Values> = FieldPath<Values>> = Omit<
     FileInputProps<unknown>,

package/src/Components/FormElements/Controller/HookForm.tsx

@@ -1,8 +1,8 @@
-import { FormError } from '@/Components/FormElements/Error/FormError';
+import { FormError } from '../Error/FormError';
 import { FormProvider } from 'react-hook-form';
-import { LoadingArea } from '@/Components/LoadingArea/LoadingArea';
-import { SendFormContext } from '@/Components/FormElements/Controller/SendFormContext';
-import { withMemo } from '@/helper/withMemo';
+import { LoadingArea } from '../../LoadingArea/LoadingArea';
+import { SendFormContext } from './SendFormContext';
+import { withMemo } from '../../../helper/withMemo';
 import React, { useCallback, useEffect } from 'react';
 import type { Awaitable } from '@ainias42/js-helper';
 import type { FieldPath, FormProviderProps, Path } from 'react-hook-form';

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

@@ -1,4 +1,4 @@
-import { Input } from '@/Components/FormElements/Input/Input';
-import { withHookController } from '@/Components/FormElements/Controller/withHookController';
+import { Input } from '../Input/Input';
+import { withHookController } from './withHookController';
 
 export const InputController = withHookController(Input, 'onChangeText');

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

@@ -1,4 +1,4 @@
-import { MultipleFileInput } from '@/Components/FormElements/Input/FileInput/MultipleFileInput';
-import { withHookController } from '@/Components/FormElements/Controller/withHookController';
+import { MultipleFileInput } from '../Input/FileInput/MultipleFileInput';
+import { withHookController } from './withHookController';
 
 export const MultipleFileInputController = withHookController(MultipleFileInput, 'onChangeFiles');

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

@@ -1,4 +1,4 @@
-import { PasswordInput } from '@/Components/FormElements/Input/PasswordInput/PasswordInput';
-import { withHookController } from '@/Components/FormElements/Controller/withHookController';
+import { PasswordInput } from '../Input/PasswordInput/PasswordInput';
+import { withHookController } from './withHookController';
 
 export const PasswordInputController = withHookController(PasswordInput, 'onChangeText');

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

@@ -1,4 +1,4 @@
-import { Select } from '@/Components/FormElements/Select/Select';
-import { withHookController } from '@/Components/FormElements/Controller/withHookController';
+import { Select } from '../Select/Select';
+import { withHookController } from './withHookController';
 
 export const SelectController = withHookController(Select, 'onChangeValue');

package/src/Components/FormElements/Controller/SliderController.ts

@@ -1,4 +1,4 @@
-import { Slider } from '@/Components/FormElements/Slider/Slider';
-import { withHookController } from '@/Components/FormElements/Controller/withHookController';
+import { Slider } from '../Slider/Slider';
+import { withHookController } from './withHookController';
 
 export const SliderController = withHookController(Slider, 'onChangeValue');

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

@@ -1,4 +1,4 @@
-import { Switch } from '@/Components/FormElements/Switch/Switch';
-import { withHookController } from '@/Components/FormElements/Controller/withHookController';
+import { Switch } from '../Switch/Switch';
+import { withHookController } from './withHookController';
 
 export const SwitchController = withHookController(Switch, 'onChangeChecked');

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

@@ -1,4 +1,4 @@
-import { Textarea } from '@/Components/FormElements/Textarea/Textarea';
-import { withHookController } from '@/Components/FormElements/Controller/withHookController';
+import { Textarea } from '../Textarea/Textarea';
+import { withHookController } from './withHookController';
 
 export const TextareaController = withHookController(Textarea, 'onChangeText');

package/src/Components/FormElements/Controller/withHookController.tsx

@@ -1,6 +1,6 @@
-import { useComposedRef } from '@/Components/Hooks/useComposedRef';
+import { useComposedRef } from '../../Hooks/useComposedRef';
 import { useController, useFormContext } from 'react-hook-form';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../../helper/withMemo';
 import React, { useCallback } from 'react';
 import type { ComponentProps, ComponentRef, ComponentType, ForwardedRef } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';

package/src/Components/FormElements/Error/FormError.stories.tsx

@@ -1,4 +1,4 @@
-import { FormError } from '@/Components/FormElements/Error/FormError';
+import { FormError } from './FormError';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
 const meta = {

package/src/Components/FormElements/Error/FormError.tsx

@@ -1,9 +1,9 @@
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
-import { BaseInlineBlock } from '@/Components/Layout/BaseInlineBlock';
-import { TEXT_SIZE, Text } from '@/Components/Text/Text';
-import { withMemo } from '@/helper/withMemo';
+import { BaseBlock } from '../../Layout/BaseBlock';
+import { BaseInlineBlock } from '../../Layout/BaseInlineBlock';
+import { TEXT_SIZE, Text } from '../../Text/Text';
+import { withMemo } from '../../../helper/withMemo';
 import React from 'react';
-import styles from '@/Components/FormElements/Error/formError.module.scss';
+import styles from './formError.module.scss';
 
 export type FormErrorProps = { error?: string; inline?: boolean };
 

package/src/Components/FormElements/Form.stories.tsx

@@ -1,4 +1,4 @@
-import { FormError } from '@/Components/FormElements/Error/FormError';
+import { FormError } from './Error/FormError';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
 const meta = {

package/src/Components/FormElements/Input/FileInput/FileInput.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import { MultipleFileInput } from '@/Components/FormElements/Input/FileInput/MultipleFileInput';
+import { MultipleFileInput } from './MultipleFileInput';
 import { useCallback, useMemo } from 'react';
-import { useListenerWithExtractedProps } from '@/Components/Hooks/useListener';
-import { withMemo } from '@/helper/withMemo';
-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 { useListenerWithExtractedProps } from '../../../Hooks/useListener';
+import { withMemo } from '../../../../helper/withMemo';
+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<