chore: run lint-scripts --fix for consistent-type-imports

packages/alert/src/MessageQueue.tsx

@@ -1,17 +1,18 @@
-import { ReactElement, ReactNode, useMemo } from "react";
+import type { ReactElement, ReactNode } from "react";
+import { useMemo } from "react";
 
+import type { AddMessage, Message, ToastMessage } from "./MessageQueueContext";
 import {
-  AddMessage,
   AddMessageContext,
-  Message,
   MessageQueueActionsContext,
   MessageQueueContext,
   MessageVisibilityContext,
-  ToastMessage,
 } from "./MessageQueueContext";
 import type { SnackbarProps } from "./Snackbar";
-import { ActionEventHandler, SnackbarQueue } from "./SnackbarQueue";
-import { MessageQueueOptions, useMessageQueue } from "./useMessageQueue";
+import type { ActionEventHandler } from "./SnackbarQueue";
+import { SnackbarQueue } from "./SnackbarQueue";
+import type { MessageQueueOptions } from "./useMessageQueue";
+import { useMessageQueue } from "./useMessageQueue";
 
 export interface MessageQueueProps<M extends ToastMessage>
   extends MessageQueueOptions<M>,

packages/alert/src/MessageQueueContext.tsx

@@ -1,4 +1,5 @@
-import { createContext, ReactNode, useContext } from "react";
+import type { ReactNode } from "react";
+import { createContext, useContext } from "react";
 import type { ButtonProps } from "@react-md/button";
 
 import type { ToastProps } from "./Toast";

packages/alert/src/Snackbar.tsx

@@ -1,9 +1,8 @@
-import { forwardRef, HTMLAttributes } from "react";
+import type { HTMLAttributes } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
-import {
-  ConditionalPortal,
-  RenderConditionalPortalProps,
-} from "@react-md/portal";
+import type { RenderConditionalPortalProps } from "@react-md/portal";
+import { ConditionalPortal } from "@react-md/portal";
 import { bem } from "@react-md/utils";
 
 export type SnackbarPosition = "bottom" | "top";

packages/alert/src/SnackbarQueue.tsx

@@ -1,18 +1,15 @@
-import {
-  forwardRef,
-  isValidElement,
-  ReactElement,
-  ReactNode,
-  Ref,
-} from "react";
-import { Button, ButtonProps } from "@react-md/button";
+import type { ReactElement, ReactNode, Ref } from "react";
+import { forwardRef, isValidElement } from "react";
+import type { ButtonProps } from "@react-md/button";
+import { Button } from "@react-md/button";
 
+import type { ToastMessage } from "./MessageQueueContext";
 import {
-  ToastMessage,
   useMessageQueueActions,
   useMessageVisibility,
 } from "./MessageQueueContext";
