@hubstr/kit 0.1.0 → 0.1.2

package/ui/src/Markdown/components/CodeBlock.tsx

@@ -1,11 +1,11 @@
 import { memo } from 'react';
 
-import type { HighlighterProps } from '@/Highlighter';
-import { FALLBACK_LANG } from '@/Highlighter/const';
-import { isFullHtmlDocument } from '@/HtmlPreview/const';
-import type { HtmlPreviewProps } from '@/HtmlPreview/type';
-import Pre, { PreHtmlPreview, PreMermaid, PreSingleLine } from '@/mdx/mdxComponents/Pre';
-import type { MermaidProps } from '@/Mermaid';
+import type { HighlighterProps } from '../../Highlighter';
+import { FALLBACK_LANG } from '../../Highlighter/const';
+import { isFullHtmlDocument } from '../../HtmlPreview/const';
+import type { HtmlPreviewProps } from '../../HtmlPreview/type';
+import Pre, { PreHtmlPreview, PreMermaid, PreSingleLine } from '../../mdx/mdxComponents/Pre';
+import type { MermaidProps } from '../../Mermaid';
 
 const countLines = (str: string): number => {
   const regex = /\n/g;

package/ui/src/Markdown/components/Footnotes.tsx

@@ -2,10 +2,10 @@
 
 import { memo, type ReactNode, useMemo } from 'react';
 
-import A from '@/A';
-import Block from '@/Block';
-import { Flexbox } from '@/Flex';
-import Text from '@/Text';
+import A from '../../A';
+import Block from '../../Block';
+import { Flexbox } from '../../Flex';
+import Text from '../../Text';
 
 import SearchResultCards from './SearchResultCards';
 

package/ui/src/Markdown/components/MarkdownProvider.tsx

@@ -2,7 +2,7 @@
 
 import { createContext, memo, type PropsWithChildren, use } from 'react';
 
-import { useStableValue } from '@/hooks/useStableValue';
+import { useStableValue } from '../../hooks/useStableValue';
 
 import { type SyntaxMarkdownProps } from '../type';
 

package/ui/src/Markdown/components/MarkdownTable/index.tsx

@@ -3,7 +3,7 @@
 import { createStyles } from 'antd-style';
 import { memo, useCallback, useRef } from 'react';
 
-import CopyButton from '@/CopyButton';
+import CopyButton from '../../../CopyButton';
 
 import { hastTableToMarkdown } from './hastTableToMarkdown';
 

package/ui/src/Markdown/components/SearchResultCards/SearchResultCard.tsx

@@ -2,12 +2,12 @@
 
 import { memo, type Ref, useMemo } from 'react';
 
-import A from '@/A';
-import Block from '@/Block';
-import { Flexbox } from '@/Flex';
-import Img from '@/Img';
-import Text from '@/Text';
-import { type AProps } from '@/types';
+import A from '../../../A';
+import Block from '../../../Block';
+import { Flexbox } from '../../../Flex';
+import Img from '../../../Img';
+import Text from '../../../Text';
+import { type AProps } from '../../../types';
 
 import { styles } from './style';
 

package/ui/src/Markdown/components/SearchResultCards/index.tsx

@@ -2,8 +2,8 @@
 
 import { memo, type Ref } from 'react';
 
-import { type FlexboxProps } from '@/Flex';
-import ScrollShadow from '@/ScrollShadow';
+import { type FlexboxProps } from '../../../Flex';
+import ScrollShadow from '../../../ScrollShadow';
 
 import SearchResultCard from './SearchResultCard';
 

package/ui/src/Markdown/demos/StreamingPlayground.tsx

@@ -11,7 +11,7 @@ import {
   useState,
 } from 'react';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../Flex';
 
 import {
   createStreamdownProfiler,

package/ui/src/Markdown/demos/advanced/htmlPreviewArticle.tsx

@@ -1,7 +1,7 @@
 import { Button, Markdown } from '@hubstr/kit/ui';
 import { useCallback, useEffect, useRef, useState } from 'react';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../Flex';
 
 const article = `# Why HTML beats Markdown for reports
 

package/ui/src/Markdown/demos/advanced/htmlPreviewReport.tsx

@@ -1,8 +1,8 @@
 import { Button, Markdown } from '@hubstr/kit/ui';
 import { useCallback, useEffect, useRef, useState } from 'react';
 
-import { Flexbox } from '@/Flex';
-import { reportHtml } from '@/HtmlPreview/demos/reportHtml';
+import { Flexbox } from '../../../Flex';
+import { reportHtml } from '../../../HtmlPreview/demos/reportHtml';
 
 // Wrap the self-contained "Weekly product report" in a Markdown context.
 // This is the canonical "model produced a complete document" case — the

package/ui/src/Markdown/demos/advanced/htmlPreviewStream.tsx

@@ -1,7 +1,7 @@
 import { Button, Markdown } from '@hubstr/kit/ui';
 import { useCallback, useEffect, useRef, useState } from 'react';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../Flex';
 
 const FULL = `Here's an HTML demo arriving token-by-token. Until the closing \`</html>\` tag is seen the preview falls back to source view — once it stabilizes the iframe mounts.
 

package/ui/src/Markdown/demos/content.ts

@@ -44,8 +44,8 @@ Here's a complete React component that demonstrates markdown integration:
 import { memo, useMemo } from 'react';
 import ReactMarkdown from 'react-markdown';
 
-import { PreviewGroup } from '@/Image';
-import { useMarkdown } from '@/hooks/useMarkdown';
+import { PreviewGroup } from '../../Image';
+import { useMarkdown } from '../../hooks/useMarkdown';
 
 import { SyntaxMarkdownProps } from '../type';
 \`\`\`
@@ -146,8 +146,8 @@ export const fullContentCN = `# 完整 Markdown 集成示例
 import { memo, useMemo } from 'react';
 import ReactMarkdown from 'react-markdown';
 
-import { PreviewGroup } from '@/Image';
-import { useMarkdown } from '@/hooks/useMarkdown';
+import { PreviewGroup } from '../../Image';
+import { useMarkdown } from '../../hooks/useMarkdown';
 
 import { SyntaxMarkdownProps } from '../type';
 \`\`\`

package/ui/src/Markdown/demos/custom/citations/index.tsx

@@ -1,7 +1,7 @@
 import { Block, Markdown, SearchResultCards, Tabs } from '@hubstr/kit/ui';
 import { useState } from 'react';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../../Flex';
 
 import { normalizeThinkTags, remarkCaptureThink } from '../thinking/remarkPlugin';
 import { cases } from './cases';

package/ui/src/Markdown/demos/custom/plugins/MarkdownElements/AntArtifact/Component.tsx

@@ -3,7 +3,7 @@ import { createStaticStyles, cssVar, useThemeMode } from 'antd-style';
 import { SparkleIcon } from 'lucide-react';
 import { memo, type PropsWithChildren } from 'react';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../../../../Flex';
 
 const styles = createStaticStyles(({ css, cssVar }) => ({
   containerDark: css`

package/ui/src/Markdown/demos/custom/plugins/MarkdownElements/AntThinking/Component.tsx

@@ -3,7 +3,7 @@ import { createStaticStyles, cssVar, useThemeMode } from 'antd-style';
 import { ChevronDown, ChevronRight, SparkleIcon } from 'lucide-react';
 import { memo, type PropsWithChildren, useState } from 'react';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../../../../Flex';
 
 const styles = createStaticStyles(({ css, cssVar }) => ({
   containerDark: css`

package/ui/src/Markdown/demos/custom/thinking/index.tsx

@@ -2,7 +2,7 @@ import { Button, Markdown } from '@hubstr/kit/ui';
 import { cssVar } from 'antd-style';
 import { type PropsWithChildren, useState } from 'react';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../../../Flex';
 
 import { fullThinking, inlineMode, ollama, partialThinking } from './content';
 import { normalizeThinkTags, remarkCaptureThink } from './remarkPlugin';

package/ui/src/Markdown/demos/streamingAnimationRepro.tsx

@@ -3,7 +3,7 @@
 import { Button, Markdown } from '@hubstr/kit/ui';
 import { type CSSProperties, useCallback, useEffect, useRef, useState } from 'react';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../Flex';
 
 import { type StreamSmoothingPreset } from '../type';
 

package/ui/src/Markdown/plugins/rehypeStreamAnimated.ts

@@ -2,7 +2,7 @@ import { type Element, type ElementContent, type Root } from 'hast';
 import { type BuildVisitor } from 'unist-util-visit';
 import { visit } from 'unist-util-visit';
 
-import { getNow } from '@/utils/getNow';
+import { getNow } from '../../utils/getNow';
 
 export interface StreamAnimatedRuntime {
   births: number[];

package/ui/src/Markdown/streamProfiler/StreamdownProfilerPanel.tsx

@@ -2,7 +2,7 @@
 
 import { type CSSProperties, type ReactNode, useDeferredValue, useSyncExternalStore } from 'react';
 
-import Button from '@/Button';
+import Button from '../../Button';
 
 import { type StreamdownProfiler, type StreamdownProfilerSnapshot } from './profiler';
 

package/ui/src/Markdown/streamProfiler/profiler.ts

@@ -1,5 +1,5 @@
-import { type BlockState } from '@/Markdown/SyntaxMarkdown/useStreamQueue';
-import { getNow } from '@/utils/getNow';
+import { type BlockState } from '../SyntaxMarkdown/useStreamQueue';
+import { getNow } from '../../utils/getNow';
 
 export type StreamdownProfilerPhase = 'mount' | 'nested-update' | 'update';
 

package/ui/src/Markdown/type.ts

@@ -3,12 +3,12 @@ import { type CSSProperties, type ElementType, type FC, type ReactNode, type Ref
 import { type Components, type Options as ReactMarkdownOptions } from 'react-markdown';
 import { type Pluggable } from 'unified';
 
-import { type HighlighterProps } from '@/Highlighter';
-import { type HtmlPreviewProps } from '@/HtmlPreview';
-import { type ImageProps, type PreProps, type VideoProps } from '@/mdx';
-import { type MermaidProps } from '@/Mermaid';
-import { type AProps, type DivProps } from '@/types';
-import { type CitationItem } from '@/types/citation';
+import { type HighlighterProps } from '../Highlighter';
+import { type HtmlPreviewProps } from '../HtmlPreview';
+import { type ImageProps, type PreProps, type VideoProps } from '../mdx';
+import { type MermaidProps } from '../Mermaid';
+import { type AProps, type DivProps } from '../types';
+import { type CitationItem } from '../types/citation';
 
 export interface TypographyProps extends DivProps {
   borderRadius?: number;

package/ui/src/MaskShadow/MaskShadow.tsx

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

package/ui/src/MaskShadow/type.ts

@@ -1,4 +1,4 @@
-import type { FlexboxProps } from '@/Flex';
+import type { FlexboxProps } from '../Flex';
 
 export interface MaskShadowProps extends FlexboxProps {
   position?: 'top' | 'bottom' | 'left' | 'right';

package/ui/src/MaterialFileTypeIcon/MaterialFileTypeIcon.tsx

@@ -2,10 +2,10 @@
 
 import { type FC, useMemo } from 'react';
 
-import { useCdnFn } from '@/ConfigProvider';
-import FileTypeIcon from '@/FileTypeIcon';
-import { Center } from '@/Flex';
-import Img from '@/Img';
+import { useCdnFn } from '../ConfigProvider';
+import FileTypeIcon from '../FileTypeIcon';
+import { Center } from '../Flex';
+import Img from '../Img';
 
 import type { MaterialFileTypeIconProps } from './type';
 import { getIconUrlForDirectoryPath, getIconUrlForFilePath } from './utils';

package/ui/src/MaterialFileTypeIcon/type.ts

@@ -1,4 +1,4 @@
-import type { DivProps } from '@/types';
+import type { DivProps } from '../types';
 
 import type iconMap from './icon-map.json';
 

package/ui/src/Menu/Menu.tsx

@@ -4,8 +4,8 @@ import { ConfigProvider, Menu as AntdMenu } from 'antd';
 import { cx, useTheme } from 'antd-style';
 import { memo, useMemo } from 'react';
 
-import { IconProvider } from '@/Icon';
-import { mapItems } from '@/Menu/utils';
+import { IconProvider } from '../Icon';
+import { mapItems } from './utils';
 
 import { variants } from './style';
 import { type MenuProps } from './type';

package/ui/src/Menu/baseItem.ts

@@ -1,7 +1,7 @@
 import type { MenuSubmenuRoot } from '@base-ui/react/menu';
 import type { ComponentPropsWithRef, Key, MouseEventHandler, ReactNode } from 'react';
 
-import type { IconProps } from '@/Icon';
+import type { IconProps } from '../Icon';
 
 import type { MenuCheckboxItemType } from './checkboxItem';
 import type { MenuSwitchItemType } from './switchItem';

package/ui/src/Menu/checkboxItem.ts

@@ -1,6 +1,6 @@
 import type { Key, ReactNode } from 'react';
 
-import type { IconProps } from '@/Icon';
+import type { IconProps } from '../Icon';
 
 /**
  * Checkbox menu item shared by DropdownMenu / ContextMenu.

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

@@ -2,7 +2,7 @@ import { Menu, type MenuProps } from '@hubstr/kit/ui';
 import { StoryBook, useControls, useCreateStore } from '@hubstr/kit/ui/storybook';
 import { useState } from 'react';
 
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../Flex';
 
 import { groupItems, items } from './data';
 

package/ui/src/Menu/renderUtils.tsx

@@ -1,7 +1,7 @@
 import type { Key, ReactNode } from 'react';
 import { isValidElement } from 'react';
 
-import Icon, { type IconSize } from '@/Icon';
+import Icon, { type IconSize } from '../Icon';
 
 import type { BaseMenuItemType } from './baseItem';
 import type { MenuCheckboxItemType } from './checkboxItem';

package/ui/src/Menu/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 }) => ({
   borderless: cx(

package/ui/src/Menu/switchItem.ts

@@ -1,6 +1,6 @@
 import type { Key, ReactNode } from 'react';
 
-import type { IconProps } from '@/Icon';
+import type { IconProps } from '../Icon';
 
 /**
  * Switch menu item shared by DropdownMenu / ContextMenu.

package/ui/src/Menu/type.ts

@@ -7,7 +7,7 @@ import type {
 } from 'rc-menu/es/interface';
 import type { Key, ReactNode, Ref } from 'react';
 
-import type { IconContentConfig, IconProps } from '@/Icon';
+import type { IconContentConfig, IconProps } from '../Icon';
 
 export interface MenuItemType extends RcMenuItemType {
   /**

package/ui/src/Menu/utils.tsx

@@ -1,7 +1,7 @@
 import type { ItemType as AntdItemType } from 'antd/es/menu/interface';
 import { isValidElement } from 'react';
 
-import Icon from '@/Icon';
+import Icon from '../Icon';
 
 import type { ItemType } from './type';
 

package/ui/src/Mermaid/FullFeatured.tsx

@@ -4,13 +4,13 @@ import { cx } from 'antd-style';
 import { ChevronDown, ChevronRight } from 'lucide-react';
 import { memo, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
-import ActionIcon from '@/ActionIcon';
-import CopyButton from '@/CopyButton';
-import { Flexbox } from '@/Flex';
-import { bodyVariants, headerVariants, variants } from '@/Highlighter/style';
-import MaterialFileTypeIcon from '@/MaterialFileTypeIcon';
-import Text from '@/Text';
-import { stopPropagation } from '@/utils/dom';
+import ActionIcon from '../ActionIcon';
+import CopyButton from '../CopyButton';
+import { Flexbox } from '../Flex';
+import { bodyVariants, headerVariants, variants } from '../Highlighter/style';
+import MaterialFileTypeIcon from '../MaterialFileTypeIcon';
+import Text from '../Text';
+import { stopPropagation } from '../utils/dom';
 
 import { type MermaidProps } from './type';
 

package/ui/src/Mermaid/Mermaid.tsx

@@ -3,10 +3,10 @@
 import { cx } from 'antd-style';
 import { memo, useCallback, useEffect, useMemo, useRef } from 'react';
 
-import CopyButton from '@/CopyButton';
-import { Flexbox } from '@/Flex';
-import { styles, variants } from '@/Highlighter/style';
-import Tag from '@/Tag';
+import CopyButton from '../CopyButton';
+import { Flexbox } from '../Flex';
+import { styles, variants } from '../Highlighter/style';
+import Tag from '../Tag';
 
 import FullFeatured from './FullFeatured';
 import SyntaxMermaid from './SyntaxMermaid';

package/ui/src/Mermaid/SyntaxMermaid/StaticMermaid.tsx

@@ -4,8 +4,8 @@ import { kebabCase } from 'es-toolkit/compat';
 import { type Ref } from 'react';
 import { memo, useEffect, useId, useMemo, useState } from 'react';
 
-import { useMermaid } from '@/hooks/useMermaid';
-import Image from '@/Image';
+import { useMermaid } from '../../hooks/useMermaid';
+import Image from '../../Image';
 
 import { mermaidThemes } from '../const';
 import { type SyntaxMermaidProps } from '../type';

package/ui/src/Mermaid/SyntaxMermaid/StreamMermaid.tsx

@@ -4,8 +4,8 @@ import { kebabCase } from 'es-toolkit/compat';
 import { type Ref } from 'react';
 import { memo, useEffect, useId, useMemo, useState } from 'react';
 
-import { useStreamMermaid } from '@/hooks/useStreamMermaid';
-import Image from '@/Image';
+import { useStreamMermaid } from '../../hooks/useStreamMermaid';
+import Image from '../../Image';
 
 import { mermaidThemes } from '../const';
 import { type SyntaxMermaidProps } from '../type';

package/ui/src/Mermaid/type.ts

@@ -1,8 +1,8 @@
 import type { MermaidConfig } from 'mermaid';
 import type { CSSProperties, ReactNode, Ref } from 'react';
 
-import type { ActionIconProps } from '@/ActionIcon';
-import type { DivProps } from '@/types';
+import type { ActionIconProps } from '../ActionIcon';
+import type { DivProps } from '../types';
 
 export interface SyntaxMermaidProps {
   animated?: boolean;

package/ui/src/Modal/Modal.tsx

@@ -5,8 +5,8 @@ import { cssVar, cx, useResponsive } from 'antd-style';
 import { Maximize2, Minimize2, X } from 'lucide-react';
 import { memo, type ReactNode, useState } from 'react';
 
-import ActionIcon from '@/ActionIcon';
-import Icon from '@/Icon';
+import ActionIcon from '../ActionIcon';
+import Icon from '../Icon';
 
 import { styles } from './style';
 import { type ModalProps } from './type';

package/ui/src/Modal/ModalStackItem.tsx

@@ -2,7 +2,7 @@
 
 import { memo, useCallback, useMemo } from 'react';
 
-import { useEventCallback } from '@/hooks/useEventCallback';
+import { useEventCallback } from '../hooks/useEventCallback';
 
 import Modal from './Modal';
 import { ModalProvider } from './ModalProvider';

package/ui/src/Modal/RawModalStackItem.tsx

@@ -3,7 +3,7 @@
 import type { ComponentType } from 'react';
 import { memo, useMemo } from 'react';
 
-import { useEventCallback } from '@/hooks/useEventCallback';
+import { useEventCallback } from '../hooks/useEventCallback';
 
 import { ModalProvider } from './ModalProvider';
 import type { ModalContextValue, RawModalOptions } from './type';

package/ui/src/Modal/imperative.tsx

@@ -4,9 +4,9 @@ import type { ReactNode } from 'react';
 import { memo, useEffect, 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 { ModalStackItem } from './ModalStackItem';
 import { RawModalStackItem } from './RawModalStackItem';

package/ui/src/Popover/index.ts

@@ -1,2 +1,2 @@
-export * from '@/base-ui/Popover';
-export { default } from '@/base-ui/Popover';
+export * from '../base-ui/Popover';
+export { default } from '../base-ui/Popover';

package/ui/src/ScrollArea/index.ts

@@ -1 +1 @@
-export * from '@/base-ui/ScrollArea';
+export * from '../base-ui/ScrollArea';

package/ui/src/ScrollShadow/ScrollShadow.tsx

@@ -5,8 +5,8 @@ import type { FC } from 'react';
 import { useMemo, useRef } from 'react';
 import { mergeRefs } from 'react-merge-refs';
 
-import { Flexbox } from '@/Flex';
-import { useEventCallback } from '@/hooks/useEventCallback';
+import { Flexbox } from '../Flex';
+import { useEventCallback } from '../hooks/useEventCallback';
 
 import { variants } from './style';
 import type { ScrollShadowProps } from './type';

package/ui/src/ScrollShadow/type.ts

@@ -1,6 +1,6 @@
 import type { Ref } from 'react';
 
-import type { FlexboxProps } from '@/Flex';
+import type { FlexboxProps } from '../Flex';
 
 export interface ScrollShadowProps extends FlexboxProps {
   hideScrollBar?: boolean;

package/ui/src/SearchBar/SearchBar.tsx

@@ -6,10 +6,10 @@ import { memo, useMemo, useRef, useState } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
 import useControlledState from 'use-merge-value';
 
-import Spotlight from '@/awesome/Spotlight';
-import Hotkey from '@/Hotkey';
-import Icon from '@/Icon';
-import Input from '@/Input';
+import Spotlight from '../awesome/Spotlight';
+import Hotkey from '../Hotkey';
+import Icon from '../Icon';
+import Input from '../Input';
 
 import { styles } from './style';
 import { type SearchBarProps } from './type';

package/ui/src/SearchBar/style.ts

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

package/ui/src/SearchBar/type.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties } from 'react';
 
-import type { InputProps } from '@/Input';
+import type { InputProps } from '../Input';
 
 export interface SearchBarProps extends Omit<InputProps, 'styles' | 'classNames'> {
   classNames?: {

package/ui/src/Segmented/style.ts

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

package/ui/src/Segmented/type.ts

@@ -1,7 +1,7 @@
 import type { SegmentedProps as AntdSegmentedProps } from 'antd';
 import type { Ref } from 'react';
 
-import type { IconProps } from '@/Icon';
+import type { IconProps } from '../Icon';
 
 export interface SegmentedProps extends AntdSegmentedProps {
   glass?: boolean;

package/ui/src/Select/Select.tsx

@@ -5,7 +5,7 @@ import { cx, useThemeMode } from 'antd-style';
 import { ChevronDownIcon } from 'lucide-react';
 import { memo } from 'react';
 
-import Icon from '@/Icon';
+import Icon from '../Icon';
 
 import { variants } from './style';
 import type { SelectProps } from './type';

package/ui/src/Select/style.ts

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