style: add eslint rule to separate type and code imports

.eslintrc

@@ -33,6 +33,7 @@
     "react/jsx-indent-props": 0,
     "react/prop-types": 0,
 
+    "@typescript-eslint/consistent-type-imports": "warn",
     "@typescript-eslint/explicit-function-return-type": "warn",
     "@typescript-eslint/no-shadow": "warn",
     "@typescript-eslint/no-unused-vars": [

src/ReactCompareSlider.tsx

@@ -4,13 +4,8 @@ import type { CSSProperties, FC, ReactElement } from 'react';
 import { ContainerClip, ContainerHandle } from './Container';
 import { ReactCompareSliderHandle } from './ReactCompareSliderHandle';
 import type { ReactCompareSliderDetailedProps } from './types';
-import {
-  KeyboardEventKeys,
-  UseResizeObserverHandlerProps,
-  useEventListener,
-  usePrevious,
-  useResizeObserver,
-} from './utils';
+import type { UseResizeObserverHandlerProps } from './utils';
+import { KeyboardEventKeys, useEventListener, usePrevious, useResizeObserver } from './utils';
 
 /** Properties for internal `updateInternalPosition` callback. */
 interface UpdateInternalPositionProps

src/ReactCompareSliderHandle.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { CSSProperties, FC, HtmlHTMLAttributes, ReactElement } from 'react';
 
-import { ReactCompareSliderCommonProps } from './types';
+import type { ReactCompareSliderCommonProps } from './types';
 
 interface ThisArrowProps {
   /** Whether to flip the arrow direction. */

src/utils.ts

@@ -1,5 +1,5 @@
-import { RefObject, useCallback, useEffect, useLayoutEffect, useRef } from 'react';
-import type { CSSProperties } from 'react';
+import type { CSSProperties, RefObject } from 'react';
+import { useCallback, useEffect, useLayoutEffect, useRef } from 'react';
 
 /** Keyboard `key` events to trigger slider movement. */
 export enum KeyboardEventKeys {