chore(biome): enable use import type rule

.changeset/weak-trees-cough.md

@@ -0,0 +1,42 @@
+---
+"@refinedev/ably": patch
+"@refinedev/airtable": patch
+"@refinedev/antd": patch
+"@refinedev/appwrite": patch
+"@refinedev/chakra-ui": patch
+"@refinedev/cli": patch
+"@refinedev/codemod": patch
+"@refinedev/core": patch
+"@refinedev/devtools": patch
+"@refinedev/devtools-internal": patch
+"@refinedev/devtools-server": patch
+"@refinedev/devtools-shared": patch
+"@refinedev/devtools-ui": patch
+"@refinedev/graphql": patch
+"@refinedev/hasura": patch
+"@refinedev/inferencer": patch
+"@refinedev/kbar": patch
+"@refinedev/mantine": patch
+"@refinedev/medusa": patch
+"@refinedev/mui": patch
+"@refinedev/nestjs-query": patch
+"@refinedev/nestjsx-crud": patch
+"@refinedev/nextjs-router": patch
+"@refinedev/react-hook-form": patch
+"@refinedev/react-router-v6": patch
+"@refinedev/react-table": patch
+"@refinedev/remix-router": patch
+"@refinedev/simple-rest": patch
+"@refinedev/strapi": patch
+"@refinedev/strapi-v4": patch
+"@refinedev/supabase": patch
+"@refinedev/ui-tests": patch
+"@refinedev/ui-types": patch
+---
+
+chore: added `type` qualifier to imports used as type only.
+
+```diff
+- import { A } from "./example.ts";
++ import type { A } from "./example.ts";
+```

biome.json

@@ -18,6 +18,7 @@
     "lineWidth": 80
   },
   "javascript": {
+    "jsxRuntime": "reactClassic",
     "formatter": {
       "arrowParentheses": "always",
       "quoteStyle": "double",
@@ -93,7 +94,7 @@
         "useSelfClosingElements": "error",
         "useSingleVarDeclarator": "error",
         "useTemplate": "error",
-        "useImportType": "off",
+        "useImportType": "error",
         "useNodejsImportProtocol": "off"
       },
       "suspicious": {

cypress/support/commands/intercepts/hasura.ts

@@ -1,4 +1,4 @@
-import { CyHttpMessages } from "cypress/types/net-stubbing";
+import type { CyHttpMessages } from "cypress/types/net-stubbing";
 import hasuraBlogPosts from "../../../fixtures/hasura-blog-posts.json";
 import hasuraCategories from "../../../fixtures/hasura-categories.json";
 

cypress/support/commands/intercepts/supabase.ts

@@ -1,7 +1,7 @@
 /// <reference types="cypress" />
 /// <reference types="../../index.d.ts" />
 
-import { ICategory, IPost } from "../../types";
+import type { ICategory, IPost } from "../../types";
 
 const HOSTNAME = "iwdfzvfqbtokqetmbmbp.supabase.co";
 const BASE_PATH = "/rest/v1";

cypress/support/types/index.ts

@@ -1,5 +1,5 @@
-import posts from "../../fixtures/posts.json";
-import categories from "../../fixtures/categories.json";
+import type posts from "../../fixtures/posts.json";
+import type categories from "../../fixtures/categories.json";
 
 export type IPost = (typeof posts)[number];
 export type ICategory = (typeof categories)[number];

documentation/src/assets/examples.tsx

@@ -1,7 +1,7 @@
 import { PageIcon } from "@site/src/refine-theme/icons/page";
 import { ShareIcon } from "@site/src/refine-theme/icons/share";
 import React from "react";
-import { Examples } from "../types/examples";
+import type { Examples } from "../types/examples";
 
 export const SHOW_CASES: Examples = [
   {

documentation/src/assets/integration-icons/ably.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgAbly = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/airtable.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgAirtable = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/antd.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgAntd = ({
   withBrandColor = true,

documentation/src/assets/integration-icons/appwrite.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgAppwrite = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/atlassian.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgAtlassian = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/auth-js.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgAuthJs = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/auth0.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgAuth0 = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/aws-cognito.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgAwsCognito = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/azure-active-directory.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgAzureActiveDirectory = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/chakra.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgChakra = ({
   withBrandColor = true,

documentation/src/assets/integration-icons/clerk.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgClerk = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/custom-auth.tsx

@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 const CustomAuthIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/directus.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgDirectus = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/dp.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgDp = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/elide-graphql.tsx

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgElideGraphql = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/elide.tsx

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgElide = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/entrefine.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgEntRefine = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/expo.tsx

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgExpo = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/firebase.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgFirebase = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/google.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgGoogle = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/graphql.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgGraphql = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/hasura.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgHasura = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/headless.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgHeadless = ({
   withBrandColor = true,

documentation/src/assets/integration-icons/hook-form.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgHookForm = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/hygraph.tsx

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgHygraph = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/json-api.tsx

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgJSONApi = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/kbar.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgKbar = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/kinde.tsx

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgKinde = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/mantine.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgMantine = ({
   withBrandColor = true,

documentation/src/assets/integration-icons/medusa.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgMedusa = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/mongodb.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const MsSqlServer = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/ms-sql-server.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const MsSqlServer = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/mui.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgMui = ({
   withBrandColor = true,

documentation/src/assets/integration-icons/mysql.tsx

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const MySQL = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/nest-query.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgNestQuery = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/nest.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgNest = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/nextjs.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgNextjs = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/okta.tsx

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgOkta = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/oracle.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgOracle = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/pocketbase.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const PocketBase = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/postgresql.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const PostgreSQL = (props: SVGProps<SVGSVGElement>) => (
   <svg

documentation/src/assets/integration-icons/react.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgReact = (props: SVGProps<SVGSVGElement>) => (
   <svg