-import { Snackbar, SnackbarProps } from "./Snackbar";
+import type { SnackbarProps } from "./Snackbar";
+import { Snackbar } from "./Snackbar";
 import { Toast } from "./Toast";
 
 export type ActionEventHandler<M extends ToastMessage> = (

packages/alert/src/Toast.tsx

@@ -1,9 +1,8 @@
-import { forwardRef, HTMLAttributes, ReactNode } from "react";
+import type { HTMLAttributes, ReactNode } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
-import {
-  CSSTransition,
-  CSSTransitionComponentProps,
-} from "@react-md/transition";
+import type { CSSTransitionComponentProps } from "@react-md/transition";
+import { CSSTransition } from "@react-md/transition";
 import { bem } from "@react-md/utils";
 
 import { DEFAULT_TOAST_CLASSNAMES, DEFAULT_TOAST_TIMEOUT } from "./constants";

packages/alert/src/__tests__/useMessageQueue.ts

@@ -1,7 +1,7 @@
-import { Message, ToastMessage } from "../MessageQueueContext";
+import type { Message, ToastMessage } from "../MessageQueueContext";
+import type { AddMessageAction } from "../useMessageQueue";
 import {
   addMessage,
-  AddMessageAction,
   ADD_MESSAGE,
   handleAddMessage,
   popMessage,

packages/alert/src/useMessageQueue.ts

@@ -1,16 +1,17 @@
-import { Reducer, useCallback, useEffect, useReducer, useRef } from "react";
+import type { Reducer } from "react";
+import { useCallback, useEffect, useReducer, useRef } from "react";
 import { useTimeout, useToggle } from "@react-md/utils";
 
-import {
+import type {
   AddMessage,
-  DEFAULT_MESSAGE_QUEUE_TIMEOUT,
   DuplicateBehavior,
   Message,
   MessageQueueActions,
   PopMessage,
   ResetQueue,
   ToastMessage,
 } from "./MessageQueueContext";
+import { DEFAULT_MESSAGE_QUEUE_TIMEOUT } from "./MessageQueueContext";
 import { useWindowBlurPause } from "./useWindowBlurPause";
 
 export const ADD_MESSAGE = "ADD_MESSAGE";

packages/app-bar/src/AppBar.tsx

@@ -1,4 +1,5 @@
-import { ElementType, forwardRef, HTMLAttributes } from "react";
+import type { ElementType, HTMLAttributes } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
 import { bem } from "@react-md/utils";
 

packages/app-bar/src/AppBarAction.tsx

@@ -1,10 +1,9 @@
 import { forwardRef } from "react";
-import { Button, ButtonProps } from "@react-md/button";
+import type { ButtonProps } from "@react-md/button";
+import { Button } from "@react-md/button";
 
-import {
-  AppBarActionClassNameProps,
-  useActionClassName,
-} from "./useActionClassName";
+import type { AppBarActionClassNameProps } from "./useActionClassName";
+import { useActionClassName } from "./useActionClassName";
 
 export interface AppBarActionProps
   extends ButtonProps,

packages/app-bar/src/AppBarNav.tsx

@@ -1,9 +1,11 @@
 import { forwardRef } from "react";
 import cn from "classnames";
-import { Button, ButtonProps } from "@react-md/button";
+import type { ButtonProps } from "@react-md/button";
+import { Button } from "@react-md/button";
 import { bem } from "@react-md/utils";
 
-import { AppBarColorInherit, useInheritContext } from "./useInheritContext";
+import type { AppBarColorInherit } from "./useInheritContext";
+import { useInheritContext } from "./useInheritContext";
 
 export interface AppBarNavProps extends ButtonProps, AppBarColorInherit {}
 

packages/app-bar/src/AppBarTitle.tsx

@@ -1,8 +1,10 @@
-import { forwardRef, HTMLAttributes } from "react";
+import type { HTMLAttributes } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
 import { bem } from "@react-md/utils";
 
-import { AppBarColorInherit, useInheritContext } from "./useInheritContext";
+import type { AppBarColorInherit } from "./useInheritContext";
+import { useInheritContext } from "./useInheritContext";
 
 export interface AppBarTitleProps
   extends HTMLAttributes<HTMLHeadingElement>,

packages/app-bar/src/__tests__/useInheritContext.tsx

@@ -1,4 +1,4 @@
-import { MutableRefObject, ReactElement, ReactNode } from "react";
+import type { MutableRefObject, ReactElement, ReactNode } from "react";
 import { renderHook } from "@testing-library/react-hooks";
 import { render } from "@testing-library/react";
 

packages/app-bar/src/useActionClassName.ts

@@ -1,7 +1,8 @@
 import cn from "classnames";
 import { bem } from "@react-md/utils";
 
-import { AppBarColorInherit, useInheritContext } from "./useInheritContext";
+import type { AppBarColorInherit } from "./useInheritContext";
+import { useInheritContext } from "./useInheritContext";
 
 const block = bem("rmd-app-bar");
 

packages/autocomplete/src/AutoComplete.tsx

@@ -1,11 +1,7 @@
 import { forwardRef } from "react";
 import cn from "classnames";
-import {
-  isListboxOptionProps,
-  ListboxOptionProps,
-  Option,
-  TextField,
-} from "@react-md/form";
+import type { ListboxOptionProps } from "@react-md/form";
+import { isListboxOptionProps, Option, TextField } from "@react-md/form";
 import { List } from "@react-md/list";
 import { ScaleTransition } from "@react-md/transition";
 import { BELOW_CENTER_ANCHOR, bem, omit } from "@react-md/utils";

packages/autocomplete/src/__tests__/AutoComplete.tsx

@@ -5,7 +5,7 @@ import {
 } from "@testing-library/react";
 
 import { AutoComplete } from "../AutoComplete";
-import { AutoCompleteProps } from "../types";
+import type { AutoCompleteProps } from "../types";
 import states from "../../../documentation/src/constants/states";
 
 function getById<E extends HTMLElement>(id: string): E {

packages/autocomplete/src/__tests__/utils.ts

@@ -1,7 +1,7 @@
 import { createElement } from "react";
 import { fuzzyFilter, caseInsensitiveFilter } from "@react-md/utils";
 
-import { FilterFunction } from "../types";
+import type { FilterFunction } from "../types";
 import {
   getResultId,
   getResultLabel,

packages/autocomplete/src/useAutoComplete.ts

@@ -1,23 +1,18 @@
-import {
+import type {
   ChangeEventHandler,
   CSSProperties,
   FocusEventHandler,
   HTMLAttributes,
   KeyboardEventHandler,
   MouseEventHandler,
   Ref,
-  useCallback,
-  useEffect,
-  useRef,
-  useState,
 } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import type { ListElement } from "@react-md/list";
+import type { FixedPositioningTransitionCallbacks } from "@react-md/transition";
+import { useFixedPositioning } from "@react-md/transition";
+import type { ItemRefList } from "@react-md/utils";
 import {
-  FixedPositioningTransitionCallbacks,
-  useFixedPositioning,
-} from "@react-md/transition";
-import {
-  ItemRefList,
   MovementPresets,
   scrollIntoView,
   useActiveDescendantMovement,

packages/avatar/src/Avatar.tsx

@@ -1,6 +1,8 @@
-import { forwardRef, HTMLAttributes, ImgHTMLAttributes } from "react";
+import type { HTMLAttributes, ImgHTMLAttributes } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
-import { bem, PropsWithRef } from "@react-md/utils";
+import type { PropsWithRef } from "@react-md/utils";
+import { bem } from "@react-md/utils";
 
 type ImgAttributes = ImgHTMLAttributes<HTMLImageElement>;
 

packages/badge/src/Badge.tsx

@@ -1,4 +1,5 @@
-import { forwardRef, HTMLAttributes, ReactNode } from "react";
+import type { HTMLAttributes, ReactNode } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
 import { bem } from "@react-md/utils";
 

packages/badge/src/BadgeContainer.tsx

@@ -1,4 +1,5 @@
-import { forwardRef, HTMLAttributes, ReactElement, Ref } from "react";
+import type { HTMLAttributes, ReactElement, Ref } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
 import { bem } from "@react-md/utils";
 

packages/badge/src/BadgedButton.tsx

@@ -1,9 +1,12 @@
-import { CSSProperties, forwardRef, ReactNode, Ref } from "react";
+import type { CSSProperties, ReactNode, Ref } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
-import { Button, ButtonProps } from "@react-md/button";
+import type { ButtonProps } from "@react-md/button";
+import { Button } from "@react-md/button";
 import { useIcon } from "@react-md/icon";
 
-import { Badge, BadgeProps, BadgeTheme } from "./Badge";
+import type { BadgeProps, BadgeTheme } from "./Badge";
+import { Badge } from "./Badge";
 import { isEmpty } from "./isEmpty";
 
 export interface BadgedButtonProps

packages/badge/src/__tests__/Badge.tsx

@@ -1,6 +1,7 @@
 import { render } from "@testing-library/react";
 
-import { Badge, BadgeTheme } from "../Badge";
+import type { BadgeTheme } from "../Badge";
+import { Badge } from "../Badge";
 
 describe("Badge", () => {
   it("should render as null by default", () => {

packages/button/src/Button.tsx

@@ -1,16 +1,14 @@
 /* eslint-disable react/button-has-type */
-import { ButtonHTMLAttributes, forwardRef, ReactNode } from "react";
-import {
-  InteractionStatesOptions,
-  useInteractionStates,
-} from "@react-md/states";
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+import { forwardRef } from "react";
+import type { InteractionStatesOptions } from "@react-md/states";
+import { useInteractionStates } from "@react-md/states";
 import type { PropsWithRef } from "@react-md/utils";
 
-import {
-  buttonThemeClassNames,
-  ButtonThemeProps,
-} from "./buttonThemeClassNames";
-import { FAB, FABPosition, FABProps } from "./FAB";
+import type { ButtonThemeProps } from "./buttonThemeClassNames";
+import { buttonThemeClassNames } from "./buttonThemeClassNames";
+import type { FABPosition, FABProps } from "./FAB";
+import { FAB } from "./FAB";
 
 /**
  * This interface includes all the props that the `Button` component accepts so

packages/button/src/FAB.tsx

@@ -1,4 +1,5 @@
-import { forwardRef, HTMLAttributes } from "react";
+import type { HTMLAttributes } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
 import { bem } from "@react-md/utils";
 

packages/button/src/UnstyledButton.tsx

@@ -1,4 +1,5 @@
-import { ButtonHTMLAttributes, forwardRef } from "react";
+import type { ButtonHTMLAttributes } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
 
 /**

packages/button/src/__tests__/Button.tsx

@@ -1,13 +1,13 @@
 import { render, fireEvent } from "@testing-library/react";
 
 import { Button } from "../Button";
-import {
+import type {
   ButtonTheme,
   ButtonThemeType,
   ButtonType,
   ButtonThemeProps,
 } from "../buttonThemeClassNames";
-import { FABPosition } from "../FAB";
+import type { FABPosition } from "../FAB";
 
 const themes: ButtonTheme[] = [
   "clear",

packages/button/src/__tests__/buttonThemeClassNames.ts

@@ -1,4 +1,5 @@
-import { ButtonTheme, buttonThemeClassNames } from "../buttonThemeClassNames";
+import type { ButtonTheme } from "../buttonThemeClassNames";
+import { buttonThemeClassNames } from "../buttonThemeClassNames";
 
 describe("buttonThemeClassNames", () => {
   describe("defaults", () => {

packages/card/src/Card.tsx

@@ -1,4 +1,5 @@
-import { forwardRef, HTMLAttributes } from "react";
+import type { HTMLAttributes } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
 import { bem } from "@react-md/utils";
 

packages/card/src/CardActions.tsx

@@ -1,4 +1,5 @@
-import { forwardRef, HTMLAttributes } from "react";
+import type { HTMLAttributes } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
 import { bem } from "@react-md/utils";
 

packages/card/src/CardContent.tsx

@@ -1,4 +1,5 @@
-import { forwardRef, HTMLAttributes } from "react";
+import type { HTMLAttributes } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
 import { bem } from "@react-md/utils";
 

packages/card/src/CardHeader.tsx

@@ -1,4 +1,5 @@
-import { forwardRef, HTMLAttributes, ReactNode } from "react";
+import type { HTMLAttributes, ReactNode } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
 import { TextIconSpacing } from "@react-md/icon";
 import { bem } from "@react-md/utils";

packages/card/src/CardSubtitle.tsx

@@ -1,4 +1,5 @@
-import { forwardRef, HTMLAttributes } from "react";
+import type { HTMLAttributes } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
 import { bem } from "@react-md/utils";
 

packages/card/src/CardTitle.tsx

@@ -1,4 +1,5 @@
-import { forwardRef, HTMLAttributes } from "react";
+import type { HTMLAttributes } from "react";
+import { forwardRef } from "react";
 import cn from "classnames";
 import { bem } from "@react-md/utils";