@hubstr/kit 0.1.0 → 0.1.2

package/ui/src/chat/ChatItem/type.ts

@@ -1,12 +1,12 @@
 import { type ReactNode } from 'react';
 
-import { type AlertProps } from '@/Alert';
-import { type AvatarProps } from '@/Avatar';
-import { type EditableMessageProps } from '@/chat/EditableMessage';
-import { type MetaData } from '@/chat/types';
-import { type FlexboxProps } from '@/Flex';
-import { type MarkdownProps } from '@/Markdown';
-import { type DivProps } from '@/types';
+import { type AlertProps } from '../../Alert';
+import { type AvatarProps } from '../../Avatar';
+import { type EditableMessageProps } from '../EditableMessage';
+import { type MetaData } from '../types';
+import { type FlexboxProps } from '../../Flex';
+import { type MarkdownProps } from '../../Markdown';
+import { type DivProps } from '../../types';
 
 export interface ChatItemProps extends Omit<FlexboxProps, 'children' | 'onChange'> {
   aboveMessage?: ReactNode;

package/ui/src/chat/ChatList/components/ChatActionsBar.tsx

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
 
-import ActionIconGroup from '@/ActionIconGroup';
+import ActionIconGroup from '../../../ActionIconGroup';
 
 import type { ChatActionsBarProps } from '../type';
 import { useChatListActionsBar } from './useChatListActionsBar';

package/ui/src/chat/ChatList/components/ChatListItem.tsx

@@ -1,10 +1,10 @@
 import { App } from 'antd';
 import { memo, type ReactNode, useCallback, useMemo, useState } from 'react';
 
-import { type AlertProps } from '@/Alert';
-import ChatItem from '@/chat/ChatItem';
-import { type ChatMessage } from '@/chat/types';
-import { copyToClipboard } from '@/utils/copyToClipboard';
+import { type AlertProps } from '../../../Alert';
+import ChatItem from '../../ChatItem';
+import { type ChatMessage } from '../../types';
+import { copyToClipboard } from '../../../utils/copyToClipboard';
 
 import { type ChatListItemProps, type ListItemProps } from '../type';
 import ChatActionsBar from './ChatActionsBar';

package/ui/src/chat/ChatList/components/HistoryDivider.tsx

@@ -2,8 +2,8 @@ import { Divider } from 'antd';
 import { Timer } from 'lucide-react';
 import { type FC } from 'react';
 
-import Icon from '@/Icon';
-import Tag from '@/Tag';
+import Icon from '../../../Icon';
+import Tag from '../../../Tag';
 
 interface HistoryDividerProps {
   enable?: boolean;

package/ui/src/chat/ChatList/components/useChatListActionsBar.tsx

@@ -3,7 +3,7 @@
 import { Copy, Edit, RotateCw, Trash } from 'lucide-react';
 import { useMemo } from 'react';
 
-import type { ActionIconGroupItemType } from '@/ActionIconGroup';
+import type { ActionIconGroupItemType } from '../../../ActionIconGroup';
 
 interface ChatListActionsBar {
   copy: ActionIconGroupItemType;

package/ui/src/chat/ChatList/demos/data.ts

@@ -1,4 +1,4 @@
-import type { ChatMessage } from '@/chat/types';
+import type { ChatMessage } from '../../types';
 
 export const data: ChatMessage[] = [
   {

package/ui/src/chat/ChatList/type.ts

@@ -1,10 +1,10 @@
 import type { FC, ReactNode } from 'react';
 
-import type { ActionIconGroupEvent, ActionIconGroupProps } from '@/ActionIconGroup';
-import type { AlertProps } from '@/Alert';
-import type { ChatItemProps } from '@/chat/ChatItem';
-import type { ChatMessage, LLMRoleType } from '@/chat/types';
-import type { DivProps } from '@/types';
+import type { ActionIconGroupEvent, ActionIconGroupProps } from '../../ActionIconGroup';
+import type { AlertProps } from '../../Alert';
+import type { ChatItemProps } from '../ChatItem';
+import type { ChatMessage, LLMRoleType } from '../types';
+import type { DivProps } from '../../types';
 
 export type OnMessageChange = (id: string, content: string) => void;
 export type OnActionsClick = (action: ActionIconGroupEvent, message: ChatMessage) => void;

package/ui/src/chat/EditableMessage/EditableMessage.tsx

@@ -4,9 +4,9 @@ import { cx } from 'antd-style';
 import { memo } from 'react';
 import useControlledState from 'use-merge-value';
 
-import MessageInput from '@/chat/MessageInput';
-import MessageModal from '@/chat/MessageModal';
-import Markdown from '@/Markdown';
+import MessageInput from '../MessageInput';
+import MessageModal from '../MessageModal';
+import Markdown from '../../Markdown';
 
 import { type EditableMessageProps } from './type';
 

package/ui/src/chat/EditableMessage/type.ts

@@ -1,8 +1,8 @@
 import { type CSSProperties } from 'react';
 
-import { type MessageInputProps } from '@/chat/MessageInput';
-import { type MessageModalProps } from '@/chat/MessageModal';
-import { type MarkdownProps } from '@/Markdown';
+import { type MessageInputProps } from '../MessageInput';
+import { type MessageModalProps } from '../MessageModal';
+import { type MarkdownProps } from '../../Markdown';
 
 export interface EditableMessageProps {
   className?: string;

package/ui/src/chat/EditableMessageList/EditableMessageList.tsx

@@ -4,13 +4,13 @@ import isEqual from 'fast-deep-equal';
 import { Plus, Trash } from 'lucide-react';
 import { memo, useEffect, useReducer } from 'react';
 
-import ActionIcon from '@/ActionIcon';
-import Button from '@/Button';
-import ControlInput from '@/EditableText/ControlInput';
-import { Flexbox } from '@/Flex';
-import editableMessageMessages from '@/i18n/resources/en/editableMessage';
-import { useTranslation } from '@/i18n/useTranslation';
-import Select from '@/Select';
+import ActionIcon from '../../ActionIcon';
+import Button from '../../Button';
+import ControlInput from '../../EditableText/ControlInput';
+import { Flexbox } from '../../Flex';
+import editableMessageMessages from '../../i18n/resources/en/editableMessage';
+import { useTranslation } from '../../i18n/useTranslation';
+import Select from '../../Select';
 
 import { messagesReducer } from './messageReducer';
 import { type EditableMessageListProps } from './type';

package/ui/src/chat/EditableMessageList/messageReducer.ts

@@ -1,6 +1,6 @@
 import { produce } from 'immer';
 
-import type { ChatMessageError, LLMMessage, LLMRoleType } from '@/chat/types';
+import type { ChatMessageError, LLMMessage, LLMRoleType } from '../types';
 
 export type MessageDispatch =
   | { message: LLMMessage; type: 'addMessage' }

package/ui/src/chat/EditableMessageList/type.ts

@@ -1,4 +1,4 @@
-import type { LLMMessage } from '@/chat/types';
+import type { LLMMessage } from '../types';
 
 export interface EditableMessageListProps {
   dataSources: LLMMessage[];

package/ui/src/chat/MessageInput/MessageInput.tsx

@@ -4,13 +4,13 @@ import { cx, useResponsive } from 'antd-style';
 import { memo, useState } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
 
-import Button from '@/Button';
-import CodeEditor from '@/CodeEditor';
-import { Flexbox } from '@/Flex';
-import { KeyMapEnum } from '@/Hotkey/const';
-import { combineKeys } from '@/Hotkey/utils';
-import TextArea from '@/Input/TextArea';
-import Tooltip from '@/Tooltip';
+import Button from '../../Button';
+import CodeEditor from '../../CodeEditor';
+import { Flexbox } from '../../Flex';
+import { KeyMapEnum } from '../../Hotkey/const';
+import { combineKeys } from '../../Hotkey/utils';
+import TextArea from '../../Input/TextArea';
+import Tooltip from '../../Tooltip';
 
 import { styles } from './style';
 import type { MessageInputProps } from './type';

package/ui/src/chat/MessageInput/demos/index.tsx

@@ -2,7 +2,7 @@ import { MessageInput } from '@hubstr/kit/ui/chat';
 import { Divider } from 'antd';
 import { useState } from 'react';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../Flex';
 
 export default () => {
   const [value, setValue] = useState('');

package/ui/src/chat/MessageInput/type.ts

@@ -1,8 +1,8 @@
 import type { CSSProperties } from 'react';
 
-import type { ButtonProps } from '@/Button';
-import type { CodeEditorProps } from '@/CodeEditor';
-import type { FlexboxProps } from '@/Flex';
+import type { ButtonProps } from '../../Button';
+import type { CodeEditorProps } from '../../CodeEditor';
+import type { FlexboxProps } from '../../Flex';
 
 export interface MessageInputProps extends FlexboxProps {
   classNames?: CodeEditorProps['classNames'] & {

package/ui/src/chat/MessageModal/MessageModal.tsx

@@ -4,15 +4,15 @@ import { useResponsive } from 'antd-style';
 import { memo, useState } from 'react';
 import useControlledState from 'use-merge-value';
 
-import Button from '@/Button';
-import { styles as textStyles } from '@/chat/MessageInput/style';
-import CodeEditor from '@/CodeEditor';
-import { Flexbox } from '@/Flex';
-import messageModalMessages from '@/i18n/resources/en/messageModal';
-import { useTranslation } from '@/i18n/useTranslation';
-import TextArea from '@/Input/TextArea';
-import Markdown from '@/Markdown';
-import Modal from '@/Modal';
+import Button from '../../Button';
+import { styles as textStyles } from '../MessageInput/style';
+import CodeEditor from '../../CodeEditor';
+import { Flexbox } from '../../Flex';
+import messageModalMessages from '../../i18n/resources/en/messageModal';
+import { useTranslation } from '../../i18n/useTranslation';
+import TextArea from '../../Input/TextArea';
+import Markdown from '../../Markdown';
+import Modal from '../../Modal';
 
 import { type MessageModalProps } from './type';
 

package/ui/src/chat/MessageModal/TextArea.tsx

@@ -1,6 +1,6 @@
 import { memo, useState } from 'react';
 
-import { TextArea, type TextAreaProps } from '@/Input';
+import { TextArea, type TextAreaProps } from '../../Input';
 
 interface MessageTextAreaProps extends Omit<TextAreaProps, 'onChange' | 'onBlur' | 'value'> {
   defaultValue: string;

package/ui/src/chat/MessageModal/type.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
 
-import { type MessageInputProps } from '@/chat/MessageInput';
-import { type ModalProps } from '@/Modal';
+import { type MessageInputProps } from '../MessageInput';
+import { type ModalProps } from '../../Modal';
 
 export interface MessageModalProps extends Pick<ModalProps, 'open' | 'footer' | 'panelRef'> {
   editing?: boolean;

package/ui/src/chat/TokenTag/TokenTag.tsx

@@ -5,9 +5,9 @@ import { cssVar } from 'antd-style';
 import numeral from 'numeral';
 import { type FC, useMemo } from 'react';
 
-import ActionIcon from '@/ActionIcon';
-import chatMessages from '@/i18n/resources/en/chat';
-import { useTranslation } from '@/i18n/useTranslation';
+import ActionIcon from '../../ActionIcon';
+import chatMessages from '../../i18n/resources/en/chat';
+import { useTranslation } from '../../i18n/useTranslation';
 
 import type { TokenTagProps } from './type';
 

package/ui/src/chat/TokenTag/type.ts

@@ -1,4 +1,4 @@
-import type { ActionIconProps } from '@/ActionIcon';
+import type { ActionIconProps } from '../../ActionIcon';
 
 export interface TokenTagProps extends ActionIconProps {
   maxValue: number;

package/ui/src/color/ColorScales/ScaleRow.tsx

@@ -1,8 +1,8 @@
 import { message, Space } from 'antd';
 import { memo } from 'react';
 
-import { Flexbox } from '@/Flex';
-import { copyToClipboard } from '@/utils/copyToClipboard';
+import { Flexbox } from '../../Flex';
+import { copyToClipboard } from '../../utils/copyToClipboard';
 
 import { alphaBg, styles } from './style';
 

package/ui/src/color/ColorScales/index.tsx

@@ -3,7 +3,7 @@
 import { Space } from 'antd';
 import { memo } from 'react';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../Flex';
 
 import type { ColorScaleItem } from '../types';
 import ScaleRow from './ScaleRow';

package/ui/src/color/CssVar/ScaleRow.tsx

@@ -1,8 +1,8 @@
 import { message, Space } from 'antd';
 import { memo } from 'react';
 
-import { Flexbox } from '@/Flex';
-import { copyToClipboard } from '@/utils/copyToClipboard';
+import { Flexbox } from '../../Flex';
+import { copyToClipboard } from '../../utils/copyToClipboard';
 
 import { styles } from './style';
 

package/ui/src/color/CssVar/VarRow.tsx

@@ -2,8 +2,8 @@ import { message, Space } from 'antd';
 import { cssVar } from 'antd-style';
 import { memo } from 'react';
 
-import { Flexbox } from '@/Flex';
-import { copyToClipboard } from '@/utils/copyToClipboard';
+import { Flexbox } from '../../Flex';
+import { copyToClipboard } from '../../utils/copyToClipboard';
 
 import { styles } from './style';
 

package/ui/src/color/CssVar/index.tsx

@@ -4,7 +4,7 @@ import { Space } from 'antd';
 import { useThemeMode } from 'antd-style';
 import { memo } from 'react';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../Flex';
 
 import { type ColorScaleItem } from '../types';
 import ScaleRow from './ScaleRow';

package/ui/src/color/neutrals/index.ts

@@ -1,4 +1,4 @@
-import type { ColorScaleItem } from '@/color/types';
+import type { ColorScaleItem } from '../types';
 
 import mauve from './mauve';
 import olive from './olive';

package/ui/src/hooks/useHighlight.ts

@@ -11,8 +11,8 @@ import { type CSSProperties, useEffect, useMemo, useState } from 'react';
 import type { BuiltinTheme, CodeToHastOptions, ThemedToken } from 'shiki';
 import { Md5 } from 'ts-md5';
 
-import { getCodeLanguageByInput } from '@/Highlighter/const';
-import hubstrTheme from '@/Highlighter/theme/hubstr-theme';
+import { getCodeLanguageByInput } from '../Highlighter/const';
+import hubstrTheme from '../Highlighter/theme/hubstr-theme';
 
 // Application-level cache to avoid repeated calculations
 export const MD5_LENGTH_THRESHOLD = 10_000; // Use async MD5 for text exceeding this length

package/ui/src/hooks/useMarkdown/useMarkdownComponents.tsx

@@ -3,14 +3,14 @@
 import { useCallback, useMemo } from 'react';
 import type { Components } from 'react-markdown';
 
-import Hotkey from '@/Hotkey';
-import { CodeBlock } from '@/Markdown/components/CodeBlock';
-import { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';
-import MarkdownTable from '@/Markdown/components/MarkdownTable';
-import Image from '@/mdx/mdxComponents/Image';
-import Link from '@/mdx/mdxComponents/Link';
-import Section from '@/mdx/mdxComponents/Section';
-import Video from '@/mdx/mdxComponents/Video';
+import Hotkey from '../../Hotkey';
+import { CodeBlock } from '../../Markdown/components/CodeBlock';
+import { useMarkdownContext } from '../../Markdown/components/MarkdownProvider';
+import MarkdownTable from '../../Markdown/components/MarkdownTable';
+import Image from '../../mdx/mdxComponents/Image';
+import Link from '../../mdx/mdxComponents/Link';
+import Section from '../../mdx/mdxComponents/Section';
+import Video from '../../mdx/mdxComponents/Video';
 
 export const useMarkdownComponents = (): Components => {
   const {

package/ui/src/hooks/useMarkdown/useMarkdownContent.ts

@@ -2,7 +2,7 @@
 
 import { useMemo, useRef, useState } from 'react';
 
-import { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';
+import { useMarkdownContext } from '../../Markdown/components/MarkdownProvider';
 
 import { isLastFormulaRenderable } from './latex';
 import { addToCache, contentCache, preprocessMarkdownContent } from './utils';

package/ui/src/hooks/useMarkdown/useMarkdownRehypePlugins.ts

@@ -6,9 +6,9 @@ import rehypeKatex from 'rehype-katex';
 import rehypeRaw from 'rehype-raw';
 import type { Pluggable } from 'unified';
 
-import { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';
-import { rehypeCustomFootnotes } from '@/Markdown/plugins/rehypeCustomFootnotes';
-import { rehypeKatexDir } from '@/Markdown/plugins/rehypeKatexDir';
+import { useMarkdownContext } from '../../Markdown/components/MarkdownProvider';
+import { rehypeCustomFootnotes } from '../../Markdown/plugins/rehypeCustomFootnotes';
+import { rehypeKatexDir } from '../../Markdown/plugins/rehypeKatexDir';
 
 export const useMarkdownRehypePlugins = (): Pluggable[] => {
   const {

package/ui/src/hooks/useMarkdown/useMarkdownRemarkPlugins.ts

@@ -7,11 +7,11 @@ import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import type { Pluggable } from 'unified';
 
-import { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';
-import { remarkBr } from '@/Markdown/plugins/remarkBr';
-import { remarkCustomFootnotes } from '@/Markdown/plugins/remarkCustomFootnotes';
-import { remarkGfmPlus } from '@/Markdown/plugins/remarkGfmPlus';
-import { remarkVideo } from '@/Markdown/plugins/remarkVideo';
+import { useMarkdownContext } from '../../Markdown/components/MarkdownProvider';
+import { remarkBr } from '../../Markdown/plugins/remarkBr';
+import { remarkCustomFootnotes } from '../../Markdown/plugins/remarkCustomFootnotes';
+import { remarkGfmPlus } from '../../Markdown/plugins/remarkGfmPlus';
+import { remarkVideo } from '../../Markdown/plugins/remarkVideo';
 
 export const useMarkdownRemarkPlugins = (): Pluggable[] => {
   const {

package/ui/src/hooks/useStableValue.ts

@@ -1,6 +1,6 @@
 import { useRef } from 'react';
 
-import { isDeepEqual } from '@/utils/isDeepEqual';
+import { isDeepEqual } from '../utils/isDeepEqual';
 
 /**
  * Return the previous reference when the incoming value is structurally

package/ui/src/hooks/useStreamHighlight.ts

@@ -4,8 +4,8 @@ import { type CSSProperties, useCallback, useEffect, useMemo, useRef, useState }
 import { type BuiltinTheme, type ThemedToken } from 'shiki';
 import { ShikiStreamTokenizer } from 'shiki-stream';
 
-import { getCodeLanguageByInput } from '@/Highlighter/const';
-import hubstrTheme from '@/Highlighter/theme/hubstr-theme';
+import { getCodeLanguageByInput } from '../Highlighter/const';
+import hubstrTheme from '../Highlighter/theme/hubstr-theme';
 
 import { shikiModulePromise, type StreamingHighlightResult } from './useHighlight';
 

package/ui/src/i18n/context.tsx

@@ -1,7 +1,7 @@
 import { memo, type ReactNode } from 'react';
 
-import ConfigProvider from '@/ConfigProvider';
-import type { MotionComponentType } from '@/MotionProvider';
+import ConfigProvider from '../ConfigProvider';
+import type { MotionComponentType } from '../MotionProvider';
 
 import { type TranslationResourcesInput } from './types';
 
@@ -13,7 +13,7 @@ export interface I18nProviderProps {
 }
 
 // Re-export for backward compatibility
-export { I18nContext } from '@/ConfigProvider';
+export { I18nContext } from '../ConfigProvider';
 
 // I18nProvider delegates to ConfigProvider with flattened i18n props
 export const I18nProvider = memo<I18nProviderProps>(({ children, locale, resources, motion }) => {
@@ -25,7 +25,7 @@ export const I18nProvider = memo<I18nProviderProps>(({ children, locale, resourc
 });
 
 // Internal useI18n - for useTranslation only, not exported publicly
-export { useI18n } from '@/ConfigProvider';
+export { useI18n } from '../ConfigProvider';
 
 // Re-export types
 export type { I18nContextValue, TranslationKey, TranslationResources } from './types';

package/ui/src/i18n/demos/ConfigProvider.tsx

@@ -3,10 +3,10 @@ import { StoryBook, useControls, useCreateStore } from '@hubstr/kit/ui/storybook
 import { Card, Col, Row, Space, Tag, Typography } from 'antd';
 import { motion } from 'motion/react';
 
-import ConfigProvider from '@/ConfigProvider';
-import * as enResources from '@/i18n/resources/en';
-import * as zhCnResources from '@/i18n/resources/zhCn';
-import type { TranslationKey } from '@/i18n/types';
+import ConfigProvider from '../../ConfigProvider';
+import * as enResources from '../resources/en';
+import * as zhCnResources from '../resources/zhCn';
+import type { TranslationKey } from '../types';
 
 const { Text } = Typography;
 

package/ui/src/i18n/demos/DynamicImport.tsx

@@ -4,7 +4,7 @@ import { Card, Space, Tag, Typography } from 'antd';
 import { motion } from 'motion/react';
 import { useEffect, useMemo, useRef, useState } from 'react';
 
-import { I18nProvider } from '@/i18n';
+import { I18nProvider } from '..';
 
 const { Text } = Typography;
 
@@ -66,7 +66,7 @@ export default () => {
 
   const resourcePromise = useMemo(
     () =>
-      control.locale === 'en' ? import('@/i18n/resources/en') : import('@/i18n/resources/zhCn'),
+      control.locale === 'en' ? import('../resources/en') : import('../resources/zhCn'),
     [control.locale],
   );
   const [loading, setLoading] = useState(false);

package/ui/src/i18n/demos/index.tsx

@@ -3,10 +3,10 @@ import { StoryBook, useControls, useCreateStore } from '@hubstr/kit/ui/storybook
 import { Card, Col, Row, Space, Tag, Typography } from 'antd';
 import { motion } from 'motion/react';
 
-import { I18nProvider } from '@/i18n';
-import * as enResources from '@/i18n/resources/en';
-import * as zhCnResources from '@/i18n/resources/zhCn';
-import type { TranslationKey } from '@/i18n/types';
+import { I18nProvider } from '..';
+import * as enResources from '../resources/en';
+import * as zhCnResources from '../resources/zhCn';
+import type { TranslationKey } from '../types';
 
 const { Text } = Typography;
 

package/ui/src/icons/lucideExtra/demos/index.tsx

@@ -1,7 +1,7 @@
 import { ActionIcon, copyToClipboard } from '@hubstr/kit/ui';
 import { message } from 'antd';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../Flex';
 
 import * as icons from '../index';
 

package/ui/src/index.ts

@@ -298,7 +298,7 @@ export {
   HubstrUIProvider,
   I18nProvider,
   type I18nProviderProps,
-  HubstrUIProvider,
+  useI18n,
   useTranslation,
 } from './Provider';
 export * from './ScrollArea';
@@ -366,5 +366,5 @@ export {
   toFloatingUIPlacement,
 } from './utils/placement';
 export { default as Video, type VideoProps } from './Video';
-export { default as ShikiHubstrTheme } from '@/Highlighter/theme/hubstr-theme';
+export { default as ShikiHubstrTheme } from './Highlighter/theme/hubstr-theme';
 export { ErrorBoundary, type ErrorBoundaryProps } from 'react-error-boundary';

package/ui/src/mdx/Callout/index.tsx

@@ -4,8 +4,8 @@ import { cssVar, cx, useTheme } from 'antd-style';
 import { AlertOctagon, AlertTriangle, Info, Lightbulb, MessageSquareWarning } from 'lucide-react';
 import { type FC, useMemo } from 'react';
 
-import { Flexbox, type FlexboxProps } from '@/Flex';
-import Icon from '@/Icon';
+import { Flexbox, type FlexboxProps } from '../../Flex';
+import Icon from '../../Icon';
 
 import { styles } from './style';
 

package/ui/src/mdx/Cards/Card.tsx

@@ -3,12 +3,12 @@
 import { createStaticStyles, cx } from 'antd-style';
 import type { FC } from 'react';
 
-import A from '@/A';
-import Block, { type BlockProps } from '@/Block';
-import { Flexbox } from '@/Flex';
-import Icon, { type IconProps } from '@/Icon';
-import Img from '@/Img';
-import Tag, { type TagProps } from '@/Tag';
+import A from '../../A';
+import Block, { type BlockProps } from '../../Block';
+import { Flexbox } from '../../Flex';
+import Icon, { type IconProps } from '../../Icon';
+import Img from '../../Img';
+import Tag, { type TagProps } from '../../Tag';
 
 const styles = createStaticStyles(({ css, cssVar }) => {
   return {

package/ui/src/mdx/Cards/index.tsx

@@ -3,7 +3,7 @@
 import { cx } from 'antd-style';
 import type { FC } from 'react';
 
-import Grid, { type GridProps } from '@/Grid';
+import Grid, { type GridProps } from '../../Grid';
 
 import { styles } from './style';
 

package/ui/src/mdx/FileTree/File.tsx

@@ -3,8 +3,8 @@
 import { FileIcon } from 'lucide-react';
 import type { FC } from 'react';
 
-import { Flexbox, type FlexboxProps } from '@/Flex';
-import Icon, { type IconProps } from '@/Icon';
+import { Flexbox, type FlexboxProps } from '../../Flex';
+import Icon, { type IconProps } from '../../Icon';
 
 export interface FileProps extends Omit<FlexboxProps, 'children'> {
   icon?: IconProps['icon'];

package/ui/src/mdx/FileTree/Folder.tsx

@@ -3,8 +3,8 @@
 import { FolderIcon, FolderOpen } from 'lucide-react';
 import { type FC, useState } from 'react';
 
-import { Flexbox, type FlexboxProps } from '@/Flex';
-import Icon, { type IconProps } from '@/Icon';
+import { Flexbox, type FlexboxProps } from '../../Flex';
+import Icon, { type IconProps } from '../../Icon';
 
 import { styles } from './style';
 

package/ui/src/mdx/FileTree/index.tsx

@@ -3,7 +3,7 @@
 import { cx } from 'antd-style';
 import type { FC } from 'react';
 
-import type { DivProps } from '@/types';
+import type { DivProps } from '../../types';
 
 import { styles } from './style';