chore: add consistent type imports

components/Blocks/DynamicContent/LoyaltyLevels/index.tsx

@@ -12,7 +12,7 @@ import SectionWrapper from "../SectionWrapper"
 
 import styles from "./loyaltyLevels.module.css"
 
-import { LoyaltyLevelsProps } from "@/types/components/blocks/dynamicContent"
+import type { LoyaltyLevelsProps } from "@/types/components/blocks/dynamicContent"
 import type { LevelCardProps } from "@/types/components/overviewTable"
 
 export default async function LoyaltyLevels({

components/Blocks/DynamicContent/Overview/Friend/Hero/hero.ts

@@ -1,6 +1,6 @@
-import { VariantProps } from "class-variance-authority"
+import type { VariantProps } from "class-variance-authority"
 
-import { heroVariants } from "./heroVariants"
+import type { heroVariants } from "./heroVariants"
 
 export interface HeroProps
   extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">,

components/Blocks/DynamicContent/Overview/Friend/Hero/index.tsx

@@ -1,6 +1,7 @@
-import { HeroProps } from "./hero"
 import { heroVariants } from "./heroVariants"
 
+import type { HeroProps } from "./hero"
+
 export default function Hero({ className, color, children }: HeroProps) {
   const classNames = heroVariants({ className, color })
   return <section className={classNames}>{children}</section>

components/Blocks/DynamicContent/Overview/Stats/Points/index.tsx

@@ -7,7 +7,7 @@ import { getMembership } from "@/utils/user"
 import PointsContainer from "./Container"
 import { NextLevelPointsColumn, YourPointsColumn } from "./PointsColumn"
 
-import { UserProps } from "@/types/components/myPages/user"
+import type { UserProps } from "@/types/components/myPages/user"
 
 export default async function Points({ user }: UserProps) {
   const intl = await getIntl()

components/Blocks/DynamicContent/OverviewTable/Client.tsx

@@ -4,7 +4,7 @@ import { useReducer } from "react"
 import { useIntl } from "react-intl"
 
 import {
-  MembershipLevel,
+  type MembershipLevel,
   MembershipLevelEnum,
 } from "@/constants/membershipLevels"
 
@@ -22,8 +22,8 @@ import styles from "./overviewTable.module.css"
 import type { Key } from "react-aria-components"
 
 import {
-  ComparisonLevel,
-  DesktopSelectColumns,
+  type ComparisonLevel,
+  type DesktopSelectColumns,
   type MobileColumnHeaderProps,
   OverviewTableActionsEnum,
   type OverviewTableClientProps,

components/Blocks/DynamicContent/OverviewTable/index.tsx

@@ -4,7 +4,7 @@ import { serverClient } from "@/lib/trpc/server"
 import SectionWrapper from "../SectionWrapper"
 import OverviewTableClient from "./Client"
 
-import { OverviewTableProps } from "@/types/components/blocks/dynamicContent"
+import type { OverviewTableProps } from "@/types/components/blocks/dynamicContent"
 
 export default async function OverviewTable({
   dynamic_content,

components/Blocks/DynamicContent/OverviewTable/reducer.ts

@@ -9,7 +9,7 @@ import {
   type LevelWithRewards,
   OverviewTableActionsEnum,
   type OverviewTableClientProps,
-  OverviewTableReducerAction,
+  type OverviewTableReducerAction,
 } from "@/types/components/overviewTable"
 
 export function getLevel(

components/Blocks/DynamicContent/Points/EarnAndBurn/JourneyTable/Client.tsx

@@ -10,7 +10,7 @@ import Pagination from "@/components/MyPages/Pagination"
 
 import ClientTable from "./ClientTable"
 
-import { Transactions } from "@/types/components/myPages/myPage/earnAndBurn"
+import type { Transactions } from "@/types/components/myPages/myPage/earnAndBurn"
 
 export default function TransactionTable({
   initialJourneyTransactions,

components/Blocks/DynamicContent/Points/ExpiringPoints/index.tsx

@@ -5,7 +5,7 @@ import SectionHeader from "@/components/Section/Header"
 
 import ExpiringPointsTable from "./ExpiringPointsTable"
 
-import { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
+import type { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
 
 export default async function ExpiringPoints({
   link,

components/Blocks/DynamicContent/Points/Overview/Points/index.tsx

@@ -12,8 +12,8 @@ import {
   YourPointsColumn,
 } from "../../../Overview/Stats/Points/PointsColumn"
 
-import { UserProps } from "@/types/components/myPages/user"
-import { LangParams } from "@/types/params"
+import type { UserProps } from "@/types/components/myPages/user"
+import type { LangParams } from "@/types/params"
 
 /* TODO */
 export default async function Points({ user, lang }: UserProps & LangParams) {

components/Blocks/DynamicContent/Rewards/RewardIcon/data.ts

@@ -1,8 +1,8 @@
-import { FC } from "react"
-
 import { getIconByIconName } from "@/components/Icons/get-icon-by-icon-name"
 import { isValidRewardId } from "@/utils/rewards"
 
+import type { FC } from "react"
+
 import { IconName, type IconProps } from "@/types/components/icon"
 import { RewardId } from "@/types/enums/rewards"
 

components/Blocks/DynamicContent/Rewards/RewardIcon/index.tsx

@@ -1,6 +1,6 @@
 import { mapRewardToIcon } from "./data"
 
-import { RewardIconProps } from "@/types/components/myPages/rewards"
+import type { RewardIconProps } from "@/types/components/myPages/rewards"
 
 // Original SVG aspect ratio is 358:202 (≈1.77:1)
 const sizeMap = {

components/Blocks/DynamicContent/SignupFormWrapper/index.tsx

@@ -6,7 +6,7 @@ import { getProfileSafely } from "@/lib/trpc/memoizedRequests"
 import SignupForm from "@/components/Forms/Signup"
 import { getLang } from "@/i18n/serverContext"
 
-import { SignupFormWrapperProps } from "@/types/components/blocks/dynamicContent"
+import type { SignupFormWrapperProps } from "@/types/components/blocks/dynamicContent"
 
 export default async function SignupFormWrapper({
   dynamic_content,

components/Blocks/DynamicContent/Stays/Soonest/index.tsx

@@ -8,7 +8,7 @@ import Grids from "@/components/TempDesignSystem/Grids"
 import StayCard from "../StayCard"
 import EmptyUpcomingStaysBlock from "./EmptyUpcomingStays"
 
-import { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
+import type { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
 
 export default async function SoonestStays({
   title,

components/Blocks/UspGrid/utils.ts

@@ -1,4 +1,4 @@
-import { UspIcon } from "@/types/components/blocks/uspGrid"
+import type { UspIcon } from "@/types/components/blocks/uspGrid"
 import { IconName } from "@/types/components/icon"
 
 export function getUspIconName(icon?: UspIcon | null) {

components/ContentType/HotelPage/IntroSection/types.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   HotelAddress,
   HotelData,
   HotelLocation,

components/ContentType/HotelPage/Map/MapWithCard/index.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { PropsWithChildren, useRef } from "react"
+import { type PropsWithChildren, useRef } from "react"
 
 import { StickyElementNameEnum } from "@/stores/sticky-position"
 

components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/index.tsx

@@ -6,7 +6,7 @@ import { getIntl } from "@/i18n"
 
 import styles from "./facility.module.css"
 
-import { FacilityProps } from "@/types/components/hotelPage/sidepeek/facility"
+import type { FacilityProps } from "@/types/components/hotelPage/sidepeek/facility"
 
 export default async function Facility({ data }: FacilityProps) {
   const intl = await getIntl()

components/ContentType/HotelPage/data.ts

@@ -1,8 +1,8 @@
-import { FC } from "react"
-
 import { getIconByIconName } from "@/components/Icons/get-icon-by-icon-name"
 
-import { IconName, IconProps } from "@/types/components/icon"
+import type { FC } from "react"
+
+import { IconName, type IconProps } from "@/types/components/icon"
 import { FacilityEnum } from "@/types/enums/facilities"
 
 const facilityToIconMap: Record<FacilityEnum, IconName> = {

components/ContentType/StaticPages/staticPage.ts

@@ -1,10 +1,9 @@
-import { staticPageVariants } from "./variants"
-
 import type { VariantProps } from "class-variance-authority"
 
 import type { TrackingSDKPageData } from "@/types/components/tracking"
 import type { CollectionPage } from "@/types/trpc/routers/contentstack/collectionPage"
 import type { ContentPage } from "@/types/trpc/routers/contentstack/contentPage"
+import type { staticPageVariants } from "./variants"
 
 export interface StaticPageProps
   extends Omit<React.HTMLAttributes<HTMLDivElement>, "content">,

components/Current/Blocks/List/ListItem.tsx

@@ -2,8 +2,7 @@ import { cva } from "class-variance-authority"
 
 import styles from "./list.module.css"
 
-import type { ListItem } from "@/types/requests/blocks/list"
-import { BlockListItemsEnum } from "@/types/requests/blocks/list"
+import { BlockListItemsEnum, type ListItem } from "@/types/requests/blocks/list"
 
 const config = {
   variants: {

components/Current/Header/LanguageSwitcher/Desktop/index.tsx

@@ -1,7 +1,7 @@
 "use client"
 import { useCallback, useEffect, useRef, useState } from "react"
 
-import { Lang, languages } from "@/constants/languages"
+import { type Lang, languages } from "@/constants/languages"
 
 import Link from "@/components/TempDesignSystem/Link"
 import useLang from "@/hooks/useLang"

components/Current/Header/LanguageSwitcher/Mobile/index.tsx

@@ -1,7 +1,7 @@
 "use client"
 import { useState } from "react"
 
-import { Lang, languages } from "@/constants/languages"
+import { type Lang, languages } from "@/constants/languages"
 
 import useLang from "@/hooks/useLang"
 

components/Current/Header/LanguageSwitcher/index.tsx

@@ -1,7 +1,7 @@
 import Desktop from "./Desktop"
 import Mobile from "./Mobile"
 
-import { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
+import type { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
 
 type LanguageSwitcherProps = { urls: LanguageSwitcherData }
 

components/Current/Header/MyPagesMobileDropdown/index.tsx

@@ -3,7 +3,6 @@ import { Fragment } from "react"
 import { useIntl } from "react-intl"
 
 import { logout } from "@/constants/routes/handleAuth"
-import { navigationQueryRouter } from "@/server/routers/contentstack/myPages/navigation/query"
 import useDropdownStore from "@/stores/main-menu"
 
 import Divider from "@/components/TempDesignSystem/Divider"
@@ -14,6 +13,7 @@ import useLang from "@/hooks/useLang"
 import styles from "./my-pages-mobile-dropdown.module.css"
 
 import { DropdownTypeEnum } from "@/types/components/dropdown/dropdown"
+import type { navigationQueryRouter } from "@/server/routers/contentstack/myPages/navigation/query"
 
 type Navigation = Awaited<ReturnType<(typeof navigationQueryRouter)["get"]>>
 

components/Current/NotFound/Texts.ts

@@ -1,4 +1,4 @@
-import { Lang } from "@/constants/languages"
+import type { Lang } from "@/constants/languages"
 
 type Texts = {
   title: string

components/Current/Tracking.tsx

@@ -3,7 +3,7 @@
 import { usePathname, useSearchParams } from "next/navigation"
 import { useEffect, useState } from "react"
 
-import {
+import type {
   SiteSectionObject,
   TrackingData,
   TrackingProps,

components/Current/currentRenderOptions.tsx

@@ -7,13 +7,13 @@ import type { EmbedByUid } from "@/types/components/deprecatedjsontohtml"
 import { EmbedEnum } from "@/types/requests/utils/embeds"
 import type { Attributes } from "@/types/rte/attrs"
 import { RTEItemTypeEnum, RTETypeEnum } from "@/types/rte/enums"
-import type {
-  RTEDefaultNode,
-  RTENext,
-  RTENode,
-  RTERegularNode,
+import {
+  type RTEDefaultNode,
+  RTEMarkType,
+  type RTENext,
+  type RTENode,
+  type RTERegularNode,
 } from "@/types/rte/node"
-import { RTEMarkType } from "@/types/rte/node"
 import type { RenderOptions } from "@/types/rte/option"
 
 function extractPossibleAttributes(attrs: Attributes | undefined) {

components/DeprecatedJsonToHtml/renderOptions.tsx

@@ -17,7 +17,7 @@ import { hasAvailableParagraphFormat, hasAvailableULFormat } from "./utils"
 import styles from "./jsontohtml.module.css"
 
 import type { EmbedByUid } from "@/types/components/deprecatedjsontohtml"
-import { ImageVaultAsset } from "@/types/components/imageVault"
+import type { ImageVaultAsset } from "@/types/components/imageVault"
 import { EmbedEnum } from "@/types/requests/utils/embeds"
 import type { Attributes, RTEImageVaultAttrs } from "@/types/rte/attrs"
 import {
@@ -25,15 +25,15 @@ import {
   RTEItemTypeEnum,
   RTETypeEnum,
 } from "@/types/rte/enums"
-import type {
-  RTEDefaultNode,
-  RTEImageNode,
-  RTENext,
-  RTENode,
-  RTERegularNode,
-  RTETextNode,
+import {
+  type RTEDefaultNode,
+  type RTEImageNode,
+  RTEMarkType,
+  type RTENext,
+  type RTENode,
+  type RTERegularNode,
+  type RTETextNode,
 } from "@/types/rte/node"
-import { RTEMarkType } from "@/types/rte/node"
 import type { RenderOptions } from "@/types/rte/option"
 
 function extractPossibleAttributes(attrs: Attributes | undefined) {

components/DeprecatedJsonToHtml/utils.tsx

@@ -8,12 +8,13 @@ import {
   AvailableULFormatEnum,
   RTETypeEnum,
 } from "@/types/rte/enums"
-import type {
-  RTENode,
-  RTERenderOptionComponent,
-  RTETextNode,
+import {
+  RTEMarkType,
+  type RTENode,
+  type RTERenderMark,
+  type RTERenderOptionComponent,
+  type RTETextNode,
 } from "@/types/rte/node"
-import { RTEMarkType, RTERenderMark } from "@/types/rte/node"
 import type { RenderOptions } from "@/types/rte/option"
 
 export function groupEmbedsByUid(embedsArray: Node<Embeds>[]) {

components/Footer/Details/index.tsx

@@ -12,7 +12,7 @@ import { getLang } from "@/i18n/serverContext"
 import styles from "./details.module.css"
 
 import type { SocialIconsProps } from "@/types/components/footer/socialIcons"
-import { IconName } from "@/types/components/icon"
+import type { IconName } from "@/types/components/icon"
 
 function SocialIcon({ iconName }: SocialIconsProps) {
   const SocialIcon = getIconByIconName(iconName as IconName)

components/Forms/BookingWidget/FormContent/Input/index.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, InputHTMLAttributes } from "react"
+import React, { forwardRef, type InputHTMLAttributes } from "react"
 import { Input as InputRAC } from "react-aria-components"
 
 import Body from "@/components/TempDesignSystem/Text/Body"

components/Forms/BookingWidget/FormContent/Search/index.tsx

@@ -1,9 +1,9 @@
 "use client"
 import Downshift from "downshift"
 import {
-  ChangeEvent,
-  FocusEvent,
-  FormEvent,
+  type ChangeEvent,
+  type FocusEvent,
+  type FormEvent,
   useCallback,
   useEffect,
   useReducer,

components/Forms/BookingWidget/index.tsx

@@ -14,7 +14,7 @@ import styles from "./form.module.css"
 
 import type { BookingWidgetSchema } from "@/types/components/bookingWidget"
 import type { BookingWidgetFormProps } from "@/types/components/form/bookingwidget"
-import { Location } from "@/types/trpc/routers/hotel/locations"
+import type { Location } from "@/types/trpc/routers/hotel/locations"
 
 const formId = "booking-widget"
 

components/Forms/Signup/index.tsx

@@ -26,7 +26,7 @@ import Title from "@/components/TempDesignSystem/Text/Title"
 import { toast } from "@/components/TempDesignSystem/Toasts"
 import useLang from "@/hooks/useLang"
 
-import { SignUpSchema, signUpSchema } from "./schema"
+import { type SignUpSchema, signUpSchema } from "./schema"
 
 import styles from "./form.module.css"
 
@@ -191,7 +191,7 @@ export default function SignupForm({ link, subtitle, title }: SignUpFormProps) {
             </Body>
           </section>
 
-          {/* 
+          {/*
             This is a manual validation trigger workaround:
             - The Controller component (which Input uses) doesn't re-render on submit,
               which prevents automatic error display.

components/GuestsRoomsPicker/AdultSelector/index.tsx

@@ -9,7 +9,7 @@ import Counter from "../Counter"
 
 import styles from "./adult-selector.module.css"
 
-import { SelectorProps } from "@/types/components/bookingWidget/guestsRoomsPicker"
+import type { SelectorProps } from "@/types/components/bookingWidget/guestsRoomsPicker"
 
 export default function AdultSelector({
   roomIndex = 0,

components/GuestsRoomsPicker/ChildSelector/ChildInfoSelector.tsx

@@ -10,7 +10,7 @@ import Caption from "@/components/TempDesignSystem/Text/Caption"
 import styles from "./child-selector.module.css"
 
 import { ChildBedMapEnum } from "@/types/components/bookingWidget/enums"
-import {
+import type {
   ChildBed,
   ChildInfoSelectorProps,
 } from "@/types/components/bookingWidget/guestsRoomsPicker"

components/GuestsRoomsPicker/ChildSelector/index.tsx

@@ -10,7 +10,7 @@ import ChildInfoSelector from "./ChildInfoSelector"
 
 import styles from "./child-selector.module.css"
 
-import { SelectorProps } from "@/types/components/bookingWidget/guestsRoomsPicker"
+import type { SelectorProps } from "@/types/components/bookingWidget/guestsRoomsPicker"
 
 export default function ChildSelector({
   roomIndex = 0,

components/GuestsRoomsPicker/Form.tsx

@@ -14,9 +14,9 @@ import ChildSelector from "./ChildSelector"
 
 import styles from "./guests-rooms-picker.module.css"
 
-import { BookingWidgetSchema } from "@/types/components/bookingWidget"
+import type { BookingWidgetSchema } from "@/types/components/bookingWidget"
 import { ChildBedMapEnum } from "@/types/components/bookingWidget/enums"
-import { GuestsRoom } from "@/types/components/bookingWidget/guestsRoomsPicker"
+import type { GuestsRoom } from "@/types/components/bookingWidget/guestsRoomsPicker"
 
 export default function GuestsRoomsPickerDialog({
   rooms,

components/GuestsRoomsPicker/index.tsx

@@ -18,7 +18,7 @@ import PickerForm from "./Form"
 
 import styles from "./guests-rooms-picker.module.css"
 
-import { GuestsRoom } from "@/types/components/bookingWidget/guestsRoomsPicker"
+import type { GuestsRoom } from "@/types/components/bookingWidget/guestsRoomsPicker"
 
 export default function GuestsRoomsPickerForm() {
   const { watch, trigger } = useFormContext()

components/Hero/index.tsx

@@ -1,9 +1,9 @@
 import Image from "@/components/Image"
 
-import { HeroProps } from "./hero"
-
 import styles from "./hero.module.css"
 
+import type { HeroProps } from "./hero"
+
 export default async function Hero({ alt, src, focalPoint }: HeroProps) {
   return (
     <Image

components/HotelReservation/BookingConfirmation/Receipt/index.tsx

@@ -12,7 +12,7 @@ import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 
 import styles from "./receipt.module.css"
 
-import { BookingConfirmationReceiptProps } from "@/types/components/hotelReservation/bookingConfirmation/receipt"
+import type { BookingConfirmationReceiptProps } from "@/types/components/hotelReservation/bookingConfirmation/receipt"
 import { BreakfastPackageEnum } from "@/types/enums/breakfast"
 
 export default function Receipt({

components/HotelReservation/Contact/index.tsx

@@ -10,7 +10,7 @@ import useLang from "@/hooks/useLang"
 
 import styles from "./contact.module.css"
 
-import { ContactProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
+import type { ContactProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
 
 export default function Contact({ hotel }: ContactProps) {
   const lang = useLang()

components/HotelReservation/EnterDetails/Header/ToggleSidePeek.tsx

@@ -9,7 +9,7 @@ import Button from "@/components/TempDesignSystem/Button"
 import styles from "./header.module.css"
 
 import { SidePeekEnum } from "@/types/components/hotelReservation/sidePeek"
-import { ToggleSidePeekProps } from "@/types/components/hotelReservation/toggleSidePeekProps"
+import type { ToggleSidePeekProps } from "@/types/components/hotelReservation/toggleSidePeekProps"
 
 export default function ToggleSidePeek({ hotelId }: ToggleSidePeekProps) {
   const intl = useIntl()

components/HotelReservation/EnterDetails/Payment/PaymentClient.tsx

@@ -36,7 +36,7 @@ import { bedTypeMap } from "../../SelectRate/RoomSelection/utils"
 import PriceChangeDialog from "../PriceChangeDialog"
 import GuaranteeDetails from "./GuaranteeDetails"
 import PaymentOption from "./PaymentOption"
-import { PaymentFormData, paymentSchema } from "./schema"
+import { type PaymentFormData, paymentSchema } from "./schema"
 
 import styles from "./payment.module.css"
 

components/HotelReservation/EnterDetails/Payment/PaymentOption/index.tsx

@@ -1,15 +1,18 @@
 import Image from "next/image"
 import { useFormContext } from "react-hook-form"
 
-import { PAYMENT_METHOD_ICONS, PaymentMethodEnum } from "@/constants/booking"
+import {
+  PAYMENT_METHOD_ICONS,
+  type PaymentMethodEnum,
+} from "@/constants/booking"
 
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 
-import { PaymentOptionProps } from "./paymentOption"
-
 import styles from "./paymentOption.module.css"
 
+import type { PaymentOptionProps } from "./paymentOption"
+
 export default function PaymentOption({
   name,
   value,

components/HotelReservation/EnterDetails/Payment/PaymentOption/paymentOption.ts

@@ -1,4 +1,4 @@
-import { RegisterOptions } from "react-hook-form"
+import type { RegisterOptions } from "react-hook-form"
 
 export interface PaymentOptionProps {
   name: string

components/HotelReservation/EnterDetails/Payment/index.tsx

@@ -2,7 +2,7 @@ import { getSavedPaymentCardsSafely } from "@/lib/trpc/memoizedRequests"
 
 import PaymentClient from "./PaymentClient"
 
-import { PaymentProps } from "@/types/components/hotelReservation/selectRate/section"
+import type { PaymentProps } from "@/types/components/hotelReservation/selectRate/section"
 
 export default async function Payment({
   user,

components/HotelReservation/EnterDetails/PriceChangeDialog/index.tsx

@@ -8,7 +8,7 @@ import Title from "@/components/TempDesignSystem/Text/Title"
 
 import styles from "./priceChangeDialog.module.css"
 
-import { PriceChangeDialogProps } from "@/types/components/hotelReservation/enterDetails/priceChangeDialog"
+import type { PriceChangeDialogProps } from "@/types/components/hotelReservation/enterDetails/priceChangeDialog"
 
 export default function PriceChangeDialog({
   isOpen,

components/HotelReservation/EnterDetails/Summary/Mobile/BottomSheet/index.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { PropsWithChildren, useEffect, useRef } from "react"
+import { type PropsWithChildren, useEffect, useRef } from "react"
 import { useIntl } from "react-intl"
 
 import { useEnterDetailsStore } from "@/stores/enter-details"

components/HotelReservation/EnterDetails/Summary/Mobile/index.tsx

@@ -10,7 +10,7 @@ import SummaryBottomSheet from "./BottomSheet"
 import styles from "./mobile.module.css"
 
 import type { SummaryProps } from "@/types/components/hotelReservation/summary"
-import { DetailsState } from "@/types/stores/enter-details"
+import type { DetailsState } from "@/types/stores/enter-details"
 
 function storeSelector(state: DetailsState) {
   return {

components/HotelReservation/HotelCard/index.tsx

@@ -3,7 +3,6 @@ import { useParams } from "next/dist/client/components/navigation"
 import { memo, useCallback } from "react"
 import { useIntl } from "react-intl"
 
-import { Lang } from "@/constants/languages"
 import { selectRate } from "@/constants/routes/hotelReservation"
 import { useHotelsMapStore } from "@/stores/hotels-map"
 
@@ -28,6 +27,7 @@ import styles from "./hotelCard.module.css"
 
 import { HotelCardListingTypeEnum } from "@/types/components/hotelReservation/selectHotel/hotelCardListingProps"
 import type { HotelCardProps } from "@/types/components/hotelReservation/selectHotel/hotelCardProps"
+import type { Lang } from "@/constants/languages"
 
 function HotelCard({
   hotel,
@@ -101,7 +101,6 @@ function HotelCard({
               <Caption color="baseTextMediumContrast" type="underline" asChild>
                 <Link
                   href={`https://www.google.com/maps/dir/?api=1&destination=${hotelData.location.latitude},${hotelData.location.longitude}`}
-                  className={styles.googleMaps}
                   target="_blank"
                   aria-label={intl.formatMessage({
                     id: "Driving directions",

components/HotelReservation/HotelCardDialog/index.tsx

@@ -4,7 +4,6 @@ import { useParams } from "next/navigation"
 import { useState } from "react"
 import { useIntl } from "react-intl"
 
-import { Lang } from "@/constants/languages"
 import { selectRate } from "@/constants/routes/hotelReservation"
 
 import { mapFacilityToIcon } from "@/components/ContentType/HotelPage/data"
@@ -22,6 +21,7 @@ import NoPriceAvailableCard from "../HotelCard/NoPriceAvailableCard"
 import styles from "./hotelCardDialog.module.css"
 
 import type { HotelCardDialogProps } from "@/types/components/hotelReservation/selectHotel/map"
+import type { Lang } from "@/constants/languages"
 
 export default function HotelCardDialog({
   data,

components/HotelReservation/ReadMore/index.tsx

@@ -7,7 +7,7 @@ import Button from "@/components/TempDesignSystem/Button"
 
 import styles from "./readMore.module.css"
 
-import { ReadMoreProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
+import type { ReadMoreProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
 import { SidePeekEnum } from "@/types/components/hotelReservation/sidePeek"
 
 export default function ReadMore({ label, hotelId, showCTA }: ReadMoreProps) {

components/HotelReservation/SelectHotel/MobileMapButtonContainer/index.tsx

@@ -13,7 +13,7 @@ import FilterAndSortModal from "../FilterAndSortModal"
 
 import styles from "./mobileMapButtonContainer.module.css"
 
-import { CategorizedFilters } from "@/types/components/hotelReservation/selectHotel/hotelFilters"
+import type { CategorizedFilters } from "@/types/components/hotelReservation/selectHotel/hotelFilters"
 
 export default function MobileMapButtonContainer({
   filters,

components/HotelReservation/SelectHotel/SelectHotelMap/index.tsx

@@ -21,7 +21,7 @@ import HotelListing from "./HotelListing"
 
 import styles from "./selectHotelMap.module.css"
 
-import { SelectHotelMapProps } from "@/types/components/hotelReservation/selectHotel/map"
+import type { SelectHotelMapProps } from "@/types/components/hotelReservation/selectHotel/map"
 
 export default function SelectHotelMap({
   apiKey,

components/HotelReservation/SelectRate/BedSelection/index.tsx

@@ -5,7 +5,7 @@ import SelectionCard from "../SelectionCard"
 
 import styles from "./bedSelection.module.css"
 
-import { BedSelectionProps } from "@/types/components/hotelReservation/selectRate/section"
+import type { BedSelectionProps } from "@/types/components/hotelReservation/selectRate/section"
 
 export default function BedSelection({
   alternatives,

components/HotelReservation/SelectRate/BreakfastSelection/index.tsx

@@ -5,7 +5,7 @@ import SelectionCard from "../SelectionCard"
 
 import styles from "./breakfastSelection.module.css"
 
-import { BreakfastSelectionProps } from "@/types/components/hotelReservation/selectRate/section"
+import type { BreakfastSelectionProps } from "@/types/components/hotelReservation/selectRate/section"
 
 export default function BreakfastSelection({
   alternatives,

components/HotelReservation/SelectRate/Details/index.tsx

@@ -5,7 +5,7 @@ import Button from "@/components/TempDesignSystem/Button"
 
 import styles from "./details.module.css"
 
-import { DetailsProps } from "@/types/components/hotelReservation/selectRate/section"
+import type { DetailsProps } from "@/types/components/hotelReservation/selectRate/section"
 
 export default function Details({ nextPath }: DetailsProps) {
   const searchParams = useSearchParams()

components/HotelReservation/SelectRate/HotelInfoCard/NoRoomsAlert.tsx

@@ -1,4 +1,3 @@
-import { Lang } from "@/constants/languages"
 import { dt } from "@/lib/dt"
 import { getRoomsAvailability } from "@/lib/trpc/memoizedRequests"
 
@@ -10,8 +9,9 @@ import { generateChildrenString } from "../RoomSelection/utils"
 
 import styles from "./NoRoomsAlert.module.css"
 
-import { Child } from "@/types/components/hotelReservation/selectRate/selectRate"
+import type { Child } from "@/types/components/hotelReservation/selectRate/selectRate"
 import { AlertTypeEnum } from "@/types/enums/alert"
+import type { Lang } from "@/constants/languages"
 
 type Props = {
   hotelId: number

components/HotelReservation/SelectRate/HotelInfoCard/index.tsx

@@ -1,6 +1,5 @@
 import { Suspense } from "react"
 
-import { Lang } from "@/constants/languages"
 import { getHotelData } from "@/lib/trpc/memoizedRequests"
 
 import { mapFacilityToIcon } from "@/components/ContentType/HotelPage/data"
@@ -19,7 +18,8 @@ import { NoRoomsAlert } from "./NoRoomsAlert"
 
 import styles from "./hotelInfoCard.module.css"
 
-import { Child } from "@/types/components/hotelReservation/selectRate/selectRate"
+import type { Child } from "@/types/components/hotelReservation/selectRate/selectRate"
+import type { Lang } from "@/constants/languages"
 
 type Props = {
   hotelId: number

components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/PriceList/index.tsx

@@ -11,7 +11,7 @@ import { calculatePricesPerNight } from "./utils"
 
 import styles from "./priceList.module.css"
 
-import { PriceListProps } from "@/types/components/hotelReservation/selectRate/flexibilityOption"
+import type { PriceListProps } from "@/types/components/hotelReservation/selectRate/flexibilityOption"
 
 export default function PriceList({
   publicPrice = {},

components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/index.tsx

@@ -11,7 +11,7 @@ import PriceTable from "./PriceList"
 
 import styles from "./flexibilityOption.module.css"
 
-import { FlexibilityOptionProps } from "@/types/components/hotelReservation/selectRate/flexibilityOption"
+import type { FlexibilityOptionProps } from "@/types/components/hotelReservation/selectRate/flexibilityOption"
 
 export default function FlexibilityOption({
   product,

components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx

@@ -3,8 +3,6 @@
 import { createElement, useCallback } from "react"
 import { useIntl } from "react-intl"
 
-import { RateDefinition } from "@/server/routers/hotels/output"
-
 import ToggleSidePeek from "@/components/HotelReservation/EnterDetails/SelectedRoom/ToggleSidePeek"
 import FlexibilityOption from "@/components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption"
 import { ErrorCircleIcon } from "@/components/Icons"
@@ -21,6 +19,7 @@ import styles from "./roomCard.module.css"
 import type { RoomCardProps } from "@/types/components/hotelReservation/selectRate/roomCard"
 import { RoomPackageCodeEnum } from "@/types/components/hotelReservation/selectRate/roomFilter"
 import { HotelTypeEnum } from "@/types/enums/hotelType"
+import type { RateDefinition } from "@/server/routers/hotels/output"
 
 export default function RoomCard({
   hotelId,

components/HotelReservation/SelectRate/RoomSelection/utils.ts

@@ -3,8 +3,8 @@ import { ChildBedTypeEnum } from "@/constants/booking"
 import { getFormattedUrlQueryParams } from "@/utils/url"
 
 import { ChildBedMapEnum } from "@/types/components/bookingWidget/enums"
-import { BookingData } from "@/types/components/hotelReservation/enterDetails/bookingData"
-import { RoomPackageCodeEnum } from "@/types/components/hotelReservation/selectRate/roomFilter"
+import type { BookingData } from "@/types/components/hotelReservation/enterDetails/bookingData"
+import type { RoomPackageCodeEnum } from "@/types/components/hotelReservation/selectRate/roomFilter"
 import type {
   Child,
   SelectRateSearchParams,

components/HotelReservation/SelectRate/Rooms/RoomsContainer.tsx

@@ -1,4 +1,3 @@
-import { Lang } from "@/constants/languages"
 import { dt } from "@/lib/dt"
 import {
   getHotelData,
@@ -13,7 +12,8 @@ import { generateChildrenString } from "../RoomSelection/utils"
 import Rooms from "."
 
 import { RoomPackageCodeEnum } from "@/types/components/hotelReservation/selectRate/roomFilter"
-import { Child } from "@/types/components/hotelReservation/selectRate/selectRate"
+import type { Child } from "@/types/components/hotelReservation/selectRate/selectRate"
+import type { Lang } from "@/constants/languages"
 
 export type Props = {
   hotelId: number

components/HotelReservation/SelectRate/Rooms/index.tsx

@@ -9,7 +9,7 @@ import { filterDuplicateRoomTypesByLowestPrice } from "./utils"
 import styles from "./rooms.module.css"
 
 import {
-  DefaultFilterOptions,
+  type DefaultFilterOptions,
   RoomPackageCodeEnum,
   type RoomPackageCodes,
 } from "@/types/components/hotelReservation/selectRate/roomFilter"

components/HotelReservation/SelectRate/Rooms/utils.ts

@@ -1,4 +1,4 @@
-import { RoomConfiguration } from "@/server/routers/hotels/output"
+import type { RoomConfiguration } from "@/server/routers/hotels/output"
 
 /**
  * Get the lowest priced room for each room type that appears more than once.

components/HotelReservation/SelectRate/SelectionCard/index.tsx

@@ -6,7 +6,7 @@ import Title from "@/components/TempDesignSystem/Text/Title"
 
 import styles from "./selectionCard.module.css"
 
-import { SelectionCardProps } from "@/types/components/hotelReservation/selectRate/selectionCard"
+import type { SelectionCardProps } from "@/types/components/hotelReservation/selectRate/selectionCard"
 
 export default function SelectionCard({
   price,

components/HotelReservation/SidePeek/index.tsx

@@ -7,7 +7,7 @@ import HotelSidePeek from "@/components/SidePeeks/HotelSidePeek"
 import RoomSidePeek from "@/components/SidePeeks/RoomSidePeek"
 import useLang from "@/hooks/useLang"
 
-import { HotelData } from "@/types/hotel"
+import type { HotelData } from "@/types/hotel"
 
 export default function HotelReservationSidePeek({
   hotel,

components/HotelReservation/SignupPromo/Desktop.tsx

@@ -7,7 +7,7 @@ import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 
 import styles from "./signupPromo.module.css"
 
-import { SignupPromoProps } from "@/types/components/hotelReservation/signupPromo"
+import type { SignupPromoProps } from "@/types/components/hotelReservation/signupPromo"
 
 export default function SignupPromoDesktop({
   memberPrice,

components/Icons/get-icon-by-icon-name.ts

@@ -1,5 +1,3 @@
-import { FC } from "react"
-
 import {
   AccesoriesIcon,
   AccessibilityIcon,
@@ -114,7 +112,9 @@ import {
   WifiIcon,
 } from "."
 
-import { IconName, IconProps } from "@/types/components/icon"
+import type { FC } from "react"
+
+import { IconName, type IconProps } from "@/types/components/icon"
 
 export function getIconByIconName(
   icon: IconName | null = null

components/Image.tsx

@@ -1,8 +1,7 @@
 "use client"
 
-import NextImage from "next/image"
+import NextImage, { type ImageLoaderProps } from "next/image"
 
-import type { ImageLoaderProps } from "next/image"
 import type { CSSProperties } from "react"
 
 import type { ImageProps } from "@/types/components/image"

components/JsonToHtml/renderOptions.tsx

@@ -30,15 +30,15 @@ import {
   RTEItemTypeEnum,
   RTETypeEnum,
 } from "@/types/transitionTypes/rte/enums"
-import type {
-  RTEDefaultNode,
-  RTEImageNode,
-  RTENext,
-  RTENode,
-  RTERegularNode,
-  RTETextNode,
+import {
+  type RTEDefaultNode,
+  type RTEImageNode,
+  RTEMarkType,
+  type RTENext,
+  type RTENode,
+  type RTERegularNode,
+  type RTETextNode,
 } from "@/types/transitionTypes/rte/node"
-import { RTEMarkType } from "@/types/transitionTypes/rte/node"
 import type { RenderOptions } from "@/types/transitionTypes/rte/option"
 
 function noNestedLinksOrReferences(node: RTENode) {

components/JsonToHtml/utils.tsx

@@ -9,12 +9,13 @@ import {
   AvailableULFormatEnum,
   RTETypeEnum,
 } from "@/types/transitionTypes/rte/enums"
-import type {
-  RTENode,
-  RTERenderOptionComponent,
-  RTETextNode,
+import {
+  RTEMarkType,
+  type RTENode,
+  type RTERenderMark,
+  type RTERenderOptionComponent,
+  type RTETextNode,
 } from "@/types/transitionTypes/rte/node"
-import { RTEMarkType, RTERenderMark } from "@/types/transitionTypes/rte/node"
 import type { RenderOptions } from "@/types/transitionTypes/rte/option"
 import type { Embeds } from "@/types/trpc/routers/utils/embeds"
 

components/LanguageSwitcher/LanguageSwitcherContent/index.tsx

@@ -3,7 +3,7 @@
 import { usePathname } from "next/navigation"
 import { useIntl } from "react-intl"
 
-import { Lang, languages } from "@/constants/languages"
+import { type Lang, languages } from "@/constants/languages"
 
 import { CheckIcon } from "@/components/Icons"
 import Link from "@/components/TempDesignSystem/Link"

components/Levels/levels.ts

@@ -1,7 +1,7 @@
-import { levelVariants } from "./variants"
-
 import type { VariantProps } from "class-variance-authority"
 
+import type { levelVariants } from "./variants"
+
 export interface LevelProps
   extends Omit<React.HTMLAttributes<HTMLOrSVGElement>, "color">,
     VariantProps<typeof levelVariants> {

components/LoginButton/index.tsx

@@ -1,16 +1,16 @@
 "use client"
 
-import { PropsWithChildren, useEffect } from "react"
+import { type PropsWithChildren, useEffect } from "react"
 
 import { login } from "@/constants/routes/handleAuth"
 
 import Link from "@/components/TempDesignSystem/Link"
-import { LinkProps } from "@/components/TempDesignSystem/Link/link"
 import useLang from "@/hooks/useLang"
 import { useLazyPathname } from "@/hooks/useLazyPathname"
 import { trackLoginClick } from "@/utils/tracking"
 
-import { TrackingPosition } from "@/types/components/tracking"
+import type { TrackingPosition } from "@/types/components/tracking"
+import type { LinkProps } from "@/components/TempDesignSystem/Link/link"
 
 export default function LoginButton({
   position,

components/Maps/StaticMap/index.tsx

@@ -3,7 +3,7 @@ import { env } from "@/env/server"
 
 import { getUrlWithSignature } from "@/utils/map"
 
-import { StaticMapProps } from "@/types/components/maps/staticMap"
+import type { StaticMapProps } from "@/types/components/maps/staticMap"
 
 function getCenter({
   coordinates,

components/MyPages/Avatar/index.tsx

@@ -2,7 +2,7 @@ import { getInitials } from "@/utils/user"
 
 import styles from "./avatar.module.css"
 
-import { User } from "@/types/user"
+import type { User } from "@/types/user"
 
 export default function Avatar({
   firstName,

components/MyPages/Pagination/index.tsx

@@ -2,7 +2,7 @@ import { ChevronRightIcon } from "@/components/Icons"
 
 import styles from "./pagination.module.css"
 
-import {
+import type {
   PaginationButtonProps,
   PaginationProps,
 } from "@/types/components/myPages/pagination"

components/Section/Link/index.tsx

@@ -1,11 +1,12 @@
 import ArrowRight from "@/components/Icons/ArrowRight"
 import Link from "@/components/TempDesignSystem/Link"
 
-import { SectionLinkProps } from "./link"
 import { linkVariants } from "./variants"
 
 import styles from "./link.module.css"
 
+import type { SectionLinkProps } from "./link"
+
 export default function SectionLink({ link, variant }: SectionLinkProps) {
   if (!link) {
     return null

components/Section/Link/link.ts

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

components/SidePeeks/HotelSidePeek/Accordions/Accessibility.tsx

@@ -3,7 +3,7 @@ import { useIntl } from "react-intl"
 import AccordionItem from "@/components/TempDesignSystem/Accordion/AccordionItem"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
-import { AccessibilityProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
+import type { AccessibilityProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
 import { IconName } from "@/types/components/icon"
 
 export default function Accessibility({

components/SidePeeks/HotelSidePeek/Accordions/CheckInCheckOut.tsx

@@ -3,7 +3,7 @@ import { useIntl } from "react-intl"
 import AccordionItem from "@/components/TempDesignSystem/Accordion/AccordionItem"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
-import { CheckInCheckOutProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
+import type { CheckInCheckOutProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
 import { IconName } from "@/types/components/icon"
 
 export default function CheckinCheckOut({ checkin }: CheckInCheckOutProps) {

components/SidePeeks/HotelSidePeek/Accordions/MeetingsAndConferences.tsx

@@ -3,7 +3,7 @@ import { useIntl } from "react-intl"
 import AccordionItem from "@/components/TempDesignSystem/Accordion/AccordionItem"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
-import { MeetingsAndConferencesProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
+import type { MeetingsAndConferencesProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
 import { IconName } from "@/types/components/icon"
 
 export default function MeetingsAndConferences({

components/SidePeeks/HotelSidePeek/Accordions/Parking.tsx

@@ -6,7 +6,7 @@ import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 
 import styles from "./sidePeekAccordion.module.css"
 
-import { ParkingProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
+import type { ParkingProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
 import { IconName } from "@/types/components/icon"
 
 export default function Parking({ parking }: ParkingProps) {

components/SidePeeks/HotelSidePeek/Accordions/Restaurant.tsx

@@ -3,7 +3,7 @@ import { useIntl } from "react-intl"
 import AccordionItem from "@/components/TempDesignSystem/Accordion/AccordionItem"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
-import { RestaurantProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
+import type { RestaurantProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
 import { IconName } from "@/types/components/icon"
 
 export default function Restaurant({

components/SidePeeks/RoomSidePeek/bedIcon.ts

@@ -1,11 +1,11 @@
-import { FC } from "react"
-
 import {
   BedDoubleIcon,
   BedSingleIcon,
   KingBedSmallIcon,
 } from "@/components/Icons"
 
+import type { FC } from "react"
+
 import type { IconProps } from "@/types/components/icon"
 
 export function getBedIcon(name: string): FC<IconProps> | null {

components/SidePeeks/RoomSidePeek/facilityIcon.ts

@@ -1,5 +1,3 @@
-import { FC } from "react"
-
 import {
   AcIcon,
   AirplaneIcon,
@@ -65,7 +63,9 @@ import {
   YardIcon,
 } from "@/components/Icons"
 
-import { IconProps } from "@/types/components/icon"
+import type { FC } from "react"
+
+import type { IconProps } from "@/types/components/icon"
 
 export function getFacilityIcon(
   name: string | undefined

components/SitewideAlert/Client.tsx

@@ -7,11 +7,10 @@ import { StickyElementNameEnum } from "@/stores/sticky-position"
 import Alert from "@/components/TempDesignSystem/Alert"
 import useStickyPosition from "@/hooks/useStickyPosition"
 
-import { SitewideAlertProps } from "./sitewideAlert"
-
 import styles from "./sitewideAlert.module.css"
 
 import { AlertTypeEnum } from "@/types/enums/alert"
+import type { SitewideAlertProps } from "./sitewideAlert"
 
 export default function SiteWideAlertClient({ alert }: SitewideAlertProps) {
   const alertRef = useRef(null)

components/TempDesignSystem/Accordion/AccordionItem/accordionItem.ts

@@ -1,8 +1,7 @@
-import { VariantProps } from "class-variance-authority"
-
-import { accordionItemVariants } from "./variants"
+import type { VariantProps } from "class-variance-authority"
 
 import type { IconName } from "@/types/components/icon"
+import type { accordionItemVariants } from "./variants"
 
 export interface AccordionItemProps
   extends React.HtmlHTMLAttributes<HTMLDetailsElement>,

components/TempDesignSystem/Accordion/accordion.ts

@@ -1,6 +1,6 @@
-import { VariantProps } from "class-variance-authority"
+import type { VariantProps } from "class-variance-authority"
 
-import { accordionVariants } from "./variants"
+import type { accordionVariants } from "./variants"
 
 export interface AccordionProps
   extends React.HtmlHTMLAttributes<HTMLUListElement>,

components/TempDesignSystem/Accordion/index.tsx

@@ -1,9 +1,9 @@
 import { Children, cloneElement, isValidElement } from "react"
 
-import { AccordionItemProps } from "./AccordionItem/accordionItem"
 import { accordionVariants } from "./variants"
 
 import type { AccordionProps } from "./accordion"
+import type { AccordionItemProps } from "./AccordionItem/accordionItem"
 
 export default function Accordion({
   children,

components/TempDesignSystem/Alert/alert.ts

@@ -1,9 +1,8 @@
-import { alertVariants } from "./variants"
-
 import type { VariantProps } from "class-variance-authority"
 
-import { AlertTypeEnum } from "@/types/enums/alert"
+import type { AlertTypeEnum } from "@/types/enums/alert"
 import type { SidepeekContent } from "@/types/trpc/routers/contentstack/siteConfig"
+import type { alertVariants } from "./variants"
 
 export interface AlertProps extends VariantProps<typeof alertVariants> {
   className?: string

components/TempDesignSystem/Button/button.ts

@@ -1,8 +1,8 @@
-import { buttonVariants } from "./variants"
-
 import type { VariantProps } from "class-variance-authority"
 import type { ButtonProps as ReactAriaButtonProps } from "react-aria-components"
 
+import type { buttonVariants } from "./variants"
+
 export interface ButtonPropsRAC
   extends Omit<ReactAriaButtonProps, "isDisabled">,
     VariantProps<typeof buttonVariants> {

components/TempDesignSystem/Card/card.ts

@@ -1,9 +1,8 @@
-import { cardVariants } from "./variants"
-
 import type { VariantProps } from "class-variance-authority"
 
 import type { ApiImage } from "@/types/components/image"
 import type { ImageVaultAsset } from "@/types/components/imageVault"
+import type { cardVariants } from "./variants"
 
 export interface CardProps
   extends React.HTMLAttributes<HTMLDivElement>,

components/TempDesignSystem/Card/utils.ts

@@ -1,11 +1,10 @@
-import { biroScriptVariants } from "@/components/TempDesignSystem/Text/BiroScript/variants"
-import { bodyVariants } from "@/components/TempDesignSystem/Text/Body/variants"
-import { headingVariants } from "@/components/TempDesignSystem/Text/Title/variants"
-
 import type { VariantProps } from "class-variance-authority"
 
 import type { ButtonProps } from "@/components/TempDesignSystem/Button/button"
 import type { CardProps } from "@/components/TempDesignSystem/Card/card"
+import type { biroScriptVariants } from "@/components/TempDesignSystem/Text/BiroScript/variants"
+import type { bodyVariants } from "@/components/TempDesignSystem/Text/Body/variants"
+import type { headingVariants } from "@/components/TempDesignSystem/Text/Title/variants"
 
 export function getTitleFontColor(
   theme: CardProps["theme"]

components/TempDesignSystem/Chip/chip.ts

@@ -1,7 +1,7 @@
-import { chipVariants } from "./variants"
-
 import type { VariantProps } from "class-variance-authority"
 
+import type { chipVariants } from "./variants"
+
 export interface ChipProps
   extends React.HtmlHTMLAttributes<HTMLDivElement>,
     VariantProps<typeof chipVariants> {}

components/TempDesignSystem/Divider/divider.ts

@@ -1,7 +1,7 @@
-import { dividerVariants } from "./variants"
-
 import type { VariantProps } from "class-variance-authority"
 
+import type { dividerVariants } from "./variants"
+
 export interface DividerProps
   extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">,
     VariantProps<typeof dividerVariants> {}