@ainias42/react-bootstrap-mobile 1.0.5 → 1.0.6

package/src/Components/Layout/Grow.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/Layout/layout.module.scss';
+import styles from './layout.module.scss';
 import type { ForwardedRef } from 'react';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { RbmComponentProps } from '../RbmComponentProps';
 
 export type GrowProps = RbmComponentProps<{
     center?: boolean;

package/src/Components/Layout/Inline.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/InlineBlock.ts

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

package/src/Components/Layout/View.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { JSX } from 'react/jsx-runtime';
-import { withMemo } from '@/helper/withMemo';
-import type { ComponentRef, ForwardedRef, PropsWithChildren } from 'react';
-import type { Override } from '@/TypeHelpers';
+import { withMemo } from '../../helper/withMemo';
+import type { ComponentRef, PropsWithChildren, Ref } from 'react';
+import type { Override } from '../../TypeHelpers';
 
 import IntrinsicElements = JSX.IntrinsicElements;
 
@@ -12,7 +12,7 @@ export type ViewProps<AsType extends keyof IntrinsicElements> = PropsWithChildre
         {
             as?: AsType;
             children?: React.ReactNode;
-            ref?: ForwardedRef<ComponentRef<AsType>>;
+            ref?: Ref<ComponentRef<AsType>>;
         }
     >
 >;

package/src/Components/Layout/ViewWithoutListeners.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { JSX } from 'react/jsx-runtime';
-import { View } from '@/Components/Layout/View';
-import { withMemo } from '@/helper/withMemo';
+import { View } from './View';
+import { withMemo } from '../../helper/withMemo';
 import type { DOMAttributes, ForwardedRef } from 'react';
-import type { ViewProps } from '@/Components/Layout/View';
+import type { ViewProps } from './View';
 
 import IntrinsicElements = JSX.IntrinsicElements;
 

package/src/Components/LoadingArea/LoadingArea.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
-import { LoadingArea } from '@/Components/LoadingArea/LoadingArea';
-import { Text } from '@/Components/Text/Text';
+import { BaseBlock } from '../Layout/BaseBlock';
+import { LoadingArea } from './LoadingArea';
+import { Text } from '../Text/Text';
 import React from 'react';
 
 const meta = {

package/src/Components/LoadingArea/LoadingArea.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { LoadingCircle } from '@/Components/LoadingCircle/LoadingCircle';
-import { withMemo } from '@/helper/withMemo';
-import baseStyles from '@/scss/baseClasses.module.scss';
+import { LoadingCircle } from '../LoadingCircle/LoadingCircle';
+import { withMemo } from '../../helper/withMemo';
+import baseStyles from '../../scss/baseClasses.module.scss';
 import classNames from 'classnames';
-import styles from '@/Components/LoadingArea/loadingArea.module.scss';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import styles from './loadingArea.module.scss';
+import type { RbmComponentProps } from '../RbmComponentProps';
 
 export type LoadingAreaProps = RbmComponentProps<{
     loading: boolean;

package/src/Components/LoadingCircle/LoadingCircle.stories.tsx

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

package/src/Components/LoadingCircle/LoadingCircle.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { Size } from '@/Size';
+import { Size } from '../../Size';
 import { useMemo } from 'react';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/LoadingCircle/loadingCircle.module.scss';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import styles from './loadingCircle.module.scss';
+import type { RbmComponentProps } from '../RbmComponentProps';
 
 export type LoadingCircleProps = RbmComponentProps<{
     size?: Size;

package/src/Components/Menu/HoverMenu.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import * as MenuStories from '@/Components/Menu/Menu.stories';
-import { BaseIcon } from '@/Components/Icon/BaseIcon';
-import { HoverMenu } from '@/Components/Menu/HoverMenu';
+import * as MenuStories from './Menu.stories';
+import { BaseIcon } from '../Icon/BaseIcon';
+import { HoverMenu } from './HoverMenu';
 import { faCogs } from '@fortawesome/free-solid-svg-icons';
 import React from 'react';
 import type { ReactElement } from 'react';

package/src/Components/Menu/HoverMenu.tsx

@@ -1,15 +1,15 @@
-import { Clickable } from '@/Components/Clickable/Clickable';
-import { Menu } from '@/Components/Menu/Menu';
-import { useHoverMenu } from '@/Components/Menu/useHoverMenu';
-import { withMemo } from '@/helper/withMemo';
+import { Clickable } from '../Clickable/Clickable';
+import { Menu } from './Menu';
+import { useHoverMenu } from './useHoverMenu';
+import { withMemo } from '../../helper/withMemo';
 import React, { useCallback, useRef } from 'react';
 import classNames from 'classnames';
-import styles from '@/Components/Menu/menu.module.scss';
+import styles from './menu.module.scss';
 import type {
     RbmChildWithoutString,
     RbmComponentProps,
     WithNoStringAndChildrenProps,
-} from '@/Components/RbmComponentProps';
+} from '../RbmComponentProps';
 
 export type HoverMenuProps = RbmComponentProps<
     {

package/src/Components/Menu/Menu.stories.tsx

@@ -1,13 +1,13 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Menu } from '@/Components/Menu/Menu';
-import { MenuDivider } from '@/Components/Menu/MenuDivider';
-import { MenuItem } from '@/Components/Menu/MenuItem';
-import { Submenu } from '@/Components/Menu/Submenu';
+import { Menu } from './Menu';
+import { MenuDivider } from './MenuDivider';
+import { MenuItem } from './MenuItem';
+import { Submenu } from './Submenu';
 import { faCog, faCogs, faHome, faUser } from '@fortawesome/free-solid-svg-icons';
 import { fn } from 'storybook/test';
 import React from 'react';
-import type { MenuProps } from '@/Components/Menu/Menu';
+import type { MenuProps } from './Menu';
 
 const meta = {
     component: Menu,

package/src/Components/Menu/Menu.tsx

@@ -1,17 +1,17 @@
 import * as React from 'react';
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
-import { MenuCloseContextProvider } from '@/Components/Menu/MenuCloseContext';
-import { MenuItem } from '@/Components/Menu/MenuItem';
+import { BaseBlock } from '../Layout/BaseBlock';
+import { MenuCloseContextProvider } from './MenuCloseContext';
+import { MenuItem } from './MenuItem';
 import { createPortal } from 'react-dom';
-import { useClientLayoutEffect } from '@/Components/Hooks/useClientLayoutEffect';
+import { useClientLayoutEffect } from '../Hooks/useClientLayoutEffect';
 import { useEffect, useRef, useState } from 'react';
-import { useWindow } from '@/WindowContext/WindowContext';
-import { withMemo } from '@/helper/withMemo';
-import { withRenderBrowserOnly } from '@/helper/withRenderBrowserOnly';
+import { useWindow } from '../../WindowContext/WindowContext';
+import { withMemo } from '../../helper/withMemo';
+import { withRenderBrowserOnly } from '../../helper/withRenderBrowserOnly';
 import classNames from 'classnames';
-import styles from '@/Components/Menu/menu.module.scss';
-import type { IconSource } from '@/Components/Icon/BaseIcon';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import styles from './menu.module.scss';
+import type { IconSource } from '../Icon/BaseIcon';
+import type { RbmComponentProps } from '../RbmComponentProps';
 
 export type MenuItemType = {
     label: string;

package/src/Components/Menu/MenuDivider.tsx

@@ -1,7 +1,7 @@
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
-import { withMemo } from '@/helper/withMemo';
+import { BaseBlock } from '../Layout/BaseBlock';
+import { withMemo } from '../../helper/withMemo';
 import React from 'react';
-import styles from '@/Components/Menu/menu.module.scss';
+import styles from './menu.module.scss';
 
 export const MenuDivider = withMemo(function MenuDivider() {
     // Refs

package/src/Components/Menu/MenuItem.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { MenuItem } from '@/Components/Menu/MenuItem';
+import { MenuItem } from './MenuItem';
 import { faCog, faHome, faUser } from '@fortawesome/free-solid-svg-icons';
 import { fn } from 'storybook/test';
 

package/src/Components/Menu/MenuItem.tsx

@@ -1,14 +1,14 @@
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
-import { BaseIcon } from '@/Components/Icon/BaseIcon';
-import { Clickable } from '@/Components/Clickable/Clickable';
-import { Text } from '@/Components/Text/Text';
-import { useMenuClose } from '@/Components/Menu/MenuCloseContext';
-import { withMemo } from '@/helper/withMemo';
+import { BaseBlock } from '../Layout/BaseBlock';
+import { BaseIcon } from '../Icon/BaseIcon';
+import { Clickable } from '../Clickable/Clickable';
+import { Text } from '../Text/Text';
+import { useMenuClose } from './MenuCloseContext';
+import { withMemo } from '../../helper/withMemo';
 import React, { useCallback } from 'react';
 import classNames from 'classnames';
-import styles from '@/Components/Menu/menu.module.scss';
-import type { IconSource } from '@/Components/Icon/BaseIcon';
-import type { RbmComponentProps, WithChildren } from '@/Components/RbmComponentProps';
+import styles from './menu.module.scss';
+import type { IconSource } from '../Icon/BaseIcon';
+import type { RbmComponentProps, WithChildren } from '../RbmComponentProps';
 import type { ReactNode } from 'react';
 
 import Element = React.JSX.Element;

package/src/Components/Menu/Submenu.stories.tsx

@@ -1,11 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { MenuItem } from '@/Components/Menu/MenuItem';
-import { Submenu } from '@/Components/Menu/Submenu';
+import { MenuItem } from './MenuItem';
+import { Submenu } from './Submenu';
 import { faBook, faCog, faHome, faUser } from '@fortawesome/free-solid-svg-icons';
 import { fn } from 'storybook/test';
 import React from 'react';
-import type { SubmenuProps } from '@/Components/Menu/Submenu';
+import type { SubmenuProps } from './Submenu';
 
 const meta = {
     component: Submenu,

package/src/Components/Menu/Submenu.tsx

@@ -1,18 +1,18 @@
-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 { MenuCloseContextProvider, useMenuClose } from '@/Components/Menu/MenuCloseContext';
-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 { Grow } from '../Layout/Grow';
+import { MenuCloseContextProvider, useMenuClose } from './MenuCloseContext';
+import { Text } from '../Text/Text';
 import { faChevronRight } from '@fortawesome/free-solid-svg-icons';
-import { useWindow } from '@/WindowContext/WindowContext';
-import { withMemo } from '@/helper/withMemo';
+import { useWindow } from '../../WindowContext/WindowContext';
+import { withMemo } from '../../helper/withMemo';
 import React, { useCallback, useRef, useState } from 'react';
 import classNames from 'classnames';
-import styles from '@/Components/Menu/menu.module.scss';
-import type { IconSource } from '@/Components/Icon/BaseIcon';
-import type { RbmComponentProps, WithNoStringAndChildrenProps } from '@/Components/RbmComponentProps';
+import styles from './menu.module.scss';
+import type { IconSource } from '../Icon/BaseIcon';
+import type { RbmComponentProps, WithNoStringAndChildrenProps } from '../RbmComponentProps';
 
 export type SubmenuProps = RbmComponentProps<
     {

package/src/Components/Menu/useMenu.ts

@@ -1,5 +1,5 @@
 import { useCallback, useState } from 'react';
-import type { MenuProps } from '@/Components/Menu/Menu';
+import type { MenuProps } from './Menu';
 import type { MouseEvent } from 'react';
 
 export function useMenu() {

package/src/Components/RbmComponentProps.ts

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

package/src/Components/SizeCalculator/SizeCalculator.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { BaseInlineBlock } from '@/Components/Layout/BaseInlineBlock';
+import { BaseInlineBlock } from '../Layout/BaseInlineBlock';
 import { useEffect, useRef } from 'react';
-import { withMemo } from '@/helper/withMemo';
-import type { WithNoStringAndChildrenProps } from '@/Components/RbmComponentProps';
+import { withMemo } from '../../helper/withMemo';
+import type { WithNoStringAndChildrenProps } from '../RbmComponentProps';
 
 export type SizeCalculatorProps = {
     onSize: (width: number, height: number) => void;

package/src/Components/SpoilerList/Spoiler/Spoiler.stories.tsx

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

package/src/Components/SpoilerList/Spoiler/Spoiler.tsx

@@ -1,20 +1,20 @@
 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 { TEXT_SIZE, 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 { Grow } from '../../Layout/Grow';
+import { TEXT_SIZE, Text } from '../../Text/Text';
 import { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { useListener } from '@/Components/Hooks/useListener';
-import { withMemo } from '@/helper/withMemo';
+import { useListener } from '../../Hooks/useListener';
+import { withMemo } from '../../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/SpoilerList/Spoiler/spoiler.module.scss';
-import type { IconSource } from '@/Components/Icon/BaseIcon';
+import styles from './spoiler.module.scss';
+import type { IconSource } from '../../Icon/BaseIcon';
 import type { MouseEvent, ReactNode } from 'react';
-import type { OptionalListener } from '@/Components/Hooks/useListener';
-import type { RbmComponentProps, WithChildren } from '@/Components/RbmComponentProps';
+import type { OptionalListener } from '../../Hooks/useListener';
+import type { RbmComponentProps, WithChildren } from '../../RbmComponentProps';
 
 export type SpoilerProps<OnClickData> = RbmComponentProps<
     {

package/src/Components/SpoilerList/SpoilerList.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { BaseBlock } from '@/Components/Layout/BaseBlock';
-import { Spoiler } from '@/Components/SpoilerList/Spoiler/Spoiler';
-import { useSpoilerGroup } from '@/Components/SpoilerList/useSpoilerGroup';
-import { withMemo } from '@/helper/withMemo';
+import { BaseBlock } from '../Layout/BaseBlock';
+import { Spoiler } from './Spoiler/Spoiler';
+import { useSpoilerGroup } from './useSpoilerGroup';
+import { withMemo } from '../../helper/withMemo';
 import classNames from 'classnames';
-import type { RbmComponentProps, WithNoChildren } from '@/Components/RbmComponentProps';
+import type { RbmComponentProps, WithNoChildren } from '../RbmComponentProps';
 import type { ReactElement } from 'react';
 
 export type SpoilerItem<BodyData, TitleData = string> = {

package/src/Components/TabBar/TabBar.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { TabBar } from '@/Components/TabBar/TabBar';
+import { TabBar } from './TabBar';
 import { faCog, faHome, faSearch, faUser } from '@fortawesome/free-solid-svg-icons';
 import { fn } from 'storybook/test';
 

package/src/Components/TabBar/TabBar.tsx

@@ -1,17 +1,17 @@
 import * as React from 'react';
-import { BaseIcon } from '@/Components/Icon/BaseIcon';
-import { Container } from '@/Components/Layout/Container';
-import { Inline } from '@/Components/Layout/Inline';
-import { TabBarButton } from '@/Components/TabBar/TabBarButton';
-import { Text } from '@/Components/Text/Text';
+import { BaseIcon } from '../Icon/BaseIcon';
+import { Container } from '../Layout/Container';
+import { Inline } from '../Layout/Inline';
+import { TabBarButton } from './TabBarButton';
+import { Text } from '../Text/Text';
 import { useCallback, useState } from 'react';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/TabBar/tabBar.module.scss';
+import styles from './tabBar.module.scss';
 import type { ComponentType } from 'react';
-import type { IconSource } from '@/Components/Icon/BaseIcon';
-import type { ListenerWithData } from '@/Components/Hooks/useListener';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { IconSource } from '../Icon/BaseIcon';
+import type { ListenerWithData } from '../Hooks/useListener';
+import type { RbmComponentProps } from '../RbmComponentProps';
 
 export type TabBarComponentButtonType = {
     component: ComponentType<Record<string, any>>;

package/src/Components/TabBar/TabBarButton.tsx

@@ -1,10 +1,10 @@
 import * as React 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/TabBar/tabBar.module.scss';
-import type { Listener } from '@/Components/Hooks/useListener';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import styles from './tabBar.module.scss';
+import type { Listener } from '../Hooks/useListener';
+import type { RbmComponentProps } from '../RbmComponentProps';
 
 export type TabBarButtonProps = RbmComponentProps<
     {

package/src/Components/Table/Table.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useSortBy, useTable } from 'react-table';
-import { withMemo } from '@/helper/withMemo';
+import { withMemo } from '../../helper/withMemo';
 import type {
     Cell,
     HeaderGroup,
@@ -10,7 +10,7 @@ import type {
     TableOptions,
     UseSortByOptions,
 } from 'react-table';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { RbmComponentProps } from '../RbmComponentProps';
 import type { ReactNode } from 'react';
 
 export type ColumnCellData<DataType extends string | number | Record<string, unknown>> = {

package/src/Components/Text/Heading.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { TEXT_PRIO, TEXT_SIZE, Text } from '@/Components/Text/Text';
-import { withMemo } from '@/helper/withMemo';
+import { TEXT_PRIO, TEXT_SIZE, Text } from './Text';
+import { withMemo } from '../../helper/withMemo';
 import classNames from 'classnames';
-import styles from '@/Components/Text/heading.module.scss';
-import type { EmptyProps } from '@/helper/EmptyProps';
-import type { RbmComponentProps, WithStringProps } from '@/Components/RbmComponentProps';
+import styles from './heading.module.scss';
+import type { EmptyProps } from '../../helper/EmptyProps';
+import type { RbmComponentProps, WithStringProps } from '../RbmComponentProps';
 
 export type HeadingProps = RbmComponentProps<EmptyProps, WithStringProps>;
 

package/src/Components/Text/Text.stories.tsx

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

package/src/Components/Text/Text.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import { Inline } from '@/Components/Layout/Inline';
+import { Inline } from '../Layout/Inline';
 import { JSX } from 'react/jsx-runtime';
-import { WrongChildError } from '@/WrongChildError';
+import { WrongChildError } from '../../WrongChildError';
 import classNames from 'classnames';
-import styles from '@/Components/Text/text.module.scss';
-import type { InlineProps } from '@/Components/Layout/Inline';
-import type { Recursive, ValueOf } from '@/TypeHelpers';
-import type { ViewProps } from '@/Components/Layout/View';
+import styles from './text.module.scss';
+import type { InlineProps } from '../Layout/Inline';
+import type { Recursive, ValueOf } from '../../TypeHelpers';
+import type { ViewProps } from '../Layout/View';
 import IntrinsicElements = JSX.IntrinsicElements;
 
 export const TEXT_PRIO = {

package/src/Components/Title/HoverTitle.tsx

@@ -1,9 +1,9 @@
-import { BaseInlineBlock } from '@/Components/Layout/BaseInlineBlock';
-import { useClientLayoutEffect } from '@/Components/Hooks/useClientLayoutEffect';
-import { useWindow } from '@/WindowContext/WindowContext';
-import { withMemo } from '@/helper/withMemo';
+import { BaseInlineBlock } from '../Layout/BaseInlineBlock';
+import { useClientLayoutEffect } from '../Hooks/useClientLayoutEffect';
+import { useWindow } from '../../WindowContext/WindowContext';
+import { withMemo } from '../../helper/withMemo';
 import React, { useEffect, useRef, useState } from 'react';
-import styles from '@/Components/Title/hoverTitle.module.scss';
+import styles from './hoverTitle.module.scss';
 import type { ReactElement, RefObject } from 'react';
 
 export type HoverTitleProps = {

package/src/Components/Title/Title.stories.tsx

@@ -1,14 +1,14 @@
-import { BaseIcon } from '@/Components/Icon/BaseIcon';
-import { Block } from '@/Components/Layout/Block';
-import { HoverMenu } from '@/Components/Menu/HoverMenu';
-import { MenuDivider } from '@/Components/Menu/MenuDivider';
-import { MenuItem } from '@/Components/Menu/MenuItem';
-import { Submenu } from '@/Components/Menu/Submenu';
-import { Text } from '@/Components/Text/Text';
+import { BaseIcon } from '../Icon/BaseIcon';
+import { Block } from '../Layout/Block';
+import { HoverMenu } from '../Menu/HoverMenu';
+import { MenuDivider } from '../Menu/MenuDivider';
+import { MenuItem } from '../Menu/MenuItem';
+import { Submenu } from '../Menu/Submenu';
+import { Text } from '../Text/Text';
 import { faCog, faCogs, faHome, faUser } from '@fortawesome/free-solid-svg-icons';
 import { fn } from 'storybook/test';
 import React from 'react';
-import type { HoverMenuProps } from '@/Components/Menu/HoverMenu';
+import type { HoverMenuProps } from '../Menu/HoverMenu';
 import type { StoryObj } from '@storybook/react-vite';
 
 const meta = {

package/src/Components/Title/withTitle.tsx

@@ -1,8 +1,8 @@
-import { HoverTitle } from '@/Components/Title/HoverTitle';
-import { TEXT_SIZE, Text } from '@/Components/Text/Text';
-import { useComposedRef } from '@/Components/Hooks/useComposedRef';
-import { useHoverMenu } from '@/Components/Menu/useHoverMenu';
-import { withMemo } from '@/helper/withMemo';
+import { HoverTitle } from './HoverTitle';
+import { TEXT_SIZE, Text } from '../Text/Text';
+import { useComposedRef } from '../Hooks/useComposedRef';
+import { useHoverMenu } from '../Menu/useHoverMenu';
+import { withMemo } from '../../helper/withMemo';
 import React, { useEffect, useRef } from 'react';
 import type { FunctionComponent, ReactElement, Ref } from 'react';
 
@@ -19,7 +19,7 @@ export function withTitle<Props extends Record<string, any>>(Comp: FunctionCompo
             const titleRef = useRef<HTMLElement | null>(null);
             const composedRef = useComposedRef(titleRef, ref);
             const titleElement = typeof title === 'string' ? <Text size={TEXT_SIZE.small}>{title.trim()}</Text> : title;
-            const { isOpen, position, offset, open, close } = useHoverMenu({ ref: titleRef });
+            const { isOpen, open, close } = useHoverMenu({ ref: titleRef });
 
             useEffect(() => {
                 const element = titleRef.current;

package/src/Components/Toast/Toast.stories.tsx

@@ -1,4 +1,4 @@
-import { Toast } from '@/Components/Toast/Toast';
+import { Toast } from './Toast';
 import { fn } from 'storybook/test';
 import type { Meta, StoryObj } from '@storybook/react-vite';