Update lint rules

src/base/components/inputs/ButtonSelectInput.tsx

@@ -8,7 +8,7 @@
 
 import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
-import { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 
 import { ButtonSelect } from '@/base/components/buttons/ButtonSelect.tsx';
 

src/base/components/inputs/CheckboxInput.tsx

@@ -6,8 +6,10 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import Checkbox, { CheckboxProps } from '@mui/material/Checkbox';
-import FormControlLabel, { FormControlLabelProps } from '@mui/material/FormControlLabel';
+import type { CheckboxProps } from '@mui/material/Checkbox';
+import Checkbox from '@mui/material/Checkbox';
+import type { FormControlLabelProps } from '@mui/material/FormControlLabel';
+import FormControlLabel from '@mui/material/FormControlLabel';
 import React from 'react';
 
 interface IProps extends CheckboxProps {

src/base/components/inputs/PasswordTextField.tsx

@@ -7,7 +7,8 @@
  */
 
 import InputAdornment from '@mui/material/InputAdornment';
-import TextField, { TextFieldProps } from '@mui/material/TextField';
+import type { TextFieldProps } from '@mui/material/TextField';
+import TextField from '@mui/material/TextField';
 import { useState } from 'react';
 import IconButton from '@mui/material/IconButton';
 import Visibility from '@mui/icons-material/Visibility';

src/base/components/inputs/RadioInput.tsx

@@ -7,7 +7,8 @@
  */
 
 import FormControlLabel from '@mui/material/FormControlLabel';
-import Radio, { RadioProps } from '@mui/material/Radio';
+import type { RadioProps } from '@mui/material/Radio';
+import Radio from '@mui/material/Radio';
 import React from 'react';
 
 export interface RadioInputProps extends RadioProps {

src/base/components/inputs/SearchTextField.tsx

@@ -6,8 +6,10 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import TextField, { TextFieldProps } from '@mui/material/TextField';
-import IconButton, { IconButtonProps } from '@mui/material/IconButton';
+import type { TextFieldProps } from '@mui/material/TextField';
+import TextField from '@mui/material/TextField';
+import type { IconButtonProps } from '@mui/material/IconButton';
+import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
 import CancelIcon from '@mui/icons-material/Cancel';
 

src/base/components/inputs/SliderInput.tsx

@@ -6,8 +6,10 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import Slider, { SliderProps } from '@mui/material/Slider';
-import Typography, { TypographyProps } from '@mui/material/Typography';
+import type { SliderProps } from '@mui/material/Slider';
+import Slider from '@mui/material/Slider';
+import type { TypographyProps } from '@mui/material/Typography';
+import Typography from '@mui/material/Typography';
 import Stack from '@mui/material/Stack';
 import { ResetButton } from '@/base/components/buttons/ResetButton.tsx';
 

src/base/components/inputs/SortRadioInput.tsx

@@ -9,7 +9,8 @@
 import ArrowDownward from '@mui/icons-material/ArrowDownward';
 import ArrowUpward from '@mui/icons-material/ArrowUpward';
 import { memo } from 'react';
-import { RadioInput, RadioInputProps } from '@/base/components/inputs/RadioInput.tsx';
+import type { RadioInputProps } from '@/base/components/inputs/RadioInput.tsx';
+import { RadioInput } from '@/base/components/inputs/RadioInput.tsx';
 
 interface IProps extends RadioInputProps {
     sortDescending?: boolean | null | undefined;

src/base/components/inputs/ThreeStateCheckbox.tsx

@@ -7,14 +7,19 @@
  */
 
 import DisabledByDefaultRounded from '@mui/icons-material/DisabledByDefaultRounded';
-import Checkbox, { CheckboxProps } from '@mui/material/Checkbox';
+import type { CheckboxProps } from '@mui/material/Checkbox';
+import Checkbox from '@mui/material/Checkbox';
 import React, { useCallback } from 'react';
 
 type CheckState = boolean | undefined | null;
 
 function nextState(state: CheckState): CheckState {
-    if (state === true) return false;
-    if (state === false) return undefined;
+    if (state === true) {
+        return false;
+    }
+    if (state === false) {
+        return undefined;
+    }
     return true;
 }
 

src/base/components/inputs/ThreeStateCheckboxInput.tsx

@@ -8,7 +8,8 @@
 
 import FormControlLabel from '@mui/material/FormControlLabel';
 import React from 'react';
-import { ThreeStateCheckbox, ThreeStateCheckboxProps } from '@/base/components/inputs/ThreeStateCheckbox.tsx';
+import type { ThreeStateCheckboxProps } from '@/base/components/inputs/ThreeStateCheckbox.tsx';
+import { ThreeStateCheckbox } from '@/base/components/inputs/ThreeStateCheckbox.tsx';
 
 interface IProps extends ThreeStateCheckboxProps {
     label?: string;