style: restrict type import (#1589)

packages/component/src/ui/button/Button.tsx

@@ -1,6 +1,6 @@
 import { Children, cloneElement, forwardRef } from 'react';
 
-import { ButtonProps } from './interface';
+import type { ButtonProps } from './interface';
 import { Loading } from './Loading';
 import { StyledButton } from './styles';
 import { getSize } from './utils';

packages/component/src/ui/button/IconButton.tsx

@@ -1,11 +1,5 @@
-import {
-  Children,
-  cloneElement,
-  CSSProperties,
-  forwardRef,
-  HTMLAttributes,
-  ReactElement,
-} from 'react';
+import type { CSSProperties, HTMLAttributes, ReactElement } from 'react';
+import { Children, cloneElement, forwardRef } from 'react';
 
 import { StyledIconButton } from './styles';
 const SIZE_SMALL = 'small' as const;

packages/component/src/ui/button/Loading.tsx

@@ -1,5 +1,5 @@
 import { styled } from '../../styles';
-import { ButtonProps } from './interface';
+import type { ButtonProps } from './interface';
 import { getButtonColors } from './utils';
 export const LoadingContainer = styled('div')<Pick<ButtonProps, 'type'>>(
   ({ theme, type = 'default' }) => {

packages/component/src/ui/button/TextButton.tsx

@@ -1,6 +1,6 @@
 import { Children, cloneElement, forwardRef } from 'react';
 
-import { ButtonProps } from './interface';
+import type { ButtonProps } from './interface';
 import { StyledTextButton } from './styles';
 import { getSize } from './utils';
 export const TextButton = forwardRef<HTMLButtonElement, ButtonProps>(

packages/component/src/ui/button/interface.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   CSSProperties,
   HTMLAttributes,
   PropsWithChildren,

packages/component/src/ui/button/styles.ts

@@ -1,7 +1,7 @@
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 
 import { absoluteCenter, displayInlineFlex, styled } from '../../styles';
-import { ButtonProps } from './interface';
+import type { ButtonProps } from './interface';
 import { getButtonColors, getSize } from './utils';
 
 export const StyledIconButton = styled('button', {

packages/component/src/ui/button/utils.ts

@@ -1,11 +1,7 @@
-import { Theme } from '@mui/material';
+import type { Theme } from '@mui/material';
 
-import {
-  ButtonProps,
-  SIZE_DEFAULT,
-  SIZE_MIDDLE,
-  SIZE_SMALL,
-} from './interface';
+import type { ButtonProps } from './interface';
+import { SIZE_DEFAULT, SIZE_MIDDLE, SIZE_SMALL } from './interface';
 
 // TODO: Designer is not sure about the size, Now, is just use default size
 export const SIZE_CONFIG = {