@hubstr/kit 0.1.0 → 0.1.2

package/ui/src/awesome/Hero/Hero.tsx

@@ -5,11 +5,11 @@ import { ConfigProvider } from 'antd';
 import { useResponsive } from 'antd-style';
 import { memo, useCallback } from 'react';
 
-import A from '@/A';
-import AuroraBackground from '@/awesome/AuroraBackground';
-import GradientButton from '@/awesome/GradientButton';
-import Button from '@/Button';
-import { Center, Flexbox } from '@/Flex';
+import A from '../../A';
+import AuroraBackground from '../AuroraBackground';
+import GradientButton from '../GradientButton';
+import Button from '../../Button';
+import { Center, Flexbox } from '../../Flex';
 
 import { styles } from './style';
 import { type HeroProps } from './type';

package/ui/src/awesome/Hero/style.ts

@@ -1,6 +1,6 @@
 import { createStaticStyles, responsive } from 'antd-style';
 
-import { hubstrStaticStylish } from '@/styles';
+import { hubstrStaticStylish } from '../../styles';
 
 export const styles = createStaticStyles(({ css, cssVar }) => ({
   actions: css`

package/ui/src/awesome/Spotlight/type.ts

@@ -1,4 +1,4 @@
-import type { DivProps } from '@/types';
+import type { DivProps } from '../../types';
 
 export interface SpotlightProps extends DivProps {
   size?: number;

package/ui/src/awesome/SpotlightCard/SpotlightCard.tsx

@@ -3,7 +3,7 @@
 import { cx } from 'antd-style';
 import { memo, useEffect, useMemo, useRef } from 'react';
 
-import Grid from '@/Grid';
+import Grid from '../../Grid';
 
 import SpotlightCardItem from './SpotlightCardItem';
 import { CHILDREN_CLASSNAME, styles } from './style';

package/ui/src/awesome/SpotlightCard/SpotlightCardItem.tsx

@@ -3,7 +3,7 @@
 import { cx, useThemeMode } from 'antd-style';
 import { memo, useMemo } from 'react';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../Flex';
 
 import { styles } from './style';
 import type { SpotlightCardItemProps } from './type';

package/ui/src/awesome/SpotlightCard/demos/index.tsx

@@ -1,7 +1,7 @@
 import { SpotlightCard } from '@hubstr/kit/ui/awesome';
 import { Avatar } from 'antd';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../Flex';
 
 import data from './data';
 

package/ui/src/awesome/SpotlightCard/type.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 
-import type { DivProps } from '@/types';
+import type { DivProps } from '../../types';
 
 export interface SpotlightCardProps<T = any> extends DivProps {
   borderRadius?: number;

package/ui/src/awesome/TypewriterEffect/TypewriterEffect.tsx

@@ -3,7 +3,7 @@
 import { cx } from 'antd-style';
 import { createElement, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
-import { useMotionComponent } from '@/MotionProvider';
+import { useMotionComponent } from '../../MotionProvider';
 
 import { styles } from './style';
 import type { TypewriterEffectProps } from './type';

package/ui/src/awesome/TypewriterEffect/demos/advanced.tsx

@@ -1,6 +1,6 @@
 import { TypewriterEffect } from '@hubstr/kit/ui/awesome';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../Flex';
 
 export default () => {
   return (

package/ui/src/awesome/TypewriterEffect/demos/callback.tsx

@@ -1,7 +1,7 @@
 import { TypewriterEffect } from '@hubstr/kit/ui/awesome';
 import { useState } from 'react';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../Flex';
 
 export default () => {
   const [count, setCount] = useState(0);

package/ui/src/awesome/TypewriterEffect/demos/colors.tsx

@@ -1,6 +1,6 @@
 import { TypewriterEffect } from '@hubstr/kit/ui/awesome';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../Flex';
 
 export default () => {
   return (

package/ui/src/awesome/TypewriterEffect/demos/cursorBehavior.tsx

@@ -1,6 +1,6 @@
 import { TypewriterEffect } from '@hubstr/kit/ui/awesome';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../Flex';
 
 export default () => {
   return (

package/ui/src/awesome/TypewriterEffect/demos/cursorStyles.tsx

@@ -1,7 +1,7 @@
 import { TypewriterEffect } from '@hubstr/kit/ui/awesome';
 import { LoadingDots } from '@hubstr/kit/ui/chat';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../Flex';
 
 export default () => {
   const sentences = ['Different cursor styles'];

package/ui/src/awesome/TypewriterEffect/demos/customSpeed.tsx

@@ -1,6 +1,6 @@
 import { TypewriterEffect } from '@hubstr/kit/ui/awesome';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../Flex';
 
 export default () => {
   return (

package/ui/src/awesome/TypewriterEffect/demos/emoji.tsx

@@ -1,6 +1,6 @@
 import { TypewriterEffect } from '@hubstr/kit/ui/awesome';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../Flex';
 
 export default () => {
   return (

package/ui/src/awesome/TypewriterEffect/demos/initialDelay.tsx

@@ -1,6 +1,6 @@
 import { TypewriterEffect } from '@hubstr/kit/ui/awesome';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../Flex';
 
 export default () => {
   return (

package/ui/src/awesome/TypewriterEffect/demos/segmentModes.tsx

@@ -1,6 +1,6 @@
 import { TypewriterEffect } from '@hubstr/kit/ui/awesome';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../Flex';
 
 export default () => {
   return (

package/ui/src/awesome/TypewriterEffect/demos/variableSpeed.tsx

@@ -1,6 +1,6 @@
 import { TypewriterEffect } from '@hubstr/kit/ui/awesome';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../Flex';
 
 export default () => {
   return (

package/ui/src/base-ui/Button/Button.tsx

@@ -3,7 +3,7 @@
 import { cx } from 'antd-style';
 import type { MouseEvent, Ref } from 'react';
 
-import { useMotionComponent } from '@/MotionProvider';
+import { useMotionComponent } from '../../MotionProvider';
 
 import { styles } from './style';
 import type { ButtonProps } from './type';

package/ui/src/base-ui/ContextMenu/ContextMenuHost.tsx

@@ -4,10 +4,10 @@ import { ContextMenu } from '@base-ui/react/context-menu';
 import { cx } from 'antd-style';
 import { memo, useEffect, useMemo, useSyncExternalStore } from 'react';
 
-import { useIsClient } from '@/hooks/useIsClient';
-import { useAppElement } from '@/ThemeProvider';
-import { registerDevSingleton } from '@/utils/devSingleton';
-import { preventDefaultAndStopPropagation } from '@/utils/dom';
+import { useIsClient } from '../../hooks/useIsClient';
+import { useAppElement } from '../../ThemeProvider';
+import { registerDevSingleton } from '../../utils/devSingleton';
+import { preventDefaultAndStopPropagation } from '../../utils/dom';
 
 import { useLayerZIndex } from '../zIndex';
 import { renderContextMenuItems } from './renderItems';

package/ui/src/base-ui/ContextMenu/ContextMenuTrigger.tsx

@@ -14,7 +14,7 @@ import React, {
   useSyncExternalStore,
 } from 'react';
 
-import { CLASSNAMES } from '@/styles/classNames';
+import { CLASSNAMES } from '../../styles/classNames';
 
 import { getServerSnapshot, getSnapshot, showContextMenu, subscribe } from './store';
 import { type ContextMenuItem } from './type';

package/ui/src/base-ui/ContextMenu/__tests__/slots.test.tsx

@@ -1,6 +1,6 @@
 import { act, render, screen } from '@testing-library/react';
 
-import AppElementContext from '@/ThemeProvider/AppElementContext';
+import AppElementContext from '../../../ThemeProvider/AppElementContext';
 
 import { ContextMenuHost } from '../ContextMenuHost';
 import { closeContextMenu, showContextMenu } from '../store';

package/ui/src/base-ui/ContextMenu/renderItems.tsx

@@ -9,12 +9,12 @@ import {
 } from 'react';
 import { memo, useCallback, useState } from 'react';
 
-import { styles } from '@/base-ui/DropdownMenu/sharedStyle';
-import { SubmenuArrowIcon } from '@/base-ui/SubmenuArrowIcon';
-import Switch from '@/base-ui/Switch';
-import common from '@/i18n/resources/en/common';
-import { useTranslation } from '@/i18n/useTranslation';
-import Icon from '@/Icon';
+import { styles } from '../DropdownMenu/sharedStyle';
+import { SubmenuArrowIcon } from '../SubmenuArrowIcon';
+import Switch from '../Switch';
+import common from '../../i18n/resources/en/common';
+import { useTranslation } from '../../i18n/useTranslation';
+import Icon from '../../Icon';
 import {
   type BaseMenuItemGroupType,
   type BaseSubMenuType,
@@ -27,8 +27,8 @@ import {
   renderIcon,
   type RenderItemContentOptions,
   type RenderOptions,
-} from '@/Menu';
-import { preventDefaultAndStopPropagation } from '@/utils/dom';
+} from '../../Menu';
+import { preventDefaultAndStopPropagation } from '../../utils/dom';
 
 import {
   type ContextMenuCheckboxItem,
@@ -36,7 +36,7 @@ import {
   type ContextMenuSwitchItem,
 } from './type';
 
-export type { IconAlign, IconSpaceMode } from '@/Menu';
+export type { IconAlign, IconSpaceMode } from '../../Menu';
 
 const EmptyMenuItem = memo(() => {
   const { t } = useTranslation(common);

package/ui/src/base-ui/ContextMenu/store.ts

@@ -1,7 +1,7 @@
 import type { VirtualElement } from '@floating-ui/react';
 import type { ReactNode } from 'react';
 
-import type { IconAlign } from '@/Menu';
+import type { IconAlign } from '../../Menu';
 
 import type { IconSpaceMode } from './renderItems';
 import type { ContextMenuItem } from './type';

package/ui/src/base-ui/ContextMenu/style.ts

@@ -1 +1 @@
-export { styles } from '@/base-ui/DropdownMenu/sharedStyle';
+export { styles } from '../DropdownMenu/sharedStyle';

package/ui/src/base-ui/ContextMenu/type.ts

@@ -1,4 +1,4 @@
-import type { BaseMenuItemType, MenuCheckboxItemType, MenuSwitchItemType } from '@/Menu';
+import type { BaseMenuItemType, MenuCheckboxItemType, MenuSwitchItemType } from '../../Menu';
 
 export type ContextMenuCheckboxItem = MenuCheckboxItemType;
 

package/ui/src/base-ui/DropdownMenu/DropdownMenu.tsx

@@ -4,8 +4,8 @@ import { Menu } from '@base-ui/react/menu';
 import { cx } from 'antd-style';
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
-import { useNativeButton } from '@/hooks/useNativeButton';
-import { parseTrigger } from '@/utils/parseTrigger';
+import { useNativeButton } from '../../hooks/useNativeButton';
+import { parseTrigger } from '../../utils/parseTrigger';
 
 import {
   DropdownMenuFooter,

package/ui/src/base-ui/DropdownMenu/atoms.tsx

@@ -8,12 +8,12 @@ import type React from 'react';
 import { cloneElement, isValidElement, useCallback, useState } from 'react';
 import { mergeRefs, useMergeRefs } from 'react-merge-refs';
 
-import Switch from '@/base-ui/Switch';
-import { FloatingLayerProvider } from '@/hooks/useFloatingLayer';
-import { useNativeButton } from '@/hooks/useNativeButton';
-import { CLASSNAMES } from '@/styles/classNames';
-import { useAppElement } from '@/ThemeProvider';
-import { placementMap } from '@/utils/placement';
+import Switch from '../Switch';
+import { FloatingLayerProvider } from '../../hooks/useFloatingLayer';
+import { useNativeButton } from '../../hooks/useNativeButton';
+import { CLASSNAMES } from '../../styles/classNames';
+import { useAppElement } from '../../ThemeProvider';
+import { placementMap } from '../../utils/placement';
 
 import { useLayerZIndex } from '../zIndex';
 import { styles } from './sharedStyle';

package/ui/src/base-ui/DropdownMenu/renderItems.tsx

@@ -6,7 +6,7 @@ import {
   type ReactNode,
 } from 'react';
 
-import { SubmenuArrowIcon } from '@/base-ui/SubmenuArrowIcon';
+import { SubmenuArrowIcon } from '../SubmenuArrowIcon';
 import {
   type BaseMenuItemGroupType,
   type BaseSubMenuType,
@@ -19,7 +19,7 @@ import {
   renderIcon,
   type RenderItemContentOptions,
   type RenderOptions,
-} from '@/Menu';
+} from '../../Menu';
 
 import {
   DropdownMenuCheckboxItemIndicator,
@@ -52,7 +52,7 @@ import {
   type DropdownMenuSwitchItem as DropdownMenuSwitchItemType,
 } from './type';
 
-export type { IconAlign, IconSpaceMode } from '@/Menu';
+export type { IconAlign, IconSpaceMode } from '../../Menu';
 
 const renderItemContent = (
   item: MenuItemType | BaseSubMenuType | DropdownMenuCheckboxItemType | DropdownMenuSwitchItemType,

package/ui/src/base-ui/DropdownMenu/type.ts

@@ -7,9 +7,9 @@ import type {
 } from '@base-ui/react/menu';
 import type { ReactNode } from 'react';
 
-import type { BaseMenuItemType, IconAlign, MenuCheckboxItemType, MenuSwitchItemType } from '@/Menu';
-import type { Trigger } from '@/types';
-import type { Placement } from '@/utils/placement';
+import type { BaseMenuItemType, IconAlign, MenuCheckboxItemType, MenuSwitchItemType } from '../../Menu';
+import type { Trigger } from '../../types';
+import type { Placement } from '../../utils/placement';
 
 import type { IconSpaceMode } from './renderItems';
 

package/ui/src/base-ui/Modal/Modal.tsx

@@ -7,7 +7,7 @@ import type { MouseEvent, PointerEvent } from 'react';
 import type React from 'react';
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
-import { stopPropagation } from '@/utils/dom';
+import { stopPropagation } from '../../utils/dom';
 
 import { Button } from '../Button';
 import {

package/ui/src/base-ui/Modal/atoms.tsx

@@ -18,9 +18,9 @@ import {
 } from 'react';
 import { mergeRefs, useMergeRefs } from 'react-merge-refs';
 
-import { useNativeButton } from '@/hooks/useNativeButton';
-import { useMotionComponent } from '@/MotionProvider';
-import { useAppElement } from '@/ThemeProvider';
+import { useNativeButton } from '../../hooks/useNativeButton';
+import { useMotionComponent } from '../../MotionProvider';
+import { useAppElement } from '../../ThemeProvider';
 
 import { useLayerZIndex } from '../zIndex';
 import { backdropTransition, modalMotionConfig } from './constants';

package/ui/src/base-ui/Modal/imperative.tsx

@@ -4,9 +4,9 @@ import type { ReactNode } from 'react';
 import { memo, useCallback, useEffect, useState, useSyncExternalStore } from 'react';
 import { createPortal } from 'react-dom';
 
-import { useIsClient } from '@/hooks/useIsClient';
-import { useAppElement } from '@/ThemeProvider';
-import { registerDevSingleton } from '@/utils/devSingleton';
+import { useIsClient } from '../../hooks/useIsClient';
+import { useAppElement } from '../../ThemeProvider';
+import { registerDevSingleton } from '../../utils/devSingleton';
 
 import { Button } from '../Button';
 import {

package/ui/src/base-ui/Popover/Popover.tsx

@@ -7,7 +7,7 @@ import { PopoverInGroup } from './PopoverInGroup';
 import { PopoverStandalone } from './PopoverStandalone';
 import { type PopoverProps } from './type';
 
-export { parseTrigger } from '@/utils/parseTrigger';
+export { parseTrigger } from '../../utils/parseTrigger';
 
 const Popover: FC<PopoverProps> = (props) => {
   const group = use(PopoverGroupHandleContext);

package/ui/src/base-ui/Popover/PopoverGroup.tsx

@@ -6,9 +6,9 @@ import { type FC, type ReactNode, useCallback, useMemo, useRef, useState } from
 import {
   useDestroyOnInvalidActiveTriggerElement,
   useHidePopupWhenPositionerAtOrigin,
-} from '@/utils/destroyOnInvalidActiveTriggerElement';
-import { parseTrigger } from '@/utils/parseTrigger';
-import { placementMap } from '@/utils/placement';
+} from '../../utils/destroyOnInvalidActiveTriggerElement';
+import { parseTrigger } from '../../utils/parseTrigger';
+import { placementMap } from '../../utils/placement';
 
 import { PopoverArrowIcon } from './ArrowIcon';
 import {

package/ui/src/base-ui/Popover/PopoverInGroup.tsx

@@ -7,8 +7,8 @@ import { cloneElement, type FC, isValidElement, useMemo } from 'react';
 import { use } from 'react';
 import { mergeRefs } from 'react-merge-refs';
 
-import { useNativeButton } from '@/hooks/useNativeButton';
-import { parseTrigger } from '@/utils/parseTrigger';
+import { useNativeButton } from '../../hooks/useNativeButton';
+import { parseTrigger } from '../../utils/parseTrigger';
 
 import { PopoverGroupHandleContext } from './groupContext';
 import { type PopoverProps } from './type';

package/ui/src/base-ui/Popover/PopoverPortal.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useAppElement } from '@/ThemeProvider';
+import { useAppElement } from '../../ThemeProvider';
 
 export const usePopoverPortalContainer = (
   root?: HTMLElement | ShadowRoot | null,

package/ui/src/base-ui/Popover/PopoverStandalone.tsx

@@ -3,10 +3,10 @@
 import { Popover as BasePopover } from '@base-ui/react/popover';
 import { memo, useCallback, useMemo, useState } from 'react';
 
-import { useIsClient } from '@/hooks/useIsClient';
-import { useNativeButton } from '@/hooks/useNativeButton';
-import { parseTrigger } from '@/utils/parseTrigger';
-import { placementMap } from '@/utils/placement';
+import { useIsClient } from '../../hooks/useIsClient';
+import { useNativeButton } from '../../hooks/useNativeButton';
+import { parseTrigger } from '../../utils/parseTrigger';
+import { placementMap } from '../../utils/placement';
 
 import { PopoverArrowIcon } from './ArrowIcon';
 import {

package/ui/src/base-ui/Popover/atoms.tsx

@@ -12,9 +12,9 @@ import {
 } from 'react';
 import { mergeRefs, useMergeRefs } from 'react-merge-refs';
 
-import { FloatingLayerProvider } from '@/hooks/useFloatingLayer';
-import { useNativeButton } from '@/hooks/useNativeButton';
-import { placementMap } from '@/utils/placement';
+import { FloatingLayerProvider } from '../../hooks/useFloatingLayer';
+import { useNativeButton } from '../../hooks/useNativeButton';
+import { placementMap } from '../../utils/placement';
 
 import { useLayerZIndex } from '../zIndex';
 import { PopoverArrowIcon } from './ArrowIcon';

package/ui/src/base-ui/Popover/demos/dropdown-menu.tsx

@@ -1,7 +1,7 @@
 import { ActionIcon, Button, DropdownMenu, Flexbox, Popover, Tag } from '@hubstr/kit/ui';
 import { Folder, MoreHorizontal } from 'lucide-react';
 
-import { items } from '@/DropdownMenu/demos/data';
+import { items } from '../../../DropdownMenu/demos/data';
 
 export default () => {
   return (

package/ui/src/base-ui/Popover/type.ts

@@ -13,8 +13,8 @@ import {
   type ReactNode,
 } from 'react';
 
-import { type Trigger } from '@/types';
-import { type Placement } from '@/utils/placement';
+import { type Trigger } from '../../types';
+import { type Placement } from '../../utils/placement';
 
 export type PopoverPlacement = Placement;
 

package/ui/src/base-ui/Select/Select.tsx

@@ -5,7 +5,7 @@ import { cx, useThemeMode } from 'antd-style';
 import { type MouseEvent } from 'react';
 import { memo, useCallback, useEffect, useMemo, useState } from 'react';
 
-import { styles as menuStyles } from '@/base-ui/DropdownMenu/sharedStyle';
+import { styles as menuStyles } from '../DropdownMenu/sharedStyle';
 
 import { SelectPositioner } from './atoms';
 import { isValueEmpty } from './helpers';

package/ui/src/base-ui/Select/atoms.tsx

@@ -11,9 +11,9 @@ import {
 } from 'react';
 import { mergeRefs, useMergeRefs } from 'react-merge-refs';
 
-import { styles as menuStyles } from '@/base-ui/DropdownMenu/sharedStyle';
-import { useNativeButton } from '@/hooks/useNativeButton';
-import { useAppElement } from '@/ThemeProvider';
+import { styles as menuStyles } from '../DropdownMenu/sharedStyle';
+import { useNativeButton } from '../../hooks/useNativeButton';
+import { useAppElement } from '../../ThemeProvider';
 
 import { useLayerZIndex } from '../zIndex';
 import { styles, triggerVariants } from './style';

package/ui/src/base-ui/Select/hooks.tsx

@@ -13,7 +13,7 @@ import {
   useState,
 } from 'react';
 
-import { useAppElement } from '@/ThemeProvider';
+import { useAppElement } from '../../ThemeProvider';
 
 import {
   countVirtualItems,

package/ui/src/base-ui/Select/parts.tsx

@@ -12,8 +12,8 @@ import {
 } from 'react';
 import { Virtualizer } from 'virtua';
 
-import { styles as menuStyles } from '@/base-ui/DropdownMenu/sharedStyle';
-import Icon, { type IconProps } from '@/Icon';
+import { styles as menuStyles } from '../DropdownMenu/sharedStyle';
+import Icon, { type IconProps } from '../../Icon';
 
 import { isValueEmpty } from './helpers';
 import { type useSelectVirtual } from './hooks';

package/ui/src/base-ui/Select/renderOptions.tsx

@@ -5,8 +5,8 @@ import { cx } from 'antd-style';
 import { Check } from 'lucide-react';
 import { type ComponentProps } from 'react';
 
-import { styles as menuStyles } from '@/base-ui/DropdownMenu/sharedStyle';
-import Icon from '@/Icon';
+import { styles as menuStyles } from '../DropdownMenu/sharedStyle';
+import Icon from '../../Icon';
 
 import { getOptionSearchText, isGroupOption } from './helpers';
 import { styles } from './style';

package/ui/src/base-ui/Select/style.ts

@@ -1,7 +1,7 @@
 import { createStaticStyles, cx } from 'antd-style';
 import { cva } from 'class-variance-authority';
 
-import { hubstrStaticStylish } from '@/styles';
+import { hubstrStaticStylish } from '../../styles';
 
 export const styles = createStaticStyles(({ css, cssVar }) => ({
   arrow: css`

package/ui/src/base-ui/Select/type.ts

@@ -1,7 +1,7 @@
 import type { SelectRootChangeEventDetails } from '@base-ui/react/select';
 import type { CSSProperties, ReactNode } from 'react';
 
-import type { IconProps } from '@/Icon';
+import type { IconProps } from '../../Icon';
 
 export type { SelectRootChangeEventDetails };
 

package/ui/src/base-ui/Switch/Switch.tsx

@@ -4,7 +4,7 @@ import { cx } from 'antd-style';
 import { Loader2 } from 'lucide-react';
 import { memo } from 'react';
 
-import Icon from '@/Icon';
+import Icon from '../../Icon';
 
 import { SwitchIcon, SwitchRoot, SwitchThumb } from './atoms';
 import { styles } from './style';

package/ui/src/base-ui/Switch/atoms.tsx

@@ -7,7 +7,7 @@ import type { KeyboardEvent, MouseEvent } from 'react';
 import { createContext, use, useMemo, useRef, useState } from 'react';
 import useControlledState from 'use-merge-value';
 
-import { useMotionComponent } from '@/MotionProvider';
+import { useMotionComponent } from '../../MotionProvider';
 
 import { rootVariants, styles, thumbVariants } from './style';
 import type {

package/ui/src/base-ui/Toast/Toast.tsx

@@ -5,7 +5,7 @@ import { cssVar, cx } from 'antd-style';
 import { AlertTriangle, CheckCircle, Info, Loader2, X, XCircle } from 'lucide-react';
 import { memo, type ReactNode } from 'react';
 
-import Icon from '@/Icon';
+import Icon from '../../Icon';
 
 import { useToastContext } from './context';
 import { actionVariants, rootVariants, styles } from './style';

package/ui/src/base-ui/Toast/imperative.tsx

@@ -4,8 +4,8 @@ import { Toast as BaseToast } from '@base-ui/react/toast';
 import { cx } from 'antd-style';
 import { memo, useEffect, useState } from 'react';
 
-import { useIsClient } from '@/hooks/useIsClient';
-import { useAppElement } from '@/ThemeProvider';
+import { useIsClient } from '../../hooks/useIsClient';
+import { useAppElement } from '../../ThemeProvider';
 
 import { acquireLayerZIndex } from '../zIndex';
 import { ToastContext } from './context';