🏷️ fix: fix type error

src/ActionIcon/index.tsx

@@ -3,6 +3,7 @@ import { Icon } from '@/index';
 import { LucideIcon } from 'lucide-react';
 import { memo } from 'react';
 
+import { DivProps } from '@/types';
 import { useStyles } from './style';
 
 export type ActionIconSize =

src/CopyButton/index.tsx

@@ -1,5 +1,6 @@
 import { useCopied } from '@/hooks/useCopied';
 import { ActionIcon, ActionIconSize, Tooltip, TooltipProps } from '@/index';
+import { DivProps } from '@/types';
 import copy from 'copy-to-clipboard';
 import { Copy } from 'lucide-react';
 import { ReactNode } from 'react';

src/DraggablePanel/index.tsx

@@ -6,6 +6,8 @@ import { memo, useEffect, useMemo, useRef, useState } from 'react';
 import { Center } from 'react-layout-kit';
 import type { Props as RndProps } from 'react-rnd';
 import useControlledState from 'use-merge-value';
+
+import { DivProps } from '@/types';
 import { useStyle } from './style';
 import { revesePlacement } from './utils';
 

src/Highlighter/index.tsx

@@ -1,4 +1,6 @@
 import { memo } from 'react';
+
+import { DivProps } from '@/types';
 import CopyButton from '../CopyButton';
 import SyntaxHighlighter, { type SyntaxHighlighterProps } from './SyntaxHighlighter';
 import { useStyles } from './style';

src/Logo/index.tsx

@@ -1,4 +1,6 @@
+import { DivProps } from '@/types';
 import { useTheme } from 'antd-style';
+
 import { memo } from 'react';
 import Divider from './Divider';
 import Logo3D from './Logo3D';

src/SideNav/index.tsx

@@ -1,3 +1,4 @@
+import { DivProps } from '@/types';
 import { Space } from 'antd';
 import { memo, ReactNode } from 'react';
 import { useStyles } from './style';

src/Snippet/index.tsx

@@ -1,6 +1,8 @@
-import { CopyButton, SyntaxHighlighter } from '@/index';
-
 import { memo } from 'react';
+
+import { DivProps } from '@/types';
+import CopyButton from '../CopyButton';
+import { SyntaxHighlighter } from '../Highlighter';
 import { useStyles } from './style';
 
 export interface SnippetProps extends DivProps {

src/StroyBook/index.tsx

@@ -1,7 +1,9 @@
-import { DraggablePanel } from '@/index';
+import { DivProps } from '@/types';
 import { useResponsive } from 'antd-style';
 import { LevaPanel, useControls, useCreateStore } from 'leva';
 import { memo } from 'react';
+
+import DraggablePanel from '../DraggablePanel';
 import { useStyles } from './style';
 
 export { useCreateStore, useControls };

src/ThemeSwitch/index.tsx

@@ -1,9 +1,10 @@
+import { ActionIcon, Icon, type ActionIconSize } from '@lobehub/ui';
 import { Dropdown, type MenuProps } from 'antd';
 import { ThemeMode } from 'antd-style';
 import { Monitor, Moon, Sun } from 'lucide-react';
 import { memo } from 'react';
 
-import { ActionIcon, Icon, type ActionIconSize } from '@lobehub/ui';
+import { DivProps } from '@/types';
 
 const icons = {
   auto: Monitor,

src/types/index.d.ts

@@ -6,9 +6,12 @@ declare module 'styled-components' {
   export interface DefaultTheme extends AntdStyleTheme {}
 }
 
-declare global {
-  type DivProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export type DivProps = React.DetailedHTMLProps<
+  React.HTMLAttributes<HTMLDivElement>,
+  HTMLDivElement
+>;
 
+declare global {
   type SvgProps = React.DetailedHTMLProps<React.HTMLAttributes<SVGSVGElement>, SVGSVGElement>;
 
   type ImgProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLImageElement>, HTMLImageElement>;