@ainias42/react-bootstrap-mobile 1.0.5 → 1.0.6

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

@@ -1,24 +1,24 @@
 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 { FormError } from '@/Components/FormElements/Error/FormError';
-import { Grow } from '@/Components/Layout/Grow';
-import { Image } from '@/Components/Image/Image';
-import { Inline } from '@/Components/Layout/Inline';
-import { Text } from '@/Components/Text/Text';
+import { BaseBlock } from '../../../Layout/BaseBlock';
+import { BaseIcon } from '../../../Icon/BaseIcon';
+import { Clickable } from '../../../Clickable/Clickable';
+import { Flex } from '../../../Layout/Flex';
+import { FormError } from '../../Error/FormError';
+import { Grow } from '../../../Layout/Grow';
+import { Image } from '../../../Image/Image';
+import { Inline } from '../../../Layout/Inline';
+import { Text } from '../../../Text/Text';
 import { faFile, faPlus, faTimesCircle } from '@fortawesome/free-solid-svg-icons';
 import { useCallback, useRef } 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/Input/FileInput/fileInput.module.scss';
+import styles from './fileInput.module.scss';
 import type { ChangeEventHandler, DragEvent, 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<

package/src/Components/FormElements/Input/HiddenInput.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { HiddenInput } from '@/Components/FormElements/Input/HiddenInput';
+import { HiddenInput } from './HiddenInput';
 
 const meta = {
     component: HiddenInput,

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { Input } from '@/Components/FormElements/Input/Input';
-import { withMemo } from '@/helper/withMemo';
+import { Input } from './Input';
+import { withMemo } from '../../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/FormElements/Input/input.module.scss';
-import type { InputProps } from '@/Components/FormElements/Input/Input';
+import styles from './input.module.scss';
+import type { InputProps } from './Input';
 
 export type HiddenInputProps<OnChangeType, OnBlurData, OnChangeEndData> = InputProps<
     OnChangeType,

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

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

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

@@ -1,18 +1,18 @@
 import * as React from 'react';
-import { FormError } from '@/Components/FormElements/Error/FormError';
+import { FormError } from '../Error/FormError';
 import { useCallback, useEffect, useMemo, useRef } from 'react';
-import { useComposedRef } from '@/Components/Hooks/useComposedRef';
-import { useDebounced } from '@/Components/Hooks/useDebounced';
-import { useListenerWithExtractedProps } from '@/Components/Hooks/useListener';
-import { useOnChangeDone } from '@/Components/FormElements/hooks/useOnChangeDone';
-import { useSendFormContext } from '@/Components/FormElements/Controller/SendFormContext';
-import { withMemo } from '@/helper/withMemo';
+import { useComposedRef } from '../../Hooks/useComposedRef';
+import { useDebounced } from '../../Hooks/useDebounced';
+import { useListenerWithExtractedProps } from '../../Hooks/useListener';
+import { useOnChangeDone } from '../hooks/useOnChangeDone';
+import { useSendFormContext } from '../Controller/SendFormContext';
+import { withMemo } from '../../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/FormElements/Input/input.module.scss';
+import styles from './input.module.scss';
 import type { ChangeEvent, ForwardedRef, InputHTMLAttributes, KeyboardEvent } 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<

package/src/Components/FormElements/Input/PasswordInput/PasswordInput.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { PasswordInput } from '@/Components/FormElements/Input/PasswordInput/PasswordInput';
+import { PasswordInput } from './PasswordInput';
 
 const meta = {
     component: PasswordInput,

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

@@ -1,16 +1,16 @@
-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 { Input } from '@/Components/FormElements/Input/Input';
+import { BaseIcon } from '../../../Icon/BaseIcon';
+import { Clickable } from '../../../Clickable/Clickable';
+import { Flex } from '../../../Layout/Flex';
+import { Grow } from '../../../Layout/Grow';
+import { Input } from '../Input';
 import { faEye, faEyeSlash } from '@fortawesome/free-solid-svg-icons';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../../../helper/withMemo';
 import React, { useCallback, useState } from 'react';
 import classNames from 'classnames';
-import styles from '@/Components/FormElements/Input/PasswordInput/passwordInput.module.scss';
-import type { DistributiveOmit } from '@/helper/DistributiveOmit';
+import styles from './passwordInput.module.scss';
+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>,

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

@@ -1,7 +1,7 @@
-import { SearchSelectInput } from '@/Components/FormElements/SearchSelectInput/SearchSelectInput';
+import { SearchSelectInput } from './SearchSelectInput';
 import React, { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import type { SearchSelectInputProps } from '@/Components/FormElements/SearchSelectInput/SearchSelectInput';
+import type { SearchSelectInputProps } from './SearchSelectInput';
 
 const meta = {
     component: SearchSelectInput,

package/src/Components/FormElements/SearchSelectInput/SearchSelectInput.tsx

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import { ArrayHelper } from '@ainias42/js-helper';
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
-import { BaseInlineBlock } from '@/Components/Layout/BaseInlineBlock';
-import { Clickable } from '@/Components/Clickable/Clickable';
-import { Flex } from '@/Components/Layout/Flex';
-import { Grow } from '@/Components/Layout/Grow';
-import { TEXT_SIZE, Text } from '@/Components/Text/Text';
+import { BaseBlock } from '../../Layout/BaseBlock';
+import { BaseInlineBlock } from '../../Layout/BaseInlineBlock';
+import { Clickable } from '../../Clickable/Clickable';
+import { Flex } from '../../Layout/Flex';
+import { Grow } from '../../Layout/Grow';
+import { TEXT_SIZE, Text } from '../../Text/Text';
 import { useCallback, useMemo, useRef, useState } from 'react';
-import { useWindow } from '@/WindowContext/WindowContext';
-import { withMemo } from '@/helper/withMemo';
+import { useWindow } from '../../../WindowContext/WindowContext';
+import { withMemo } from '../../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/FormElements/SearchSelectInput/seachSelectInput.module.scss';
+import styles from './seachSelectInput.module.scss';
 import type { ChangeEventHandler, KeyboardEvent, 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<
     {

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

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

package/src/Components/FormElements/Select/Select.tsx

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import { useCallback } from 'react';
-import { useListenerWithExtractedProps } from '@/Components/Hooks/useListener';
+import { useListenerWithExtractedProps } from '../../Hooks/useListener';
 import type { ChangeEventHandler, SelectHTMLAttributes } from 'react';
-import type { Override } from '@/TypeHelpers';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { Override } from '../../../TypeHelpers';
+import type { RbmComponentProps } from '../../RbmComponentProps';
 
-import { FormError } from '@/Components/FormElements/Error/FormError';
-import { withMemo } from '@/helper/withMemo';
+import { FormError } from '../Error/FormError';
+import { withMemo } from '../../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/FormElements/Select/select.module.scss';
-import type { OptionalListener } from '@/Components/Hooks/useListener';
+import styles from './select.module.scss';
+import type { OptionalListener } from '../../Hooks/useListener';
 
 export type SelectOption<ValueType = string> = {
     label: string;

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

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

package/src/Components/FormElements/Slider/Slider.tsx

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

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

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

package/src/Components/FormElements/Switch/Switch.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/Switch/switch.module.scss';
+import styles from './switch.module.scss';
 import type { ChangeEventHandler, InputHTMLAttributes, MouseEvent } 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<

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

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

package/src/Components/FormElements/Textarea/Textarea.tsx

@@ -1,16 +1,16 @@
 import * as React from 'react';
-import { FormError } from '@/Components/FormElements/Error/FormError';
+import { FormError } from '../Error/FormError';
 import { useCallback, useRef } from 'react';
-import { useComposedRef } from '@/Components/Hooks/useComposedRef';
-import { useListenerWithExtractedProps } from '@/Components/Hooks/useListener';
-import { useOnChangeDone } from '@/Components/FormElements/hooks/useOnChangeDone';
-import { withMemo } from '@/helper/withMemo';
+import { useComposedRef } from '../../Hooks/useComposedRef';
+import { useListenerWithExtractedProps } from '../../Hooks/useListener';
+import { useOnChangeDone } from '../hooks/useOnChangeDone';
+import { withMemo } from '../../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/FormElements/Textarea/textarea.module.scss';
+import styles from './textarea.module.scss';
 import type { CSSProperties, ChangeEvent, ForwardedRef, KeyboardEvent, 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<

package/src/Components/FullScreen/FullScreen.tsx

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { useCallback, useEffect, useMemo, useRef } from 'react';
-import { useWindow } from '@/WindowContext/WindowContext';
-import { withMemo } from '@/helper/withMemo';
+import { useWindow } from '../../WindowContext/WindowContext';
+import { withMemo } from '../../helper/withMemo';
 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<

package/src/Components/Hooks/useBreakpoint.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { useWindow } from '@/WindowContext/WindowContext';
+import { useWindow } from '../../WindowContext/WindowContext';
 
 export const BreakpointNames = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
 

package/src/Components/Hooks/useDelayedState.ts

@@ -1,5 +1,5 @@
 import { useCallback, useState } from 'react';
-import { useDelayed } from '@/Components/Hooks/useDelayed';
+import { useDelayed } from './useDelayed';
 
 export function useDelayedState<T>(initialState: T | (() => T), delay = 100, maxDelay: number | undefined = undefined) {
     const [immediateState, setImmediateState] = useState(initialState);

package/src/Components/Hooks/useKeyListener.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { useWindow } from '@/WindowContext/WindowContext';
+import { useWindow } from '../../WindowContext/WindowContext';
 
 function isFormElement(element: EventTarget | null) {
     return (

package/src/Components/Hooks/useMousePosition.ts

@@ -1,4 +1,4 @@
-import { useClientLayoutEffect } from '@/Components/Hooks/useClientLayoutEffect';
+import { useClientLayoutEffect } from './useClientLayoutEffect';
 import { useRef } from 'react';
 
 export function useMousePosition() {

package/src/Components/Hooks/useWindowDimensions.ts

@@ -1,5 +1,5 @@
 import { useEffect, useReducer } from 'react';
-import { useWindow } from '@/WindowContext/WindowContext';
+import { useWindow } from '../../WindowContext/WindowContext';
 
 export function useWindowDimensions() {
     const [, redraw] = useReducer((x) => x + 1, 0);

package/src/Components/Icon/BaseIcon.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/Icon/icon.module.scss';
+import styles from './icon.module.scss';
 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';
+import type { Override } from '../../TypeHelpers';
+import type { RbmComponentProps } from '../RbmComponentProps';
 import type { Ref } from 'react';
 
 export type IconSource = IconProp | string | IconDefinition;

package/src/Components/Icon/DoubleIcon.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { DoubleIcon } from '@/Components/Icon/DoubleIcon';
+import { DoubleIcon } from './DoubleIcon';
 import { faHouse, faUser } from '@fortawesome/free-solid-svg-icons';
 
 const meta = {

package/src/Components/Icon/DoubleIcon.tsx

@@ -1,9 +1,9 @@
-import { BaseIcon } from '@/Components/Icon/BaseIcon';
-import { BaseInlineBlock } from '@/Components/Layout/BaseInlineBlock';
-import { withMemo } from '@/helper/withMemo';
+import { BaseIcon } from './BaseIcon';
+import { BaseInlineBlock } from '../Layout/BaseInlineBlock';
+import { withMemo } from '../../helper/withMemo';
 import React from 'react';
-import styles from '@/Components/Icon/icon.module.scss';
-import type { IconProps, IconSource } from '@/Components/Icon/BaseIcon';
+import styles from './icon.module.scss';
+import type { IconProps, IconSource } from './BaseIcon';
 
 export type DoubleIconProps = IconProps & {
     secondIcon: IconSource;

package/src/Components/Icon/Icon.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { BaseIcon } from '@/Components/Icon/BaseIcon';
+import { BaseIcon } from './BaseIcon';
 import { faHouse, faUser } from '@fortawesome/free-solid-svg-icons';
 
 const meta = {

package/src/Components/Icon/Icon.ts

@@ -1,4 +1,4 @@
-import { BaseIcon } from '@/Components/Icon/BaseIcon';
-import { withTitle } from '@/Components/Title/withTitle';
+import { BaseIcon } from './BaseIcon';
+import { withTitle } from '../Title/withTitle';
 
 export const Icon = withTitle(BaseIcon);

package/src/Components/Image/Image.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Image } from '@/Components/Image/Image';
+import { Image } from './Image';
 
 const meta = {
     component: Image,

package/src/Components/Image/Image.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/Image/image.module.scss';
+import styles from './image.module.scss';
 import type { CSSProperties } from 'react';
-import type { Override } from '@/TypeHelpers';
-import type { RbmComponentProps, WithNoChildren } from '@/Components/RbmComponentProps';
+import type { Override } from '../../TypeHelpers';
+import type { RbmComponentProps, WithNoChildren } from '../RbmComponentProps';
 
 export type ImageProps = RbmComponentProps<
     Override<

package/src/Components/InViewport/InViewport.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { useEffect, useRef, useState } from 'react';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/InViewport/inViewport.module.scss';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import styles from './inViewport.module.scss';
+import type { RbmComponentProps } from '../RbmComponentProps';
 
 export type InViewportProps = RbmComponentProps<{
     threshold?: number;

package/src/Components/Layout/BaseBlock.tsx

@@ -1,17 +1,17 @@
 import * as React from 'react';
 import { JSX } from 'react/jsx-runtime';
-import { ViewWithoutListeners } from '@/Components/Layout/ViewWithoutListeners';
+import { ViewWithoutListeners } from './ViewWithoutListeners';
 import classNames from 'classnames';
-import styles from '@/Components/Layout/layout.module.scss';
-import type { ComponentRef, ForwardedRef } from 'react';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
-import type { ViewWithoutListenersProps } from '@/Components/Layout/ViewWithoutListeners';
+import styles from './layout.module.scss';
+import type { ComponentRef, Ref } from 'react';
+import type { RbmComponentProps } from '../RbmComponentProps';
+import type { ViewWithoutListenersProps } from './ViewWithoutListeners';
 import IntrinsicElements = JSX.IntrinsicElements;
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 
 export type BlockProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<
     ViewWithoutListenersProps<AsType> & {
-        ref?: ForwardedRef<ComponentRef<AsType>>;
+        ref?: Ref<ComponentRef<AsType>>;
     }
 >;
 

package/src/Components/Layout/BaseInlineBlock.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { JSX } from 'react/jsx-runtime';
-import { ViewWithoutListeners } from '@/Components/Layout/ViewWithoutListeners';
+import { ViewWithoutListeners } from './ViewWithoutListeners';
 import classNames from 'classnames';
-import styles from '@/Components/Layout/layout.module.scss';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
-import type { ViewWithoutListenersProps } from '@/Components/Layout/ViewWithoutListeners';
+import styles from './layout.module.scss';
+import type { RbmComponentProps } from '../RbmComponentProps';
+import type { ViewWithoutListenersProps } from './ViewWithoutListeners';
 
 import IntrinsicElements = JSX.IntrinsicElements;
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 
 export type InlineBlockProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<
     ViewWithoutListenersProps<AsType> & {

package/src/Components/Layout/Block.ts

@@ -1,4 +1,4 @@
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
-import { withTitle } from '@/Components/Title/withTitle';
+import { BaseBlock } from './BaseBlock';
+import { withTitle } from '../Title/withTitle';
 
 export const Block = withTitle(BaseBlock);

package/src/Components/Layout/Container.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/Layout/container.module.scss';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import styles from './container.module.scss';
+import type { RbmComponentProps } from '../RbmComponentProps';
 
 export const CONTAINER_CLASSES = {
     sm: styles['container-sm'],

package/src/Components/Layout/Flex.tsx

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { JSX } from 'react/jsx-runtime';
-import { ViewWithoutListeners } from '@/Components/Layout/ViewWithoutListeners';
-import { withMemo } from '@/helper/withMemo';
+import { ViewWithoutListeners } from './ViewWithoutListeners';
+import { withMemo } from '../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/Layout/layout.module.scss';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
-import type { ViewWithoutListenersProps } from '@/Components/Layout/ViewWithoutListeners';
+import styles from './layout.module.scss';
+import type { RbmComponentProps } from '../RbmComponentProps';
+import type { ViewWithoutListenersProps } from './ViewWithoutListeners';
 
 import IntrinsicElements = JSX.IntrinsicElements;
 

package/src/Components/Layout/Grid/Grid.tsx

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
+import { BaseBlock } from '../BaseBlock';
 import { useMemo } from 'react';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/Layout/Grid/grid.module.scss';
+import styles from './grid.module.scss';
 import type { ForwardedRef } from 'react';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { RbmComponentProps } from '../../RbmComponentProps';
 
 export type GridProps = RbmComponentProps<{
     columns?: number;

package/src/Components/Layout/Grid/GridItem.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { BaseInlineBlock } from '@/Components/Layout/BaseInlineBlock';
-import { withMemo } from '@/helper/withMemo';
+import { BaseInlineBlock } from '../BaseInlineBlock';
+import { withMemo } from '../../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/Layout/Grid/grid.module.scss';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import styles from './grid.module.scss';
+import type { RbmComponentProps } from '../../RbmComponentProps';
 
 export type GridItemProps = RbmComponentProps<{
     size: number;