chore: add consistent type imports

components/TempDesignSystem/Form/Checkbox/index.tsx

@@ -9,7 +9,7 @@ import Caption from "@/components/TempDesignSystem/Text/Caption"
 
 import styles from "./checkbox.module.css"
 
-import { CheckboxProps } from "@/types/components/checkbox"
+import type { CheckboxProps } from "@/types/components/checkbox"
 
 export default function Checkbox({
   className,

components/TempDesignSystem/Form/Date/index.tsx

@@ -1,7 +1,7 @@
 "use client"
 import { parseDate } from "@internationalized/date"
 import { useEffect } from "react"
-import { DateInput, DatePicker, Group } from "react-aria-components"
+import { DateInput, DatePicker, Group, type Key } from "react-aria-components"
 import { useController, useFormContext, useWatch } from "react-hook-form"
 import { useIntl } from "react-intl"
 
@@ -13,14 +13,10 @@ import { getLocalizedMonthName } from "@/utils/dateFormatting"
 import { rangeArray } from "@/utils/rangeArray"
 
 import ErrorMessage from "../ErrorMessage"
-import { DateName } from "./date"
+import { DateName, type DateProps } from "./date"
 
 import styles from "./date.module.css"
 
-import type { Key } from "react-aria-components"
-
-import type { DateProps } from "./date"
-
 export default function DateSelect({ name, registerOptions = {} }: DateProps) {
   const intl = useIntl()
   const { control, setValue, formState, watch } = useFormContext()

components/TempDesignSystem/Form/FilterChip/_Chip/index.tsx

@@ -6,7 +6,7 @@ import Caption from "@/components/TempDesignSystem/Text/Caption"
 
 import styles from "./chip.module.css"
 
-import { FilterChipProps } from "@/types/components/form/filterChip"
+import type { FilterChipProps } from "@/types/components/form/filterChip"
 
 export default function FilterChip({
   Icon = HeartIcon,

components/TempDesignSystem/Form/Label/label.ts

@@ -1,7 +1,7 @@
-import { labelVariants } from "./variants"
-
 import type { VariantProps } from "class-variance-authority"
 
+import type { labelVariants } from "./variants"
+
 export interface LabelProps
   extends React.PropsWithChildren<React.HTMLAttributes<HTMLSpanElement>>,
     VariantProps<typeof labelVariants> {

components/TempDesignSystem/Form/NewPassword/index.tsx

@@ -17,11 +17,11 @@ import Caption from "@/components/TempDesignSystem/Text/Caption"
 import { passwordValidators } from "@/utils/passwordValidator"
 
 import Button from "../../Button"
-import { IconProps, type NewPasswordProps } from "./newPassword"
+import { type IconProps, type NewPasswordProps } from "./newPassword"
 
 import styles from "./newPassword.module.css"
 
-import { PasswordValidatorKey } from "@/types/components/form/newPassword"
+import type { PasswordValidatorKey } from "@/types/components/form/newPassword"
 
 export default function NewPassword({
   name = "newPassword",

components/TempDesignSystem/Form/Phone/index.tsx

@@ -7,13 +7,11 @@ import { useController, useFormContext, useWatch } from "react-hook-form"
 import {
   CountrySelector,
   DialCodePreview,
-  ParsedCountry,
+  type ParsedCountry,
   usePhoneInput,
 } from "react-international-phone"
 import { useIntl } from "react-intl"
 
-import { Lang } from "@/constants/languages"
-
 import { ChevronDownIcon } from "@/components/Icons"
 import ErrorMessage from "@/components/TempDesignSystem/Form/ErrorMessage"
 import AriaInputWithLabel from "@/components/TempDesignSystem/Form/Input/AriaInputWithLabel"
@@ -29,6 +27,7 @@ import type {
   LowerCaseCountryCode,
   PhoneProps,
 } from "@/types/components/form/phone"
+import type { Lang } from "@/constants/languages"
 
 export default function Phone({
   ariaLabel = "Phone number input",