From f09dfdaf0b677198f91f8ea0bf232e43970f4a36 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Necati=20=C3=96zmen?= <necatiozmn@gmail.com>
Date: Tue, 28 May 2024 09:57:45 +0300
Subject: [PATCH 1/4] docs(blog): update JS currying post (#5991)

---
 ...md => 2024-05-27-js-currying-functions.md} | 156 +++++++++++++++---
 1 file changed, 130 insertions(+), 26 deletions(-)
 rename documentation/blog/{2022-08-28-js-currying-functions.md => 2024-05-27-js-currying-functions.md} (61%)

diff --git a/documentation/blog/2022-08-28-js-currying-functions.md b/documentation/blog/2024-05-27-js-currying-functions.md
similarity index 61%
rename from documentation/blog/2022-08-28-js-currying-functions.md
rename to documentation/blog/2024-05-27-js-currying-functions.md
index c066554b621f..f10982318840 100644
--- a/documentation/blog/2022-08-28-js-currying-functions.md
+++ b/documentation/blog/2024-05-27-js-currying-functions.md
@@ -4,11 +4,12 @@ description: Deep dive into variadic currying in JavaScript with examples
 slug: javascript-variadic-currying
 authors: abdullah_numan
 tags: [javascript]
-image: https://refine.ams3.cdn.digitaloceanspaces.com/blog/2022-08-28-js-currying-functions/social.png
-featured_image: https://refine.ams3.cdn.digitaloceanspaces.com/blog/2022-08-28-js-currying-functions/featured.png
+image: https://refine.ams3.cdn.digitaloceanspaces.com/blog/2022-08-28-js-currying-functions/social-2.png
 hide_table_of_contents: false
 ---
 
+**_This article was last updated on May 27, 2024 to add new sections on advanced usage, explanations and performance consideration on JavaScript Currying_**
+
 ## Introduction
 
 In this post, we first look at the confusion around currying in JavaScript, especially with respect to polyadic partial application. We find out that we're not really doing currying in the real sense that it is implemented in Haskell, rather in a much limited capacity.
@@ -17,13 +18,78 @@ In the later part, we delve into variadic currying in a stricter sense with an e
 
 Steps we'll cover:
 
+- [What is JavaScript Currying?](#what-is-javascript-currying)
+- [What is Variadic Currying?](#what-is-variadic-currying)
+  - [Benefits of Variadic Currying](#benefits-of-variadic-currying)
 - [Variadic Partial Application](#variadic-partial-application)
 - [Using `Function.prototype` Methods](#using-functionprototype-methods)
 - [Variadic Currying with Termination](#variadic-currying-with-termination)
+- [Performance Consideration when Using Javascript Currying](#performance-consideration-when-using-javascript-currying)
+- [Bonus: Advanced JavaScript Currying Techniques](#bonus-advanced-javascript-currying-techniques)
 
 This post is about variadic currying in JavaScript. It is the fifth part of the series titled [Curry Functions in JavaScript](https://dev.to/anewman15/curry-functions-in-javascript-4jpa).
 
-### Variadic Partial Application
+## What is JavaScript Currying?
+
+Currying is a way of transforming a multi-argument function into a sequence of functions with a single argument. In other words, if a function will generally receive multiple arguments, it can be represented as a series of functions in which the first one receives one argument and then returns another function to which the next argument is passed as an argument, and so on. This way, we build more modular functions, hence reusable.
+
+As an instance here is a function that adds two numbers :
+
+```javascript
+function add(a, b) {
+  return a + b;
+}
+```
+
+Using currying, we can transform this into:
+
+```javascript
+function add(a) {
+  return function (b) {
+    return a + b;
+  };
+}
+```
+
+Now `add(2)(3)` would produce `5`. That is pretty useful when we want to build partially applied functions for a better readability/maintainability of the code.
+
+This property of currying also supports the development of higher-order functions and hence can be used to make function compositions easier in a way that makes the code more graceful and functional.
+
+Currying is very powerful stuff in terms of writing reusable code and empowering our functions with a lot of flexibility. It may take a bit of time to get used to, but when one sees the patterns, it is soon recognized as a very useful tool in our JavaScript toolkit.
+
+## What is Variadic Currying?
+
+Variadic currying is an advanced concept in functional programming. It is an extension of the idea of currying for functions that are supposed to handle variable arguments. In the case of currying with n arguments, the function gets converted into a succession of n functions where each function takes a single argument. Variadic currying extends that concept to handle functions when the number of function arguments is not fixed.
+
+In the case of variadic currying, the function receives plural arguments in the first call and in all subsequent calls, but a requirement of each partial application is to still be able to receive a plural number of preferences. This allows the function to be called with plural arguments and made flexible to be useful and reusable with a dynamic number of parameters.
+
+```javascript
+function concatenate(...strings) {
+  return strings.join(" ");
+}
+
+function curry(f) {
+  return function curried(...args) {
+    if (args.length >= f.length) return f(...args);
+    return function (...nextArgs) {
+      return curried(...args, ...nextArgs);
+    };
+  };
+}
+
+const curriedConcatenate = curry(concatenate);
+console.log(curriedConcatenate("Hello")("world!")("How", "are", "you?")()); // Outputs: "Hello world! How are you?"
+```
+
+### Benefits of Variadic Currying
+
+**Flexibility**: Being able to partially apply functions regardless of the number of arguments, they lean more toward flexibility, molding them in various use cases.
+
+**Reusability**: Functions can be modularized and then reused with different sets of arguments without developing the core logic again and again.
+
+**Modularity**: It allows functions to be used in more modular ways, making the code modular
+
+## Variadic Partial Application
 
 In the previous article titled [Auto-currying in JavaScript](https://dev.to/anewman15/auto-currying-in-javascript-17il), we focused on the **unarity** of curried functions, because that's what a curried function ought to be.
 
@@ -132,7 +198,7 @@ So basically, what we've done is allow the accumulator to take multiple argument
 
 But now our `curry()` function is much more powerful. We can pass any number of arguments to an accumulator, as long as that is returned. And it is common to implement this with native JavaScript `Function.prototype` methods.
 
-### Using `Function.prototype` Methods
+## Using `Function.prototype` Methods
 
 We can re-write the `curry()` function with `Function.prototype.apply`, and with `Function.prototype.bind`:
 
@@ -292,36 +358,74 @@ Notice also that since we focused on unary implementation of variadic currying,
 
 Currying a variadic function is quite different from currying functions with fixed arity in terms of the logic, especially with respect to how termination is achieved by passing an empty argument. Without termination, it can take infinite number of arguments. In the next article, we'll see an example of infinitely curried function that does not require termination at all.
 
-## Conclusion
+## Performance Consideration when Using Javascript Currying
 
-In this post, we found out that deviating from unary currying in leads to variadic partial application in JavaScript, which turns out to be more powerful. We also saw how currying an existing variadic function follows a different logic than those with fixed arity with a unary implementation.
+It, however, does have a bright side; the curried code could be much more readable and modular. On the flip side, however, there are issues related to performance. When a curried function is created, at least two functions are abstracted at that point in time to wrap around each other. This reinstates extra overhead, especially if the function is called from inside a performance-critical section or very frequently. Each level of currying adds a new level of function calling to the stack so, when the program is executed, unless that is well controlled, it's slower.
 
-<br/>
-<div>
-<a href="https://discord.gg/refine">
-  <img  src="https://refine.ams3.cdn.digitaloceanspaces.com/website/static/img/discord-banner.png" alt="discord banner" />
-</a>
-</div>
+For instance, a simple curried addition function:
 
----
+```javascript
+function add(a) {
+  return function (b) {
+    return a + b;
+  };
+}
+```
+
+That may look clean enough, but heavy use in a loop or in a performance-heavy application introduces a very noticeable latency compared to what a simple addition function would do.
+
+Be cautious when using currying so that poor performance is avoided, especially in performance-critical paths. Prefer a direct usage style when currying in such paths. Besides, modern JavaScript engines try to optimize a lot around function calls. Knowledge about the trade-offs in the different ways those optimizations can be turned on or off will help you be sure to make a better decision when and where to apply currying.
+
+While currying really helps to make the code readable and flexible, during such process we must not suffer much from performance at critical sections of our application. Striking the right balance between clean code and efficient execution is important.
 
-## Build your React-based CRUD applications without constraints
+## Bonus: Advanced JavaScript Currying Techniques
 
-Building CRUD applications involves many repetitive task consuming your precious development time. If you are starting from scratch, you also have to implement custom solutions for critical parts of your application like authentication, authorization, state management and networking.
+Beyond the most basic kind of currying that we've already seen, there's a host of more sophisticated tricks to be played. One of them is **partial application**, in which we pre-fill some of the function's arguments, so as to create a more specialised version of the function, but without actually running it. That can be used, in particular, to 'configure' functions with common settings.
 
-Check out [Refine](https://github.com/refinedev/refine), if you are interested in a headless framework with robust architecture and full of industry best practices for your next CRUD project.
+For example:
 
-<div>
-<a href="https://github.com/refinedev/refine">
-    <img  src="https://refine.ams3.cdn.digitaloceanspaces.com/website/static/img/refine_blog_logo_1.png" alt="refine blog logo" />
-</a>
-</div>
+```javascript
+function multiply(a, b) {
+  return a * b;
+}
+const double = multiply.bind(null, 2);
+console.log(double(5)); // Outputs 10
+```
+
+Another operation is **function composition** which allows to combine several functions into a new one. Function composition is a way to make it easier to tap into the power of currying when transforming and passing data through a pipeline of functions. One can do that with a little help of utility functions from libraries like lodash and Ramda.
 
-<br/>
+For instance:
 
-**Refine** is an open-source React-based framework for building CRUD applications **without constraints.**
-It can speed up your development time up to **3X** without compromising freedom on **styling**, **customization** and **project workflow.**
+```javascript
+const compose =
+  (...fns) =>
+  (x) =>
+    fns.reduceRight((y, f) => f(y), x);
+const add = (a) => (b) => a + b;
+const square = (x) => x * x;
+
+const addAndSquare = compose(square, add(2));
+console.log(addAndSquare(3)); // Outputs 25
+```
 
-**Refine** is headless by design and it connects **30+** backend services out-of-the-box including custom REST and GraphQL API’s.
+We can also consider **infinite currying**; a function can continue to curry forever, holding its arguments, until enough arguments have been received, at which point it would carry out its computation. This is an attractive feature for function definition, but it needs to be used with care.
 
-Visit [Refine GitHub repository](https://github.com/refinedev/refine) for more information, demos, tutorials, and example projects.
+```javascript
+function infiniteCurry(fn, seed) {
+  const reduceValue = (args, arg) => fn.apply(null, args.concat(arg));
+  const next =
+    (...args) =>
+    (arg) =>
+      arg ? next(...args, arg) : args.reduce(reduceValue, seed);
+  return next();
+}
+
+const sum = infiniteCurry((a, b) => a + b, 0);
+console.log(sum(1)(2)(3)()); // Outputs 6
+```
+
+These advanced feature additions can significantly enhance our functional programming capabilities within JavaScript. It is a great way to write cleaner, more modular, and reusable code in dealing with big codebases.
+
+## Conclusion
+
+In this post, we found out that deviating from unary currying in leads to variadic partial application in JavaScript, which turns out to be more powerful. We also saw how currying an existing variadic function follows a different logic than those with fixed arity with a unary implementation.

From 9ca8251c622d37fcbd12ef87dede301150f7af1a Mon Sep 17 00:00:00 2001
From: Alican Erdurmaz <alicanerdurmaz@gmail.com>
Date: Tue, 28 May 2024 12:13:55 +0300
Subject: [PATCH 2/4] chore(biome) enable use import type rule (#5985)

---
 .changeset/weak-trees-cough.md                | 42 +++++++++++++++++++
 biome.json                                    |  3 +-
 cypress/support/commands/intercepts/hasura.ts |  2 +-
 .../support/commands/intercepts/supabase.ts   |  2 +-
 cypress/support/types/index.ts                |  4 +-
 documentation/src/assets/examples.tsx         |  2 +-
 .../src/assets/integration-icons/ably.tsx     |  2 +-
 .../src/assets/integration-icons/airtable.tsx |  2 +-
 .../src/assets/integration-icons/antd.tsx     |  2 +-
 .../src/assets/integration-icons/appwrite.tsx |  2 +-
 .../assets/integration-icons/atlassian.tsx    |  2 +-
 .../src/assets/integration-icons/auth-js.tsx  |  2 +-
 .../src/assets/integration-icons/auth0.tsx    |  2 +-
 .../assets/integration-icons/aws-cognito.tsx  |  2 +-
 .../azure-active-directory.tsx                |  2 +-
 .../src/assets/integration-icons/chakra.tsx   |  2 +-
 .../src/assets/integration-icons/clerk.tsx    |  2 +-
 .../assets/integration-icons/custom-auth.tsx  |  2 +-
 .../src/assets/integration-icons/directus.tsx |  2 +-
 .../src/assets/integration-icons/dp.tsx       |  2 +-
 .../integration-icons/elide-graphql.tsx       |  2 +-
 .../src/assets/integration-icons/elide.tsx    |  2 +-
 .../assets/integration-icons/entrefine.tsx    |  2 +-
 .../src/assets/integration-icons/expo.tsx     |  2 +-
 .../src/assets/integration-icons/firebase.tsx |  2 +-
 .../src/assets/integration-icons/google.tsx   |  2 +-
 .../src/assets/integration-icons/graphql.tsx  |  2 +-
 .../src/assets/integration-icons/hasura.tsx   |  2 +-
 .../src/assets/integration-icons/headless.tsx |  2 +-
 .../assets/integration-icons/hook-form.tsx    |  2 +-
 .../src/assets/integration-icons/hygraph.tsx  |  2 +-
 .../src/assets/integration-icons/json-api.tsx |  2 +-
 .../src/assets/integration-icons/kbar.tsx     |  2 +-
 .../src/assets/integration-icons/kinde.tsx    |  2 +-
 .../src/assets/integration-icons/mantine.tsx  |  2 +-
 .../src/assets/integration-icons/medusa.tsx   |  2 +-
 .../src/assets/integration-icons/mongodb.tsx  |  2 +-
 .../integration-icons/ms-sql-server.tsx       |  2 +-
 .../src/assets/integration-icons/mui.tsx      |  2 +-
 .../src/assets/integration-icons/mysql.tsx    |  2 +-
 .../assets/integration-icons/nest-query.tsx   |  2 +-
 .../src/assets/integration-icons/nest.tsx     |  2 +-
 .../src/assets/integration-icons/nextjs.tsx   |  2 +-
 .../src/assets/integration-icons/okta.tsx     |  2 +-
 .../src/assets/integration-icons/oracle.tsx   |  2 +-
 .../assets/integration-icons/pocketbase.tsx   |  2 +-
 .../assets/integration-icons/postgresql.tsx   |  2 +-
 .../src/assets/integration-icons/react.tsx    |  2 +-
 .../src/assets/integration-icons/remix.tsx    |  2 +-
 .../integration-icons/rest-without-text.tsx   |  2 +-
 .../src/assets/integration-icons/rest.tsx     |  2 +-
 .../src/assets/integration-icons/sanity.tsx   |  2 +-
 .../assets/integration-icons/shadcn-ui.tsx    |  2 +-
 .../src/assets/integration-icons/slack.tsx    |  2 +-
 .../src/assets/integration-icons/sqlite.tsx   |  2 +-
 .../integration-icons/strapi-with-text.tsx    |  2 +-
 .../src/assets/integration-icons/strapi.tsx   |  2 +-
 .../integration-icons/supabase-with-text.tsx  |  2 +-
 .../src/assets/integration-icons/supabase.tsx |  2 +-
 .../assets/integration-icons/usegenerated.tsx |  2 +-
 .../src/assets/integration-icons/vite.tsx     |  2 +-
 documentation/src/assets/integrations.ts      |  2 +-
 documentation/src/assets/nav-menu.ts          |  2 +-
 .../src/assets/popover-icons/about-us.tsx     |  2 +-
 .../src/assets/popover-icons/awesome.tsx      |  2 +-
 .../src/assets/popover-icons/chevron-down.tsx |  2 +-
 .../src/assets/popover-icons/contribute.tsx   |  2 +-
 .../src/assets/popover-icons/documents.tsx    |  2 +-
 .../src/assets/popover-icons/examples.tsx     |  2 +-
 .../src/assets/popover-icons/expert.tsx       |  2 +-
 .../src/assets/popover-icons/integrations.tsx |  2 +-
 .../src/assets/popover-icons/refine-store.tsx |  2 +-
 .../src/assets/popover-icons/refine-week.tsx  |  2 +-
 .../src/assets/popover-icons/refine.tsx       |  2 +-
 .../src/assets/popover-icons/right-arrow.tsx  |  2 +-
 .../src/assets/popover-icons/tutorial.tsx     |  2 +-
 .../assets/popover-icons/ui-frameworks.tsx    |  2 +-
 .../src/assets/popover-icons/use-cases.tsx    |  2 +-
 .../src/assets/week-of-refine/constants.ts    |  2 +-
 .../src/assets/week-of-refine/icons/date.tsx  |  2 +-
 .../icons/refine-week-logo-xl.tsx             |  2 +-
 .../week-of-refine/icons/refine-week-logo.tsx |  2 +-
 .../src/components/banner/banner-examples.tsx |  2 +-
 .../banner/banner-image-with-text.tsx         |  2 +-
 .../src/components/banner/banner-modal.tsx    |  2 +-
 .../components/integrations/card/index.tsx    |  2 +-
 .../landing/icons/access-control-icon.tsx     |  2 +-
 .../components/landing/icons/amazon-icon.tsx  |  2 +-
 .../landing/icons/atlassian-icon.tsx          |  2 +-
 .../landing/icons/authentication-icon.tsx     |  2 +-
 .../landing/icons/autodesk-icon.tsx           |  2 +-
 .../landing/icons/best-practices-icon.tsx     |  2 +-
 .../landing/icons/black-box-icon.tsx          |  2 +-
 .../components/landing/icons/charts-icon.tsx  |  2 +-
 .../components/landing/icons/cisco-icon.tsx   |  2 +-
 .../landing/icons/components-icon.tsx         |  2 +-
 .../landing/icons/datatables-icon.tsx         |  2 +-
 .../landing/icons/deloitte-icon.tsx           |  2 +-
 .../components/landing/icons/forms-icon.tsx   |  2 +-
 .../src/components/landing/icons/ibm-icon.tsx |  2 +-
 .../landing/icons/identity-icon.tsx           |  2 +-
 .../icons/infinite-scalability-icon.tsx       |  2 +-
 .../components/landing/icons/intel-icon.tsx   |  2 +-
 .../landing/icons/interfaces-icon.tsx         |  2 +-
 .../landing/icons/jp-morgan-icon.tsx          |  2 +-
 .../components/landing/icons/list-icon.tsx    |  2 +-
 .../components/landing/icons/meta-icon.tsx    |  2 +-
 .../components/landing/icons/monitor-icon.tsx |  2 +-
 .../landing/icons/no-vendor-lockin-icon.tsx   |  2 +-
 .../components/landing/icons/oracle-icon.tsx  |  2 +-
 .../landing/icons/pro-services-icon.tsx       |  2 +-
 .../landing/icons/providers-icon.tsx          |  2 +-
 .../components/landing/icons/routes-icon.tsx  |  2 +-
 .../landing/icons/salesforce-icon.tsx         |  2 +-
 .../landing/icons/security-icon.tsx           |  2 +-
 .../landing/icons/self-hosted-icon.tsx        |  2 +-
 .../components/landing/icons/support-icon.tsx |  2 +-
 .../components/landing/icons/upwork-icon.tsx  |  2 +-
 .../landing/icons/utilities-icon.tsx.tsx      |  2 +-
 .../components/landing/icons/wizards-icon.tsx |  2 +-
 .../components/live-preview-context/index.tsx |  2 +-
 .../src/components/props-table/index.tsx      |  2 +-
 .../refine-week/cover-bg-shadow.tsx           |  2 +-
 .../components/refine-week/day-indicator.tsx  |  2 +-
 .../refine-week/refine-week-desktop.tsx       |  2 +-
 .../refine-week/refine-week-mobile.tsx        |  2 +-
 .../select-tutorial-framework/index.tsx       |  2 +-
 .../src/components/tooltip/index.tsx          |  2 +-
 .../src/components/tutorial-toc/index.tsx     |  4 +-
 .../src/components/ui-conditional/index.tsx   |  2 +-
 .../src/context/CommunityStats/index.tsx      |  2 +-
 documentation/src/hooks/use-dynamic-import.ts |  2 +-
 documentation/src/hooks/use-keydown.ts        |  2 +-
 documentation/src/hooks/use-outside-click.ts  |  2 +-
 .../src/pages/integrations/index.tsx          |  2 +-
 documentation/src/pages/templates/index.tsx   |  2 +-
 .../npm-scripts/install-packages-commands.tsx |  2 +-
 .../src/refine-theme/blog-footer.tsx          |  2 +-
 documentation/src/refine-theme/blog-hero.tsx  |  3 +-
 .../common-circle-chevron-down.tsx            |  2 +-
 .../common-circle-chevron-left.tsx            |  2 +-
 .../refine-theme/common-circle-chevron-up.tsx |  2 +-
 .../src/refine-theme/common-drawer.tsx        |  2 +-
 .../refine-theme/common-header/menu-item.tsx  |  2 +-
 .../src/refine-theme/common-header/menu.tsx   |  2 +-
 .../common-header/mobile-menu-modal.tsx       |  4 +-
 .../common-header/navbar-item.tsx             |  2 +-
 .../common-header/navbar-popover-item.tsx     |  2 +-
 .../src/refine-theme/common-themed-image.tsx  |  2 +-
 .../src/refine-theme/doc-survey-widget.tsx    |  2 +-
 .../doc-thumbs-up-down-feedback-widget.tsx    |  8 ++--
 .../src/refine-theme/doc-version-dropdown.tsx |  2 +-
 .../refine-theme/enterprise-data-source.tsx   |  7 +++-
 .../enterprise-get-in-touch-button.tsx        |  2 +-
 .../enterprise-get-in-touch-cta.tsx           |  2 +-
 .../refine-theme/enterprise-iam-services.tsx  |  7 +++-
 .../src/refine-theme/icons/calendar.tsx       |  2 +-
 .../src/refine-theme/icons/check-circle.tsx   |  2 +-
 .../src/refine-theme/icons/close.tsx          |  2 +-
 .../src/refine-theme/icons/cross-circle.tsx   |  2 +-
 .../src/refine-theme/icons/footer-discord.tsx |  2 +-
 .../src/refine-theme/icons/footer-github.tsx  |  2 +-
 .../refine-theme/icons/footer-linkedin.tsx    |  2 +-
 .../src/refine-theme/icons/footer-reddit.tsx  |  2 +-
 .../src/refine-theme/icons/footer-twitter.tsx |  2 +-
 .../src/refine-theme/icons/hamburger.tsx      |  2 +-
 .../src/refine-theme/icons/heart-outlined.tsx |  2 +-
 .../icons/landing-authorization.tsx           |  2 +-
 .../refine-theme/icons/landing-automate.tsx   |  2 +-
 .../refine-theme/icons/landing-clipboard.tsx  |  2 +-
 .../refine-theme/icons/landing-feather.tsx    |  2 +-
 .../icons/landing-fingerprint.tsx             |  2 +-
 .../icons/landing-integration.tsx             |  2 +-
 .../src/refine-theme/icons/landing-key.tsx    |  2 +-
 .../src/refine-theme/icons/landing-react.tsx  |  2 +-
 .../src/refine-theme/icons/landing-share.tsx  |  2 +-
 .../icons/landing-stats-discord.tsx           |  2 +-
 .../icons/landing-stats-github.tsx            |  2 +-
 .../icons/landing-stats-twitter.tsx           |  2 +-
 .../refine-theme/icons/landing-subtract.tsx   |  2 +-
 .../src/refine-theme/icons/landing-table.tsx  |  2 +-
 .../icons/landing-tile-honeycomb.tsx          |  2 +-
 .../refine-theme/icons/landing-tile-list.tsx  |  2 +-
 .../refine-theme/icons/landing-tile-sides.tsx |  2 +-
 .../src/refine-theme/icons/landing-world.tsx  |  2 +-
 .../src/refine-theme/icons/magnifier.tsx      |  2 +-
 .../icons/new-badge-shiny-blue.tsx            |  2 +-
 .../icons/new-badge-shiny-cyan.tsx            |  2 +-
 .../refine-theme/icons/new-badge-shiny.tsx    |  2 +-
 .../refine-theme/icons/refine-logo-seal.tsx   |  2 +-
 .../icons/refine-logo-shiny-blue.tsx          |  2 +-
 .../icons/refine-logo-shiny-cyan.tsx          |  2 +-
 .../refine-theme/icons/refine-logo-shiny.tsx  |  2 +-
 .../src/refine-theme/icons/thumbs-down.tsx    |  2 +-
 .../src/refine-theme/icons/thumbs-up.tsx      |  2 +-
 .../refine-theme/landing-already-invented.tsx |  2 +-
 .../src/refine-theme/landing-community.tsx    |  2 +-
 .../landing-copy-command-button.tsx           |  2 +-
 .../landing-enterprise-developers.tsx         |  2 +-
 .../landing-hero-animation-item.tsx           |  2 +-
 .../src/refine-theme/landing-packages.tsx     |  8 ++--
 .../refine-theme/landing-pure-react-code.tsx  |  2 +-
 .../refine-theme/landing-rainbow-button.tsx   |  5 ++-
 .../landing-section-cta-button.tsx            |  2 +-
 .../landing-sliding-highlights.tsx            |  2 +-
 .../src/refine-theme/landing-sweet-spot.tsx   |  2 +-
 .../src/refine-theme/landing-testimonial.tsx  |  2 +-
 .../landing-trusted-by-developers.tsx         |  2 +-
 .../src/refine-theme/template-detail.tsx      |  2 +-
 .../refine-theme/templates-filter-button.tsx  |  2 +-
 .../src/refine-theme/templates-filters.tsx    |  2 +-
 .../src/refine-theme/templates-hero.tsx       |  2 +-
 .../src/refine-theme/templates-list.tsx       |  2 +-
 .../src/refine-theme/top-announcement.tsx     |  2 +-
 .../src/refine-theme/tutorial-navigation.tsx  |  2 +-
 .../src/refine-theme/tutorial-paginator.tsx   |  2 +-
 .../tutorial-parameter-dropdown.tsx           |  2 +-
 documentation/src/theme/Root.tsx              |  2 +-
 .../src/utils/remove-active-from-files.ts     |  2 +-
 .../src/pages/categories/create.tsx           |  2 +-
 .../src/pages/categories/edit.tsx             |  2 +-
 .../src/pages/categories/list.tsx             |  2 +-
 .../src/pages/categories/show.tsx             |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/pages/users/create.tsx                |  2 +-
 .../src/pages/users/edit.tsx                  |  2 +-
 .../src/pages/users/list.tsx                  |  2 +-
 .../src/pages/users/show.tsx                  |  2 +-
 .../src/pages/categories/create.tsx           |  2 +-
 .../src/pages/categories/edit.tsx             |  2 +-
 .../src/pages/categories/list.tsx             |  2 +-
 .../src/pages/categories/show.tsx             |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/pages/users/create.tsx                |  2 +-
 .../src/pages/users/edit.tsx                  |  2 +-
 .../src/pages/users/list.tsx                  |  2 +-
 .../src/pages/users/show.tsx                  |  2 +-
 .../src/authz/permifyClient.ts                |  2 +-
 .../src/pages/categories/create.tsx           |  2 +-
 .../src/pages/categories/edit.tsx             |  2 +-
 .../src/pages/categories/list.tsx             |  2 +-
 .../src/pages/categories/show.tsx             |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/pages/users/create.tsx                |  2 +-
 .../src/pages/users/edit.tsx                  |  2 +-
 .../src/pages/users/list.tsx                  |  2 +-
 .../src/pages/users/show.tsx                  |  2 +-
 .../layout/account-settings/index.tsx         |  6 +--
 .../src/components/layout/gh-banner/index.tsx |  2 +-
 .../components/tags/contact-status-tag.tsx    |  4 +-
 .../src/components/tags/quote-status-tag.tsx  |  2 +-
 .../src/components/tags/user-tag.tsx          |  2 +-
 .../app-crm-minimal/src/providers/auth.ts     |  4 +-
 .../src/providers/data/fetch-wrapper.ts       |  2 +-
 .../routes/companies/edit/contacts-table.tsx  |  4 +-
 .../src/routes/companies/edit/form.tsx        | 12 ++++--
 .../routes/companies/list/create-modal.tsx    |  6 +--
 .../src/routes/companies/list/index.tsx       |  6 +--
 .../components/deals-chart/index.tsx          |  6 +--
 .../dashboard/components/deals-chart/utils.ts |  4 +-
 .../components/latest-activities/index.tsx    |  4 +-
 .../components/total-count-card/index.tsx     |  2 +-
 .../components/upcoming-events/index.tsx      |  4 +-
 .../src/routes/dashboard/index.tsx            |  2 +-
 .../forms/description/description-form.tsx    |  8 ++--
 .../forms/description/description-header.tsx  |  2 +-
 .../edit/forms/due-date/duedate-form.tsx      |  8 ++--
 .../edit/forms/due-date/duedate-header.tsx    |  2 +-
 .../tasks/edit/forms/stage/stage-form.tsx     |  6 +--
 .../tasks/edit/forms/title/title-form.tsx     |  8 ++--
 .../tasks/edit/forms/users/users-form.tsx     |  6 +--
 .../tasks/edit/forms/users/users-header.tsx   |  2 +-
 .../src/routes/tasks/edit/index.tsx           |  2 +-
 .../src/routes/tasks/list/index.tsx           | 15 ++++---
 .../src/routes/tasks/list/kanban/board.tsx    |  2 +-
 .../src/routes/tasks/list/kanban/card.tsx     |  2 +-
 .../src/routes/tasks/list/kanban/column.tsx   |  2 +-
 .../src/routes/tasks/list/kanban/item.tsx     |  2 +-
 .../calendar/upcoming-events/event/index.tsx  |  4 +-
 .../calendar/upcoming-events/index.tsx        |  4 +-
 .../app-crm/src/components/custom-avatar.tsx  |  2 +-
 .../layout/account-settings/index.tsx         |  6 +--
 .../layout/algolia-search/index.tsx           |  4 +-
 .../layout/algolia-search/wrapper.tsx         |  2 +-
 .../src/components/layout/gh-banner/index.tsx |  2 +-
 .../layout/notification-message.tsx           |  7 +++-
 .../src/components/layout/notifications.tsx   |  7 +++-
 .../app-crm/src/components/layout/sider.tsx   |  4 +-
 .../src/components/list-title-button.tsx      |  2 +-
 .../src/components/pagination-total.tsx       |  2 +-
 .../src/components/participants/index.tsx     |  6 +--
 .../components/select-option-with-avatar.tsx  |  2 +-
 .../components/tags/contact-status-tag.tsx    |  4 +-
 .../src/components/tags/quote-status-tag.tsx  |  4 +-
 .../app-crm/src/components/tags/user-tag.tsx  |  6 +--
 examples/app-crm/src/components/text.tsx      |  2 +-
 .../app-crm/src/hooks/useCompaniesSelect.tsx  |  4 +-
 .../app-crm/src/hooks/useContactsSelect.tsx   |  6 +--
 .../app-crm/src/hooks/useDealStagesSelect.tsx |  4 +-
 examples/app-crm/src/hooks/useUsersSelect.tsx |  4 +-
 examples/app-crm/src/providers/auth.ts        |  2 +-
 examples/app-crm/src/providers/data/axios.ts  |  2 +-
 .../src/providers/data/refresh-token.ts       |  4 +-
 .../src/routes/administration/audit-log.tsx   | 14 +++++--
 .../administration/components/action-cell.tsx |  2 +-
 .../components/role-tag/index.tsx             |  4 +-
 .../src/routes/administration/settings.tsx    |  4 +-
 .../components/calendar/full-calendar.tsx     |  4 +-
 .../calendar/components/calendar/index.tsx    |  6 +--
 .../calendar/components/categories/index.tsx  |  4 +-
 .../categories/manage-categories/index.tsx    |  6 +--
 .../routes/calendar/components/form/index.tsx |  8 ++--
 .../app-crm/src/routes/calendar/create.tsx    |  4 +-
 examples/app-crm/src/routes/calendar/edit.tsx |  4 +-
 examples/app-crm/src/routes/calendar/show.tsx |  4 +-
 .../companies/components/avatar-group.tsx     |  4 +-
 .../components/card-view/card/card.tsx        |  6 +--
 .../companies/components/card-view/index.tsx  |  8 ++--
 .../companies/components/contacts-table.tsx   | 10 ++---
 .../companies/components/deals-table.tsx      |  6 +--
 .../routes/companies/components/info-form.tsx | 10 +++--
 .../src/routes/companies/components/notes.tsx | 10 ++---
 .../companies/components/quotes-table.tsx     |  8 ++--
 .../companies/components/table-view.tsx       | 14 ++++---
 .../components/title-form/title-form.tsx      |  8 ++--
 .../app-crm/src/routes/companies/create.tsx   |  8 ++--
 .../app-crm/src/routes/companies/list.tsx     |  8 ++--
 .../routes/contacts/components/card-view.tsx  |  6 +--
 .../routes/contacts/components/card/card.tsx  |  6 +--
 .../components/comment/comment-form.tsx       |  8 ++--
 .../components/comment/comment-list.tsx       |  8 ++--
 .../contacts/components/status/index.tsx      |  6 +--
 .../routes/contacts/components/table-view.tsx | 10 +++--
 .../app-crm/src/routes/contacts/create.tsx    |  4 +-
 examples/app-crm/src/routes/contacts/list.tsx |  6 +--
 .../src/routes/contacts/show/index.tsx        |  4 +-
 .../components/companies-map/map.tsx          |  2 +-
 .../dashboard/components/deals-chart.tsx      |  6 +--
 .../components/latest-activities/index.tsx    |  4 +-
 .../dashboard/components/tasks-chart.tsx      |  6 +--
 .../components/total-count-card/index.tsx     |  4 +-
 .../components/total-revenue-chart/index.tsx  |  6 +--
 .../app-crm/src/routes/dashboard/index.tsx    |  2 +-
 .../quotes/components/form-modal/index.tsx    | 12 ++++--
 .../routes/quotes/components/pdf-export.tsx   |  4 +-
 .../quotes/components/products-services.tsx   | 12 +++---
 .../quotes/components/show-description.tsx    |  4 +-
 .../components/status-indicator/index.tsx     |  6 +--
 examples/app-crm/src/routes/quotes/create.tsx |  2 +-
 examples/app-crm/src/routes/quotes/edit.tsx   |  2 +-
 examples/app-crm/src/routes/quotes/list.tsx   | 10 ++---
 .../app-crm/src/routes/quotes/show/index.tsx  |  2 +-
 .../scrumboard/components/accordion.tsx       |  2 +-
 .../scrumboard/components/add-card-button.tsx |  2 +-
 .../components/add-stage-button.tsx           |  4 +-
 .../scrumboard/components/board/index.tsx     |  4 +-
 .../scrumboard/components/checklist-input.tsx |  2 +-
 .../scrumboard/components/column/index.tsx    |  6 +--
 .../scrumboard/components/comment-list.tsx    |  8 ++--
 .../components/deal-kanban-card/index.tsx     |  6 +--
 .../deal-kanban-won-lost-drop/index.tsx       |  2 +-
 .../components/forms/checklist-form.tsx       |  4 +-
 .../components/forms/comment-form.tsx         |  6 +--
 .../components/forms/description-form.tsx     |  6 +--
 .../components/forms/duedate-form.tsx         |  4 +-
 .../components/forms/stage-form.tsx           | 11 +++--
 .../components/forms/title-form.tsx           |  4 +-
 .../components/forms/users-form.tsx           |  6 +--
 .../components/headers/accordion-header.tsx   |  2 +-
 .../components/headers/checklist-header.tsx   |  2 +-
 .../components/headers/description-header.tsx |  2 +-
 .../components/headers/duedate-header.tsx     |  2 +-
 .../components/headers/users-header.tsx       |  4 +-
 .../scrumboard/components/item/index.tsx      |  4 +-
 .../components/project-kanban-card/index.tsx  |  2 +-
 .../routes/scrumboard/kanban/create-stage.tsx |  4 +-
 .../src/routes/scrumboard/kanban/create.tsx   |  4 +-
 .../routes/scrumboard/kanban/edit-stage.tsx   |  4 +-
 .../src/routes/scrumboard/kanban/edit.tsx     |  4 +-
 .../src/routes/scrumboard/kanban/list.tsx     | 14 +++----
 .../src/routes/scrumboard/sales/create.tsx    | 10 ++---
 .../src/routes/scrumboard/sales/edit.tsx      |  8 ++--
 .../routes/scrumboard/sales/finalize-deal.tsx |  6 +--
 .../src/routes/scrumboard/sales/list.tsx      | 10 ++---
 .../src/components/history.tsx                |  6 +--
 .../src/pages/posts/list.tsx                  |  2 +-
 examples/auth-antd/src/App.tsx                |  2 +-
 examples/auth-antd/src/pages/posts/edit.tsx   |  2 +-
 examples/auth-antd/src/pages/posts/list.tsx   |  2 +-
 examples/auth-antd/src/pages/posts/show.tsx   |  2 +-
 examples/auth-auth0/src/App.tsx               |  2 +-
 .../auth-auth0/src/pages/posts/create.tsx     |  2 +-
 examples/auth-auth0/src/pages/posts/edit.tsx  |  2 +-
 examples/auth-auth0/src/pages/posts/list.tsx  |  2 +-
 examples/auth-auth0/src/pages/posts/show.tsx  |  2 +-
 examples/auth-chakra-ui/src/App.tsx           |  2 +-
 .../src/components/pagination/index.tsx       |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../auth-chakra-ui/src/interfaces/index.d.ts  |  2 +-
 .../auth-chakra-ui/src/pages/posts/create.tsx |  2 +-
 .../auth-chakra-ui/src/pages/posts/edit.tsx   |  2 +-
 .../auth-chakra-ui/src/pages/posts/list.tsx   |  6 +--
 .../auth-chakra-ui/src/pages/posts/show.tsx   |  2 +-
 examples/auth-google-login/src/App.tsx        |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 examples/auth-headless/src/App.tsx            |  2 +-
 .../src/components/layout/index.tsx           |  2 +-
 .../auth-headless/src/pages/posts/list.tsx    |  4 +-
 examples/auth-keycloak/src/App.tsx            |  2 +-
 .../auth-keycloak/src/pages/posts/create.tsx  |  2 +-
 .../auth-keycloak/src/pages/posts/edit.tsx    |  2 +-
 .../auth-keycloak/src/pages/posts/list.tsx    |  2 +-
 .../auth-keycloak/src/pages/posts/show.tsx    |  2 +-
 examples/auth-kinde/src/pages/posts/list.tsx  |  2 +-
 examples/auth-mantine/src/App.tsx             |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../auth-mantine/src/interfaces/index.d.ts    |  2 +-
 .../auth-mantine/src/pages/posts/edit.tsx     |  2 +-
 .../auth-mantine/src/pages/posts/list.tsx     |  6 +--
 .../auth-mantine/src/pages/posts/show.tsx     |  2 +-
 examples/auth-material-ui/src/App.tsx         |  2 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../auth-material-ui/src/pages/posts/edit.tsx |  4 +-
 .../auth-material-ui/src/pages/posts/list.tsx |  4 +-
 examples/auth-otp/src/App.tsx                 |  2 +-
 examples/auth-otp/src/pages/posts/create.tsx  |  2 +-
 examples/auth-otp/src/pages/posts/edit.tsx    |  2 +-
 examples/auth-otp/src/pages/posts/list.tsx    |  2 +-
 examples/auth-otp/src/pages/posts/show.tsx    |  2 +-
 examples/base-antd/src/pages/posts/create.tsx |  2 +-
 examples/base-antd/src/pages/posts/edit.tsx   |  2 +-
 examples/base-antd/src/pages/posts/list.tsx   |  2 +-
 examples/base-antd/src/pages/posts/show.tsx   |  2 +-
 .../src/components/pagination/index.tsx       |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../base-chakra-ui/src/interfaces/index.d.ts  |  2 +-
 .../base-chakra-ui/src/pages/posts/create.tsx |  2 +-
 .../base-chakra-ui/src/pages/posts/edit.tsx   |  2 +-
 .../base-chakra-ui/src/pages/posts/list.tsx   |  6 +--
 .../base-chakra-ui/src/pages/posts/show.tsx   |  2 +-
 .../base-headless/src/pages/posts/list.tsx    |  4 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../base-mantine/src/interfaces/index.d.ts    |  2 +-
 .../base-mantine/src/pages/posts/create.tsx   |  2 +-
 .../base-mantine/src/pages/posts/edit.tsx     |  2 +-
 .../base-mantine/src/pages/posts/list.tsx     |  6 +--
 .../base-mantine/src/pages/posts/show.tsx     |  2 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../base-material-ui/src/pages/posts/edit.tsx |  4 +-
 .../base-material-ui/src/pages/posts/list.tsx |  4 +-
 examples/blog-ecommerce/pages/_app.tsx        |  2 +-
 examples/blog-ecommerce/pages/index.tsx       |  6 +--
 .../blog-ecommerce/src/components/layout.tsx  |  2 +-
 .../src/authProvider.ts                       |  2 +-
 .../src/components/client/create.tsx          |  8 ++--
 .../src/components/client/edit.tsx            |  6 +--
 .../src/components/client/item.tsx            |  4 +-
 .../src/components/company/create.tsx         |  9 +++-
 .../src/components/company/edit.tsx           |  9 +++-
 .../src/components/company/item.tsx           |  2 +-
 .../src/components/contacts/create.tsx        |  9 +++-
 .../src/components/mission/create.tsx         |  9 +++-
 .../src/components/mission/edit.tsx           |  9 +++-
 .../src/components/pdf/pdfLayout.tsx          |  2 +-
 .../src/pages/client/list.tsx                 |  4 +-
 .../src/pages/company/list.tsx                |  4 +-
 .../src/pages/contacts/edit.tsx               |  2 +-
 .../src/pages/contacts/list.tsx               |  2 +-
 .../src/pages/invoice/create.tsx              |  2 +-
 .../src/pages/invoice/edit.tsx                |  2 +-
 .../src/pages/invoice/list.tsx                |  2 +-
 .../src/pages/mission/list.tsx                |  2 +-
 .../blog-issue-tracker/src/authProvider.ts    |  2 +-
 .../src/pages/dashboard/index.tsx             |  2 +-
 .../src/pages/task/create.tsx                 |  2 +-
 .../src/pages/task/edit.tsx                   |  2 +-
 .../src/pages/task/filter.tsx                 |  4 +-
 .../src/pages/task/list.tsx                   |  4 +-
 .../src/pages/task/show.tsx                   |  2 +-
 .../src/pages/user/list.tsx                   |  2 +-
 .../src/pages/companies/create.tsx            |  2 +-
 .../src/pages/companies/edit.tsx              |  2 +-
 .../src/pages/companies/list.tsx              |  2 +-
 .../src/pages/companies/show.tsx              |  2 +-
 .../src/pages/jobs/create.tsx                 |  2 +-
 .../blog-job-posting/src/pages/jobs/edit.tsx  |  2 +-
 .../blog-job-posting/src/pages/jobs/list.tsx  |  2 +-
 .../blog-job-posting/src/pages/jobs/show.tsx  |  2 +-
 .../src/components/header/index.tsx           |  5 ++-
 .../src/components/layout/index.tsx           |  2 +-
 .../src/contexts/color-mode/index.tsx         |  2 +-
 .../src/pages/employees.tsx                   |  2 +-
 examples/blog-material-ui/src/authProvider.ts |  2 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../blog-material-ui/src/pages/posts/edit.tsx |  4 +-
 .../blog-material-ui/src/pages/posts/list.tsx |  4 +-
 .../blog-material-ui/src/reportWebVitals.ts   |  2 +-
 examples/blog-next-refine-pwa/pages/_app.tsx  |  2 +-
 examples/blog-next-refine-pwa/pages/index.tsx |  4 +-
 .../src/components/Layout.tsx                 |  2 +-
 .../src/authProvider.ts                       |  2 +-
 .../src/components/column-filter/index.tsx    |  2 +-
 .../src/components/column-sorter/index.tsx    |  2 +-
 .../src/components/pagination/index.tsx       |  2 +-
 .../src/pages/posts/list.tsx                  |  4 +-
 .../blog-react-aria/src/components/Button.tsx |  4 +-
 .../blog-react-aria/src/components/Header.tsx |  4 +-
 .../blog-react-aria/src/components/Input.tsx  |  4 +-
 .../blog-react-aria/src/components/Layout.tsx |  2 +-
 .../blog-react-aria/src/components/Modal.tsx  | 10 +++--
 .../src/pages/category/create.tsx             |  2 +-
 .../src/pages/category/list.tsx               |  2 +-
 .../blog-react-aria/src/reportWebVitals.ts    |  2 +-
 .../src/components/constants/models.ts        |  2 +-
 .../src/components/constants/useData.ts       |  2 +-
 .../blog-react-dnd/src/contexts/index.tsx     |  2 +-
 .../blog-react-dnd/src/pages/posts/create.tsx |  2 +-
 .../blog-react-dnd/src/pages/posts/edit.tsx   |  2 +-
 .../blog-react-dnd/src/pages/posts/list.tsx   |  2 +-
 .../blog-react-dnd/src/pages/posts/show.tsx   |  2 +-
 .../blog-react-dnd/src/reportWebVitals.ts     |  2 +-
 .../src/pages/userEdit.tsx                    |  2 +-
 .../src/pages/userList.tsx                    |  2 +-
 .../src/reportWebVitals.ts                    |  2 +-
 .../src/components/layout/index.tsx           |  2 +-
 .../src/providers/notificationProvider.tsx    |  2 +-
 .../src/components/layout/index.tsx           |  2 +-
 .../src/providers/notificationProvider.tsx    |  2 +-
 .../src/components/Layout.tsx                 |  2 +-
 .../src/pages/post/list.tsx                   |  6 +--
 .../src/pages/post/show.tsx                   |  2 +-
 .../src/reportWebVitals.ts                    |  2 +-
 .../src/reportWebVitals.ts                    |  2 +-
 .../src/components/dashboard/RecentSales.tsx  |  2 +-
 .../dashboard/ResponsiveAreaChart.tsx         |  2 +-
 .../dashboard/ResponsiveBarChart.tsx          |  2 +-
 .../src/components/dashboard/Stats.tsx        |  4 +-
 .../src/components/dashboard/TabView.tsx      |  2 +-
 .../src/components/layout/index.tsx           |  2 +-
 .../src/pages/categories/list.tsx             |  4 +-
 .../src/pages/categories/show.tsx             |  2 +-
 .../src/pages/dashboard/index.tsx             |  4 +-
 .../src/pages/products/list.tsx               |  2 +-
 .../src/pages/products/show.tsx               |  2 +-
 .../src/components/dealChart/index.tsx        |  2 +-
 .../src/components/metricCard/index.tsx       |  4 +-
 .../src/contexts/color-mode/index.tsx         |  7 +++-
 .../src/pages/companies/list.tsx              |  2 +-
 .../src/pages/contacts/list.tsx               |  2 +-
 .../blog-refine-mantine-strapi/src/App.tsx    |  4 +-
 .../src/authProvider.ts                       |  2 +-
 .../src/components/header/index.tsx           |  4 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  4 +-
 .../src/contexts/color-mode/index.tsx         |  7 +++-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/components/charts/AreaGraph.tsx       |  2 +-
 .../src/components/charts/BarChart.tsx        |  2 +-
 .../src/components/header/index.tsx           |  7 +++-
 .../src/components/kpi-card/index.tsx         |  4 +-
 .../src/components/recent-sales/index.tsx     |  4 +-
 .../src/contexts/color-mode/index.tsx         |  2 +-
 .../src/pages/categories/list.tsx             |  2 +-
 .../src/pages/dashboard/Dashboard.tsx         |  2 +-
 .../src/pages/products/list.tsx               |  2 +-
 .../components/charts/DisplayAreaGraph.tsx    |  2 +-
 .../src/components/charts/DisplayBarChart.tsx |  2 +-
 .../src/components/layout/index.tsx           |  2 +-
 .../src/components/modal/index.tsx            |  2 +-
 .../src/components/table/RecentSalesTable.tsx |  6 +--
 .../src/pages/categories/create.tsx           |  4 +-
 .../src/pages/categories/edit.tsx             |  4 +-
 .../src/pages/categories/list.tsx             |  6 +--
 .../src/pages/categories/show.tsx             |  2 +-
 .../src/pages/dashboard/DashboardPage.tsx     |  2 +-
 .../src/pages/products/create.tsx             |  4 +-
 .../src/pages/products/edit.tsx               |  4 +-
 .../src/pages/products/list.tsx               |  6 +--
 .../src/pages/products/show.tsx               |  2 +-
 .../src/components/breadcrumb/index.tsx       |  2 +-
 .../components/dashboard/chartView/index.tsx  |  4 +-
 .../dashboard/recentSales/index.tsx           |  2 +-
 .../src/components/layout/index.tsx           |  2 +-
 .../src/components/menu/index.tsx             |  2 +-
 .../src/pages/categories/create.tsx           |  4 +-
 .../src/pages/categories/edit.tsx             |  4 +-
 .../src/pages/categories/list.tsx             |  2 +-
 .../src/pages/categories/show.tsx             |  2 +-
 .../src/pages/dashboard/index.tsx             |  2 +-
 .../src/pages/products/create.tsx             |  4 +-
 .../src/pages/products/edit.tsx               |  4 +-
 .../src/pages/products/list.tsx               |  2 +-
 .../src/pages/products/show.tsx               |  2 +-
 .../src/pages/create.tsx                      |  2 +-
 .../src/reportWebVitals.ts                    |  2 +-
 .../src/components/layout/index.tsx           |  2 +-
 .../src/components/ui/form.tsx                |  8 ++--
 .../src/components/ui/pagination.tsx          |  2 +-
 .../src/pages/blog-posts/create.tsx           |  2 +-
 .../src/pages/blog-posts/edit.tsx             |  2 +-
 .../src/pages/blog-posts/list.tsx             |  6 +--
 .../src/pages/blog-posts/show.tsx             |  2 +-
 .../src/pages/categories/create.tsx           |  2 +-
 .../src/pages/categories/edit.tsx             |  2 +-
 .../src/pages/categories/list.tsx             |  4 +-
 .../src/pages/categories/show.tsx             |  2 +-
 .../src/authProvider.ts                       |  2 +-
 .../src/pages/Layout.tsx                      |  2 +-
 .../src/reportWebVitals.ts                    |  2 +-
 .../src/components/layout/index.tsx           |  2 +-
 .../src/pages/dashboard/details/index.tsx     |  4 +-
 .../src/pages/dashboard/kpiCard/index.tsx     |  2 +-
 .../src/components/Layout.tsx                 |  2 +-
 .../src/reportWebVitals.ts                    |  2 +-
 examples/blog-win95/src/authProvider.ts       |  2 +-
 .../src/components/layout/index.tsx           |  2 +-
 .../blog-win95/src/pages/categories/list.tsx  |  2 +-
 examples/blog-win95/src/pages/posts/list.tsx  |  4 +-
 .../calendar-app/src/pages/calendar/index.tsx |  6 +--
 .../src/pages/categories/create.tsx           |  2 +-
 .../src/pages/categories/edit.tsx             |  2 +-
 .../src/pages/categories/list.tsx             |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/components/layout/index.tsx           |  4 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 examples/customization-login/src/App.tsx      |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/components/layout/index.tsx           |  2 +-
 .../src/components/sider/index.tsx            |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/components/sider/index.tsx            |  4 +-
 .../src/components/sider/styles.ts            |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/components/Header/index.tsx           |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/components/pagination/index.tsx       |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/show.tsx                  |  2 +-
 .../customization-theme-mantine/src/App.tsx   |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/contexts/index.tsx                    |  2 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/blog-posts/create.tsx           |  2 +-
 .../src/pages/blog-posts/edit.tsx             |  2 +-
 .../src/pages/blog-posts/list.tsx             |  2 +-
 .../src/pages/blog-posts/show.tsx             |  2 +-
 .../src/pages/categories/create.tsx           |  2 +-
 .../src/pages/categories/edit.tsx             |  2 +-
 .../src/pages/categories/list.tsx             |  2 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/utility/authProvider.ts               |  4 +-
 .../src/utility/normalize.ts                  |  2 +-
 examples/data-provider-appwrite/src/App.tsx   |  4 +-
 .../src/pages/posts/create.tsx                |  6 +--
 .../src/pages/posts/edit.tsx                  |  6 +--
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/utility/normalize.ts                  |  2 +-
 .../src/pages/categories/create.tsx           |  6 +--
 .../src/pages/categories/edit.tsx             |  6 +--
 .../src/pages/categories/list.tsx             |  4 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  | 10 +++--
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/categories/create.tsx           |  4 +-
 .../src/pages/categories/edit.tsx             |  4 +-
 .../src/pages/categories/list.tsx             |  4 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  6 +--
 .../src/pages/posts/list.tsx                  |  4 +-
 .../src/pages/posts/show.tsx                  |  4 +-
 .../src/pages/categories/create.tsx           |  2 +-
 .../src/pages/categories/edit.tsx             |  2 +-
 .../src/pages/categories/list.tsx             |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/utility/normalize.ts                  |  2 +-
 .../src/pages/categories/create.tsx           |  2 +-
 .../src/pages/categories/edit.tsx             |  2 +-
 .../src/pages/categories/list.tsx             |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 examples/data-provider-strapi-v4/src/App.tsx  |  2 +-
 .../src/pages/categories/create.tsx           |  2 +-
 .../src/pages/categories/edit.tsx             |  2 +-
 .../src/pages/categories/list.tsx             |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 examples/data-provider-strapi/src/App.tsx     |  2 +-
 .../src/pages/categories/create.tsx           |  2 +-
 .../src/pages/categories/edit.tsx             |  2 +-
 .../src/pages/categories/list.tsx             |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 examples/data-provider-supabase/src/App.tsx   |  2 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/utility/normalize.ts                  |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  4 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/pages/posts/create.tsx                | 10 ++++-
 .../src/pages/posts/edit.tsx                  | 10 ++++-
 .../src/pages/posts/list.tsx                  |  4 +-
 examples/finefoods-antd/src/authProvider.ts   |  2 +-
 .../src/button/buttonSuccess.tsx              |  2 +-
 .../src/components/card/index.tsx             |  2 +-
 .../components/categories/status/index.tsx    |  2 +-
 .../categories/tableColumnProducts/index.tsx  |  4 +-
 .../courier/form-item-avatar/index.tsx        |  4 +-
 .../components/courier/review-table/index.tsx |  2 +-
 .../src/components/courier/status/index.tsx   |  2 +-
 .../courier/tableColumnRating/index.tsx       |  2 +-
 .../components/customer/infoList/index.tsx    |  2 +-
 .../components/customer/infoSummary/index.tsx |  2 +-
 .../customer/orderHistory/index.tsx           |  4 +-
 .../components/customer/userStatus/index.tsx  |  2 +-
 .../dashboard/allOrdersMap/index.tsx          |  2 +-
 .../dashboard/dailyOrders/index.tsx           |  2 +-
 .../dashboard/dailyRevenue/index.tsx          |  2 +-
 .../dashboard/newCustomers/index.tsx          |  2 +-
 .../dashboard/orderTimeline/index.tsx         |  2 +-
 .../dashboard/recentOrders/index.tsx          |  2 +-
 .../dashboard/trendingMenu/index.tsx          |  4 +-
 .../src/components/drawer/index.tsx           |  4 +-
 .../form/form-item-editable/index.tsx         |  4 +-
 .../form/form-item-horizontal/index.tsx       | 11 ++++-
 .../src/components/header/index.tsx           |  4 +-
 .../src/components/icons/basic-marker.tsx     |  2 +-
 .../src/components/icons/rank-1.tsx           |  2 +-
 .../src/components/icons/rank-2.tsx           |  2 +-
 .../src/components/icons/rank-3.tsx           |  2 +-
 .../src/components/icons/rank-4.tsx           |  2 +-
 .../src/components/icons/rank-5.tsx           |  2 +-
 .../src/components/map/advanced-marker.tsx    | 10 ++++-
 .../finefoods-antd/src/components/map/map.tsx |  8 ++--
 .../src/components/order/actions/index.tsx    |  2 +-
 .../order/deliveryDetails/index.tsx           |  2 +-
 .../components/order/deliveryMap/index.tsx    |  2 +-
 .../src/components/order/products/index.tsx   |  2 +-
 .../order/tableColumnProducts/index.tsx       |  2 +-
 .../src/components/paginationTotal/index.tsx  |  2 +-
 .../components/product/drawer-form/index.tsx  |  4 +-
 .../components/product/drawer-show/index.tsx  |  6 +--
 .../components/product/list-card/index.tsx    |  4 +-
 .../components/product/list-table/index.tsx   |  4 +-
 .../src/components/product/status/index.tsx   |  2 +-
 .../components/store/courier-table/index.tsx  |  2 +-
 .../src/components/store/form/fields.tsx      | 14 ++++---
 .../src/components/store/form/index.tsx       |  2 +-
 .../components/store/form/useStoreForm.tsx    |  6 +--
 .../src/components/store/list-table/index.tsx |  2 +-
 .../components/store/map/all-stores-map.tsx   |  2 +-
 .../src/components/store/map/store-map.tsx    |  2 +-
 .../src/components/store/status/index.tsx     |  2 +-
 .../src/context/configProvider/index.tsx      |  8 +++-
 .../hooks/useOrderCustomKbarActions/index.tsx |  4 +-
 .../finefoods-antd/src/interfaces/index.d.ts  |  2 +-
 .../finefoods-antd/src/pages/auth/index.tsx   |  2 +-
 .../src/pages/categories/list.tsx             |  4 +-
 .../src/pages/couriers/create.tsx             |  6 +--
 .../src/pages/couriers/edit.tsx               |  4 +-
 .../src/pages/couriers/list.tsx               |  4 +-
 .../src/pages/customers/list.tsx              |  6 +--
 .../src/pages/customers/show.tsx              |  2 +-
 .../src/pages/dashboard/index.tsx             |  4 +-
 .../finefoods-antd/src/pages/orders/list.tsx  |  8 +++-
 .../finefoods-antd/src/pages/orders/show.tsx  |  2 +-
 .../src/pages/products/list.tsx               |  2 +-
 .../src/app/categories/[id]/layout.tsx        |  6 +--
 .../src/app/categories/[id]/page.tsx          |  4 +-
 examples/finefoods-client/src/app/layout.tsx  |  2 +-
 .../src/app/orders/[id]/page.tsx              |  4 +-
 .../components/categories/nav-links/index.tsx |  4 +-
 .../src/components/icons/BasketIcon.tsx       |  2 +-
 .../src/components/icons/ChevronDownIcon.tsx  |  2 +-
 .../src/components/icons/ChevronLeftIcon.tsx  |  2 +-
 .../src/components/icons/ChevronRightIcon.tsx |  2 +-
 .../src/components/icons/ChevronUpIcon.tsx    |  3 +-
 .../src/components/icons/CloseIcon.tsx        |  3 +-
 .../components/icons/DividerVerticalIcon.tsx  |  2 +-
 .../components/icons/FastMotocycleIcon.tsx    |  3 +-
 .../src/components/icons/FinefoodsIcon.tsx    |  2 +-
 .../src/components/icons/MotorcycleIcon.tsx   |  2 +-
 .../src/components/icons/OrderIcon.tsx        |  2 +-
 .../src/components/icons/PlusSquareIcon.tsx   |  2 +-
 .../src/components/icons/RefineIcon.tsx       |  2 +-
 .../src/components/layout/layout.tsx          |  2 +-
 .../src/components/orders/detail/index.tsx    |  4 +-
 .../src/components/orders/modal/index.tsx     |  2 +-
 .../src/components/products/table/table.tsx   |  6 +--
 .../src/context/basketContextProvider.tsx     |  8 +++-
 .../context/ordersModalContextProvider.tsx    |  2 +-
 .../src/hooks/useEventListener.ts             |  2 +-
 .../src/hooks/useOnClickOutside.ts            |  2 +-
 .../finefoods-material-ui/src/authProvider.ts |  2 +-
 .../src/components/card/index.tsx             |  8 ++--
 .../src/components/category/status/index.tsx  |  4 +-
 .../components/courier/image-upload/index.tsx |  2 +-
 .../src/components/courier/rating/index.tsx   |  2 +-
 .../src/components/courier/status/index.tsx   |  4 +-
 .../courier/table-reviews/index.tsx           |  4 +-
 .../src/components/customer/status/index.tsx  |  4 +-
 .../dashboard/chartTooltip/index.tsx          |  2 +-
 .../dashboard/dailyOrders/index.tsx           |  2 +-
 .../dashboard/dailyRevenue/index.tsx          |  2 +-
 .../dashboard/deliveryMap/index.tsx           |  2 +-
 .../dashboard/newCustomers/index.tsx          |  2 +-
 .../dashboard/orderTimeline/index.tsx         |  2 +-
 .../dashboard/recentOrders/index.tsx          |  8 +++-
 .../dashboard/trendingMenu/index.tsx          |  4 +-
 .../src/components/drawer/drawer/index.tsx    |  4 +-
 .../src/components/header/index.tsx           |  9 ++--
 .../src/components/icons/basic-marker.tsx     |  2 +-
 .../src/components/icons/fine-foods.tsx       |  2 +-
 .../src/components/icons/rank-1.tsx           |  2 +-
 .../src/components/icons/rank-2.tsx           |  2 +-
 .../src/components/icons/rank-3.tsx           |  2 +-
 .../src/components/icons/rank-4.tsx           |  2 +-
 .../src/components/icons/rank-5.tsx           |  2 +-
 .../src/components/icons/trend-icon.tsx       |  2 +-
 .../src/components/map/advanced-marker.tsx    | 10 ++++-
 .../src/components/map/map.tsx                |  8 ++--
 .../src/components/order/details/index.tsx    |  4 +-
 .../src/components/order/map/index.tsx        |  2 +-
 .../src/components/order/products/index.tsx   |  4 +-
 .../order/tableColumnProducts/index.tsx       |  2 +-
 .../components/product/drawer-form/index.tsx  |  4 +-
 .../components/product/image-upload/index.tsx |  2 +-
 .../components/product/list-card/index.tsx    |  4 +-
 .../components/product/list-table/index.tsx   |  6 +--
 .../src/components/product/status/index.tsx   |  4 +-
 .../src/components/refine-list-view/index.tsx |  2 +-
 .../components/store/courier-table/index.tsx  |  4 +-
 .../src/components/store/form/index.tsx       |  2 +-
 .../components/store/form/useStoreForm.tsx    |  6 +--
 .../src/components/store/info-card/index.tsx  |  6 +--
 .../components/store/map/all-stores-map.tsx   |  2 +-
 .../src/components/store/map/store-map.tsx    |  2 +-
 .../src/components/store/status/index.tsx     |  4 +-
 .../src/components/store/table/index.tsx      |  4 +-
 .../src/contexts/index.tsx                    |  2 +-
 .../hooks/useOrderCustomKbarActions/index.tsx |  4 +-
 .../src/pages/auth/index.tsx                  |  2 +-
 .../src/pages/categories/list.tsx             |  6 +--
 .../src/pages/couriers/create.tsx             |  6 +--
 .../src/pages/couriers/edit.tsx               |  4 +-
 .../src/pages/couriers/list.tsx               |  6 +--
 .../src/pages/customers/list.tsx              |  8 ++--
 .../src/pages/customers/show.tsx              |  6 +--
 .../src/pages/dashboard/index.tsx             |  2 +-
 .../src/pages/orders/list.tsx                 | 10 +++--
 .../src/pages/orders/show.tsx                 |  2 +-
 .../src/pages/products/list.tsx               |  4 +-
 .../src/utils/use-image-upload/index.ts       |  2 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 examples/form-antd-mutation-mode/src/App.tsx  |  2 +-
 .../components/mutation-mode-picker/index.tsx |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../form-chakra-ui-mutation-mode/src/App.tsx  |  2 +-
 .../components/mutation-mode-picker/index.tsx |  2 +-
 .../src/components/pagination/index.tsx       |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/components/createPostDrawer/index.tsx |  6 +--
 .../src/components/editPostDrawer/index.tsx   |  6 +--
 .../src/components/pagination/index.tsx       |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/components/pagination/index.tsx       |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/components/createPostModal/index.tsx  |  4 +-
 .../src/components/editPostModal/index.tsx    |  4 +-
 .../src/components/pagination/index.tsx       |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../form-mantine-mutation-mode/src/App.tsx    |  2 +-
 .../components/mutation-mode-picker/index.tsx |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/components/createPostDrawer.tsx       |  4 +-
 .../src/components/editPostDrawer.tsx         |  4 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/components/createPostModal.tsx        |  4 +-
 .../src/components/editPostModal.tsx          |  4 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/App.tsx                               |  2 +-
 .../components/mutation-mode-picker/index.tsx |  2 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  4 +-
 .../src/components/createPostDrawer.tsx       |  6 +--
 .../src/components/editPostDrawer.tsx         |  6 +--
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  4 +-
 .../src/components/createPostModal.tsx        |  6 +--
 .../src/components/editPostModal.tsx          |  6 +--
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/components/post/create.tsx            |  6 +--
 .../src/components/post/edit.tsx              |  6 +--
 .../src/pages/posts/list.tsx                  |  4 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../i18n-nextjs/src/app/_refine_context.tsx   |  2 +-
 .../i18n-nextjs/src/app/blog-posts/page.tsx   |  2 +-
 .../i18n-nextjs/src/app/categories/page.tsx   |  2 +-
 examples/i18n-nextjs/src/app/layout.tsx       |  2 +-
 .../src/components/header/index.tsx           |  2 +-
 .../src/contexts/color-mode/index.tsx         |  2 +-
 .../src/components/header/index.tsx           |  2 +-
 .../i18n-react/src/pages/posts/create.tsx     |  2 +-
 examples/i18n-react/src/pages/posts/edit.tsx  |  2 +-
 examples/i18n-react/src/pages/posts/list.tsx  |  2 +-
 examples/i18n-react/src/pages/posts/show.tsx  |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/list.tsx                        |  4 +-
 examples/inferencer-antd/src/authProvider.ts  |  2 +-
 .../src/components/header/index.tsx           |  2 +-
 .../src/contexts/color-mode/index.tsx         |  7 +++-
 .../inferencer-chakra-ui/src/authProvider.ts  |  2 +-
 .../src/components/header/index.tsx           |  4 +-
 .../src/contexts/color-mode/index.tsx         |  7 +++-
 .../inferencer-headless/src/authProvider.ts   |  2 +-
 .../src/components/layout/index.tsx           |  2 +-
 examples/inferencer-mantine/src/App.tsx       |  2 +-
 .../inferencer-mantine/src/authProvider.ts    |  2 +-
 .../src/components/header/index.tsx           |  4 +-
 .../src/authProvider.ts                       |  2 +-
 .../src/components/header/index.tsx           |  5 ++-
 .../src/contexts/color-mode/index.tsx         |  2 +-
 .../input-custom/src/pages/posts/create.tsx   |  2 +-
 .../input-custom/src/pages/posts/edit.tsx     |  2 +-
 .../input-custom/src/pages/posts/list.tsx     |  2 +-
 .../input-custom/src/pages/posts/show.tsx     |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../form-item-editable-input-text/index.tsx   |  2 +-
 .../src/components/icons/icon-invoicer.tsx    |  2 +-
 examples/invoicer/src/pages/accounts/edit.tsx |  4 +-
 examples/invoicer/src/pages/clients/list.tsx  |  2 +-
 examples/invoicer/src/pages/invoices/list.tsx |  2 +-
 examples/invoicer/src/types/index.ts          |  4 +-
 .../src/components/sider/index.tsx            |  4 +-
 .../src/components/sider/styles.ts            |  2 +-
 .../src/pages/categories/create.tsx           |  2 +-
 .../src/pages/categories/edit.tsx             |  2 +-
 .../src/pages/categories/list.tsx             |  2 +-
 .../src/pages/categories/show.tsx             |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../loading-overtime/src/pages/posts/edit.tsx |  2 +-
 .../loading-overtime/src/pages/posts/list.tsx |  2 +-
 .../loading-overtime/src/pages/posts/show.tsx |  2 +-
 examples/mern-dashboard-client/src/App.tsx    |  4 +-
 .../src/components/agent/AgentCard.tsx        |  2 +-
 .../src/components/charts/PieChart.tsx        |  2 +-
 .../src/components/charts/chart.config.ts     |  2 +-
 .../src/components/common/CustomButton.tsx    |  2 +-
 .../src/components/common/Form.tsx            |  2 +-
 .../src/components/common/Profile.tsx         |  2 +-
 .../src/components/common/PropertyCard.tsx    |  2 +-
 .../src/components/layout/layout/index.tsx    |  2 +-
 .../src/components/layout/sider/index.tsx     |  4 +-
 .../src/components/layout/title/index.tsx     |  2 +-
 .../src/contexts/index.tsx                    |  2 +-
 .../src/interfaces/agent.d.ts                 |  2 +-
 .../src/interfaces/property.d.ts              |  2 +-
 .../src/pages/create-property.tsx             |  2 +-
 .../src/pages/edit-property.tsx               |  2 +-
 .../mern-dashboard-client/src/pages/login.tsx |  2 +-
 .../src/reportWebVitals.ts                    |  2 +-
 .../src/utils/parse-jwt.ts                    |  2 +-
 .../src/pages/blog-posts/create.tsx           |  2 +-
 .../blog-posts/src/pages/blog-posts/edit.tsx  |  2 +-
 .../blog-posts/src/pages/blog-posts/list.tsx  |  2 +-
 .../blog-posts/src/pages/blog-posts/show.tsx  |  2 +-
 .../src/pages/categories/create.tsx           |  2 +-
 .../categories/src/pages/categories/edit.tsx  |  2 +-
 .../categories/src/pages/categories/list.tsx  |  2 +-
 .../categories/src/pages/categories/show.tsx  |  2 +-
 .../apps/host/src/App.tsx                     |  2 +-
 .../apps/host/src/authProvider.ts             |  2 +-
 .../host/src/contexts/color-mode/index.tsx    |  7 +++-
 .../apps/my-refine-app/src/authProvider.ts    |  2 +-
 .../src/contexts/color-mode/index.tsx         |  7 +++-
 .../apps/my-refine-app/src/authProvider.ts    |  2 +-
 .../src/contexts/color-mode/index.tsx         |  7 +++-
 .../apps/my-refine-app/src/authProvider.ts    |  2 +-
 .../src/contexts/color-mode/index.tsx         |  7 +++-
 .../src/pages/categories/create.tsx           |  2 +-
 .../src/pages/categories/edit.tsx             |  2 +-
 .../src/pages/categories/list.tsx             |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../multi-level-menu/src/pages/posts/edit.tsx |  2 +-
 .../multi-level-menu/src/pages/posts/list.tsx |  2 +-
 .../multi-level-menu/src/pages/posts/show.tsx |  2 +-
 .../src/pages/users/create.tsx                |  2 +-
 .../multi-level-menu/src/pages/users/edit.tsx |  2 +-
 .../multi-level-menu/src/pages/users/list.tsx |  2 +-
 .../multi-level-menu/src/pages/users/show.tsx |  2 +-
 .../src/authProvider.ts                       |  4 +-
 .../src/components/header/index.tsx           |  2 +-
 .../src/components/product/create.tsx         | 11 ++++-
 .../src/components/product/edit.tsx           | 11 ++++-
 .../src/components/product/item.tsx           |  2 +-
 .../src/components/product/show.tsx           |  2 +-
 .../src/components/select/index.tsx           |  2 +-
 .../src/pages/orders/create.tsx               |  4 +-
 .../src/pages/orders/edit.tsx                 |  2 +-
 .../src/pages/orders/list.tsx                 |  2 +-
 .../src/pages/products/list.tsx               |  4 +-
 .../src/utility/normalize.ts                  |  2 +-
 .../multi-tenancy-strapi/src/authProvider.ts  |  2 +-
 .../src/components/header/index.tsx           |  2 +-
 .../src/components/product/create.tsx         |  9 +++-
 .../src/components/product/edit.tsx           |  9 +++-
 .../src/components/product/item.tsx           |  2 +-
 .../src/components/select/index.tsx           |  2 +-
 .../src/pages/order/create.tsx                |  4 +-
 .../src/pages/order/edit.tsx                  |  4 +-
 .../src/pages/order/list.tsx                  |  2 +-
 .../src/pages/product/list.tsx                |  4 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/components/canvas/item.tsx            |  2 +-
 .../src/components/layout/title/index.tsx     |  2 +-
 .../pixels-admin/src/components/logs/list.tsx |  2 +-
 .../pixels-admin/src/pages/auth/index.tsx     |  2 +-
 .../pixels-admin/src/pages/canvases/list.tsx  |  2 +-
 .../pixels-admin/src/pages/users/list.tsx     |  2 +-
 .../src/providers/accessControlProvider.ts    |  2 +-
 .../src/providers/auditLogProvider.ts         |  2 +-
 .../src/providers/authProvider.ts             |  2 +-
 examples/pixels-admin/src/types/canvas.ts     |  2 +-
 .../src/components/avatar/avatar-panel.tsx    |  2 +-
 .../src/components/avatar/contributors.tsx    |  2 +-
 .../pixels/src/components/canvas/create.tsx   | 11 ++++-
 .../pixels/src/components/canvas/display.tsx  |  6 +--
 .../pixels/src/components/canvas/item.tsx     |  2 +-
 .../pixels/src/components/canvas/tile.tsx     |  2 +-
 .../src/components/layout/header/index.tsx    |  2 +-
 .../src/components/layout/layout/index.tsx    |  2 +-
 examples/pixels/src/pages/auth/index.tsx      |  2 +-
 .../src/pages/canvases/featured-list.tsx      |  2 +-
 examples/pixels/src/pages/canvases/list.tsx   |  2 +-
 examples/pixels/src/pages/canvases/show.tsx   |  4 +-
 .../pixels/src/providers/auditLogProvider.ts  |  2 +-
 examples/pixels/src/providers/authProvider.ts |  2 +-
 .../get-unique-contributors-avatar-url.ts     |  2 +-
 .../pixels/src/utility/get-user-query-ids.ts  |  2 +-
 .../src/authProvider.ts                       |  2 +-
 .../src/components/client/create.tsx          |  8 ++--
 .../src/components/client/edit.tsx            |  8 ++--
 .../src/components/company/create.tsx         | 10 ++++-
 .../src/components/company/edit.tsx           | 10 ++++-
 .../src/components/contact/create.tsx         | 10 ++++-
 .../src/components/mission/create.tsx         |  9 +++-
 .../src/components/mission/edit.tsx           |  9 +++-
 .../src/components/pdf/pdfLayout.tsx          |  2 +-
 .../src/contexts/color-mode/index.tsx         |  7 +++-
 .../src/pages/clients/list.tsx                |  4 +-
 .../src/pages/companies/list.tsx              |  4 +-
 .../src/pages/contacts/edit.tsx               |  2 +-
 .../src/pages/contacts/list.tsx               |  2 +-
 .../src/pages/invoices/create.tsx             |  2 +-
 .../src/pages/invoices/edit.tsx               |  2 +-
 .../src/pages/invoices/list.tsx               |  2 +-
 .../src/pages/missions/list.tsx               |  2 +-
 examples/search/src/components/header.tsx     |  2 +-
 .../search/src/pages/categories/create.tsx    |  2 +-
 examples/search/src/pages/categories/edit.tsx |  2 +-
 examples/search/src/pages/categories/list.tsx |  2 +-
 examples/search/src/pages/categories/show.tsx |  2 +-
 examples/search/src/pages/posts/create.tsx    |  2 +-
 examples/search/src/pages/posts/edit.tsx      |  2 +-
 examples/search/src/pages/posts/list.tsx      |  2 +-
 examples/search/src/pages/posts/show.tsx      |  2 +-
 .../src/App.tsx                               |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/App.tsx                               |  2 +-
 .../src/components/pagination/index.tsx       |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/App.tsx                               |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/App.tsx                               |  2 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  4 +-
 examples/store/pages/_app.tsx                 |  8 ++--
 examples/store/pages/account/addresses.tsx    |  2 +-
 examples/store/pages/account/index.tsx        |  2 +-
 examples/store/pages/account/orders.tsx       |  4 +-
 examples/store/pages/index.tsx                | 12 ++++--
 examples/store/pages/order/confirmed/[id].tsx |  2 +-
 examples/store/pages/order/details/[id].tsx   |  2 +-
 examples/store/pages/product/[handle].tsx     |  6 +--
 .../account/AccountInfo/AccountInfo.tsx       |  2 +-
 .../account/AccountLayout/AccountLayout.tsx   |  4 +-
 .../OverviewTemplate/OverviewTemplate.tsx     |  2 +-
 .../address/AddAddress/AddAddress.tsx         |  2 +-
 .../address/AddressBook/AddressBook.tsx       |  2 +-
 .../AddressTemplate/AddressTemplate.tsx       |  2 +-
 .../address/EditAddress/EditAddress.tsx       |  2 +-
 .../store/src/components/auth/LoginView.tsx   |  2 +-
 .../store/src/components/auth/SignUpView.tsx  |  2 +-
 .../src/components/cart/CartItem/CartItem.tsx |  4 +-
 .../CheckoutCartItem/CheckoutCartItem.tsx     |  4 +-
 .../checkout/AddressSelect/AddressSelect.tsx  |  2 +-
 .../BillingAddress/BillingAddress.tsx         |  2 +-
 .../checkout/CardTotals/CardTotals.tsx        |  2 +-
 .../components/checkout/CartItems/index.tsx   |  2 +-
 .../checkout/DiscountCode/DiscountCode.tsx    |  2 +-
 .../components/checkout/GiftCard/GiftCard.tsx |  2 +-
 .../checkout/PaymentButton/PaymentButton.tsx  |  2 +-
 .../PaymentContainer/PaymentContainer.tsx     |  2 +-
 .../checkout/PaymentStripe/PaymentStripe.tsx  |  2 +-
 .../PaymentWrapper/PaymentWrapper.tsx         |  6 +--
 .../components/checkout/Shipping/Shipping.tsx |  2 +-
 .../ShippingAddress/ShippingAddress.tsx       |  4 +-
 .../src/components/common/Avatar/Avatar.tsx   |  2 +-
 .../common/CountrySelect/CountrySelect.tsx    |  2 +-
 .../src/components/common/Layout/Layout.tsx   |  2 +-
 .../LineItemOptions/LineItemOptions.tsx       |  2 +-
 .../common/LineItemPrice/LineItemPrice.tsx    |  4 +-
 .../common/NativeSelect/NativeSelect.tsx      |  2 +-
 .../store/src/components/common/SEO/SEO.tsx   |  2 +-
 .../common/SidebarLayout/SidebarLayout.tsx    |  2 +-
 .../components/common/Thumbnail/Thumbnail.tsx |  2 +-
 .../src/components/common/UserNav/UserNav.tsx |  2 +-
 .../store/src/components/icons/ArrowRight.tsx |  2 +-
 examples/store/src/components/icons/Bag.tsx   |  2 +-
 examples/store/src/components/icons/Check.tsx |  2 +-
 .../src/components/icons/ChevronDown.tsx      |  2 +-
 examples/store/src/components/icons/Edit.tsx  |  2 +-
 examples/store/src/components/icons/Info.tsx  |  2 +-
 .../store/src/components/icons/MapPin.tsx     |  2 +-
 examples/store/src/components/icons/Menu.tsx  |  2 +-
 examples/store/src/components/icons/Minus.tsx |  2 +-
 examples/store/src/components/icons/Moon.tsx  |  2 +-
 .../store/src/components/icons/Package.tsx    |  2 +-
 .../src/components/icons/PlaceholderImage.tsx |  2 +-
 examples/store/src/components/icons/Plus.tsx  |  2 +-
 .../store/src/components/icons/Spinner.tsx    |  2 +-
 examples/store/src/components/icons/Trash.tsx |  2 +-
 examples/store/src/components/icons/User.tsx  |  2 +-
 .../src/components/orders/Items/Items.tsx     |  2 +-
 .../components/orders/OrderCard/OrderCard.tsx |  2 +-
 .../OrderCompletedTemplate.tsx                |  2 +-
 .../orders/OrderDetails/OrderDetails.tsx      |  2 +-
 .../OrderDetailsTemplate.tsx                  |  2 +-
 .../orders/OrderOverview/OrderOverview.tsx    |  2 +-
 .../orders/OrderSummary/OrderSummary.tsx      |  2 +-
 .../orders/PaymentDetails/PaymentDetails.tsx  |  2 +-
 .../ShippingDetails/ShippingDetails.tsx       |  2 +-
 .../store/src/components/product/helpers.ts   |  8 +++-
 .../components/product/product-grid-item.tsx  |  2 +-
 .../product/product-option-picker.tsx         |  2 +-
 .../src/components/product/product-slider.tsx |  2 +-
 .../ProfileBillingAddress.tsx                 |  2 +-
 .../profile/ProfileEmail/ProfileEmail.tsx     |  2 +-
 .../profile/ProfileName/ProfileName.tsx       |  2 +-
 .../ProfilePassword/ProfilePassword.tsx       |  2 +-
 .../profile/ProfilePhone/ProfilePhone.tsx     |  2 +-
 .../store/src/components/ui/Button/Button.tsx |  4 +-
 .../store/src/components/ui/Link/Link.tsx     |  4 +-
 .../store/src/components/ui/Logo/Logo.tsx     |  2 +-
 .../store/src/components/ui/Modal/Modal.tsx   |  2 +-
 .../src/components/ui/Sidebar/Sidebar.tsx     |  2 +-
 examples/store/src/lib/context/cart.tsx       |  4 +-
 examples/store/src/lib/context/checkout.tsx   |  4 +-
 examples/store/src/lib/context/ui.tsx         |  7 +++-
 .../src/lib/hooks/useEnrichedLineItems.ts     |  4 +-
 .../store/src/lib/hooks/useProductPrice.ts    |  4 +-
 examples/store/src/types/medusa.ts            |  2 +-
 .../src/pages/categories/create.tsx           |  2 +-
 .../src/pages/categories/edit.tsx             |  2 +-
 .../src/pages/categories/list.tsx             |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  4 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/components/pagination/index.tsx       |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/components/pagination/index.tsx       |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/show.tsx                  |  2 +-
 .../table-handson/src/pages/posts/list.tsx    |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/dataGrid/index.tsx              |  8 ++--
 .../src/pages/table/index.tsx                 |  6 +--
 .../src/pages/posts/list.tsx                  |  4 +-
 .../src/rest-data-provider/index.ts           |  4 +-
 .../src/pages/posts/list.tsx                  |  8 ++--
 .../src/pages/posts/list.tsx                  | 10 ++---
 .../src/pages/posts/list.tsx                  |  8 ++--
 .../src/pages/posts/list.tsx                  | 10 ++---
 .../src/pages/posts/list.tsx                  | 10 ++---
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/react-table-config.d.ts               |  2 +-
 .../src/pages/posts/list.tsx                  |  4 +-
 .../template-chakra-ui/src/reportWebVitals.ts |  2 +-
 .../src/components/layout/index.tsx           |  2 +-
 .../template-headless/src/reportWebVitals.ts  |  2 +-
 .../template-mantine/src/reportWebVitals.ts   |  2 +-
 .../src/reportWebVitals.ts                    |  2 +-
 examples/theme-antd-demo/src/App.tsx          |  2 +-
 .../src/components/theme-settings/index.tsx   |  4 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../theme-antd-demo/src/pages/posts/edit.tsx  |  2 +-
 .../theme-antd-demo/src/pages/posts/list.tsx  |  2 +-
 .../theme-antd-demo/src/pages/posts/show.tsx  |  2 +-
 .../theme-antd-demo/src/utils/authProvider.ts |  2 +-
 .../theme-chakra-ui-demo/src/authProvider.ts  |  2 +-
 .../src/components/pagination/index.tsx       |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/components/theme-settings/index.tsx   |  4 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/show.tsx                  |  2 +-
 examples/theme-mantine-demo/src/App.tsx       |  2 +-
 .../theme-mantine-demo/src/authProvider.ts    |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/components/theme-settings/index.tsx   |  4 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/authProvider.ts                       |  2 +-
 .../src/components/theme-settings/index.tsx   |  2 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  4 +-
 .../src/pages/blog-posts/list.tsx             |  2 +-
 examples/tutorial-antd/src/reportWebVitals.ts |  2 +-
 .../src/components/table/ColumnFilter.tsx     |  2 +-
 .../src/components/table/ColumnSorter.tsx     |  2 +-
 .../src/pages/blog-posts/list.tsx             |  4 +-
 .../tutorial-chakra-ui/src/reportWebVitals.ts |  2 +-
 .../src/components/layout/index.tsx           |  2 +-
 .../src/pages/blog-posts/list.tsx             |  4 +-
 .../tutorial-headless/src/reportWebVitals.ts  |  2 +-
 .../src/components/table/ColumnFilter.tsx     |  2 +-
 .../src/components/table/ColumnSorter.tsx     |  2 +-
 .../src/pages/blog-posts/list.tsx             |  4 +-
 .../tutorial-mantine/src/reportWebVitals.ts   |  2 +-
 .../src/pages/blog-posts/list.tsx             |  2 +-
 .../src/reportWebVitals.ts                    |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/users/create.tsx                |  4 +-
 .../src/pages/users/edit.tsx                  |  4 +-
 .../src/pages/users/list.tsx                  |  2 +-
 .../src/pages/users/show.tsx                  |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/components/pagination/index.tsx       |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/components/pagination/index.tsx       |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/create.tsx                | 10 +++--
 .../src/pages/posts/edit.tsx                  | 10 +++--
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/components/table/columnFilter.tsx     |  2 +-
 .../src/components/table/columnSorter.tsx     |  2 +-
 .../src/interfaces/index.d.ts                 |  2 +-
 .../src/pages/posts/create.tsx                | 10 +++--
 .../src/pages/posts/edit.tsx                  | 10 +++--
 .../src/pages/posts/list.tsx                  |  6 +--
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  4 +-
 .../src/pages/posts/create.tsx                |  4 +-
 .../src/pages/posts/edit.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  4 +-
 examples/use-infinite-list/src/App.tsx        |  2 +-
 .../src/github-data-provider/index.ts         |  4 +-
 .../src/github-data-provider/utils/axios.ts   |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../use-modal-antd/src/pages/posts/list.tsx   |  2 +-
 .../src/pages/posts/list.tsx                  |  6 +--
 .../win95/src/components/browser/index.tsx    |  2 +-
 .../src/components/icons/chevron-left.tsx     |  2 +-
 .../src/components/icons/chevron-right.tsx    |  2 +-
 examples/win95/src/components/icons/close.tsx |  2 +-
 .../win95/src/components/icons/minimize.tsx   |  2 +-
 .../icons/pagination-go-to-first.tsx          |  2 +-
 .../icons/pagination-go-to-last.tsx           |  2 +-
 .../src/components/icons/pagination-next.tsx  |  2 +-
 .../src/components/icons/pagination-prev.tsx  |  2 +-
 .../win95/src/components/icons/question.tsx   |  2 +-
 .../src/components/image-pixelated/index.tsx  |  4 +-
 .../win95/src/components/layout/app/index.tsx |  7 +++-
 .../src/components/layout/common/index.tsx    |  2 +-
 .../components/layout/video-club/layout.tsx   |  2 +-
 .../layout/video-club/subpage-layout.tsx      |  2 +-
 .../components/link-double-click/index.tsx    |  2 +-
 .../src/components/media-player/player.tsx    |  2 +-
 .../src/components/notification/index.tsx     |  4 +-
 .../win95/src/components/pagination/index.tsx |  2 +-
 .../src/components/rvc-website/catalog.tsx    |  2 +-
 .../src/components/rvc-website/layout.tsx     |  2 +-
 .../src/components/table-members/index.tsx    |  2 +-
 .../win95/src/components/tooltip/index.tsx    |  4 +-
 .../unsupported-resolution-handler/index.tsx  |  2 +-
 .../src/providers/auth-provider/index.ts      |  2 +-
 .../providers/notification-provider/index.tsx |  2 +-
 .../src/providers/theme-provider/index.tsx    |  2 +-
 .../win95/src/routes/login-page/index.tsx     |  2 +-
 .../win95/src/routes/rvc-website/home.tsx     |  4 +-
 .../src/routes/rvc-website/title-detail.tsx   |  2 +-
 .../src/routes/video-club/members/create.tsx  |  6 +--
 .../src/routes/video-club/members/edit.tsx    |  6 +--
 .../src/routes/video-club/members/list.tsx    |  2 +-
 .../src/routes/video-club/members/show.tsx    |  2 +-
 .../src/routes/video-club/report/index.tsx    |  2 +-
 .../src/routes/video-club/tapes/rent.tsx      |  4 +-
 .../src/routes/video-club/tapes/return.tsx    |  2 +-
 .../routes/video-club/tapes/select-member.tsx |  2 +-
 .../routes/video-club/tapes/select-title.tsx  |  2 +-
 .../src/routes/video-club/titles/create.tsx   |  6 +--
 .../src/routes/video-club/titles/list.tsx     |  2 +-
 .../src/routes/video-club/titles/show.tsx     |  2 +-
 .../win95/src/utils/get-title-by-tmdb-id.ts   |  2 +-
 examples/win95/src/utils/has-active-rental.ts |  2 +-
 examples/win95/src/utils/tmdb-to-title.ts     |  2 +-
 examples/with-custom-pages/src/App.tsx        |  2 +-
 .../src/pages/post-review/post-review.tsx     |  2 +-
 .../src/pages/posts/create.tsx                |  2 +-
 .../src/pages/posts/edit.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/posts/show.tsx                  |  2 +-
 .../src/pages/posts/list.tsx                  |  2 +-
 .../src/pages/users/list.tsx                  |  2 +-
 .../src/rest-data-provider/index.ts           |  2 +-
 .../src/rest-data-provider/utils/axios.ts     |  2 +-
 .../utils/generateFilter.ts                   |  2 +-
 .../rest-data-provider/utils/generateSort.ts  |  2 +-
 .../rest-data-provider/utils/mapOperator.ts   |  2 +-
 .../src/app/_refine_context.tsx               |  2 +-
 .../src/app/api/auth/[...nextauth]/options.ts |  2 +-
 .../src/app/blog-posts/page.tsx               |  2 +-
 .../src/app/categories/page.tsx               |  2 +-
 .../with-nextjs-next-auth/src/app/layout.tsx  |  2 +-
 .../src/contexts/color-mode/index.tsx         |  2 +-
 .../types/next-auth.d.ts                      |  2 +-
 .../with-nextjs/src/app/blog-posts/page.tsx   |  2 +-
 .../with-nextjs/src/app/categories/page.tsx   |  2 +-
 examples/with-nextjs/src/app/layout.tsx       |  2 +-
 .../src/contexts/color-mode/index.tsx         |  2 +-
 .../auth-provider/auth-provider.server.ts     |  2 +-
 .../providers/auth-provider/auth-provider.ts  |  2 +-
 examples/with-nx/src/authProvider.ts          |  2 +-
 .../with-nx/src/contexts/color-mode/index.tsx |  7 +++-
 .../src/pages/posts/list.tsx                  |  4 +-
 .../src/pages/posts/list.tsx                  |  4 +-
 .../src/providers/notificationProvider.tsx    |  2 +-
 examples/with-remix-antd/app/authProvider.ts  |  2 +-
 examples/with-remix-antd/app/routes/_auth.tsx |  2 +-
 .../app/routes/_protected.posts._index.tsx    |  4 +-
 .../app/routes/_protected.posts.create.tsx    |  2 +-
 .../app/routes/_protected.posts.edit.$id.tsx  |  4 +-
 .../app/routes/_protected.posts.show.$id.tsx  |  4 +-
 .../with-remix-antd/app/routes/_protected.tsx |  2 +-
 examples/with-remix-auth/app/root.tsx         |  8 +++-
 examples/with-remix-auth/app/routes/_auth.tsx |  2 +-
 .../app/routes/auth.$provider._index.tsx      |  2 +-
 .../with-remix-headless/app/authProvider.ts   |  2 +-
 .../app/components/layout/index.tsx           |  2 +-
 .../app/pages/posts/list.tsx                  |  2 +-
 .../with-remix-headless/app/routes/_auth.tsx  |  2 +-
 .../app/routes/_protected.posts._index.tsx    |  6 +--
 .../app/routes/_protected.posts.create.tsx    |  2 +-
 .../app/routes/_protected.posts.edit.$id.tsx  |  4 +-
 .../app/routes/_protected.tsx                 |  2 +-
 .../app/authProvider.ts                       |  2 +-
 .../app/components/header/index.tsx           |  5 ++-
 .../app/contexts/ColorModeContext.tsx         |  2 +-
 .../app/authProvider.ts                       |  2 +-
 .../app/components/layout/index.tsx           |  2 +-
 .../app/pages/posts/list.tsx                  |  2 +-
 .../app/routes/_auth.tsx                      |  2 +-
 .../app/routes/_protected.posts._index.tsx    |  6 +--
 .../app/routes/_protected.posts.create.tsx    |  2 +-
 .../app/routes/_protected.posts.edit.$id.tsx  |  4 +-
 .../app/routes/_protected.tsx                 |  2 +-
 .../src/stories/crud/List.stories.tsx         |  2 +-
 .../src/stories/table/editable.stories.tsx    |  4 +-
 .../src/stories/table/search.stories.tsx      |  8 ++--
 .../src/stories/table/table.stories.tsx       |  2 +-
 .../src/authProvider.ts                       |  2 +-
 .../stories/autocomplete/basic.stories.tsx    |  4 +-
 .../src/stories/buttons/Buttons.stories.tsx   |  2 +-
 .../src/stories/crud/Create.stories.tsx       |  2 +-
 .../src/stories/crud/Edit.stories.tsx         |  2 +-
 .../src/stories/crud/List.stories.tsx         |  2 +-
 .../src/stories/crud/Show.stories.tsx         |  2 +-
 .../src/stories/dataGrid/basic.stories.tsx    |  6 +--
 .../src/stories/dataGrid/editable.stories.tsx |  4 +-
 .../dataGrid/selection/deleteMany.stories.tsx |  8 +++-
 .../dataGrid/selection/updateMany.stories.tsx |  8 +++-
 .../stories/fields/BooleanField.stories.tsx   |  2 +-
 .../src/stories/fields/DateField.stories.tsx  |  2 +-
 .../src/stories/fields/EmailField.stories.tsx |  2 +-
 .../src/stories/fields/FileField.stories.tsx  |  2 +-
 .../src/stories/fields/TagField.stories.tsx   |  2 +-
 .../src/stories/fields/UrlField.stories.tsx   |  4 +-
 .../src/stories/layout/Layout.stories.tsx     |  2 +-
 .../stories/modalForm/createForm.stories.tsx  |  4 +-
 .../stories/modalForm/editForm.stories.tsx    |  4 +-
 .../src/stories/pages/Error.stories.tsx       |  2 +-
 .../src/stories/pages/Login.stories.tsx       |  2 +-
 .../src/stories/pages/Ready.stories.tsx       |  2 +-
 .../stories/stepsForm/createForm.stories.tsx  |  4 +-
 .../stories/stepsForm/editForm.stories.tsx    |  4 +-
 examples/with-web3/src/authProvider.ts        |  2 +-
 examples/with-web3/src/pages/posts/create.tsx |  2 +-
 examples/with-web3/src/pages/posts/edit.tsx   |  2 +-
 examples/with-web3/src/pages/posts/list.tsx   |  2 +-
 examples/with-web3/src/pages/posts/show.tsx   |  2 +-
 packages/ably/src/index.ts                    |  2 +-
 packages/airtable/src/utils/generateFilter.ts |  2 +-
 .../src/utils/generateFilterFormula.ts        |  4 +-
 .../src/utils/generateLogicalFilterFormula.ts |  4 +-
 packages/airtable/src/utils/generateSort.ts   |  2 +-
 .../airtable/src/utils/isSimpleOperator.ts    |  2 +-
 packages/airtable/test/getList/index.spec.ts  |  2 +-
 .../test/utils/generateFilter.spec.ts         |  2 +-
 .../test/utils/generateFilterFormula.spec.ts  |  2 +-
 .../generateLogicalFilterFormula.spec.ts      |  4 +-
 .../airtable/test/utils/generateSort.spec.ts  |  2 +-
 .../components/autoSaveIndicator/index.tsx    |  2 +-
 .../src/components/breadcrumb/index.spec.tsx  |  4 +-
 .../antd/src/components/breadcrumb/index.tsx  |  4 +-
 .../src/components/buttons/edit/index.tsx     |  2 +-
 .../src/components/buttons/export/index.tsx   |  2 +-
 .../src/components/buttons/import/index.tsx   |  2 +-
 .../src/components/buttons/list/index.tsx     |  2 +-
 .../src/components/buttons/refresh/index.tsx  |  2 +-
 .../src/components/buttons/save/index.tsx     |  2 +-
 .../src/components/buttons/show/index.tsx     |  2 +-
 packages/antd/src/components/buttons/types.ts |  4 +-
 .../src/components/crud/create/index.spec.tsx |  2 +-
 .../antd/src/components/crud/create/index.tsx |  4 +-
 .../src/components/crud/edit/index.spec.tsx   |  6 +--
 .../antd/src/components/crud/edit/index.tsx   | 10 ++---
 .../src/components/crud/list/index.spec.tsx   |  2 +-
 .../antd/src/components/crud/list/index.tsx   |  4 +-
 .../src/components/crud/show/index.spec.tsx   |  4 +-
 .../antd/src/components/crud/show/index.tsx   | 10 ++---
 packages/antd/src/components/crud/types.ts    |  8 ++--
 .../src/components/fields/boolean/index.tsx   |  2 +-
 .../antd/src/components/fields/date/index.tsx |  2 +-
 .../src/components/fields/email/index.tsx     |  2 +-
 .../antd/src/components/fields/file/index.tsx |  2 +-
 .../src/components/fields/image/index.tsx     |  2 +-
 .../src/components/fields/markdown/index.tsx  |  2 +-
 .../src/components/fields/number/index.tsx    |  2 +-
 .../antd/src/components/fields/tag/index.tsx  |  2 +-
 .../antd/src/components/fields/text/index.tsx |  2 +-
 packages/antd/src/components/fields/types.ts  | 14 +++----
 .../antd/src/components/fields/url/index.tsx  |  2 +-
 .../src/components/layout/header/index.tsx    |  2 +-
 packages/antd/src/components/layout/index.tsx |  2 +-
 .../src/components/layout/sider/index.tsx     |  4 +-
 .../src/components/layout/sider/styles.ts     |  2 +-
 .../src/components/layout/title/index.tsx     |  2 +-
 .../antd/src/components/pageHeader/index.tsx  |  4 +-
 .../auth/components/forgotPassword/index.tsx  | 10 ++---
 .../pages/auth/components/login/index.tsx     | 10 ++---
 .../pages/auth/components/register/index.tsx  | 10 ++---
 .../pages/auth/components/styles.ts           |  2 +-
 .../auth/components/updatePassword/index.tsx  | 10 ++---
 .../antd/src/components/pages/auth/index.tsx  |  4 +-
 .../antd/src/components/pages/error/index.tsx |  2 +-
 .../antd/src/components/pages/login/index.tsx |  2 +-
 .../antd/src/components/pages/login/styles.ts |  2 +-
 .../antd/src/components/pages/ready/index.tsx |  2 +-
 .../components/filterDropdown/index.spec.tsx  |  2 +-
 .../table/components/filterDropdown/index.tsx |  2 +-
 .../components/themedLayout/header/index.tsx  |  2 +-
 .../src/components/themedLayout/index.tsx     |  2 +-
 .../components/themedLayout/sider/index.tsx   |  4 +-
 .../components/themedLayout/sider/styles.ts   |  2 +-
 .../components/themedLayout/title/index.tsx   |  2 +-
 .../themedLayoutV2/header/index.tsx           |  2 +-
 .../src/components/themedLayoutV2/index.tsx   |  2 +-
 .../themedLayoutV2/sider/index.spec.tsx       |  2 +-
 .../components/themedLayoutV2/sider/index.tsx |  4 +-
 .../components/themedLayoutV2/sider/styles.ts |  2 +-
 .../components/themedLayoutV2/title/index.tsx |  2 +-
 .../undoableNotification/index.spec.tsx       |  2 +-
 .../components/undoableNotification/index.tsx |  2 +-
 .../contexts/themedLayoutContext/index.tsx    |  4 +-
 .../antd/src/definitions/table/index.spec.ts  |  2 +-
 packages/antd/src/definitions/table/index.ts  | 14 +++----
 packages/antd/src/definitions/themes/index.ts |  2 +-
 .../hooks/fields/useCheckboxGroup/index.ts    | 14 +++----
 .../src/hooks/fields/useRadioGroup/index.ts   | 14 +++----
 .../antd/src/hooks/fields/useSelect/index.ts  | 16 +++----
 .../hooks/form/useDrawerForm/useDrawerForm.ts | 20 ++++-----
 packages/antd/src/hooks/form/useForm.spec.tsx |  2 +-
 packages/antd/src/hooks/form/useForm.ts       | 21 ++++++----
 .../hooks/form/useModalForm/useModalForm.ts   | 16 +++----
 .../form/useStepsForm/useStepsForm.spec.tsx   |  2 +-
 .../hooks/form/useStepsForm/useStepsForm.ts   |  8 ++--
 packages/antd/src/hooks/import/index.spec.ts  |  2 +-
 packages/antd/src/hooks/import/index.tsx      | 15 ++++---
 .../hooks/list/useSimpleList/useSimpleList.ts | 14 +++----
 .../antd/src/hooks/modal/useModal/index.tsx   |  4 +-
 .../useEditableTable/useEditableTable.ts      | 13 ++++--
 .../hooks/table/useTable/paginationLink.tsx   |  2 +-
 .../hooks/table/useTable/useTable.spec.tsx    |  2 +-
 .../antd/src/hooks/table/useTable/useTable.ts | 20 +++++----
 .../src/hooks/useFileUploadState/index.ts     |  2 +-
 .../src/hooks/useThemedLayoutContext/index.ts |  2 +-
 packages/antd/src/interfaces/index.ts         |  2 +-
 .../notificationProvider/index.spec.tsx       |  2 +-
 .../providers/notificationProvider/index.tsx  |  2 +-
 packages/antd/src/types/sunflower.d.ts        |  4 +-
 packages/antd/test/dataMocks.ts               |  2 +-
 packages/antd/test/index.tsx                  | 20 ++++-----
 packages/appwrite/src/dataProvider.ts         | 10 ++++-
 packages/appwrite/src/liveProvider.ts         |  4 +-
 packages/appwrite/src/utils/generateFilter.ts |  2 +-
 .../appwrite/src/utils/getAppwriteFilters.ts  |  2 +-
 .../appwrite/src/utils/getAppwriteSorting.ts  |  2 +-
 packages/appwrite/src/utils/getRefineEvent.ts |  2 +-
 .../appwrite/test/liveProvider/index.spec.ts  |  2 +-
 .../test/utils/generateFilter.spec.ts         |  2 +-
 .../test/utils/getAppwriteFilters.spec.ts     |  2 +-
 .../appwrite/test/utils/getAppwriteSorting.ts |  2 +-
 .../components/autoSaveIndicator/index.tsx    |  2 +-
 .../src/components/breadcrumb/index.spec.tsx  |  4 +-
 .../src/components/breadcrumb/index.tsx       |  4 +-
 .../src/components/buttons/clone/index.tsx    |  2 +-
 .../src/components/buttons/create/index.tsx   |  2 +-
 .../src/components/buttons/delete/index.tsx   |  2 +-
 .../src/components/buttons/edit/index.tsx     |  2 +-
 .../src/components/buttons/export/index.tsx   |  2 +-
 .../src/components/buttons/import/index.tsx   |  2 +-
 .../src/components/buttons/list/index.tsx     |  2 +-
 .../src/components/buttons/refresh/index.tsx  |  2 +-
 .../src/components/buttons/save/index.tsx     |  2 +-
 .../src/components/buttons/show/index.tsx     |  2 +-
 .../chakra-ui/src/components/buttons/types.ts |  8 ++--
 .../src/components/crud/create/index.tsx      |  4 +-
 .../src/components/crud/edit/index.spec.tsx   |  6 +--
 .../src/components/crud/edit/index.tsx        | 10 ++---
 .../src/components/crud/list/index.spec.tsx   |  2 +-
 .../src/components/crud/list/index.tsx        |  4 +-
 .../src/components/crud/show/index.spec.tsx   |  4 +-
 .../src/components/crud/show/index.tsx        | 10 ++---
 .../chakra-ui/src/components/crud/types.ts    |  6 +--
 .../src/components/fields/boolean/index.tsx   |  2 +-
 .../src/components/fields/date/index.tsx      |  2 +-
 .../src/components/fields/email/index.tsx     |  2 +-
 .../src/components/fields/file/index.tsx      |  2 +-
 .../src/components/fields/markdown/index.tsx  |  2 +-
 .../src/components/fields/number/index.tsx    |  2 +-
 .../src/components/fields/tag/index.tsx       |  2 +-
 .../src/components/fields/text/index.tsx      |  2 +-
 .../chakra-ui/src/components/fields/types.ts  | 13 ++++--
 .../src/components/fields/url/index.tsx       |  2 +-
 .../components/layout/header/index.spec.tsx   |  2 +-
 .../src/components/layout/header/index.tsx    |  2 +-
 .../chakra-ui/src/components/layout/index.tsx |  2 +-
 .../src/components/layout/sider/index.tsx     |  6 +--
 .../src/components/layout/title/index.tsx     |  2 +-
 .../auth/components/forgotPassword/index.tsx  | 12 +++---
 .../pages/auth/components/login/index.tsx     | 12 +++---
 .../pages/auth/components/register/index.tsx  | 12 +++---
 .../pages/auth/components/styles.ts           |  2 +-
 .../auth/components/updatePassword/index.tsx  | 12 +++---
 .../src/components/pages/auth/index.tsx       |  6 +--
 .../src/components/pages/error/index.spec.tsx |  3 +-
 .../src/components/pages/error/index.tsx      |  2 +-
 .../src/components/pages/ready/index.tsx      |  2 +-
 .../themedLayout/header/index.spec.tsx        |  2 +-
 .../components/themedLayout/header/index.tsx  |  2 +-
 .../src/components/themedLayout/index.tsx     |  2 +-
 .../components/themedLayout/sider/index.tsx   |  6 +--
 .../components/themedLayout/title/index.tsx   |  2 +-
 .../themedLayoutV2/hamburgerMenu/index.tsx    |  2 +-
 .../themedLayoutV2/header/index.spec.tsx      |  2 +-
 .../themedLayoutV2/header/index.tsx           |  4 +-
 .../src/components/themedLayoutV2/index.tsx   |  2 +-
 .../components/themedLayoutV2/sider/index.tsx |  8 ++--
 .../components/themedLayoutV2/title/index.tsx |  2 +-
 .../components/undoableNotification/index.tsx |  2 +-
 .../contexts/themedLayoutContext/index.tsx    |  4 +-
 .../src/hooks/useThemedLayoutContext/index.ts |  2 +-
 .../src/providers/notificationProvider.tsx    |  2 +-
 packages/chakra-ui/src/theme/index.ts         |  4 +-
 packages/chakra-ui/test/dataMocks.ts          |  2 +-
 packages/chakra-ui/test/index.tsx             | 14 +++----
 packages/cli/src/commands/add/index.ts        |  2 +-
 packages/cli/src/commands/add/prompt.ts       |  6 +--
 .../integration/packages/ant-design.ts        |  2 +-
 .../integration/packages/index.ts             |  2 +-
 .../integration/packages/react-router.ts      |  2 +-
 .../add/sub-commands/integration/prompt.ts    |  2 +-
 .../integration/utils/prettify-choice.ts      |  2 +-
 .../add/sub-commands/provider/command.ts      |  2 +-
 .../sub-commands/provider/create-providers.ts |  6 ++-
 .../add/sub-commands/provider/prompt.ts       |  2 +-
 .../src/commands/check-updates/index.test.tsx |  2 +-
 .../cli/src/commands/check-updates/index.tsx  |  4 +-
 .../cli/src/commands/create-resource/index.ts |  2 +-
 packages/cli/src/commands/devtools/index.ts   |  2 +-
 packages/cli/src/commands/proxy/index.ts      |  4 +-
 packages/cli/src/commands/runner/dev/index.ts |  2 +-
 packages/cli/src/commands/runner/run/index.ts |  2 +-
 .../cli/src/commands/runner/start/index.ts    |  2 +-
 packages/cli/src/commands/swizzle/index.tsx   |  4 +-
 packages/cli/src/commands/update/index.ts     |  4 +-
 .../src/commands/update/interactive/index.ts  |  2 +-
 packages/cli/src/commands/whoami/index.ts     |  2 +-
 .../components/update-warning-table/table.ts  |  2 +-
 .../cli/src/components/version-table/index.ts |  2 +-
 packages/cli/src/telemetry/index.ts           |  4 +-
 .../transformers/add-devtools-component.ts    |  2 +-
 .../integrations/ant-design.spec.tsx          |  2 +-
 .../transformers/integrations/ant-design.ts   |  2 +-
 .../integrations/react-router.spec.tsx        |  2 +-
 .../transformers/integrations/react-router.ts |  2 +-
 packages/cli/src/transformers/resource.ts     |  2 +-
 packages/cli/src/update-notifier/index.tsx    |  2 +-
 packages/cli/src/utils/announcement/index.tsx |  2 +-
 packages/cli/src/utils/codeshift/index.ts     |  2 +-
 packages/cli/src/utils/env/index.ts           |  2 +-
 .../cli/src/utils/swizzle/getPathPrefix.ts    |  2 +-
 packages/cli/src/utils/swizzle/index.ts       |  2 +-
 .../codemod/src/helpers/separate-imports.ts   |  2 +-
 .../src/transformations/antd4-to-antd5.ts     |  2 +-
 .../src/transformations/refine1-to-refine2.ts |  2 +-
 .../src/transformations/refine2-to-refine3.ts |  2 +-
 .../src/transformations/refine3-to-refine4.ts |  2 +-
 .../transformations/use-data-grid-columns.ts  |  2 +-
 ...thProviderCompatible-true-to-auth-hooks.ts |  2 +-
 .../v4/authProvider-to-legacyAuthProvider.ts  |  2 +-
 .../transformations/v4/fix-v4-deprecations.ts |  2 +-
 .../transformations/v4/metadata-to-meta.ts    |  2 +-
 .../v4/move-deprecated-access-control.ts      |  2 +-
 .../replace-pankod-imports-with-refinedev.ts  |  2 +-
 .../v4/resourceName-to-resource.ts            |  2 +-
 .../v4/router-to-legacy-router.ts             |  2 +-
 .../v4/separate-imports-antd.ts               |  2 +-
 .../v4/separate-imports-chakra.ts             |  2 +-
 .../v4/separate-imports-mantine.ts            |  2 +-
 .../v4/separate-imports-mui.ts                |  2 +-
 .../v4/separate-imports-react-hook-form.ts    |  2 +-
 .../v4/separate-imports-react-query.ts        |  2 +-
 .../v4/separate-imports-react-router-v6.ts    |  2 +-
 .../v4/separate-imports-react-table.ts        |  2 +-
 .../transformations/v4/use-menu-to-core.ts    |  2 +-
 packages/codemod/test/list.tsx                |  4 +-
 .../components/authenticated/index.spec.tsx   |  4 +-
 .../src/components/authenticated/index.tsx    |  2 +-
 .../components/autoSaveIndicator/index.tsx    |  6 +--
 .../core/src/components/canAccess/index.tsx   |  8 ++--
 .../components/containers/refine/index.tsx    |  2 +-
 .../core/src/components/gh-banner/index.tsx   |  2 +-
 .../layoutWrapper/defaultLayout/index.tsx     |  2 +-
 .../components/layoutWrapper/index.spec.tsx   |  2 +-
 .../src/components/layoutWrapper/index.tsx    |  2 +-
 .../components/forgotPassword/index.spec.tsx  |  2 +-
 .../auth/components/forgotPassword/index.tsx  |  7 +++-
 .../auth/components/login/index.spec.tsx      |  2 +-
 .../pages/auth/components/login/index.tsx     |  4 +-
 .../auth/components/register/index.spec.tsx   |  2 +-
 .../pages/auth/components/register/index.tsx  |  4 +-
 .../components/updatePassword/index.spec.tsx  |  2 +-
 .../auth/components/updatePassword/index.tsx  |  7 +++-
 .../core/src/components/pages/auth/index.tsx  |  8 ++--
 .../core/src/components/pages/auth/types.tsx  |  2 +-
 .../core/src/components/telemetry/index.tsx   |  2 +-
 .../src/components/undoableQueue/index.tsx    |  2 +-
 .../core/src/contexts/accessControl/index.tsx |  4 +-
 .../core/src/contexts/accessControl/types.ts  |  6 +--
 packages/core/src/contexts/auditLog/index.tsx |  4 +-
 packages/core/src/contexts/auditLog/types.ts  |  2 +-
 packages/core/src/contexts/auth/index.tsx     |  4 +-
 packages/core/src/contexts/auth/types.ts      |  2 +-
 packages/core/src/contexts/data/index.tsx     |  4 +-
 packages/core/src/contexts/data/types.ts      |  6 +--
 packages/core/src/contexts/i18n/index.tsx     |  4 +-
 packages/core/src/contexts/live/index.tsx     |  4 +-
 packages/core/src/contexts/live/types.ts      |  2 +-
 .../core/src/contexts/notification/index.tsx  |  4 +-
 packages/core/src/contexts/refine/index.tsx   |  2 +-
 packages/core/src/contexts/refine/types.ts    | 28 ++++++-------
 packages/core/src/contexts/resource/index.tsx |  2 +-
 packages/core/src/contexts/resource/types.ts  |  6 +--
 packages/core/src/contexts/router/index.tsx   |  4 +-
 .../core/src/contexts/router/legacy/index.tsx |  4 +-
 .../core/src/contexts/router/legacy/types.ts  |  2 +-
 packages/core/src/contexts/router/types.ts    |  4 +-
 .../core/src/contexts/undoableQueue/index.tsx | 12 +++++-
 .../core/src/contexts/undoableQueue/types.ts  |  2 +-
 .../core/src/contexts/unsavedWarn/index.tsx   |  4 +-
 .../helpers/check-router-prop-misuse/index.ts |  4 +-
 .../helpers/generateDocumentTitle/index.ts    |  2 +-
 .../helpers/handlePaginationParams/index.ts   |  2 +-
 .../helpers/handleRefineOptions/index.spec.ts |  2 +-
 .../helpers/handleRefineOptions/index.ts      |  8 ++--
 .../helpers/importCSVMapper/index.ts          |  2 +-
 .../src/definitions/helpers/keys/index.ts     |  2 +-
 .../legacy-resource-transform/index.ts        |  5 ++-
 .../helpers/menu/create-resource-key.ts       |  2 +-
 .../definitions/helpers/menu/create-tree.ts   |  2 +-
 .../helpers/pick-resource/index.ts            |  2 +-
 .../helpers/pickDataProvider/index.spec.ts    |  2 +-
 .../helpers/pickDataProvider/index.ts         |  2 +-
 .../definitions/helpers/queryKeys/index.ts    |  4 +-
 .../helpers/redirectPage/index.spec.ts        |  4 +-
 .../definitions/helpers/redirectPage/index.ts |  6 +--
 .../helpers/routeGenerator/index.spec.ts      |  2 +-
 .../helpers/routeGenerator/index.ts           |  2 +-
 .../helpers/router/compose-route.ts           |  4 +-
 .../router/get-action-routes-from-resource.ts |  4 +-
 .../helpers/router/get-default-action-path.ts |  2 +-
 .../router/get-parent-prefix-for-resource.ts  |  2 +-
 .../helpers/router/get-parent-resource.ts     |  2 +-
 .../router/match-resource-from-route.ts       |  4 +-
 .../helpers/router/pick-matched-route.ts      |  2 +-
 .../helpers/sanitize-resource/index.ts        |  2 +-
 .../treeView/createTreeView/index.spec.ts     |  5 ++-
 .../helpers/treeView/createTreeView/index.ts  |  2 +-
 .../helpers/useInfinitePagination/index.ts    |  2 +-
 .../core/src/definitions/table/index.spec.ts  |  2 +-
 packages/core/src/definitions/table/index.ts  |  4 +-
 .../src/hooks/accessControl/useCan/index.ts   |  6 +--
 .../hooks/accessControl/useCanWithoutCache.ts |  2 +-
 .../src/hooks/auditLog/useLog/index.spec.ts   |  4 +-
 .../core/src/hooks/auditLog/useLog/index.ts   |  8 ++--
 .../src/hooks/auditLog/useLogList/index.ts    |  6 +--
 .../src/hooks/auth/useForgotPassword/index.ts | 10 ++---
 .../src/hooks/auth/useGetIdentity/index.ts    |  6 +--
 .../hooks/auth/useIsAuthenticated/index.ts    |  4 +-
 .../core/src/hooks/auth/useLogin/index.ts     | 10 ++---
 .../core/src/hooks/auth/useLogout/index.ts    | 10 ++---
 .../src/hooks/auth/useOnError/index.spec.ts   |  2 +-
 .../core/src/hooks/auth/useOnError/index.ts   |  4 +-
 .../src/hooks/auth/usePermissions/index.ts    |  6 +--
 .../core/src/hooks/auth/useRegister/index.ts  | 10 ++---
 .../auth/useUpdatePassword/index.spec.ts      |  2 +-
 .../src/hooks/auth/useUpdatePassword/index.ts | 12 +++---
 .../core/src/hooks/breadcrumb/index.spec.tsx  |  2 +-
 packages/core/src/hooks/breadcrumb/index.ts   |  2 +-
 packages/core/src/hooks/data/useCreate.ts     | 12 +++---
 packages/core/src/hooks/data/useCreateMany.ts | 12 +++---
 packages/core/src/hooks/data/useCustom.ts     | 12 +++---
 .../core/src/hooks/data/useCustomMutation.ts  | 12 +++---
 .../core/src/hooks/data/useDataProvider.tsx   |  2 +-
 packages/core/src/hooks/data/useDelete.ts     | 12 +++---
 packages/core/src/hooks/data/useDeleteMany.ts | 12 +++---
 .../src/hooks/data/useInfiniteList.spec.tsx   |  4 +-
 .../core/src/hooks/data/useInfiniteList.ts    | 16 +++----
 packages/core/src/hooks/data/useList.spec.tsx |  2 +-
 packages/core/src/hooks/data/useList.ts       | 14 +++----
 packages/core/src/hooks/data/useMany.spec.tsx |  2 +-
 packages/core/src/hooks/data/useMany.ts       | 14 +++----
 packages/core/src/hooks/data/useOne.spec.tsx  |  2 +-
 packages/core/src/hooks/data/useOne.ts        | 14 +++----
 packages/core/src/hooks/data/useUpdate.ts     | 12 +++---
 packages/core/src/hooks/data/useUpdateMany.ts | 12 +++---
 packages/core/src/hooks/export/index.spec.ts  |  2 +-
 packages/core/src/hooks/export/index.ts       |  4 +-
 packages/core/src/hooks/export/types.ts       |  2 +-
 packages/core/src/hooks/form/index.ts         |  2 +-
 packages/core/src/hooks/form/types.ts         | 21 ++++++----
 packages/core/src/hooks/import/index.spec.tsx |  2 +-
 packages/core/src/hooks/import/index.tsx      | 12 ++++--
 .../core/src/hooks/invalidate/index.spec.tsx  |  2 +-
 packages/core/src/hooks/invalidate/index.tsx  |  6 +--
 .../src/hooks/live/useLiveMode/index.spec.ts  |  2 +-
 .../core/src/hooks/live/useLiveMode/index.ts  |  4 +-
 .../core/src/hooks/live/usePublish/index.ts   |  2 +-
 .../useResourceSubscription/index.spec.ts     |  2 +-
 .../live/useResourceSubscription/index.ts     |  6 +--
 .../src/hooks/live/useSubscription/index.ts   |  4 +-
 packages/core/src/hooks/menu/useMenu.tsx      |  2 +-
 .../core/src/hooks/navigation/index.spec.tsx  |  2 +-
 packages/core/src/hooks/navigation/index.ts   |  4 +-
 .../useCancelNotification/index.tsx           |  2 +-
 .../useHandleNotification/index.spec.tsx      |  2 +-
 .../useHandleNotification/index.ts            |  2 +-
 .../notification/useNotification/index.ts     |  2 +-
 .../core/src/hooks/redirection/index.spec.tsx |  2 +-
 packages/core/src/hooks/redirection/index.ts  |  6 +--
 .../core/src/hooks/refine/useMutationMode.ts  |  2 +-
 .../src/hooks/refine/useSyncWithLocation.ts   |  2 +-
 packages/core/src/hooks/refine/useTitle.tsx   |  2 +-
 .../hooks/refine/useWarnAboutChange/index.ts  |  4 +-
 .../src/hooks/resource/useResource/index.ts   |  8 ++--
 .../resource/useResourceWithRoute/index.ts    |  2 +-
 .../src/hooks/router/use-get-to-path/index.ts |  4 +-
 .../src/hooks/router/use-go/index.spec.tsx    |  2 +-
 .../core/src/hooks/router/use-go/index.tsx    |  6 +--
 .../core/src/hooks/router/use-parse/index.tsx |  5 ++-
 .../router/use-router-misuse-warning/index.ts |  2 +-
 .../src/hooks/router/use-to-path/index.ts     |  4 +-
 packages/core/src/hooks/show/index.spec.tsx   |  2 +-
 packages/core/src/hooks/show/index.ts         |  2 +-
 packages/core/src/hooks/show/types.ts         |  6 +--
 packages/core/src/hooks/show/useShow.ts       | 15 ++++---
 .../src/hooks/use-resource-params/index.ts    |  8 ++--
 .../use-resource-params/use-action/index.tsx  |  4 +-
 .../use-resource-params/use-id/index.tsx      |  4 +-
 packages/core/src/hooks/useMeta/index.ts      |  4 +-
 .../core/src/hooks/useSelect/index.spec.ts    |  2 +-
 packages/core/src/hooks/useSelect/index.ts    | 17 ++++----
 .../core/src/hooks/useTable/index.spec.ts     |  6 ++-
 packages/core/src/hooks/useTable/index.ts     | 17 ++++----
 .../src/hooks/useTelemetryData/index.spec.ts  |  2 +-
 .../core/src/hooks/useTelemetryData/index.ts  |  2 +-
 packages/core/test/dataMocks.ts               | 17 ++++----
 packages/core/test/index.tsx                  | 27 ++++++------
 .../src/create-identifier.ts                  |  4 +-
 .../src/get-resource-path.ts                  |  6 +--
 packages/devtools-internal/src/get-trace.ts   |  2 +-
 packages/devtools-internal/src/get-xray.ts    |  2 +-
 packages/devtools-internal/src/listeners.ts   |  4 +-
 .../src/use-query-subscription.tsx            |  2 +-
 packages/devtools-server/src/create-db.ts     |  2 +-
 packages/devtools-server/src/feed/get-feed.ts |  2 +-
 packages/devtools-server/src/index.ts         |  2 +-
 .../src/packages/get-all-packages.ts          |  2 +-
 .../src/packages/get-available-packages.ts    |  2 +-
 .../src/project-id/transform.ts               |  4 +-
 packages/devtools-server/src/serve-api.ts     |  4 +-
 .../src/serve-open-in-editor.ts               |  2 +-
 packages/devtools-server/src/serve-proxy.ts   |  2 +-
 packages/devtools-server/src/serve-ws.ts      |  2 +-
 packages/devtools-shared/src/event-types.ts   |  4 +-
 packages/devtools-shared/src/receive.ts       |  2 +-
 packages/devtools-shared/src/send.ts          |  2 +-
 .../src/components/add-package-drawer.tsx     |  2 +-
 .../src/components/add-package.item.tsx       |  2 +-
 .../devtools-ui/src/components/feed-item.tsx  |  2 +-
 .../src/components/header-auth-status.tsx     |  2 +-
 .../devtools-ui/src/components/highlight.tsx  |  5 ++-
 .../monitor-applied-filter-group.tsx          |  2 +-
 .../src/components/monitor-details.tsx        |  4 +-
 .../src/components/monitor-filters.tsx        |  2 +-
 .../src/components/monitor-table.tsx          |  4 +-
 .../devtools-ui/src/components/owners.tsx     |  2 +-
 .../src/components/package-item.tsx           |  2 +-
 .../devtools-ui/src/components/packages.tsx   |  2 +-
 .../src/components/resource-value.tsx         |  2 +-
 .../devtools-ui/src/components/status.tsx     |  2 +-
 .../devtools-ui/src/components/trace-list.tsx |  2 +-
 .../devtools-ui/src/interfaces/activity.ts    |  2 +-
 packages/devtools-ui/src/pages/login.tsx      |  2 +-
 packages/devtools-ui/src/pages/monitor.tsx    | 12 +++---
 packages/devtools-ui/src/pages/onboarding.tsx |  2 +-
 packages/devtools-ui/src/utils/get-owners.ts  |  2 +-
 .../src/utils/get-resource-value.ts           |  2 +-
 packages/devtools-ui/src/utils/me.ts          |  2 +-
 packages/devtools-ui/src/utils/packages.ts    |  2 +-
 packages/devtools-ui/src/utils/project-id.ts  |  2 +-
 .../src/components/icons/arrow-union-icon.tsx |  2 +-
 .../src/components/icons/devtools-icon.tsx    |  2 +-
 .../src/components/resizable-pane.tsx         |  2 +-
 packages/devtools/src/panel.tsx               |  2 +-
 packages/devtools/src/utilities/index.ts      |  2 +-
 packages/graphql/src/dataProvider/index.ts    |  2 +-
 packages/graphql/src/liveProvider/index.ts    |  4 +-
 packages/graphql/src/utils/generateFilter.ts  |  2 +-
 packages/graphql/src/utils/generateSort.ts    |  2 +-
 .../src/utils/generateUseListSubscription.ts  |  2 +-
 .../src/utils/generateUseManySubscription.ts  |  2 +-
 .../src/utils/generateUseOneSubscription.ts   |  2 +-
 packages/graphql/src/utils/graphql.ts         |  4 +-
 .../graphql/test/utils/generateFilter.spec.ts |  2 +-
 .../graphql/test/utils/generateSort.spec.ts   |  2 +-
 .../utils/generateUseListSubscription.spec.ts |  2 +-
 packages/hasura/src/dataProvider/index.ts     |  2 +-
 packages/hasura/src/liveProvider/index.ts     |  4 +-
 packages/hasura/src/utils/generateFilters.ts  |  4 +-
 packages/hasura/src/utils/generateSorting.ts  |  2 +-
 .../src/utils/generateUseListSubscription.ts  |  4 +-
 .../src/utils/generateUseManySubscription.ts  |  2 +-
 .../src/utils/generateUseOneSubscription.ts   |  2 +-
 packages/hasura/src/utils/graphql.ts          |  4 +-
 .../hasura/test/utils/generateFilters.spec.ts |  4 +-
 .../hasura/test/utils/generateSorting.spec.ts |  2 +-
 .../utils/generateUseListSubscription.spec.ts |  4 +-
 .../utils/generateUseManySubscription.spec.ts |  2 +-
 .../utils/generateUseOneSubscription.spec.ts  |  2 +-
 .../inferencer/src/components/live/index.tsx  |  8 +++-
 .../components/shared-code-viewer/index.tsx   |  4 +-
 .../src/compose-inferencers/index.ts          |  2 +-
 .../src/compose-transformers/index.ts         |  2 +-
 .../src/create-inferencer/index.tsx           |  2 +-
 .../inferencer/src/field-inferencers/array.ts |  2 +-
 .../src/field-inferencers/boolean.ts          |  2 +-
 .../inferencer/src/field-inferencers/date.ts  |  2 +-
 .../inferencer/src/field-inferencers/email.ts |  2 +-
 .../inferencer/src/field-inferencers/image.ts |  2 +-
 .../src/field-inferencers/nullish.ts          |  2 +-
 .../src/field-inferencers/number.ts           |  2 +-
 .../src/field-inferencers/object.ts           |  2 +-
 .../src/field-inferencers/relation.ts         |  2 +-
 .../src/field-inferencers/richtext.ts         |  2 +-
 .../inferencer/src/field-inferencers/text.ts  |  2 +-
 .../inferencer/src/field-inferencers/url.ts   |  2 +-
 .../field-transformers/basic-to-relation.ts   |  2 +-
 .../src/field-transformers/image-by-key.ts    |  2 +-
 .../relation-by-resource.ts                   |  2 +-
 .../relation-to-fieldable.ts                  |  2 +-
 .../src/inferencers/antd/code-viewer.tsx      |  2 +-
 .../src/inferencers/antd/create.tsx           |  2 +-
 .../inferencer/src/inferencers/antd/edit.tsx  |  2 +-
 .../inferencer/src/inferencers/antd/error.tsx |  2 +-
 .../inferencer/src/inferencers/antd/list.tsx  |  2 +-
 .../src/inferencers/antd/loading.tsx          |  2 +-
 .../inferencer/src/inferencers/antd/show.tsx  |  2 +-
 .../src/inferencers/chakra-ui/code-viewer.tsx |  2 +-
 .../src/inferencers/chakra-ui/create.tsx      |  2 +-
 .../src/inferencers/chakra-ui/edit.tsx        |  2 +-
 .../src/inferencers/chakra-ui/error.tsx       |  2 +-
 .../src/inferencers/chakra-ui/list.tsx        |  2 +-
 .../src/inferencers/chakra-ui/loading.tsx     |  2 +-
 .../src/inferencers/chakra-ui/show.tsx        |  2 +-
 .../src/inferencers/headless/code-viewer.tsx  |  2 +-
 .../src/inferencers/headless/create.tsx       |  2 +-
 .../src/inferencers/headless/edit.tsx         |  2 +-
 .../src/inferencers/headless/error.tsx        |  2 +-
 .../src/inferencers/headless/list.tsx         |  2 +-
 .../src/inferencers/headless/loading.tsx      |  2 +-
 .../src/inferencers/headless/show.tsx         |  2 +-
 .../src/inferencers/mantine/code-viewer.tsx   |  2 +-
 .../src/inferencers/mantine/create.tsx        |  2 +-
 .../src/inferencers/mantine/edit.tsx          |  2 +-
 .../src/inferencers/mantine/error.tsx         |  2 +-
 .../src/inferencers/mantine/list.tsx          |  2 +-
 .../src/inferencers/mantine/loading.tsx       |  2 +-
 .../src/inferencers/mantine/show.tsx          |  2 +-
 .../src/inferencers/mui/code-viewer.tsx       |  2 +-
 .../inferencer/src/inferencers/mui/create.tsx |  2 +-
 .../inferencer/src/inferencers/mui/edit.tsx   |  2 +-
 .../inferencer/src/inferencers/mui/error.tsx  |  2 +-
 .../inferencer/src/inferencers/mui/list.tsx   |  2 +-
 .../src/inferencers/mui/loading.tsx           |  2 +-
 .../inferencer/src/inferencers/mui/show.tsx   |  2 +-
 packages/inferencer/src/types/index.ts        |  2 +-
 .../inferencer/src/use-infer-fetch/index.tsx  |  4 +-
 .../src/use-relation-fetch/index.ts           |  2 +-
 .../src/utilities/accessor/index.ts           |  2 +-
 .../utilities/get-meta-props/index.test.ts    |  4 +-
 .../src/utilities/get-meta-props/index.ts     |  2 +-
 .../src/utilities/get-option-label/index.ts   |  2 +-
 .../utilities/pick-data-provider/index.tsx    |  2 +-
 .../utilities/pick-inferred-field/index.ts    |  2 +-
 .../src/utilities/print-imports/index.test.ts |  2 +-
 .../src/utilities/print-imports/index.ts      |  2 +-
 .../utilities/resource-from-inferred/index.ts |  4 +-
 .../translate-action-title/index.test.ts      |  2 +-
 .../utilities/translate-action-title/index.ts |  2 +-
 .../translate-pretty-string/index.test.ts     |  4 +-
 .../translate-pretty-string/index.ts          |  4 +-
 packages/inferencer/test/dataMocks.ts         |  2 +-
 packages/inferencer/test/index.tsx            | 14 +++----
 .../src/components/renderResults/index.tsx    |  2 +-
 .../kbar/src/components/resultItem/index.tsx  |  2 +-
 .../src/hooks/useRefineKbar/index.spec.tsx    |  2 +-
 .../kbar/src/hooks/useRefineKbar/index.tsx    |  4 +-
 packages/kbar/src/index.tsx                   |  4 +-
 packages/kbar/test/index.tsx                  |  4 +-
 .../components/autoSaveIndicator/index.tsx    |  2 +-
 .../src/components/breadcrumb/index.spec.tsx  |  4 +-
 .../src/components/breadcrumb/index.tsx       |  4 +-
 .../src/components/buttons/clone/index.tsx    |  2 +-
 .../src/components/buttons/create/index.tsx   |  2 +-
 .../src/components/buttons/delete/index.tsx   |  2 +-
 .../src/components/buttons/edit/index.tsx     |  2 +-
 .../src/components/buttons/export/index.tsx   |  2 +-
 .../src/components/buttons/import/index.tsx   |  2 +-
 .../src/components/buttons/list/index.tsx     |  2 +-
 .../src/components/buttons/refresh/index.tsx  |  2 +-
 .../src/components/buttons/save/index.tsx     |  2 +-
 .../src/components/buttons/show/index.tsx     |  2 +-
 .../mantine/src/components/buttons/types.ts   |  8 ++--
 .../src/components/crud/create/index.spec.tsx |  2 +-
 .../src/components/crud/create/index.tsx      |  4 +-
 .../src/components/crud/edit/index.spec.tsx   |  6 +--
 .../src/components/crud/edit/index.tsx        | 10 ++---
 .../src/components/crud/list/index.spec.tsx   |  2 +-
 .../src/components/crud/list/index.tsx        |  4 +-
 .../src/components/crud/show/index.spec.tsx   |  4 +-
 .../src/components/crud/show/index.tsx        | 10 ++---
 packages/mantine/src/components/crud/types.ts |  6 +--
 .../src/components/fields/boolean/index.tsx   |  2 +-
 .../src/components/fields/date/index.tsx      |  2 +-
 .../src/components/fields/email/index.tsx     |  2 +-
 .../src/components/fields/file/index.tsx      |  2 +-
 .../src/components/fields/markdown/index.tsx  |  2 +-
 .../src/components/fields/number/index.tsx    |  2 +-
 .../src/components/fields/tag/index.tsx       |  2 +-
 .../src/components/fields/text/index.tsx      |  2 +-
 .../mantine/src/components/fields/types.ts    | 17 +++++---
 .../src/components/fields/url/index.tsx       |  2 +-
 .../src/components/layout/header/index.tsx    |  2 +-
 .../mantine/src/components/layout/index.tsx   |  2 +-
 .../src/components/layout/sider/index.tsx     | 12 +++---
 .../src/components/layout/title/index.tsx     |  2 +-
 .../auth/components/forgotPassword/index.tsx  | 10 ++---
 .../pages/auth/components/login/index.tsx     | 10 ++---
 .../pages/auth/components/register/index.tsx  | 10 ++---
 .../pages/auth/components/styles.ts           |  2 +-
 .../auth/components/updatePassword/index.tsx  | 10 ++---
 .../src/components/pages/auth/index.tsx       |  6 +--
 .../src/components/pages/error/index.spec.tsx |  5 ++-
 .../src/components/pages/error/index.tsx      |  2 +-
 .../src/components/pages/ready/index.tsx      |  2 +-
 .../themedLayout/header/index.spec.tsx        |  2 +-
 .../components/themedLayout/header/index.tsx  |  2 +-
 .../src/components/themedLayout/index.tsx     |  2 +-
 .../components/themedLayout/sider/index.tsx   | 12 +++---
 .../components/themedLayout/title/index.tsx   |  2 +-
 .../themedLayoutV2/header/index.spec.tsx      |  2 +-
 .../themedLayoutV2/header/index.tsx           |  4 +-
 .../src/components/themedLayoutV2/index.tsx   |  2 +-
 .../components/themedLayoutV2/sider/index.tsx | 14 +++----
 .../components/themedLayoutV2/title/index.tsx |  2 +-
 .../contexts/themedLayoutContext/index.tsx    |  4 +-
 .../mantine/src/definitions/button/index.ts   |  2 +-
 .../src/hooks/form/useForm/index.spec.tsx     |  2 +-
 .../mantine/src/hooks/form/useForm/index.ts   | 12 +++---
 .../src/hooks/form/useModalForm/index.ts      | 12 +++---
 .../src/hooks/form/useStepsForm/index.ts      |  4 +-
 packages/mantine/src/hooks/useSelect/index.ts | 18 ++++----
 .../src/hooks/useThemedLayoutContext/index.ts |  2 +-
 .../src/providers/notificationProvider.tsx    |  2 +-
 packages/mantine/src/theme/index.ts           |  2 +-
 packages/mantine/test/dataMocks.ts            |  2 +-
 packages/mantine/test/index.tsx               | 20 ++++-----
 packages/medusa/src/authProvider/index.ts     |  2 +-
 packages/medusa/src/dataProvider/index.ts     |  6 +--
 packages/medusa/src/utils/axios.ts            |  2 +-
 packages/medusa/src/utils/generateFilter.ts   |  2 +-
 packages/medusa/src/utils/mapOperator.ts      |  2 +-
 .../medusa/test/utils/generateFilter.spec.ts  |  2 +-
 .../medusa/test/utils/mapOperator.spec.ts     |  2 +-
 .../components/autoSaveIndicator/index.tsx    |  2 +-
 .../src/components/breadcrumb/index.spec.tsx  |  4 +-
 .../mui/src/components/breadcrumb/index.tsx   |  2 +-
 .../src/components/buttons/clone/index.tsx    |  2 +-
 .../src/components/buttons/create/index.tsx   |  2 +-
 .../src/components/buttons/delete/index.tsx   |  2 +-
 .../mui/src/components/buttons/edit/index.tsx |  2 +-
 .../src/components/buttons/export/index.tsx   |  2 +-
 .../src/components/buttons/import/index.tsx   |  2 +-
 .../mui/src/components/buttons/list/index.tsx |  2 +-
 .../src/components/buttons/refresh/index.tsx  |  2 +-
 .../mui/src/components/buttons/save/index.tsx |  2 +-
 .../mui/src/components/buttons/show/index.tsx |  2 +-
 packages/mui/src/components/buttons/types.ts  |  4 +-
 .../mui/src/components/crud/create/index.tsx  |  4 +-
 .../src/components/crud/edit/index.spec.tsx   |  6 +--
 .../mui/src/components/crud/edit/index.tsx    | 10 ++---
 .../src/components/crud/list/index.spec.tsx   |  2 +-
 .../mui/src/components/crud/list/index.tsx    |  4 +-
 .../src/components/crud/show/index.spec.tsx   |  4 +-
 .../mui/src/components/crud/show/index.tsx    | 10 ++---
 packages/mui/src/components/crud/types.ts     |  4 +-
 .../src/components/fields/boolean/index.tsx   |  2 +-
 .../mui/src/components/fields/date/index.tsx  |  2 +-
 .../mui/src/components/fields/email/index.tsx |  2 +-
 .../mui/src/components/fields/file/index.tsx  |  2 +-
 .../src/components/fields/markdown/index.tsx  |  2 +-
 .../src/components/fields/number/index.tsx    |  2 +-
 .../mui/src/components/fields/tag/index.tsx   |  2 +-
 .../mui/src/components/fields/text/index.tsx  |  2 +-
 packages/mui/src/components/fields/types.ts   |  4 +-
 .../mui/src/components/fields/url/index.tsx   |  2 +-
 .../src/components/layout/header/index.tsx    |  2 +-
 packages/mui/src/components/layout/index.tsx  |  2 +-
 .../mui/src/components/layout/sider/index.tsx |  4 +-
 .../mui/src/components/layout/title/index.tsx |  2 +-
 .../auth/components/forgotPassword/index.tsx  |  8 ++--
 .../pages/auth/components/login/index.tsx     | 10 ++---
 .../pages/auth/components/register/index.tsx  | 10 ++---
 .../pages/auth/components/styles.ts           |  2 +-
 .../auth/components/updatePassword/index.tsx  | 10 ++---
 .../mui/src/components/pages/auth/index.tsx   |  4 +-
 .../src/components/pages/error/index.spec.tsx |  3 +-
 .../mui/src/components/pages/error/index.tsx  |  2 +-
 .../mui/src/components/pages/login/index.tsx  |  9 +++-
 .../mui/src/components/pages/ready/index.tsx  |  2 +-
 .../components/themedLayout/header/index.tsx  |  2 +-
 .../mui/src/components/themedLayout/index.tsx |  2 +-
 .../components/themedLayout/sider/index.tsx   |  4 +-
 .../components/themedLayout/title/index.tsx   |  2 +-
 .../themedLayoutV2/header/index.spec.tsx      |  2 +-
 .../themedLayoutV2/header/index.tsx           |  2 +-
 .../src/components/themedLayoutV2/index.tsx   |  2 +-
 .../components/themedLayoutV2/sider/index.tsx |  6 +--
 .../components/themedLayoutV2/title/index.tsx |  2 +-
 .../contexts/themedLayoutContext/index.tsx    |  4 +-
 .../src/definitions/dataGrid/index.spec.ts    |  2 +-
 .../mui/src/definitions/dataGrid/index.ts     |  2 +-
 .../mui/src/hooks/useAutocomplete/index.ts    |  8 ++--
 .../mui/src/hooks/useDataGrid/index.spec.ts   |  2 +-
 packages/mui/src/hooks/useDataGrid/index.ts   | 14 +++----
 .../src/hooks/useThemedLayoutContext/index.ts |  2 +-
 .../notificationProvider/index.spec.tsx       |  2 +-
 .../providers/notificationProvider/index.tsx  |  2 +-
 packages/mui/test/dataMocks.ts                |  2 +-
 packages/mui/test/index.tsx                   | 14 +++----
 .../nestjs-query/src/dataProvider/index.ts    |  6 +--
 .../nestjs-query/src/liveProvider/index.ts    |  4 +-
 packages/nestjs-query/src/utils/graphql.ts    |  7 +++-
 packages/nestjs-query/src/utils/index.ts      |  6 +--
 .../nestjs-query/test/custom/index.spec.ts    |  2 +-
 packages/nestjsx-crud/src/provider.ts         |  4 +-
 packages/nestjsx-crud/src/utils/axios.ts      |  2 +-
 .../nestjsx-crud/src/utils/handleFilter.ts    |  4 +-
 packages/nestjsx-crud/src/utils/handleJoin.ts |  2 +-
 .../src/utils/handlePagination.ts             |  4 +-
 packages/nestjsx-crud/src/utils/handleSort.ts |  4 +-
 .../nestjsx-crud/src/utils/mapOperator.ts     |  4 +-
 .../src/utils/transformHttpError.ts           |  2 +-
 .../test/utils/handleFilter.spec.ts           |  4 +-
 .../test/utils/handleJoin.spec.ts             |  6 +--
 .../test/utils/handlePagination.spec.ts       |  2 +-
 .../test/utils/handleSort.spec.ts             |  4 +-
 .../test/utils/mapOperator.spec.ts            |  4 +-
 packages/nextjs-router/src/app/bindings.tsx   |  8 ++--
 packages/nextjs-router/src/pages/bindings.tsx |  8 ++--
 .../src/pages/document-title-handler.tsx      |  4 +-
 packages/nextjs-router/tsup.config.ts         |  2 +-
 .../src/useForm/index.spec.tsx                |  2 +-
 packages/react-hook-form/src/useForm/index.ts | 18 ++++----
 .../react-hook-form/src/useModalForm/index.ts | 12 +++---
 .../react-hook-form/src/useStepsForm/index.ts |  6 +--
 packages/react-hook-form/test/dataMocks.ts    |  2 +-
 packages/react-hook-form/test/index.tsx       | 10 ++---
 packages/react-router-v6/src/bindings.tsx     |  8 ++--
 .../src/create-resource-routes.tsx            |  2 +-
 .../src/document-title-handler.tsx            |  4 +-
 packages/react-router-v6/src/legacy/index.ts  |  6 +--
 .../src/legacy/routeProvider.tsx              |  4 +-
 .../src/legacy/routerComponent.tsx            |  6 +--
 .../src/navigate-to-resource.tsx              |  2 +-
 .../react-table/src/useTable/index.spec.ts    |  2 +-
 packages/react-table/src/useTable/index.ts    | 14 +++----
 .../index.spec.ts                             |  2 +-
 .../column-filters-to-crud-filters/index.ts   |  4 +-
 .../index.spec.ts                             |  4 +-
 .../crud-filters-to-column-filters/index.ts   |  4 +-
 .../utils/get-removed-filters/index.spec.ts   |  2 +-
 .../src/utils/get-removed-filters/index.ts    |  2 +-
 packages/react-table/test/dataMocks.ts        |  2 +-
 packages/react-table/test/index.tsx           |  4 +-
 packages/remix-router/src/bindings.tsx        |  8 ++--
 .../src/legacy/checkAuthentication.ts         |  2 +-
 .../src/legacy/routeComponent.tsx             |  2 +-
 .../remix-router/src/legacy/routerProvider.ts |  2 +-
 packages/remix-router/src/legacy/useParams.ts |  6 +--
 .../remix-router/src/navigate-to-resource.ts  |  2 +-
 packages/shared/dayjs-esm-replace-plugin.ts   |  2 +-
 packages/shared/lodash-replace-plugin.ts      |  2 +-
 .../mui-icons-material-esm-replace-plugin.ts  |  2 +-
 packages/shared/next-js-esm-replace-plugin.ts |  2 +-
 ...ism-react-renderer-theme-replace-plugin.ts |  2 +-
 packages/shared/remove-test-ids-plugin.ts     |  2 +-
 .../shared/replace-core-version-plugin.ts     |  2 +-
 packages/shared/tabler-cjs-replace-plugin.ts  |  2 +-
 packages/simple-rest/src/provider.ts          |  4 +-
 packages/simple-rest/src/utils/axios.ts       |  2 +-
 .../simple-rest/src/utils/generateFilter.ts   |  2 +-
 .../simple-rest/src/utils/generateSort.ts     |  2 +-
 packages/simple-rest/src/utils/mapOperator.ts |  2 +-
 .../test/utils/generateFilter.spec.ts         |  2 +-
 .../test/utils/generateSort.spec.ts           |  2 +-
 .../test/utils/mapOperator.spec.ts            |  2 +-
 packages/strapi-v4/src/dataProvider.ts        |  4 +-
 packages/strapi-v4/src/helpers/auth.ts        |  2 +-
 packages/strapi-v4/src/utils/axios.ts         |  2 +-
 .../strapi-v4/src/utils/generateFilter.ts     |  6 ++-
 packages/strapi-v4/src/utils/generateSort.ts  |  2 +-
 packages/strapi-v4/src/utils/mapOperator.ts   |  2 +-
 .../strapi-v4/src/utils/transformHttpError.ts |  2 +-
 .../test/utils/generateFilter.spec.ts         |  2 +-
 .../strapi-v4/test/utils/generateSort.spec.ts |  2 +-
 .../strapi-v4/test/utils/mapOperator.spec.ts  |  2 +-
 .../test/utils/transformHttpError.spec.ts     |  2 +-
 packages/strapi/src/dataProvider.ts           |  4 +-
 packages/supabase/src/dataProvider/index.ts   |  4 +-
 packages/supabase/src/liveProvider/index.ts   |  4 +-
 packages/supabase/src/types/index.ts          |  2 +-
 packages/supabase/src/utils/generateFilter.ts |  2 +-
 packages/supabase/src/utils/handleError.ts    |  4 +-
 packages/supabase/src/utils/mapOperator.ts    |  2 +-
 packages/supabase/test/getList/index.spec.ts  |  2 +-
 .../test/utils/generateFilter.spec.ts         |  2 +-
 .../supabase/test/utils/handleError.spec.ts   |  4 +-
 .../supabase/test/utils/mapOperator.spec.ts   |  2 +-
 packages/ui-tests/src/test/dataMocks.tsx      |  2 +-
 packages/ui-tests/src/test/index.tsx          |  4 +-
 .../ui-tests/src/tests/autoSaveIndicator.tsx  |  2 +-
 packages/ui-tests/src/tests/breadcrumb.tsx    |  4 +-
 packages/ui-tests/src/tests/buttons/clone.tsx |  2 +-
 .../ui-tests/src/tests/buttons/create.tsx     |  2 +-
 .../ui-tests/src/tests/buttons/delete.tsx     |  2 +-
 packages/ui-tests/src/tests/buttons/edit.tsx  |  2 +-
 .../ui-tests/src/tests/buttons/export.tsx     |  2 +-
 .../ui-tests/src/tests/buttons/import.tsx     |  2 +-
 packages/ui-tests/src/tests/buttons/list.tsx  |  2 +-
 .../ui-tests/src/tests/buttons/refresh.tsx    |  2 +-
 packages/ui-tests/src/tests/buttons/save.tsx  |  2 +-
 packages/ui-tests/src/tests/buttons/show.tsx  |  2 +-
 packages/ui-tests/src/tests/crud/create.tsx   |  4 +-
 packages/ui-tests/src/tests/crud/edit.tsx     |  9 ++--
 packages/ui-tests/src/tests/crud/list.tsx     | 17 ++++++--
 packages/ui-tests/src/tests/crud/show.tsx     |  9 ++--
 .../ui-tests/src/tests/fields/boolean.tsx     |  2 +-
 packages/ui-tests/src/tests/fields/date.tsx   |  4 +-
 packages/ui-tests/src/tests/fields/email.tsx  |  4 +-
 packages/ui-tests/src/tests/fields/file.tsx   |  2 +-
 packages/ui-tests/src/tests/fields/image.tsx  |  2 +-
 .../ui-tests/src/tests/fields/markdown.tsx    |  2 +-
 packages/ui-tests/src/tests/fields/number.tsx |  4 +-
 packages/ui-tests/src/tests/fields/tag.tsx    |  4 +-
 packages/ui-tests/src/tests/fields/text.tsx   |  4 +-
 packages/ui-tests/src/tests/fields/url.tsx    |  2 +-
 packages/ui-tests/src/tests/layout/footer.tsx |  2 +-
 packages/ui-tests/src/tests/layout/header.tsx |  4 +-
 packages/ui-tests/src/tests/layout/layout.tsx |  2 +-
 packages/ui-tests/src/tests/layout/sider.tsx  |  4 +-
 packages/ui-tests/src/tests/layout/title.tsx  |  2 +-
 .../src/tests/pages/auth/authPage.tsx         |  4 +-
 .../src/tests/pages/auth/forgotPassword.tsx   |  4 +-
 .../ui-tests/src/tests/pages/auth/login.tsx   |  4 +-
 .../src/tests/pages/auth/register.tsx         |  4 +-
 .../src/tests/pages/auth/updatePassword.tsx   |  4 +-
 packages/ui-tests/src/tests/pages/error.tsx   |  2 +-
 packages/ui-tests/src/tests/pages/ready.tsx   |  2 +-
 packages/ui-types/src/types/button.tsx        |  4 +-
 packages/ui-types/src/types/crud.tsx          |  8 +++-
 packages/ui-types/src/types/field.tsx         |  4 +-
 packages/ui-types/src/types/layout.tsx        |  2 +-
 2456 files changed, 4328 insertions(+), 3819 deletions(-)
 create mode 100644 .changeset/weak-trees-cough.md

diff --git a/.changeset/weak-trees-cough.md b/.changeset/weak-trees-cough.md
new file mode 100644
index 000000000000..b09eaec98c24
--- /dev/null
+++ b/.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";
+```
diff --git a/biome.json b/biome.json
index 1d7cc4a5dea7..22e8668494ae 100644
--- a/biome.json
+++ b/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": {
diff --git a/cypress/support/commands/intercepts/hasura.ts b/cypress/support/commands/intercepts/hasura.ts
index 68009e633e60..830898ffb469 100644
--- a/cypress/support/commands/intercepts/hasura.ts
+++ b/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";
 
diff --git a/cypress/support/commands/intercepts/supabase.ts b/cypress/support/commands/intercepts/supabase.ts
index df1ce361bdc2..f2ee7d37822a 100644
--- a/cypress/support/commands/intercepts/supabase.ts
+++ b/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";
diff --git a/cypress/support/types/index.ts b/cypress/support/types/index.ts
index 04bbbfb28b4c..2a71798979fc 100644
--- a/cypress/support/types/index.ts
+++ b/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];
diff --git a/documentation/src/assets/examples.tsx b/documentation/src/assets/examples.tsx
index 2bc5350f18bf..b197b441ecae 100644
--- a/documentation/src/assets/examples.tsx
+++ b/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 = [
   {
diff --git a/documentation/src/assets/integration-icons/ably.tsx b/documentation/src/assets/integration-icons/ably.tsx
index 6f1602a8e3bc..de8d0821c3db 100644
--- a/documentation/src/assets/integration-icons/ably.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/airtable.tsx b/documentation/src/assets/integration-icons/airtable.tsx
index 8828654668a2..e835f9df97a7 100644
--- a/documentation/src/assets/integration-icons/airtable.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/antd.tsx b/documentation/src/assets/integration-icons/antd.tsx
index 86e6de40eb38..9ddac2cd7187 100644
--- a/documentation/src/assets/integration-icons/antd.tsx
+++ b/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,
diff --git a/documentation/src/assets/integration-icons/appwrite.tsx b/documentation/src/assets/integration-icons/appwrite.tsx
index 1521cc03301e..abbbf97031c1 100644
--- a/documentation/src/assets/integration-icons/appwrite.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/atlassian.tsx b/documentation/src/assets/integration-icons/atlassian.tsx
index 261dd69f72f2..20897895f8ec 100644
--- a/documentation/src/assets/integration-icons/atlassian.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/auth-js.tsx b/documentation/src/assets/integration-icons/auth-js.tsx
index e9716419f732..3f25c42fb2e6 100644
--- a/documentation/src/assets/integration-icons/auth-js.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/auth0.tsx b/documentation/src/assets/integration-icons/auth0.tsx
index 8244d536ef39..81b8bb207d6f 100644
--- a/documentation/src/assets/integration-icons/auth0.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/aws-cognito.tsx b/documentation/src/assets/integration-icons/aws-cognito.tsx
index f57942b53b19..60c50f636d90 100644
--- a/documentation/src/assets/integration-icons/aws-cognito.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/azure-active-directory.tsx b/documentation/src/assets/integration-icons/azure-active-directory.tsx
index 7598d1e4806b..8ea28a3a6a7f 100644
--- a/documentation/src/assets/integration-icons/azure-active-directory.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/chakra.tsx b/documentation/src/assets/integration-icons/chakra.tsx
index bb3aeb052ba3..2487e7985dc3 100644
--- a/documentation/src/assets/integration-icons/chakra.tsx
+++ b/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,
diff --git a/documentation/src/assets/integration-icons/clerk.tsx b/documentation/src/assets/integration-icons/clerk.tsx
index 5c15f70fd373..5729405144d7 100644
--- a/documentation/src/assets/integration-icons/clerk.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/custom-auth.tsx b/documentation/src/assets/integration-icons/custom-auth.tsx
index b221947ae200..4a53c989f240 100644
--- a/documentation/src/assets/integration-icons/custom-auth.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/directus.tsx b/documentation/src/assets/integration-icons/directus.tsx
index fce34b8a8718..033fa53eedd8 100644
--- a/documentation/src/assets/integration-icons/directus.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/dp.tsx b/documentation/src/assets/integration-icons/dp.tsx
index 5b0228e062a5..6d51e7ab17c1 100644
--- a/documentation/src/assets/integration-icons/dp.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/elide-graphql.tsx b/documentation/src/assets/integration-icons/elide-graphql.tsx
index 40361e16c993..21f010a3f479 100644
--- a/documentation/src/assets/integration-icons/elide-graphql.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/elide.tsx b/documentation/src/assets/integration-icons/elide.tsx
index 24c34bf9acec..eab2673311ef 100644
--- a/documentation/src/assets/integration-icons/elide.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/entrefine.tsx b/documentation/src/assets/integration-icons/entrefine.tsx
index 91ba4419f04d..e1ea73a83543 100644
--- a/documentation/src/assets/integration-icons/entrefine.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/expo.tsx b/documentation/src/assets/integration-icons/expo.tsx
index 17246407b070..2abf45bc7302 100644
--- a/documentation/src/assets/integration-icons/expo.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/firebase.tsx b/documentation/src/assets/integration-icons/firebase.tsx
index 99db75b0e885..681524cf115b 100644
--- a/documentation/src/assets/integration-icons/firebase.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/google.tsx b/documentation/src/assets/integration-icons/google.tsx
index cfe56459816f..950db92b2dae 100644
--- a/documentation/src/assets/integration-icons/google.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/graphql.tsx b/documentation/src/assets/integration-icons/graphql.tsx
index fdc4430c906a..0b18fd1e3029 100644
--- a/documentation/src/assets/integration-icons/graphql.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/hasura.tsx b/documentation/src/assets/integration-icons/hasura.tsx
index 797d85eb4f96..8caa1d9de6ae 100644
--- a/documentation/src/assets/integration-icons/hasura.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/headless.tsx b/documentation/src/assets/integration-icons/headless.tsx
index 683712c2ac21..817fe3612e1f 100644
--- a/documentation/src/assets/integration-icons/headless.tsx
+++ b/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,
diff --git a/documentation/src/assets/integration-icons/hook-form.tsx b/documentation/src/assets/integration-icons/hook-form.tsx
index c539126a0968..ad6cb72234c0 100644
--- a/documentation/src/assets/integration-icons/hook-form.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/hygraph.tsx b/documentation/src/assets/integration-icons/hygraph.tsx
index 93464f02a70b..243f2de0cf65 100644
--- a/documentation/src/assets/integration-icons/hygraph.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/json-api.tsx b/documentation/src/assets/integration-icons/json-api.tsx
index 6d42e49ead2f..ec0e434b5f14 100644
--- a/documentation/src/assets/integration-icons/json-api.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/kbar.tsx b/documentation/src/assets/integration-icons/kbar.tsx
index e59fd87e8f61..9c310b1a6dc7 100644
--- a/documentation/src/assets/integration-icons/kbar.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/kinde.tsx b/documentation/src/assets/integration-icons/kinde.tsx
index 94cb9dbbf57e..564ff7c37a4f 100644
--- a/documentation/src/assets/integration-icons/kinde.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/mantine.tsx b/documentation/src/assets/integration-icons/mantine.tsx
index 77888e26ac5a..7a85c48d0595 100644
--- a/documentation/src/assets/integration-icons/mantine.tsx
+++ b/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,
diff --git a/documentation/src/assets/integration-icons/medusa.tsx b/documentation/src/assets/integration-icons/medusa.tsx
index e33bdad2c605..af412a5724b1 100644
--- a/documentation/src/assets/integration-icons/medusa.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/mongodb.tsx b/documentation/src/assets/integration-icons/mongodb.tsx
index d9d62870f788..65da146fb7c1 100644
--- a/documentation/src/assets/integration-icons/mongodb.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/ms-sql-server.tsx b/documentation/src/assets/integration-icons/ms-sql-server.tsx
index 788849eefc96..76b6c3ffc7ab 100644
--- a/documentation/src/assets/integration-icons/ms-sql-server.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/mui.tsx b/documentation/src/assets/integration-icons/mui.tsx
index 6b45a7f1e10c..9126280c9866 100644
--- a/documentation/src/assets/integration-icons/mui.tsx
+++ b/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,
diff --git a/documentation/src/assets/integration-icons/mysql.tsx b/documentation/src/assets/integration-icons/mysql.tsx
index 7f71dc00688c..8e85f13551c6 100644
--- a/documentation/src/assets/integration-icons/mysql.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/nest-query.tsx b/documentation/src/assets/integration-icons/nest-query.tsx
index 822a47bf9bd7..bc98dbfcfab5 100644
--- a/documentation/src/assets/integration-icons/nest-query.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/nest.tsx b/documentation/src/assets/integration-icons/nest.tsx
index 88e2eaef68ae..27b6d2188a74 100644
--- a/documentation/src/assets/integration-icons/nest.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/nextjs.tsx b/documentation/src/assets/integration-icons/nextjs.tsx
index 128857c7ef66..e445013ac446 100644
--- a/documentation/src/assets/integration-icons/nextjs.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/okta.tsx b/documentation/src/assets/integration-icons/okta.tsx
index c408a17821a4..fa020c5ef825 100644
--- a/documentation/src/assets/integration-icons/okta.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/oracle.tsx b/documentation/src/assets/integration-icons/oracle.tsx
index ba582713e2f9..924e159a9640 100644
--- a/documentation/src/assets/integration-icons/oracle.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/pocketbase.tsx b/documentation/src/assets/integration-icons/pocketbase.tsx
index d87b0dafe8aa..b9e30655334c 100644
--- a/documentation/src/assets/integration-icons/pocketbase.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/postgresql.tsx b/documentation/src/assets/integration-icons/postgresql.tsx
index 340e1193b2ff..62197863b659 100644
--- a/documentation/src/assets/integration-icons/postgresql.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/react.tsx b/documentation/src/assets/integration-icons/react.tsx
index 54daf5763dc2..a68ba21c106a 100644
--- a/documentation/src/assets/integration-icons/react.tsx
+++ b/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
diff --git a/documentation/src/assets/integration-icons/remix.tsx b/documentation/src/assets/integration-icons/remix.tsx
index a56ac9e0d66f..0876296a241b 100644
--- a/documentation/src/assets/integration-icons/remix.tsx
+++ b/documentation/src/assets/integration-icons/remix.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgRemix = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/integration-icons/rest-without-text.tsx b/documentation/src/assets/integration-icons/rest-without-text.tsx
index 1326eac76d62..a4cb631482f2 100644
--- a/documentation/src/assets/integration-icons/rest-without-text.tsx
+++ b/documentation/src/assets/integration-icons/rest-without-text.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgRestWithoutText = ({
   className,
diff --git a/documentation/src/assets/integration-icons/rest.tsx b/documentation/src/assets/integration-icons/rest.tsx
index 47d63a4cbc8b..7321a5259cc3 100644
--- a/documentation/src/assets/integration-icons/rest.tsx
+++ b/documentation/src/assets/integration-icons/rest.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgRest = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/integration-icons/sanity.tsx b/documentation/src/assets/integration-icons/sanity.tsx
index fed4a50b0ebc..3b5bf963833f 100644
--- a/documentation/src/assets/integration-icons/sanity.tsx
+++ b/documentation/src/assets/integration-icons/sanity.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgSanity = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/integration-icons/shadcn-ui.tsx b/documentation/src/assets/integration-icons/shadcn-ui.tsx
index c280e98702f4..00f4d8eeee07 100644
--- a/documentation/src/assets/integration-icons/shadcn-ui.tsx
+++ b/documentation/src/assets/integration-icons/shadcn-ui.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const ShadCnUI = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/integration-icons/slack.tsx b/documentation/src/assets/integration-icons/slack.tsx
index 8091b483ac26..fbfd9705825d 100644
--- a/documentation/src/assets/integration-icons/slack.tsx
+++ b/documentation/src/assets/integration-icons/slack.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SlackIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/integration-icons/sqlite.tsx b/documentation/src/assets/integration-icons/sqlite.tsx
index b08f9e4399f9..7c3848802ea8 100644
--- a/documentation/src/assets/integration-icons/sqlite.tsx
+++ b/documentation/src/assets/integration-icons/sqlite.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgSQLite = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/integration-icons/strapi-with-text.tsx b/documentation/src/assets/integration-icons/strapi-with-text.tsx
index 31ff855f6f4b..a50128c79a94 100644
--- a/documentation/src/assets/integration-icons/strapi-with-text.tsx
+++ b/documentation/src/assets/integration-icons/strapi-with-text.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const StrapiWithText = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/integration-icons/strapi.tsx b/documentation/src/assets/integration-icons/strapi.tsx
index 4f512d67612b..f2acf800234f 100644
--- a/documentation/src/assets/integration-icons/strapi.tsx
+++ b/documentation/src/assets/integration-icons/strapi.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgStrapi = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/integration-icons/supabase-with-text.tsx b/documentation/src/assets/integration-icons/supabase-with-text.tsx
index 2494b4191490..653ff8711385 100644
--- a/documentation/src/assets/integration-icons/supabase-with-text.tsx
+++ b/documentation/src/assets/integration-icons/supabase-with-text.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SupabaseWithText = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/integration-icons/supabase.tsx b/documentation/src/assets/integration-icons/supabase.tsx
index ba8534e99e02..150c16f7cf09 100644
--- a/documentation/src/assets/integration-icons/supabase.tsx
+++ b/documentation/src/assets/integration-icons/supabase.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgSupabase = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/integration-icons/usegenerated.tsx b/documentation/src/assets/integration-icons/usegenerated.tsx
index 081c51a06d17..cfeb58218196 100644
--- a/documentation/src/assets/integration-icons/usegenerated.tsx
+++ b/documentation/src/assets/integration-icons/usegenerated.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgUseGenerated = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/integration-icons/vite.tsx b/documentation/src/assets/integration-icons/vite.tsx
index 6c8eff31b4d7..a3125f34395e 100644
--- a/documentation/src/assets/integration-icons/vite.tsx
+++ b/documentation/src/assets/integration-icons/vite.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 const ViteIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/integrations.ts b/documentation/src/assets/integrations.ts
index 0ba133733364..2033c9611b50 100644
--- a/documentation/src/assets/integrations.ts
+++ b/documentation/src/assets/integrations.ts
@@ -1,4 +1,4 @@
-import { IntegrationsType } from "../types/integrations";
+import type { IntegrationsType } from "../types/integrations";
 import {
   Ably,
   Airtable,
diff --git a/documentation/src/assets/nav-menu.ts b/documentation/src/assets/nav-menu.ts
index c8ce2ebc778f..f7d900c1ebdb 100644
--- a/documentation/src/assets/nav-menu.ts
+++ b/documentation/src/assets/nav-menu.ts
@@ -1,4 +1,4 @@
-import { NavMenu } from "../types/nav-menu";
+import type { NavMenu } from "../types/nav-menu";
 import {
   DocumentsIcon,
   IntegrationsIcon,
diff --git a/documentation/src/assets/popover-icons/about-us.tsx b/documentation/src/assets/popover-icons/about-us.tsx
index 570be0a050cd..cd402b642faa 100644
--- a/documentation/src/assets/popover-icons/about-us.tsx
+++ b/documentation/src/assets/popover-icons/about-us.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgAboutUs = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/popover-icons/awesome.tsx b/documentation/src/assets/popover-icons/awesome.tsx
index 75e50d6bd017..aa10ba6b849b 100644
--- a/documentation/src/assets/popover-icons/awesome.tsx
+++ b/documentation/src/assets/popover-icons/awesome.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgAwesome = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/popover-icons/chevron-down.tsx b/documentation/src/assets/popover-icons/chevron-down.tsx
index e70038dd927c..c1c11e72ce6a 100644
--- a/documentation/src/assets/popover-icons/chevron-down.tsx
+++ b/documentation/src/assets/popover-icons/chevron-down.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgChevronDown = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/popover-icons/contribute.tsx b/documentation/src/assets/popover-icons/contribute.tsx
index d0ccdb55b0bc..c6307f431b9f 100644
--- a/documentation/src/assets/popover-icons/contribute.tsx
+++ b/documentation/src/assets/popover-icons/contribute.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgContribute = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/popover-icons/documents.tsx b/documentation/src/assets/popover-icons/documents.tsx
index b75c6347532e..20f800312416 100644
--- a/documentation/src/assets/popover-icons/documents.tsx
+++ b/documentation/src/assets/popover-icons/documents.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgDocuments = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/popover-icons/examples.tsx b/documentation/src/assets/popover-icons/examples.tsx
index 2c1f02915391..7dfee2e96d5f 100644
--- a/documentation/src/assets/popover-icons/examples.tsx
+++ b/documentation/src/assets/popover-icons/examples.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgExamples = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/popover-icons/expert.tsx b/documentation/src/assets/popover-icons/expert.tsx
index 0c4b9365826f..36b5a57ea3db 100644
--- a/documentation/src/assets/popover-icons/expert.tsx
+++ b/documentation/src/assets/popover-icons/expert.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgExpert = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/popover-icons/integrations.tsx b/documentation/src/assets/popover-icons/integrations.tsx
index 82fcec7ec6ba..048acdf2d72c 100644
--- a/documentation/src/assets/popover-icons/integrations.tsx
+++ b/documentation/src/assets/popover-icons/integrations.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgIntegrations = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/popover-icons/refine-store.tsx b/documentation/src/assets/popover-icons/refine-store.tsx
index 0150b48b4436..3927bd8c59f9 100644
--- a/documentation/src/assets/popover-icons/refine-store.tsx
+++ b/documentation/src/assets/popover-icons/refine-store.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgRefineStore = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/popover-icons/refine-week.tsx b/documentation/src/assets/popover-icons/refine-week.tsx
index acd77193a66d..953ed451f786 100644
--- a/documentation/src/assets/popover-icons/refine-week.tsx
+++ b/documentation/src/assets/popover-icons/refine-week.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgRefineWeek = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/popover-icons/refine.tsx b/documentation/src/assets/popover-icons/refine.tsx
index c025c29b73e7..2b8055a26e37 100644
--- a/documentation/src/assets/popover-icons/refine.tsx
+++ b/documentation/src/assets/popover-icons/refine.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgRefine = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/popover-icons/right-arrow.tsx b/documentation/src/assets/popover-icons/right-arrow.tsx
index c2c74bb9a68e..d0cdfeeb69ef 100644
--- a/documentation/src/assets/popover-icons/right-arrow.tsx
+++ b/documentation/src/assets/popover-icons/right-arrow.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgRightArrow = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/popover-icons/tutorial.tsx b/documentation/src/assets/popover-icons/tutorial.tsx
index 58e9f08b596a..79fc71787c72 100644
--- a/documentation/src/assets/popover-icons/tutorial.tsx
+++ b/documentation/src/assets/popover-icons/tutorial.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgTutorial = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/popover-icons/ui-frameworks.tsx b/documentation/src/assets/popover-icons/ui-frameworks.tsx
index 36dfe536488c..09eac792d4b5 100644
--- a/documentation/src/assets/popover-icons/ui-frameworks.tsx
+++ b/documentation/src/assets/popover-icons/ui-frameworks.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgUIFrameworks = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/popover-icons/use-cases.tsx b/documentation/src/assets/popover-icons/use-cases.tsx
index 9a30237893c4..74250c1cca7d 100644
--- a/documentation/src/assets/popover-icons/use-cases.tsx
+++ b/documentation/src/assets/popover-icons/use-cases.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgUseCases = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/week-of-refine/constants.ts b/documentation/src/assets/week-of-refine/constants.ts
index 7f4ebebe51cc..86a725022178 100644
--- a/documentation/src/assets/week-of-refine/constants.ts
+++ b/documentation/src/assets/week-of-refine/constants.ts
@@ -1,4 +1,4 @@
-import { CardProps } from "@site/src/pages/week-of-refine";
+import type { CardProps } from "@site/src/pages/week-of-refine";
 import { StrapiWithText, SupabaseWithText } from "../integration-icons";
 
 export const weekOfRefineCards: CardProps[] = [
diff --git a/documentation/src/assets/week-of-refine/icons/date.tsx b/documentation/src/assets/week-of-refine/icons/date.tsx
index 0fd92c56d88c..bd28e7b37c4c 100644
--- a/documentation/src/assets/week-of-refine/icons/date.tsx
+++ b/documentation/src/assets/week-of-refine/icons/date.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const DateIcon = (props: SVGProps<SVGSVGElement>) => {
   return (
diff --git a/documentation/src/assets/week-of-refine/icons/refine-week-logo-xl.tsx b/documentation/src/assets/week-of-refine/icons/refine-week-logo-xl.tsx
index b44fb9135d0d..033b5adcadd6 100644
--- a/documentation/src/assets/week-of-refine/icons/refine-week-logo-xl.tsx
+++ b/documentation/src/assets/week-of-refine/icons/refine-week-logo-xl.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const RefineWeekLogoXL = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/assets/week-of-refine/icons/refine-week-logo.tsx b/documentation/src/assets/week-of-refine/icons/refine-week-logo.tsx
index a1bb0f47a03c..22e4f0f70ea1 100644
--- a/documentation/src/assets/week-of-refine/icons/refine-week-logo.tsx
+++ b/documentation/src/assets/week-of-refine/icons/refine-week-logo.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const RefineWeekLogo = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/banner/banner-examples.tsx b/documentation/src/components/banner/banner-examples.tsx
index d44d7494664f..5538f40a4b99 100644
--- a/documentation/src/components/banner/banner-examples.tsx
+++ b/documentation/src/components/banner/banner-examples.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import React, { type FC } from "react";
 import clsx from "clsx";
 import { LandingRainbowButton } from "@site/src/refine-theme/landing-rainbow-button";
 import { RefineLogoSeal } from "@site/src/refine-theme/icons/refine-logo-seal";
diff --git a/documentation/src/components/banner/banner-image-with-text.tsx b/documentation/src/components/banner/banner-image-with-text.tsx
index aa9f8d60f566..dfa9a70ffd53 100644
--- a/documentation/src/components/banner/banner-image-with-text.tsx
+++ b/documentation/src/components/banner/banner-image-with-text.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import React, { type FC } from "react";
 import clsx from "clsx";
 import { LandingRainbowButton } from "@site/src/refine-theme/landing-rainbow-button";
 import { RefineLogoSeal } from "@site/src/refine-theme/icons/refine-logo-seal";
diff --git a/documentation/src/components/banner/banner-modal.tsx b/documentation/src/components/banner/banner-modal.tsx
index e99ab1263476..7a70cec52d03 100644
--- a/documentation/src/components/banner/banner-modal.tsx
+++ b/documentation/src/components/banner/banner-modal.tsx
@@ -1,4 +1,4 @@
-import React, { FC, Fragment, useEffect, useRef, useState } from "react";
+import React, { type FC, Fragment, useEffect, useRef, useState } from "react";
 import clsx from "clsx";
 import { LandingRainbowButton } from "@site/src/refine-theme/landing-rainbow-button";
 import { ArrowRightIcon } from "@site/src/refine-theme/icons/arrow-right";
diff --git a/documentation/src/components/integrations/card/index.tsx b/documentation/src/components/integrations/card/index.tsx
index f4aebfc1b442..00a4834ea4b8 100644
--- a/documentation/src/components/integrations/card/index.tsx
+++ b/documentation/src/components/integrations/card/index.tsx
@@ -1,4 +1,4 @@
-import { contributor } from "@site/src/types/integrations";
+import type { contributor } from "@site/src/types/integrations";
 import clsx from "clsx";
 import React from "react";
 
diff --git a/documentation/src/components/landing/icons/access-control-icon.tsx b/documentation/src/components/landing/icons/access-control-icon.tsx
index 9ac5f8fac1d5..21b0a0b1dc93 100644
--- a/documentation/src/components/landing/icons/access-control-icon.tsx
+++ b/documentation/src/components/landing/icons/access-control-icon.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const AccessControlIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/amazon-icon.tsx b/documentation/src/components/landing/icons/amazon-icon.tsx
index 14e6a57d66d0..5d3e52fdb656 100644
--- a/documentation/src/components/landing/icons/amazon-icon.tsx
+++ b/documentation/src/components/landing/icons/amazon-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const AmazonIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/atlassian-icon.tsx b/documentation/src/components/landing/icons/atlassian-icon.tsx
index 091d3afb54ac..09c6de0a8a71 100644
--- a/documentation/src/components/landing/icons/atlassian-icon.tsx
+++ b/documentation/src/components/landing/icons/atlassian-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const AtlassianIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/authentication-icon.tsx b/documentation/src/components/landing/icons/authentication-icon.tsx
index 1aa75d0d641a..35c83f655360 100644
--- a/documentation/src/components/landing/icons/authentication-icon.tsx
+++ b/documentation/src/components/landing/icons/authentication-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const AuthenticationIcon = (props: SVGProps<SVGSVGElement>) => {
   return (
diff --git a/documentation/src/components/landing/icons/autodesk-icon.tsx b/documentation/src/components/landing/icons/autodesk-icon.tsx
index 9d534366f446..d3a09b31d8ac 100644
--- a/documentation/src/components/landing/icons/autodesk-icon.tsx
+++ b/documentation/src/components/landing/icons/autodesk-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const AutodeskIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/best-practices-icon.tsx b/documentation/src/components/landing/icons/best-practices-icon.tsx
index ed4351f75193..efe974fad2ee 100644
--- a/documentation/src/components/landing/icons/best-practices-icon.tsx
+++ b/documentation/src/components/landing/icons/best-practices-icon.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const BestPracticeIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/black-box-icon.tsx b/documentation/src/components/landing/icons/black-box-icon.tsx
index a1c73b80cb00..d21ecbe90e98 100644
--- a/documentation/src/components/landing/icons/black-box-icon.tsx
+++ b/documentation/src/components/landing/icons/black-box-icon.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const BlackBoxIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/charts-icon.tsx b/documentation/src/components/landing/icons/charts-icon.tsx
index 4cf95fdd5cbb..fda078d20f78 100644
--- a/documentation/src/components/landing/icons/charts-icon.tsx
+++ b/documentation/src/components/landing/icons/charts-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const ChartsIcon = (props: SVGProps<SVGSVGElement>) => {
   return (
diff --git a/documentation/src/components/landing/icons/cisco-icon.tsx b/documentation/src/components/landing/icons/cisco-icon.tsx
index 3bd8d49f7061..d11f22769db6 100644
--- a/documentation/src/components/landing/icons/cisco-icon.tsx
+++ b/documentation/src/components/landing/icons/cisco-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const CiscoIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/components-icon.tsx b/documentation/src/components/landing/icons/components-icon.tsx
index 8bf47cc4b788..2a7d9f0a0da1 100644
--- a/documentation/src/components/landing/icons/components-icon.tsx
+++ b/documentation/src/components/landing/icons/components-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 import { useColorMode } from "@docusaurus/theme-common";
 
 export const ComponentsIcon = (props: SVGProps<SVGSVGElement>) => {
diff --git a/documentation/src/components/landing/icons/datatables-icon.tsx b/documentation/src/components/landing/icons/datatables-icon.tsx
index edfbf614c0e6..40922a88e0ef 100644
--- a/documentation/src/components/landing/icons/datatables-icon.tsx
+++ b/documentation/src/components/landing/icons/datatables-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const DataTablesIcon = (props: SVGProps<SVGSVGElement>) => {
   return (
diff --git a/documentation/src/components/landing/icons/deloitte-icon.tsx b/documentation/src/components/landing/icons/deloitte-icon.tsx
index af03b7f39272..b398f1678eaa 100644
--- a/documentation/src/components/landing/icons/deloitte-icon.tsx
+++ b/documentation/src/components/landing/icons/deloitte-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const DeloitteIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/forms-icon.tsx b/documentation/src/components/landing/icons/forms-icon.tsx
index 3aa0fd54925f..32c8418a55ff 100644
--- a/documentation/src/components/landing/icons/forms-icon.tsx
+++ b/documentation/src/components/landing/icons/forms-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const FormsIcon = (props: SVGProps<SVGSVGElement>) => {
   return (
diff --git a/documentation/src/components/landing/icons/ibm-icon.tsx b/documentation/src/components/landing/icons/ibm-icon.tsx
index cfc0b07001be..9095dd426d5a 100644
--- a/documentation/src/components/landing/icons/ibm-icon.tsx
+++ b/documentation/src/components/landing/icons/ibm-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const IbmIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/identity-icon.tsx b/documentation/src/components/landing/icons/identity-icon.tsx
index 2b80333838dc..aee6518b7380 100644
--- a/documentation/src/components/landing/icons/identity-icon.tsx
+++ b/documentation/src/components/landing/icons/identity-icon.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const IdentityIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/infinite-scalability-icon.tsx b/documentation/src/components/landing/icons/infinite-scalability-icon.tsx
index 30c7fceac3ae..8e84f5d25137 100644
--- a/documentation/src/components/landing/icons/infinite-scalability-icon.tsx
+++ b/documentation/src/components/landing/icons/infinite-scalability-icon.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const InfiniteScalabilityIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/intel-icon.tsx b/documentation/src/components/landing/icons/intel-icon.tsx
index 2db4799f98f6..14ec67b84ffb 100644
--- a/documentation/src/components/landing/icons/intel-icon.tsx
+++ b/documentation/src/components/landing/icons/intel-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const IntelIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/interfaces-icon.tsx b/documentation/src/components/landing/icons/interfaces-icon.tsx
index f512562f7346..f588f58d41fc 100644
--- a/documentation/src/components/landing/icons/interfaces-icon.tsx
+++ b/documentation/src/components/landing/icons/interfaces-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 import { useColorMode } from "@docusaurus/theme-common";
 
 export const InterfacesIcon = (props: SVGProps<SVGSVGElement>) => {
diff --git a/documentation/src/components/landing/icons/jp-morgan-icon.tsx b/documentation/src/components/landing/icons/jp-morgan-icon.tsx
index 19f57ef32531..06242642c409 100644
--- a/documentation/src/components/landing/icons/jp-morgan-icon.tsx
+++ b/documentation/src/components/landing/icons/jp-morgan-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const JpMorganIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/list-icon.tsx b/documentation/src/components/landing/icons/list-icon.tsx
index 792f40e52eb3..cc52f090965c 100644
--- a/documentation/src/components/landing/icons/list-icon.tsx
+++ b/documentation/src/components/landing/icons/list-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const ListIcon = (props: SVGProps<SVGSVGElement>) => {
   return (
diff --git a/documentation/src/components/landing/icons/meta-icon.tsx b/documentation/src/components/landing/icons/meta-icon.tsx
index 639aec581bda..aca4bef74149 100644
--- a/documentation/src/components/landing/icons/meta-icon.tsx
+++ b/documentation/src/components/landing/icons/meta-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const MetaIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/monitor-icon.tsx b/documentation/src/components/landing/icons/monitor-icon.tsx
index 84229298f547..00311ddaffaa 100644
--- a/documentation/src/components/landing/icons/monitor-icon.tsx
+++ b/documentation/src/components/landing/icons/monitor-icon.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const MonitorIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/no-vendor-lockin-icon.tsx b/documentation/src/components/landing/icons/no-vendor-lockin-icon.tsx
index d4ce31f8af5a..4f2decf8ff67 100644
--- a/documentation/src/components/landing/icons/no-vendor-lockin-icon.tsx
+++ b/documentation/src/components/landing/icons/no-vendor-lockin-icon.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const NoVendorLockinIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/oracle-icon.tsx b/documentation/src/components/landing/icons/oracle-icon.tsx
index d0c62b22ca74..86f683df028f 100644
--- a/documentation/src/components/landing/icons/oracle-icon.tsx
+++ b/documentation/src/components/landing/icons/oracle-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const OracleIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/pro-services-icon.tsx b/documentation/src/components/landing/icons/pro-services-icon.tsx
index d3aa2ca01f9e..c2acea6402c2 100644
--- a/documentation/src/components/landing/icons/pro-services-icon.tsx
+++ b/documentation/src/components/landing/icons/pro-services-icon.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const ProServicesIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/providers-icon.tsx b/documentation/src/components/landing/icons/providers-icon.tsx
index 98151df228fb..fcc10436e3e7 100644
--- a/documentation/src/components/landing/icons/providers-icon.tsx
+++ b/documentation/src/components/landing/icons/providers-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 import { useColorMode } from "@docusaurus/theme-common";
 
 export const ProvidersIcon = (props: SVGProps<SVGSVGElement>) => {
diff --git a/documentation/src/components/landing/icons/routes-icon.tsx b/documentation/src/components/landing/icons/routes-icon.tsx
index 4557ed59a57f..003880172e97 100644
--- a/documentation/src/components/landing/icons/routes-icon.tsx
+++ b/documentation/src/components/landing/icons/routes-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 import { useColorMode } from "@docusaurus/theme-common";
 
 export const RoutesIcon = (props: SVGProps<SVGSVGElement>) => {
diff --git a/documentation/src/components/landing/icons/salesforce-icon.tsx b/documentation/src/components/landing/icons/salesforce-icon.tsx
index 0fe776fc8188..031507a65f84 100644
--- a/documentation/src/components/landing/icons/salesforce-icon.tsx
+++ b/documentation/src/components/landing/icons/salesforce-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const SalesforceIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/security-icon.tsx b/documentation/src/components/landing/icons/security-icon.tsx
index 19ddd5647ba6..e60dd84ac249 100644
--- a/documentation/src/components/landing/icons/security-icon.tsx
+++ b/documentation/src/components/landing/icons/security-icon.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const SecurityIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/self-hosted-icon.tsx b/documentation/src/components/landing/icons/self-hosted-icon.tsx
index 6cb09b676b37..cf2ce1441f9a 100644
--- a/documentation/src/components/landing/icons/self-hosted-icon.tsx
+++ b/documentation/src/components/landing/icons/self-hosted-icon.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const SelfHostedIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/support-icon.tsx b/documentation/src/components/landing/icons/support-icon.tsx
index 7c6c53c69fcb..ae4afa13d6eb 100644
--- a/documentation/src/components/landing/icons/support-icon.tsx
+++ b/documentation/src/components/landing/icons/support-icon.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const SupportIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/upwork-icon.tsx b/documentation/src/components/landing/icons/upwork-icon.tsx
index ece8a94f771b..11102c0d29c9 100644
--- a/documentation/src/components/landing/icons/upwork-icon.tsx
+++ b/documentation/src/components/landing/icons/upwork-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const UpworkIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/components/landing/icons/utilities-icon.tsx.tsx b/documentation/src/components/landing/icons/utilities-icon.tsx.tsx
index 14df02ae0213..bd7a552be311 100644
--- a/documentation/src/components/landing/icons/utilities-icon.tsx.tsx
+++ b/documentation/src/components/landing/icons/utilities-icon.tsx.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 import { useColorMode } from "@docusaurus/theme-common";
 
 export const UtilitiesIcon = (props: SVGProps<SVGSVGElement>) => {
diff --git a/documentation/src/components/landing/icons/wizards-icon.tsx b/documentation/src/components/landing/icons/wizards-icon.tsx
index 41dcdfb4604a..4243fde6bc8d 100644
--- a/documentation/src/components/landing/icons/wizards-icon.tsx
+++ b/documentation/src/components/landing/icons/wizards-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const WizardsIcon = (props: SVGProps<SVGSVGElement>) => {
   return (
diff --git a/documentation/src/components/live-preview-context/index.tsx b/documentation/src/components/live-preview-context/index.tsx
index 561ba50b0d55..ccc6fb02ec78 100644
--- a/documentation/src/components/live-preview-context/index.tsx
+++ b/documentation/src/components/live-preview-context/index.tsx
@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
 export type LivePreviewContextType = {
   shared: string | undefined;
diff --git a/documentation/src/components/props-table/index.tsx b/documentation/src/components/props-table/index.tsx
index c2032a786e48..934c18cb8b25 100644
--- a/documentation/src/components/props-table/index.tsx
+++ b/documentation/src/components/props-table/index.tsx
@@ -1,7 +1,7 @@
 import React, { useMemo } from "react";
 import ReactMarkdown from "react-markdown";
 import {
-  DeclarationType,
+  type DeclarationType,
   useDynamicImport,
 } from "../../hooks/use-dynamic-import";
 import PropTag from "../prop-tag";
diff --git a/documentation/src/components/refine-week/cover-bg-shadow.tsx b/documentation/src/components/refine-week/cover-bg-shadow.tsx
index 46318c01e918..458bb0cbc8a6 100644
--- a/documentation/src/components/refine-week/cover-bg-shadow.tsx
+++ b/documentation/src/components/refine-week/cover-bg-shadow.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import React from "react";
-import { WeekVariants } from "./data";
+import type { WeekVariants } from "./data";
 
 type Props = {
   variant: WeekVariants;
diff --git a/documentation/src/components/refine-week/day-indicator.tsx b/documentation/src/components/refine-week/day-indicator.tsx
index 2834ca3cf853..3dec74d9ae21 100644
--- a/documentation/src/components/refine-week/day-indicator.tsx
+++ b/documentation/src/components/refine-week/day-indicator.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 type Props = SVGProps<SVGSVGElement> & {
   id?: string;
diff --git a/documentation/src/components/refine-week/refine-week-desktop.tsx b/documentation/src/components/refine-week/refine-week-desktop.tsx
index 3e2ad2612108..02064f645858 100644
--- a/documentation/src/components/refine-week/refine-week-desktop.tsx
+++ b/documentation/src/components/refine-week/refine-week-desktop.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import clsx from "clsx";
-import { WeekData, WeekVariants } from "./data";
+import type { WeekData, WeekVariants } from "./data";
 import { RefineWeekLogo } from "@site/src/assets/week-of-refine/icons";
 import { LetsStartButton } from "./lets-start-button";
 import { TwitterButton } from "./twitter-button";
diff --git a/documentation/src/components/refine-week/refine-week-mobile.tsx b/documentation/src/components/refine-week/refine-week-mobile.tsx
index c00e8ba0c2f7..4825289d0faa 100644
--- a/documentation/src/components/refine-week/refine-week-mobile.tsx
+++ b/documentation/src/components/refine-week/refine-week-mobile.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import clsx from "clsx";
-import { WeekData, WeekVariants } from "./data";
+import type { WeekData, WeekVariants } from "./data";
 import { RefineWeekLogo } from "@site/src/assets/week-of-refine/icons";
 import { LetsStartButton } from "./lets-start-button";
 import { TwitterButton } from "./twitter-button";
diff --git a/documentation/src/components/select-tutorial-framework/index.tsx b/documentation/src/components/select-tutorial-framework/index.tsx
index 8e5684741a3d..3dcc913f093e 100644
--- a/documentation/src/components/select-tutorial-framework/index.tsx
+++ b/documentation/src/components/select-tutorial-framework/index.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  PreferredUIPackage,
+  type PreferredUIPackage,
   availableUIPackages,
   UIPackageIcons,
 } from "../../context/TutorialUIPackageContext/index";
diff --git a/documentation/src/components/tooltip/index.tsx b/documentation/src/components/tooltip/index.tsx
index 438b6c1ce187..91b8c60e30b1 100644
--- a/documentation/src/components/tooltip/index.tsx
+++ b/documentation/src/components/tooltip/index.tsx
@@ -1,4 +1,4 @@
-import React, { FC, PropsWithChildren, ReactNode } from "react";
+import React, { type FC, type PropsWithChildren, type ReactNode } from "react";
 import styles from "./styles.module.css";
 
 type Props = {
diff --git a/documentation/src/components/tutorial-toc/index.tsx b/documentation/src/components/tutorial-toc/index.tsx
index c74ed9b12c5f..ce0d04d55590 100644
--- a/documentation/src/components/tutorial-toc/index.tsx
+++ b/documentation/src/components/tutorial-toc/index.tsx
@@ -1,4 +1,4 @@
-import React, { HTMLAttributes, useState } from "react";
+import React, { type HTMLAttributes, useState } from "react";
 import snarkdown from "snarkdown";
 import useBaseUrl from "@docusaurus/useBaseUrl";
 // @ts-expect-error no types
@@ -10,7 +10,7 @@ import { useCurrentTutorial } from "../../hooks/use-current-tutorial";
 import { UnitCircle } from "../unit-circle";
 import { TutorialCircle } from "../tutorial-circle";
 import { useTutorialUIPackage } from "../../hooks/use-tutorial-ui-package";
-import { PreferredUIPackage } from "../../context/TutorialUIPackageContext";
+import type { PreferredUIPackage } from "../../context/TutorialUIPackageContext";
 
 const uiNames: Record<PreferredUIPackage, string> = {
   headless: "Headless",
diff --git a/documentation/src/components/ui-conditional/index.tsx b/documentation/src/components/ui-conditional/index.tsx
index df7cb532670d..e655b4cef3d9 100644
--- a/documentation/src/components/ui-conditional/index.tsx
+++ b/documentation/src/components/ui-conditional/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { PreferredUIPackage } from "../../context/TutorialUIPackageContext/index";
+import type { PreferredUIPackage } from "../../context/TutorialUIPackageContext/index";
 import { useTutorialUIPackage } from "../../hooks/use-tutorial-ui-package";
 
 type Props = {
diff --git a/documentation/src/context/CommunityStats/index.tsx b/documentation/src/context/CommunityStats/index.tsx
index faf2e53e5b08..19fd4ecc3d2c 100644
--- a/documentation/src/context/CommunityStats/index.tsx
+++ b/documentation/src/context/CommunityStats/index.tsx
@@ -1,6 +1,6 @@
 import React, {
   createContext,
-  FC,
+  type FC,
   useCallback,
   useContext,
   useEffect,
diff --git a/documentation/src/hooks/use-dynamic-import.ts b/documentation/src/hooks/use-dynamic-import.ts
index a3afec692c69..0b27f45b4d59 100644
--- a/documentation/src/hooks/use-dynamic-import.ts
+++ b/documentation/src/hooks/use-dynamic-import.ts
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { ComponentDoc, PropItem } from "react-docgen-typescript";
+import type { ComponentDoc, PropItem } from "react-docgen-typescript";
 
 export interface StringIndexedObject<T> {
   [key: string]: T;
diff --git a/documentation/src/hooks/use-keydown.ts b/documentation/src/hooks/use-keydown.ts
index 877fa12dabad..e2c3f021a0fe 100644
--- a/documentation/src/hooks/use-keydown.ts
+++ b/documentation/src/hooks/use-keydown.ts
@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import type { RefObject } from "react";
 
 import React from "react";
 
diff --git a/documentation/src/hooks/use-outside-click.ts b/documentation/src/hooks/use-outside-click.ts
index 62c31c91211b..b11a4cb59f36 100644
--- a/documentation/src/hooks/use-outside-click.ts
+++ b/documentation/src/hooks/use-outside-click.ts
@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import type { RefObject } from "react";
 
 import React from "react";
 
diff --git a/documentation/src/pages/integrations/index.tsx b/documentation/src/pages/integrations/index.tsx
index 5c4705901d4b..7c5771b565db 100644
--- a/documentation/src/pages/integrations/index.tsx
+++ b/documentation/src/pages/integrations/index.tsx
@@ -2,7 +2,7 @@ import clsx from "clsx";
 import React, { useMemo } from "react";
 
 import IntegrationsLayout from "@site/src/components/integrations/layout";
-import { Integration } from "@site/src/types/integrations";
+import type { Integration } from "@site/src/types/integrations";
 import { integrations as integrationsData } from "../../assets/integrations";
 import Card from "../../components/integrations/card";
 
diff --git a/documentation/src/pages/templates/index.tsx b/documentation/src/pages/templates/index.tsx
index 122fa88aa3ce..5d2e3cbe2dfa 100644
--- a/documentation/src/pages/templates/index.tsx
+++ b/documentation/src/pages/templates/index.tsx
@@ -1,5 +1,5 @@
 import Head from "@docusaurus/Head";
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 import { CommonHeader } from "@site/src/refine-theme/common-header";
 import { CommonLayout } from "@site/src/refine-theme/common-layout";
 import { LandingFooter } from "@site/src/refine-theme/landing-footer";
diff --git a/documentation/src/partials/npm-scripts/install-packages-commands.tsx b/documentation/src/partials/npm-scripts/install-packages-commands.tsx
index b6e19a5e1613..c747fb710c25 100644
--- a/documentation/src/partials/npm-scripts/install-packages-commands.tsx
+++ b/documentation/src/partials/npm-scripts/install-packages-commands.tsx
@@ -1,4 +1,4 @@
-import React, { FC, PropsWithChildren } from "react";
+import React, { type FC, type PropsWithChildren } from "react";
 
 import Tabs from "@site/src/refine-theme/common-tabs";
 import { CodeBlock } from "@site/src/theme/CodeBlock/base";
diff --git a/documentation/src/refine-theme/blog-footer.tsx b/documentation/src/refine-theme/blog-footer.tsx
index b8abd853da3f..338a09e107a9 100644
--- a/documentation/src/refine-theme/blog-footer.tsx
+++ b/documentation/src/refine-theme/blog-footer.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import { LandingFooter, Props } from "./landing-footer";
+import { LandingFooter, type Props } from "./landing-footer";
 
 export const BlogFooter = (props: Props) => {
   return <LandingFooter {...props} />;
diff --git a/documentation/src/refine-theme/blog-hero.tsx b/documentation/src/refine-theme/blog-hero.tsx
index 7fd80bc68d55..1f151799a77e 100644
--- a/documentation/src/refine-theme/blog-hero.tsx
+++ b/documentation/src/refine-theme/blog-hero.tsx
@@ -1,6 +1,5 @@
 import clsx from "clsx";
-import React, { FC } from "react";
-import { CommonThemedImage } from "./common-themed-image";
+import React, { type FC } from "react";
 
 type Props = { className?: string };
 
diff --git a/documentation/src/refine-theme/common-circle-chevron-down.tsx b/documentation/src/refine-theme/common-circle-chevron-down.tsx
index c8280033f697..5ed1140dbc74 100644
--- a/documentation/src/refine-theme/common-circle-chevron-down.tsx
+++ b/documentation/src/refine-theme/common-circle-chevron-down.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const CommonCircleChevronDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/common-circle-chevron-left.tsx b/documentation/src/refine-theme/common-circle-chevron-left.tsx
index a62c0517b1db..f24521830685 100644
--- a/documentation/src/refine-theme/common-circle-chevron-left.tsx
+++ b/documentation/src/refine-theme/common-circle-chevron-left.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const CommonCircleChevronLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/common-circle-chevron-up.tsx b/documentation/src/refine-theme/common-circle-chevron-up.tsx
index 552dd19e3465..b097712c4b7b 100644
--- a/documentation/src/refine-theme/common-circle-chevron-up.tsx
+++ b/documentation/src/refine-theme/common-circle-chevron-up.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const CommonCircleChevronUp = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/common-drawer.tsx b/documentation/src/refine-theme/common-drawer.tsx
index 2882f2eeaac5..6508e207cb5e 100644
--- a/documentation/src/refine-theme/common-drawer.tsx
+++ b/documentation/src/refine-theme/common-drawer.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { FC, PropsWithChildren } from "react";
+import React, { type FC, type PropsWithChildren } from "react";
 import { CloseIcon } from "./icons/close";
 import { Transition } from "@headlessui/react";
 import { createPortal } from "react-dom";
diff --git a/documentation/src/refine-theme/common-header/menu-item.tsx b/documentation/src/refine-theme/common-header/menu-item.tsx
index 7e1afea0fe63..32acf6bc11a4 100644
--- a/documentation/src/refine-theme/common-header/menu-item.tsx
+++ b/documentation/src/refine-theme/common-header/menu-item.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import Link from "@docusaurus/Link";
 import clsx from "clsx";
 
-import { NavbarPopoverItemType } from "./constants";
+import type { NavbarPopoverItemType } from "./constants";
 
 type MenuItemProps = {
   item: NavbarPopoverItemType["items"][0];
diff --git a/documentation/src/refine-theme/common-header/menu.tsx b/documentation/src/refine-theme/common-header/menu.tsx
index 2819b8d67783..2d27f289dbf6 100644
--- a/documentation/src/refine-theme/common-header/menu.tsx
+++ b/documentation/src/refine-theme/common-header/menu.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import Link from "@docusaurus/Link";
 import clsx from "clsx";
 
-import { MENU_ITEMS, NavbarItemType } from "./constants";
+import { MENU_ITEMS, type NavbarItemType } from "./constants";
 import {
   GithubStarIcon,
   GithubIcon,
diff --git a/documentation/src/refine-theme/common-header/mobile-menu-modal.tsx b/documentation/src/refine-theme/common-header/mobile-menu-modal.tsx
index 4870522aa8e5..21c22df58abb 100644
--- a/documentation/src/refine-theme/common-header/mobile-menu-modal.tsx
+++ b/documentation/src/refine-theme/common-header/mobile-menu-modal.tsx
@@ -1,13 +1,13 @@
 import Link from "@docusaurus/Link";
 import { Dialog, Disclosure, Transition } from "@headlessui/react";
 import clsx from "clsx";
-import React, { FC, Fragment, PropsWithChildren } from "react";
+import React, { type FC, Fragment, type PropsWithChildren } from "react";
 import { useColorMode } from "@docusaurus/theme-common";
 import { openFigma } from "@site/src/utils/open-figma";
 import { CloseIcon } from "../icons/close";
 import { GithubStarIcon } from "../icons/popover";
 import { RefineLogoIcon } from "../icons/refine-logo";
-import { MENU_ITEMS, NavbarItemType } from "./constants";
+import { MENU_ITEMS, type NavbarItemType } from "./constants";
 import { MenuItem } from "./menu-item";
 import { MobileNavItem } from "./mobile-nav-item";
 import { TopAnnouncement } from "../top-announcement";
diff --git a/documentation/src/refine-theme/common-header/navbar-item.tsx b/documentation/src/refine-theme/common-header/navbar-item.tsx
index 9d9123327e5a..9c61a81bc75b 100644
--- a/documentation/src/refine-theme/common-header/navbar-item.tsx
+++ b/documentation/src/refine-theme/common-header/navbar-item.tsx
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
 import Link from "@docusaurus/Link";
 import clsx from "clsx";
 
-import { NavbarItemType } from "./constants";
+import type { NavbarItemType } from "./constants";
 import { TwoTonedCloudIcon } from "../icons/popover";
 
 type NavbarItemProps = {
diff --git a/documentation/src/refine-theme/common-header/navbar-popover-item.tsx b/documentation/src/refine-theme/common-header/navbar-popover-item.tsx
index 82ff0b4f36f2..99d0c1e0cccf 100644
--- a/documentation/src/refine-theme/common-header/navbar-popover-item.tsx
+++ b/documentation/src/refine-theme/common-header/navbar-popover-item.tsx
@@ -4,7 +4,7 @@ import { Popover, Transition } from "@headlessui/react";
 import clsx from "clsx";
 
 import { ChevronDownIcon } from "../icons/chevron-down";
-import { NavbarPopoverItemType } from "./constants";
+import type { NavbarPopoverItemType } from "./constants";
 import { PointIcon } from "../icons/popover";
 
 type NavbarPopoverItemProps = {
diff --git a/documentation/src/refine-theme/common-themed-image.tsx b/documentation/src/refine-theme/common-themed-image.tsx
index ab3a20e97cad..d270d31e7561 100644
--- a/documentation/src/refine-theme/common-themed-image.tsx
+++ b/documentation/src/refine-theme/common-themed-image.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import React, { type FC } from "react";
 import { useColorMode } from "@docusaurus/theme-common";
 import BrowserOnly from "@docusaurus/BrowserOnly";
 
diff --git a/documentation/src/refine-theme/doc-survey-widget.tsx b/documentation/src/refine-theme/doc-survey-widget.tsx
index 41ce9d62d03c..d54b34a2ca2c 100644
--- a/documentation/src/refine-theme/doc-survey-widget.tsx
+++ b/documentation/src/refine-theme/doc-survey-widget.tsx
@@ -3,7 +3,7 @@ import React, { useState } from "react";
 import { useLocation } from "@docusaurus/router";
 import { AnimatePresence, motion } from "framer-motion";
 import {
-  SurveyOption,
+  type SurveyOption,
   SurveyTypeEnum,
   useRefineCloudSurveyAPI,
 } from "../hooks/use-refine-cloud-survey-api";
diff --git a/documentation/src/refine-theme/doc-thumbs-up-down-feedback-widget.tsx b/documentation/src/refine-theme/doc-thumbs-up-down-feedback-widget.tsx
index 670b59194493..4be4eb1c63aa 100644
--- a/documentation/src/refine-theme/doc-thumbs-up-down-feedback-widget.tsx
+++ b/documentation/src/refine-theme/doc-thumbs-up-down-feedback-widget.tsx
@@ -1,7 +1,7 @@
 import React, {
-  CSSProperties,
-  PropsWithChildren,
-  SVGProps,
+  type CSSProperties,
+  type PropsWithChildren,
+  type SVGProps,
   useState,
 } from "react";
 import clsx from "clsx";
@@ -18,7 +18,7 @@ import { useColorMode } from "@docusaurus/theme-common";
 import { ThumbsUpIcon } from "./icons/thumbs-up";
 import { ThumbsDownIcon } from "./icons/thumbs-down";
 import {
-  SurveyOption,
+  type SurveyOption,
   SurveyTypeEnum,
   useRefineCloudSurveyAPI,
 } from "../hooks/use-refine-cloud-survey-api";
diff --git a/documentation/src/refine-theme/doc-version-dropdown.tsx b/documentation/src/refine-theme/doc-version-dropdown.tsx
index 2e15a1a8876e..9a77ffa29d6e 100644
--- a/documentation/src/refine-theme/doc-version-dropdown.tsx
+++ b/documentation/src/refine-theme/doc-version-dropdown.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 import { TriangleDownIcon } from "@site/src/refine-theme/icons/triangle-down";
 import { useActiveDocContext } from "@docusaurus/plugin-content-docs/client";
 import { Menu, Transition } from "@headlessui/react";
diff --git a/documentation/src/refine-theme/enterprise-data-source.tsx b/documentation/src/refine-theme/enterprise-data-source.tsx
index 1ffbb229a16c..f827b3374120 100644
--- a/documentation/src/refine-theme/enterprise-data-source.tsx
+++ b/documentation/src/refine-theme/enterprise-data-source.tsx
@@ -1,4 +1,9 @@
-import React, { DetailedHTMLProps, ReactNode, SVGProps, useRef } from "react";
+import React, {
+  type DetailedHTMLProps,
+  type ReactNode,
+  type SVGProps,
+  useRef,
+} from "react";
 import clsx from "clsx";
 import {
   Nest,
diff --git a/documentation/src/refine-theme/enterprise-get-in-touch-button.tsx b/documentation/src/refine-theme/enterprise-get-in-touch-button.tsx
index 8489fa35e54c..82b1e08e054f 100644
--- a/documentation/src/refine-theme/enterprise-get-in-touch-button.tsx
+++ b/documentation/src/refine-theme/enterprise-get-in-touch-button.tsx
@@ -1,6 +1,6 @@
 import Link from "@docusaurus/Link";
 import clsx from "clsx";
-import React, { FC, SVGProps } from "react";
+import React, { type FC, type SVGProps } from "react";
 
 type Props = {
   className?: string;
diff --git a/documentation/src/refine-theme/enterprise-get-in-touch-cta.tsx b/documentation/src/refine-theme/enterprise-get-in-touch-cta.tsx
index 6e760a871b17..0c8eb0e745fc 100644
--- a/documentation/src/refine-theme/enterprise-get-in-touch-cta.tsx
+++ b/documentation/src/refine-theme/enterprise-get-in-touch-cta.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { FC } from "react";
+import React, { type FC } from "react";
 import { EnterpriseGetInTouchButton } from "./enterprise-get-in-touch-button";
 
 type Props = {
diff --git a/documentation/src/refine-theme/enterprise-iam-services.tsx b/documentation/src/refine-theme/enterprise-iam-services.tsx
index 6c10d31a43d7..c1226ead31aa 100644
--- a/documentation/src/refine-theme/enterprise-iam-services.tsx
+++ b/documentation/src/refine-theme/enterprise-iam-services.tsx
@@ -1,4 +1,9 @@
-import React, { DetailedHTMLProps, ReactNode, SVGProps, useRef } from "react";
+import React, {
+  type DetailedHTMLProps,
+  type ReactNode,
+  type SVGProps,
+  useRef,
+} from "react";
 import clsx from "clsx";
 import {
   Atlassian,
diff --git a/documentation/src/refine-theme/icons/calendar.tsx b/documentation/src/refine-theme/icons/calendar.tsx
index 1caf107f470f..d88900e5fe1e 100644
--- a/documentation/src/refine-theme/icons/calendar.tsx
+++ b/documentation/src/refine-theme/icons/calendar.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const CalendarIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/check-circle.tsx b/documentation/src/refine-theme/icons/check-circle.tsx
index 9de31ff66d72..182d82963606 100644
--- a/documentation/src/refine-theme/icons/check-circle.tsx
+++ b/documentation/src/refine-theme/icons/check-circle.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const CheckCircle = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/close.tsx b/documentation/src/refine-theme/icons/close.tsx
index 0caae25f8937..9e6946081fb2 100644
--- a/documentation/src/refine-theme/icons/close.tsx
+++ b/documentation/src/refine-theme/icons/close.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const CloseIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/cross-circle.tsx b/documentation/src/refine-theme/icons/cross-circle.tsx
index 88729d4b1d1a..46363db3c803 100644
--- a/documentation/src/refine-theme/icons/cross-circle.tsx
+++ b/documentation/src/refine-theme/icons/cross-circle.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const CrossCircle = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/footer-discord.tsx b/documentation/src/refine-theme/icons/footer-discord.tsx
index 7590b9a71283..8f547ef44da7 100644
--- a/documentation/src/refine-theme/icons/footer-discord.tsx
+++ b/documentation/src/refine-theme/icons/footer-discord.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const FooterDiscordIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/footer-github.tsx b/documentation/src/refine-theme/icons/footer-github.tsx
index 4ecc3cf913a3..539285ff0404 100644
--- a/documentation/src/refine-theme/icons/footer-github.tsx
+++ b/documentation/src/refine-theme/icons/footer-github.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const FooterGithubIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/footer-linkedin.tsx b/documentation/src/refine-theme/icons/footer-linkedin.tsx
index c938430f21a7..0902d4fe36e8 100644
--- a/documentation/src/refine-theme/icons/footer-linkedin.tsx
+++ b/documentation/src/refine-theme/icons/footer-linkedin.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const FooterLinkedinIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/footer-reddit.tsx b/documentation/src/refine-theme/icons/footer-reddit.tsx
index e2e0b8aa0dfb..ac820eeddcd9 100644
--- a/documentation/src/refine-theme/icons/footer-reddit.tsx
+++ b/documentation/src/refine-theme/icons/footer-reddit.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const FooterRedditIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/footer-twitter.tsx b/documentation/src/refine-theme/icons/footer-twitter.tsx
index df3c506c8c0d..5487bcb1e25b 100644
--- a/documentation/src/refine-theme/icons/footer-twitter.tsx
+++ b/documentation/src/refine-theme/icons/footer-twitter.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const FooterTwitterIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/hamburger.tsx b/documentation/src/refine-theme/icons/hamburger.tsx
index c107747f68ee..a5ec10f1601a 100644
--- a/documentation/src/refine-theme/icons/hamburger.tsx
+++ b/documentation/src/refine-theme/icons/hamburger.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const HamburgerIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/heart-outlined.tsx b/documentation/src/refine-theme/icons/heart-outlined.tsx
index a664a313c0b0..b5bcd95c0e53 100644
--- a/documentation/src/refine-theme/icons/heart-outlined.tsx
+++ b/documentation/src/refine-theme/icons/heart-outlined.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const HeartOutlinedIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-authorization.tsx b/documentation/src/refine-theme/icons/landing-authorization.tsx
index 9736e7f5385e..5be7f5c8c92e 100644
--- a/documentation/src/refine-theme/icons/landing-authorization.tsx
+++ b/documentation/src/refine-theme/icons/landing-authorization.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingAuthorizationIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-automate.tsx b/documentation/src/refine-theme/icons/landing-automate.tsx
index b7335a3ca6b2..24b86f5a3f0b 100644
--- a/documentation/src/refine-theme/icons/landing-automate.tsx
+++ b/documentation/src/refine-theme/icons/landing-automate.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingAutomateIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-clipboard.tsx b/documentation/src/refine-theme/icons/landing-clipboard.tsx
index e3ded45301d3..900e3f5e5580 100644
--- a/documentation/src/refine-theme/icons/landing-clipboard.tsx
+++ b/documentation/src/refine-theme/icons/landing-clipboard.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingClipboardIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-feather.tsx b/documentation/src/refine-theme/icons/landing-feather.tsx
index 1e63bdc21797..4472c576aa7b 100644
--- a/documentation/src/refine-theme/icons/landing-feather.tsx
+++ b/documentation/src/refine-theme/icons/landing-feather.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingFeatherIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-fingerprint.tsx b/documentation/src/refine-theme/icons/landing-fingerprint.tsx
index 96974b89754d..3601871820a9 100644
--- a/documentation/src/refine-theme/icons/landing-fingerprint.tsx
+++ b/documentation/src/refine-theme/icons/landing-fingerprint.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingFingerprintIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-integration.tsx b/documentation/src/refine-theme/icons/landing-integration.tsx
index 34b6fe3f0410..7842e9f1aeca 100644
--- a/documentation/src/refine-theme/icons/landing-integration.tsx
+++ b/documentation/src/refine-theme/icons/landing-integration.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingIntegrationIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-key.tsx b/documentation/src/refine-theme/icons/landing-key.tsx
index f9718e10a9d4..7185918f2b09 100644
--- a/documentation/src/refine-theme/icons/landing-key.tsx
+++ b/documentation/src/refine-theme/icons/landing-key.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingKeyIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-react.tsx b/documentation/src/refine-theme/icons/landing-react.tsx
index 1a51bc8b92bd..43af584d2efa 100644
--- a/documentation/src/refine-theme/icons/landing-react.tsx
+++ b/documentation/src/refine-theme/icons/landing-react.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingReactIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-share.tsx b/documentation/src/refine-theme/icons/landing-share.tsx
index afdcda755fd1..964183015c21 100644
--- a/documentation/src/refine-theme/icons/landing-share.tsx
+++ b/documentation/src/refine-theme/icons/landing-share.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingShareIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-stats-discord.tsx b/documentation/src/refine-theme/icons/landing-stats-discord.tsx
index 1f8d724101b4..c6dcbf175d87 100644
--- a/documentation/src/refine-theme/icons/landing-stats-discord.tsx
+++ b/documentation/src/refine-theme/icons/landing-stats-discord.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingStatsDiscordIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-stats-github.tsx b/documentation/src/refine-theme/icons/landing-stats-github.tsx
index 20bd4ca787da..5b7a1af23133 100644
--- a/documentation/src/refine-theme/icons/landing-stats-github.tsx
+++ b/documentation/src/refine-theme/icons/landing-stats-github.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingStatsGithubIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-stats-twitter.tsx b/documentation/src/refine-theme/icons/landing-stats-twitter.tsx
index 0c2db752c0a9..b31c4e78238c 100644
--- a/documentation/src/refine-theme/icons/landing-stats-twitter.tsx
+++ b/documentation/src/refine-theme/icons/landing-stats-twitter.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingStatsTwitterIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-subtract.tsx b/documentation/src/refine-theme/icons/landing-subtract.tsx
index a66416763938..df8106e989cb 100644
--- a/documentation/src/refine-theme/icons/landing-subtract.tsx
+++ b/documentation/src/refine-theme/icons/landing-subtract.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingSubtractIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-table.tsx b/documentation/src/refine-theme/icons/landing-table.tsx
index 74497cea501c..bee61790a4c6 100644
--- a/documentation/src/refine-theme/icons/landing-table.tsx
+++ b/documentation/src/refine-theme/icons/landing-table.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingTableIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-tile-honeycomb.tsx b/documentation/src/refine-theme/icons/landing-tile-honeycomb.tsx
index 717eceab9b3d..8bd7a480ee58 100644
--- a/documentation/src/refine-theme/icons/landing-tile-honeycomb.tsx
+++ b/documentation/src/refine-theme/icons/landing-tile-honeycomb.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingTileHoneycombIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-tile-list.tsx b/documentation/src/refine-theme/icons/landing-tile-list.tsx
index 5f2afed686a9..92f97580b73b 100644
--- a/documentation/src/refine-theme/icons/landing-tile-list.tsx
+++ b/documentation/src/refine-theme/icons/landing-tile-list.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingTileListIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-tile-sides.tsx b/documentation/src/refine-theme/icons/landing-tile-sides.tsx
index 9c78c8e66f1e..3a771d7cbb1f 100644
--- a/documentation/src/refine-theme/icons/landing-tile-sides.tsx
+++ b/documentation/src/refine-theme/icons/landing-tile-sides.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingTileSidesIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/landing-world.tsx b/documentation/src/refine-theme/icons/landing-world.tsx
index 0966f9ba8f18..749836a141da 100644
--- a/documentation/src/refine-theme/icons/landing-world.tsx
+++ b/documentation/src/refine-theme/icons/landing-world.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const LandingWorldIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/magnifier.tsx b/documentation/src/refine-theme/icons/magnifier.tsx
index 47f0355b683b..3cb0e0763506 100644
--- a/documentation/src/refine-theme/icons/magnifier.tsx
+++ b/documentation/src/refine-theme/icons/magnifier.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const MagnifierIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/new-badge-shiny-blue.tsx b/documentation/src/refine-theme/icons/new-badge-shiny-blue.tsx
index 875eea656ff9..6f0cc907ee92 100644
--- a/documentation/src/refine-theme/icons/new-badge-shiny-blue.tsx
+++ b/documentation/src/refine-theme/icons/new-badge-shiny-blue.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const NewBadgeShinyBlue = (props: SVGProps<SVGSVGElement>) => {
   return (
diff --git a/documentation/src/refine-theme/icons/new-badge-shiny-cyan.tsx b/documentation/src/refine-theme/icons/new-badge-shiny-cyan.tsx
index 36409bbe33d9..992c5e2191f1 100644
--- a/documentation/src/refine-theme/icons/new-badge-shiny-cyan.tsx
+++ b/documentation/src/refine-theme/icons/new-badge-shiny-cyan.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const NewBadgeShinyCyan = (props: SVGProps<SVGSVGElement>) => {
   return (
diff --git a/documentation/src/refine-theme/icons/new-badge-shiny.tsx b/documentation/src/refine-theme/icons/new-badge-shiny.tsx
index f93e7c609190..cf2a83034b4f 100644
--- a/documentation/src/refine-theme/icons/new-badge-shiny.tsx
+++ b/documentation/src/refine-theme/icons/new-badge-shiny.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 import { useColorMode } from "@docusaurus/theme-common";
 import { NewBadgeShinyCyan } from "./new-badge-shiny-cyan";
 import { NewBadgeShinyBlue } from "./new-badge-shiny-blue";
diff --git a/documentation/src/refine-theme/icons/refine-logo-seal.tsx b/documentation/src/refine-theme/icons/refine-logo-seal.tsx
index 515d3616f524..9083e91702e0 100644
--- a/documentation/src/refine-theme/icons/refine-logo-seal.tsx
+++ b/documentation/src/refine-theme/icons/refine-logo-seal.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const RefineLogoSeal = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/refine-logo-shiny-blue.tsx b/documentation/src/refine-theme/icons/refine-logo-shiny-blue.tsx
index 96e3723af77b..bf6ed5aa8817 100644
--- a/documentation/src/refine-theme/icons/refine-logo-shiny-blue.tsx
+++ b/documentation/src/refine-theme/icons/refine-logo-shiny-blue.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const RefineLogoShinyBlue = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/refine-logo-shiny-cyan.tsx b/documentation/src/refine-theme/icons/refine-logo-shiny-cyan.tsx
index f148b56a303f..08066ba0e856 100644
--- a/documentation/src/refine-theme/icons/refine-logo-shiny-cyan.tsx
+++ b/documentation/src/refine-theme/icons/refine-logo-shiny-cyan.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const RefineLogoShinyCyan = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/refine-logo-shiny.tsx b/documentation/src/refine-theme/icons/refine-logo-shiny.tsx
index 512334910131..4a437f4146ac 100644
--- a/documentation/src/refine-theme/icons/refine-logo-shiny.tsx
+++ b/documentation/src/refine-theme/icons/refine-logo-shiny.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 import { useColorMode } from "@docusaurus/theme-common";
 import { RefineLogoShinyCyan } from "./refine-logo-shiny-cyan";
 import { RefineLogoShinyBlue } from "./refine-logo-shiny-blue";
diff --git a/documentation/src/refine-theme/icons/thumbs-down.tsx b/documentation/src/refine-theme/icons/thumbs-down.tsx
index cefaa1bb6d04..3ff9c1aab861 100644
--- a/documentation/src/refine-theme/icons/thumbs-down.tsx
+++ b/documentation/src/refine-theme/icons/thumbs-down.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const ThumbsDownIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/icons/thumbs-up.tsx b/documentation/src/refine-theme/icons/thumbs-up.tsx
index dc5256e352de..75d91de2527b 100644
--- a/documentation/src/refine-theme/icons/thumbs-up.tsx
+++ b/documentation/src/refine-theme/icons/thumbs-up.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const ThumbsUpIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/documentation/src/refine-theme/landing-already-invented.tsx b/documentation/src/refine-theme/landing-already-invented.tsx
index f26105cf36c8..9500480787e4 100644
--- a/documentation/src/refine-theme/landing-already-invented.tsx
+++ b/documentation/src/refine-theme/landing-already-invented.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { FC } from "react";
+import React, { type FC } from "react";
 import { LandingSectionCtaButton } from "./landing-section-cta-button";
 
 type Props = {
diff --git a/documentation/src/refine-theme/landing-community.tsx b/documentation/src/refine-theme/landing-community.tsx
index 5a354a902411..f3218fd66ed5 100644
--- a/documentation/src/refine-theme/landing-community.tsx
+++ b/documentation/src/refine-theme/landing-community.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { FC, useMemo } from "react";
+import React, { type FC, useMemo } from "react";
 import { useColorMode } from "@docusaurus/theme-common";
 import { useCommunityStatsContext } from "../context/CommunityStats";
 import useIsBrowser from "@docusaurus/useIsBrowser";
diff --git a/documentation/src/refine-theme/landing-copy-command-button.tsx b/documentation/src/refine-theme/landing-copy-command-button.tsx
index dce6571835c0..d5f8087adb7a 100644
--- a/documentation/src/refine-theme/landing-copy-command-button.tsx
+++ b/documentation/src/refine-theme/landing-copy-command-button.tsx
@@ -3,7 +3,7 @@ import clsx from "clsx";
 
 import {
   ChangingTextElement,
-  ChangingTextElementRef,
+  type ChangingTextElementRef,
 } from "./changing-text-element";
 import { LandingCopySuccessIcon } from "./icons/landing-copy-success";
 
diff --git a/documentation/src/refine-theme/landing-enterprise-developers.tsx b/documentation/src/refine-theme/landing-enterprise-developers.tsx
index b687d77a4b93..2e1965317b4a 100644
--- a/documentation/src/refine-theme/landing-enterprise-developers.tsx
+++ b/documentation/src/refine-theme/landing-enterprise-developers.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { FC } from "react";
+import React, { type FC } from "react";
 import {
   AccessControlIcon,
   BlackBoxIcon,
diff --git a/documentation/src/refine-theme/landing-hero-animation-item.tsx b/documentation/src/refine-theme/landing-hero-animation-item.tsx
index 57966af2cc70..33eb8a9d04cd 100644
--- a/documentation/src/refine-theme/landing-hero-animation-item.tsx
+++ b/documentation/src/refine-theme/landing-hero-animation-item.tsx
@@ -3,7 +3,7 @@ import clsx from "clsx";
 import { LandingHeroItemNodeSvg } from "./icons/landing-hero-item-node";
 import {
   ChangingTextElement,
-  ChangingTextElementRef,
+  type ChangingTextElementRef,
 } from "./changing-text-element";
 
 type ItemProps = {
diff --git a/documentation/src/refine-theme/landing-packages.tsx b/documentation/src/refine-theme/landing-packages.tsx
index 51c7d65c0277..a4e660850ff9 100644
--- a/documentation/src/refine-theme/landing-packages.tsx
+++ b/documentation/src/refine-theme/landing-packages.tsx
@@ -1,10 +1,10 @@
 import clsx from "clsx";
 import { useInView } from "framer-motion";
 import React, {
-  DetailedHTMLProps,
-  FC,
-  ReactNode,
-  SVGProps,
+  type DetailedHTMLProps,
+  type FC,
+  type ReactNode,
+  type SVGProps,
   useRef,
 } from "react";
 import {
diff --git a/documentation/src/refine-theme/landing-pure-react-code.tsx b/documentation/src/refine-theme/landing-pure-react-code.tsx
index 6213957e88bd..3c4a07f80a5c 100644
--- a/documentation/src/refine-theme/landing-pure-react-code.tsx
+++ b/documentation/src/refine-theme/landing-pure-react-code.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { FC, memo, useRef } from "react";
+import React, { type FC, memo, useRef } from "react";
 import { useColorMode } from "@docusaurus/theme-common";
 import BrowserOnly from "@docusaurus/BrowserOnly";
 import Highlight, { defaultProps } from "prism-react-renderer";
diff --git a/documentation/src/refine-theme/landing-rainbow-button.tsx b/documentation/src/refine-theme/landing-rainbow-button.tsx
index 5e325a391d1d..251f3daf5e4a 100644
--- a/documentation/src/refine-theme/landing-rainbow-button.tsx
+++ b/documentation/src/refine-theme/landing-rainbow-button.tsx
@@ -1,4 +1,7 @@
-import React, { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
+import React, {
+  type AnchorHTMLAttributes,
+  type ButtonHTMLAttributes,
+} from "react";
 import clsx from "clsx";
 import Link from "@docusaurus/Link";
 
diff --git a/documentation/src/refine-theme/landing-section-cta-button.tsx b/documentation/src/refine-theme/landing-section-cta-button.tsx
index c6e3613f7382..daadb2811f6e 100644
--- a/documentation/src/refine-theme/landing-section-cta-button.tsx
+++ b/documentation/src/refine-theme/landing-section-cta-button.tsx
@@ -1,6 +1,6 @@
 import Link from "@docusaurus/Link";
 import clsx from "clsx";
-import React, { FC, PropsWithChildren, SVGProps } from "react";
+import React, { type FC, type PropsWithChildren, type SVGProps } from "react";
 
 type Props = {
   className?: string;
diff --git a/documentation/src/refine-theme/landing-sliding-highlights.tsx b/documentation/src/refine-theme/landing-sliding-highlights.tsx
index 5095c12b2a45..1108241a7720 100644
--- a/documentation/src/refine-theme/landing-sliding-highlights.tsx
+++ b/documentation/src/refine-theme/landing-sliding-highlights.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import clsx from "clsx";
 import {
-  MotionValue,
+  type MotionValue,
   animate,
   motion,
   useMotionValue,
diff --git a/documentation/src/refine-theme/landing-sweet-spot.tsx b/documentation/src/refine-theme/landing-sweet-spot.tsx
index 0eea318079bf..ccdeff8734e7 100644
--- a/documentation/src/refine-theme/landing-sweet-spot.tsx
+++ b/documentation/src/refine-theme/landing-sweet-spot.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useEffect, useRef, useState } from "react";
+import React, { type FC, useEffect, useRef, useState } from "react";
 import clsx from "clsx";
 import { useColorMode } from "@docusaurus/theme-common";
 import {
diff --git a/documentation/src/refine-theme/landing-testimonial.tsx b/documentation/src/refine-theme/landing-testimonial.tsx
index 46d58546d47e..eaf237fe0aab 100644
--- a/documentation/src/refine-theme/landing-testimonial.tsx
+++ b/documentation/src/refine-theme/landing-testimonial.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { FC } from "react";
+import React, { type FC } from "react";
 import { CommonCircleChevronDown } from "./common-circle-chevron-down";
 import { CommonCircleChevronUp } from "./common-circle-chevron-up";
 import { LandingSectionCtaButton } from "./landing-section-cta-button";
diff --git a/documentation/src/refine-theme/landing-trusted-by-developers.tsx b/documentation/src/refine-theme/landing-trusted-by-developers.tsx
index 7b64a3ac3a99..80167abaf29a 100644
--- a/documentation/src/refine-theme/landing-trusted-by-developers.tsx
+++ b/documentation/src/refine-theme/landing-trusted-by-developers.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { FC, useEffect, useLayoutEffect, useRef } from "react";
+import React, { type FC, useEffect, useLayoutEffect, useRef } from "react";
 import {
   OracleIcon,
   SalesforceIcon,
diff --git a/documentation/src/refine-theme/template-detail.tsx b/documentation/src/refine-theme/template-detail.tsx
index ca5f785357db..3543983446a8 100644
--- a/documentation/src/refine-theme/template-detail.tsx
+++ b/documentation/src/refine-theme/template-detail.tsx
@@ -1,4 +1,4 @@
-import React, { FC, PropsWithChildren, SVGProps } from "react";
+import React, { type FC, type PropsWithChildren, type SVGProps } from "react";
 import clsx from "clsx";
 import Link from "@docusaurus/Link";
 import { CommonLayout } from "@site/src/refine-theme/common-layout";
diff --git a/documentation/src/refine-theme/templates-filter-button.tsx b/documentation/src/refine-theme/templates-filter-button.tsx
index 19d29a99cc76..a9639d5cebf7 100644
--- a/documentation/src/refine-theme/templates-filter-button.tsx
+++ b/documentation/src/refine-theme/templates-filter-button.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import React, { type FC } from "react";
 import clsx from "clsx";
 import { FilterIcon } from "./icons/filter";
 
diff --git a/documentation/src/refine-theme/templates-filters.tsx b/documentation/src/refine-theme/templates-filters.tsx
index 931f6d7ab0c6..3556dc654a9a 100644
--- a/documentation/src/refine-theme/templates-filters.tsx
+++ b/documentation/src/refine-theme/templates-filters.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { FC, SVGProps } from "react";
+import React, { type FC, type SVGProps } from "react";
 
 type Props = {
   svgId?: string;
diff --git a/documentation/src/refine-theme/templates-hero.tsx b/documentation/src/refine-theme/templates-hero.tsx
index bb89493ff66a..2a22cd9ad1cf 100644
--- a/documentation/src/refine-theme/templates-hero.tsx
+++ b/documentation/src/refine-theme/templates-hero.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { FC } from "react";
+import React, { type FC } from "react";
 import { CommonThemedImage } from "./common-themed-image";
 
 type Props = { className?: string };
diff --git a/documentation/src/refine-theme/templates-list.tsx b/documentation/src/refine-theme/templates-list.tsx
index e92ce644bf0f..9b2050dc6975 100644
--- a/documentation/src/refine-theme/templates-list.tsx
+++ b/documentation/src/refine-theme/templates-list.tsx
@@ -1,6 +1,6 @@
 import Link from "@docusaurus/Link";
 import clsx from "clsx";
-import React, { FC, SVGProps } from "react";
+import React, { type FC, type SVGProps } from "react";
 
 type Props = {
   className?: string;
diff --git a/documentation/src/refine-theme/top-announcement.tsx b/documentation/src/refine-theme/top-announcement.tsx
index 390aeffcce85..2f1c826e4caa 100644
--- a/documentation/src/refine-theme/top-announcement.tsx
+++ b/documentation/src/refine-theme/top-announcement.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 
 export const TopAnnouncement = () => {
   return (
diff --git a/documentation/src/refine-theme/tutorial-navigation.tsx b/documentation/src/refine-theme/tutorial-navigation.tsx
index 346a6f7f4cb7..9848d537001d 100644
--- a/documentation/src/refine-theme/tutorial-navigation.tsx
+++ b/documentation/src/refine-theme/tutorial-navigation.tsx
@@ -10,7 +10,7 @@ import { TriangleDownIcon } from "./icons/triangle-down";
 import { CommonCircleChevronLeft } from "./common-circle-chevron-left";
 import { useTutorialParameters } from "../context/tutorial-parameter-context";
 import {
-  DocElement,
+  type DocElement,
   findUnitByItemId,
   getNext,
   getPathFromId,
diff --git a/documentation/src/refine-theme/tutorial-paginator.tsx b/documentation/src/refine-theme/tutorial-paginator.tsx
index 2260cf097d7a..4bb38450af14 100644
--- a/documentation/src/refine-theme/tutorial-paginator.tsx
+++ b/documentation/src/refine-theme/tutorial-paginator.tsx
@@ -6,7 +6,7 @@ import { ArrowRightIcon } from "./icons/arrow-right";
 
 import { useDoc } from "@docusaurus/theme-common/internal";
 import {
-  DocElement,
+  type DocElement,
   getNext,
   getPathFromId,
   getPrevious,
diff --git a/documentation/src/refine-theme/tutorial-parameter-dropdown.tsx b/documentation/src/refine-theme/tutorial-parameter-dropdown.tsx
index 5ef122ca7de4..b1dd28a56609 100644
--- a/documentation/src/refine-theme/tutorial-parameter-dropdown.tsx
+++ b/documentation/src/refine-theme/tutorial-parameter-dropdown.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 import { TriangleDownIcon } from "@site/src/refine-theme/icons/triangle-down";
 import { Menu, Transition } from "@headlessui/react";
 
diff --git a/documentation/src/theme/Root.tsx b/documentation/src/theme/Root.tsx
index d1b085d72932..49ee1b7fff85 100644
--- a/documentation/src/theme/Root.tsx
+++ b/documentation/src/theme/Root.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import React, { type FC } from "react";
 
 import { CommunityStatsProvider } from "../context/CommunityStats";
 
diff --git a/documentation/src/utils/remove-active-from-files.ts b/documentation/src/utils/remove-active-from-files.ts
index a70afd5dd848..d7d9745c8e69 100644
--- a/documentation/src/utils/remove-active-from-files.ts
+++ b/documentation/src/utils/remove-active-from-files.ts
@@ -1,4 +1,4 @@
-import { SandpackFile, SandpackFiles } from "@codesandbox/sandpack-react";
+import type { SandpackFile, SandpackFiles } from "@codesandbox/sandpack-react";
 
 export const removeActiveFromFiles = (files: SandpackFiles) => {
   const newFiles = Object.keys(files).reduce((acc, file) => {
diff --git a/examples/access-control-casbin/src/pages/categories/create.tsx b/examples/access-control-casbin/src/pages/categories/create.tsx
index 69e4977dc7f2..abf44730ab3b 100644
--- a/examples/access-control-casbin/src/pages/categories/create.tsx
+++ b/examples/access-control-casbin/src/pages/categories/create.tsx
@@ -2,7 +2,7 @@ import { Create, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryCreate = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/access-control-casbin/src/pages/categories/edit.tsx b/examples/access-control-casbin/src/pages/categories/edit.tsx
index 5de0a6150c8b..f7b3b323c867 100644
--- a/examples/access-control-casbin/src/pages/categories/edit.tsx
+++ b/examples/access-control-casbin/src/pages/categories/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryEdit = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/access-control-casbin/src/pages/categories/list.tsx b/examples/access-control-casbin/src/pages/categories/list.tsx
index 220f7073d15f..4d585b1b4958 100644
--- a/examples/access-control-casbin/src/pages/categories/list.tsx
+++ b/examples/access-control-casbin/src/pages/categories/list.tsx
@@ -8,7 +8,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryList = () => {
   const { tableProps } = useTable<ICategory>();
diff --git a/examples/access-control-casbin/src/pages/categories/show.tsx b/examples/access-control-casbin/src/pages/categories/show.tsx
index b7292084d5f2..f2a84b98ef7d 100644
--- a/examples/access-control-casbin/src/pages/categories/show.tsx
+++ b/examples/access-control-casbin/src/pages/categories/show.tsx
@@ -4,7 +4,7 @@ import { Show } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/access-control-casbin/src/pages/posts/create.tsx b/examples/access-control-casbin/src/pages/posts/create.tsx
index 1584d39ac3e3..2bcf74182b56 100644
--- a/examples/access-control-casbin/src/pages/posts/create.tsx
+++ b/examples/access-control-casbin/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/access-control-casbin/src/pages/posts/edit.tsx b/examples/access-control-casbin/src/pages/posts/edit.tsx
index 71fb6a382e09..a7ac2428084d 100644
--- a/examples/access-control-casbin/src/pages/posts/edit.tsx
+++ b/examples/access-control-casbin/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/access-control-casbin/src/pages/posts/list.tsx b/examples/access-control-casbin/src/pages/posts/list.tsx
index a217e5d111ed..ef7cfbcfc41f 100644
--- a/examples/access-control-casbin/src/pages/posts/list.tsx
+++ b/examples/access-control-casbin/src/pages/posts/list.tsx
@@ -14,7 +14,7 @@ import {
 
 import { Table, Space, Select, Radio } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/access-control-casbin/src/pages/posts/show.tsx b/examples/access-control-casbin/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/access-control-casbin/src/pages/posts/show.tsx
+++ b/examples/access-control-casbin/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/access-control-casbin/src/pages/users/create.tsx b/examples/access-control-casbin/src/pages/users/create.tsx
index 16b9df56f6c7..693c110a61dc 100644
--- a/examples/access-control-casbin/src/pages/users/create.tsx
+++ b/examples/access-control-casbin/src/pages/users/create.tsx
@@ -4,7 +4,7 @@ import { Create, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 export const UserCreate = () => {
   const { formProps, saveButtonProps } = useForm<IUser>();
diff --git a/examples/access-control-casbin/src/pages/users/edit.tsx b/examples/access-control-casbin/src/pages/users/edit.tsx
index 732c22424a34..7d4af475d991 100644
--- a/examples/access-control-casbin/src/pages/users/edit.tsx
+++ b/examples/access-control-casbin/src/pages/users/edit.tsx
@@ -4,7 +4,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 export const UserEdit = () => {
   const { formProps, saveButtonProps } = useForm<IUser>();
diff --git a/examples/access-control-casbin/src/pages/users/list.tsx b/examples/access-control-casbin/src/pages/users/list.tsx
index 454ab78e297e..876bb05c8cdb 100644
--- a/examples/access-control-casbin/src/pages/users/list.tsx
+++ b/examples/access-control-casbin/src/pages/users/list.tsx
@@ -9,7 +9,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 export const UserList = () => {
   const { tableProps } = useTable<IUser>();
diff --git a/examples/access-control-casbin/src/pages/users/show.tsx b/examples/access-control-casbin/src/pages/users/show.tsx
index 5f6c5664bdde..32e7a1573c4b 100644
--- a/examples/access-control-casbin/src/pages/users/show.tsx
+++ b/examples/access-control-casbin/src/pages/users/show.tsx
@@ -4,7 +4,7 @@ import { Show, EmailField, ImageField } from "@refinedev/antd";
 
 import { Typography, Space } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/access-control-cerbos/src/pages/categories/create.tsx b/examples/access-control-cerbos/src/pages/categories/create.tsx
index 69e4977dc7f2..abf44730ab3b 100644
--- a/examples/access-control-cerbos/src/pages/categories/create.tsx
+++ b/examples/access-control-cerbos/src/pages/categories/create.tsx
@@ -2,7 +2,7 @@ import { Create, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryCreate = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/access-control-cerbos/src/pages/categories/edit.tsx b/examples/access-control-cerbos/src/pages/categories/edit.tsx
index 5de0a6150c8b..f7b3b323c867 100644
--- a/examples/access-control-cerbos/src/pages/categories/edit.tsx
+++ b/examples/access-control-cerbos/src/pages/categories/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryEdit = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/access-control-cerbos/src/pages/categories/list.tsx b/examples/access-control-cerbos/src/pages/categories/list.tsx
index f8a71f215034..460e7fa7c8fb 100644
--- a/examples/access-control-cerbos/src/pages/categories/list.tsx
+++ b/examples/access-control-cerbos/src/pages/categories/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryList = () => {
   const { tableProps } = useTable<ICategory>();
diff --git a/examples/access-control-cerbos/src/pages/categories/show.tsx b/examples/access-control-cerbos/src/pages/categories/show.tsx
index b7292084d5f2..f2a84b98ef7d 100644
--- a/examples/access-control-cerbos/src/pages/categories/show.tsx
+++ b/examples/access-control-cerbos/src/pages/categories/show.tsx
@@ -4,7 +4,7 @@ import { Show } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/access-control-cerbos/src/pages/posts/create.tsx b/examples/access-control-cerbos/src/pages/posts/create.tsx
index 1584d39ac3e3..2bcf74182b56 100644
--- a/examples/access-control-cerbos/src/pages/posts/create.tsx
+++ b/examples/access-control-cerbos/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/access-control-cerbos/src/pages/posts/edit.tsx b/examples/access-control-cerbos/src/pages/posts/edit.tsx
index 71fb6a382e09..a7ac2428084d 100644
--- a/examples/access-control-cerbos/src/pages/posts/edit.tsx
+++ b/examples/access-control-cerbos/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/access-control-cerbos/src/pages/posts/list.tsx b/examples/access-control-cerbos/src/pages/posts/list.tsx
index 7adcc0ad30de..f6b31fe8768c 100644
--- a/examples/access-control-cerbos/src/pages/posts/list.tsx
+++ b/examples/access-control-cerbos/src/pages/posts/list.tsx
@@ -14,7 +14,7 @@ import {
 
 import { Table, Space, Select, Radio } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/access-control-cerbos/src/pages/posts/show.tsx b/examples/access-control-cerbos/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/access-control-cerbos/src/pages/posts/show.tsx
+++ b/examples/access-control-cerbos/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/access-control-cerbos/src/pages/users/create.tsx b/examples/access-control-cerbos/src/pages/users/create.tsx
index 16b9df56f6c7..693c110a61dc 100644
--- a/examples/access-control-cerbos/src/pages/users/create.tsx
+++ b/examples/access-control-cerbos/src/pages/users/create.tsx
@@ -4,7 +4,7 @@ import { Create, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 export const UserCreate = () => {
   const { formProps, saveButtonProps } = useForm<IUser>();
diff --git a/examples/access-control-cerbos/src/pages/users/edit.tsx b/examples/access-control-cerbos/src/pages/users/edit.tsx
index 732c22424a34..7d4af475d991 100644
--- a/examples/access-control-cerbos/src/pages/users/edit.tsx
+++ b/examples/access-control-cerbos/src/pages/users/edit.tsx
@@ -4,7 +4,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 export const UserEdit = () => {
   const { formProps, saveButtonProps } = useForm<IUser>();
diff --git a/examples/access-control-cerbos/src/pages/users/list.tsx b/examples/access-control-cerbos/src/pages/users/list.tsx
index 757f1a52788e..e4fb5ca55944 100644
--- a/examples/access-control-cerbos/src/pages/users/list.tsx
+++ b/examples/access-control-cerbos/src/pages/users/list.tsx
@@ -11,7 +11,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 export const UserList = () => {
   const { tableProps } = useTable<IUser>();
diff --git a/examples/access-control-cerbos/src/pages/users/show.tsx b/examples/access-control-cerbos/src/pages/users/show.tsx
index 5f6c5664bdde..32e7a1573c4b 100644
--- a/examples/access-control-cerbos/src/pages/users/show.tsx
+++ b/examples/access-control-cerbos/src/pages/users/show.tsx
@@ -4,7 +4,7 @@ import { Show, EmailField, ImageField } from "@refinedev/antd";
 
 import { Typography, Space } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/access-control-permify/src/authz/permifyClient.ts b/examples/access-control-permify/src/authz/permifyClient.ts
index 68316e21ecf1..19be39a66368 100644
--- a/examples/access-control-permify/src/authz/permifyClient.ts
+++ b/examples/access-control-permify/src/authz/permifyClient.ts
@@ -1,4 +1,4 @@
-import { BaseKey } from "@refinedev/core";
+import type { BaseKey } from "@refinedev/core";
 
 export class PermifyClient {
   private instance: string;
diff --git a/examples/access-control-permify/src/pages/categories/create.tsx b/examples/access-control-permify/src/pages/categories/create.tsx
index 69e4977dc7f2..abf44730ab3b 100644
--- a/examples/access-control-permify/src/pages/categories/create.tsx
+++ b/examples/access-control-permify/src/pages/categories/create.tsx
@@ -2,7 +2,7 @@ import { Create, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryCreate = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/access-control-permify/src/pages/categories/edit.tsx b/examples/access-control-permify/src/pages/categories/edit.tsx
index 5de0a6150c8b..f7b3b323c867 100644
--- a/examples/access-control-permify/src/pages/categories/edit.tsx
+++ b/examples/access-control-permify/src/pages/categories/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryEdit = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/access-control-permify/src/pages/categories/list.tsx b/examples/access-control-permify/src/pages/categories/list.tsx
index f8a71f215034..460e7fa7c8fb 100644
--- a/examples/access-control-permify/src/pages/categories/list.tsx
+++ b/examples/access-control-permify/src/pages/categories/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryList = () => {
   const { tableProps } = useTable<ICategory>();
diff --git a/examples/access-control-permify/src/pages/categories/show.tsx b/examples/access-control-permify/src/pages/categories/show.tsx
index b7292084d5f2..f2a84b98ef7d 100644
--- a/examples/access-control-permify/src/pages/categories/show.tsx
+++ b/examples/access-control-permify/src/pages/categories/show.tsx
@@ -4,7 +4,7 @@ import { Show } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/access-control-permify/src/pages/posts/create.tsx b/examples/access-control-permify/src/pages/posts/create.tsx
index 74a91ce620fa..7177fc7b9599 100644
--- a/examples/access-control-permify/src/pages/posts/create.tsx
+++ b/examples/access-control-permify/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/access-control-permify/src/pages/posts/edit.tsx b/examples/access-control-permify/src/pages/posts/edit.tsx
index cb964b4c8ced..8d66194f97b3 100644
--- a/examples/access-control-permify/src/pages/posts/edit.tsx
+++ b/examples/access-control-permify/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/access-control-permify/src/pages/posts/list.tsx b/examples/access-control-permify/src/pages/posts/list.tsx
index b877bef8df0d..398bfb968132 100644
--- a/examples/access-control-permify/src/pages/posts/list.tsx
+++ b/examples/access-control-permify/src/pages/posts/list.tsx
@@ -14,7 +14,7 @@ import {
 
 import { Table, Space, Select, Radio } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/access-control-permify/src/pages/posts/show.tsx b/examples/access-control-permify/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/access-control-permify/src/pages/posts/show.tsx
+++ b/examples/access-control-permify/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/access-control-permify/src/pages/users/create.tsx b/examples/access-control-permify/src/pages/users/create.tsx
index 16b9df56f6c7..693c110a61dc 100644
--- a/examples/access-control-permify/src/pages/users/create.tsx
+++ b/examples/access-control-permify/src/pages/users/create.tsx
@@ -4,7 +4,7 @@ import { Create, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 export const UserCreate = () => {
   const { formProps, saveButtonProps } = useForm<IUser>();
diff --git a/examples/access-control-permify/src/pages/users/edit.tsx b/examples/access-control-permify/src/pages/users/edit.tsx
index 732c22424a34..7d4af475d991 100644
--- a/examples/access-control-permify/src/pages/users/edit.tsx
+++ b/examples/access-control-permify/src/pages/users/edit.tsx
@@ -4,7 +4,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 export const UserEdit = () => {
   const { formProps, saveButtonProps } = useForm<IUser>();
diff --git a/examples/access-control-permify/src/pages/users/list.tsx b/examples/access-control-permify/src/pages/users/list.tsx
index 757f1a52788e..e4fb5ca55944 100644
--- a/examples/access-control-permify/src/pages/users/list.tsx
+++ b/examples/access-control-permify/src/pages/users/list.tsx
@@ -11,7 +11,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 export const UserList = () => {
   const { tableProps } = useTable<IUser>();
diff --git a/examples/access-control-permify/src/pages/users/show.tsx b/examples/access-control-permify/src/pages/users/show.tsx
index 5f6c5664bdde..32e7a1573c4b 100644
--- a/examples/access-control-permify/src/pages/users/show.tsx
+++ b/examples/access-control-permify/src/pages/users/show.tsx
@@ -4,7 +4,7 @@ import { Show, EmailField, ImageField } from "@refinedev/antd";
 
 import { Typography, Space } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/app-crm-minimal/src/components/layout/account-settings/index.tsx b/examples/app-crm-minimal/src/components/layout/account-settings/index.tsx
index db99ef6e8c4c..f60eecb56813 100644
--- a/examples/app-crm-minimal/src/components/layout/account-settings/index.tsx
+++ b/examples/app-crm-minimal/src/components/layout/account-settings/index.tsx
@@ -1,11 +1,11 @@
 import { SaveButton, useForm } from "@refinedev/antd";
-import { HttpError } from "@refinedev/core";
-import { GetFields, GetVariables } from "@refinedev/nestjs-query";
+import type { HttpError } from "@refinedev/core";
+import type { GetFields, GetVariables } from "@refinedev/nestjs-query";
 
 import { CloseOutlined } from "@ant-design/icons";
 import { Button, Card, Drawer, Form, Input, Spin } from "antd";
 
-import {
+import type {
   UpdateUserMutation,
   UpdateUserMutationVariables,
 } from "@/graphql/types";
diff --git a/examples/app-crm-minimal/src/components/layout/gh-banner/index.tsx b/examples/app-crm-minimal/src/components/layout/gh-banner/index.tsx
index 8f25c2d4dec7..ae78a853fc95 100644
--- a/examples/app-crm-minimal/src/components/layout/gh-banner/index.tsx
+++ b/examples/app-crm-minimal/src/components/layout/gh-banner/index.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps, useEffect } from "react";
+import React, { type SVGProps, useEffect } from "react";
 
 import { CSSRules } from "./styles";
 
diff --git a/examples/app-crm-minimal/src/components/tags/contact-status-tag.tsx b/examples/app-crm-minimal/src/components/tags/contact-status-tag.tsx
index 7fd7b424c525..186b06da243b 100644
--- a/examples/app-crm-minimal/src/components/tags/contact-status-tag.tsx
+++ b/examples/app-crm-minimal/src/components/tags/contact-status-tag.tsx
@@ -6,9 +6,9 @@ import {
   PlayCircleFilled,
   PlayCircleOutlined,
 } from "@ant-design/icons";
-import { Tag, TagProps } from "antd";
+import { Tag, type TagProps } from "antd";
 
-import { ContactStatus } from "@/graphql/schema.types";
+import type { ContactStatus } from "@/graphql/schema.types";
 
 type Props = {
   status: ContactStatus;
diff --git a/examples/app-crm-minimal/src/components/tags/quote-status-tag.tsx b/examples/app-crm-minimal/src/components/tags/quote-status-tag.tsx
index 9ac729dbd2a3..07fb7d74b411 100644
--- a/examples/app-crm-minimal/src/components/tags/quote-status-tag.tsx
+++ b/examples/app-crm-minimal/src/components/tags/quote-status-tag.tsx
@@ -7,7 +7,7 @@ import {
 } from "@ant-design/icons";
 import { Tag } from "antd";
 
-import { QuoteStatus } from "@/graphql/schema.types";
+import type { QuoteStatus } from "@/graphql/schema.types";
 
 const variant: Record<
   QuoteStatus,
diff --git a/examples/app-crm-minimal/src/components/tags/user-tag.tsx b/examples/app-crm-minimal/src/components/tags/user-tag.tsx
index c529b0bd02a5..bda31b2be655 100644
--- a/examples/app-crm-minimal/src/components/tags/user-tag.tsx
+++ b/examples/app-crm-minimal/src/components/tags/user-tag.tsx
@@ -1,6 +1,6 @@
 import { Space, Tag } from "antd";
 
-import { User } from "@/graphql/schema.types";
+import type { User } from "@/graphql/schema.types";
 
 import { CustomAvatar } from "../custom-avatar";
 
diff --git a/examples/app-crm-minimal/src/providers/auth.ts b/examples/app-crm-minimal/src/providers/auth.ts
index b5f00dfd7b77..19a1e9139481 100644
--- a/examples/app-crm-minimal/src/providers/auth.ts
+++ b/examples/app-crm-minimal/src/providers/auth.ts
@@ -1,6 +1,6 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
-import { User } from "@/graphql/schema.types";
+import type { User } from "@/graphql/schema.types";
 
 import { API_URL, dataProvider } from "./data";
 
diff --git a/examples/app-crm-minimal/src/providers/data/fetch-wrapper.ts b/examples/app-crm-minimal/src/providers/data/fetch-wrapper.ts
index 887967014346..df685ae5f602 100644
--- a/examples/app-crm-minimal/src/providers/data/fetch-wrapper.ts
+++ b/examples/app-crm-minimal/src/providers/data/fetch-wrapper.ts
@@ -1,4 +1,4 @@
-import { GraphQLFormattedError } from "graphql";
+import type { GraphQLFormattedError } from "graphql";
 
 type Error = {
   message: string;
diff --git a/examples/app-crm-minimal/src/routes/companies/edit/contacts-table.tsx b/examples/app-crm-minimal/src/routes/companies/edit/contacts-table.tsx
index d0a7e4337572..6d2db7b29b60 100644
--- a/examples/app-crm-minimal/src/routes/companies/edit/contacts-table.tsx
+++ b/examples/app-crm-minimal/src/routes/companies/edit/contacts-table.tsx
@@ -1,7 +1,7 @@
 import { useParams } from "react-router-dom";
 
 import { FilterDropdown, useTable } from "@refinedev/antd";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import {
   MailOutlined,
@@ -12,7 +12,7 @@ import {
 import { Button, Card, Input, Select, Space, Table } from "antd";
 
 import { ContactStatusTag, CustomAvatar, Text } from "@/components";
-import { CompanyContactsTableQuery } from "@/graphql/types";
+import type { CompanyContactsTableQuery } from "@/graphql/types";
 
 import { COMPANY_CONTACTS_TABLE_QUERY } from "./queries";
 
diff --git a/examples/app-crm-minimal/src/routes/companies/edit/form.tsx b/examples/app-crm-minimal/src/routes/companies/edit/form.tsx
index 514edd5d2383..23c9f3c126a4 100644
--- a/examples/app-crm-minimal/src/routes/companies/edit/form.tsx
+++ b/examples/app-crm-minimal/src/routes/companies/edit/form.tsx
@@ -1,6 +1,6 @@
 import { Edit, useForm, useSelect } from "@refinedev/antd";
-import { HttpError } from "@refinedev/core";
-import {
+import type { HttpError } from "@refinedev/core";
+import type {
   GetFields,
   GetFieldsFromList,
   GetVariables,
@@ -10,8 +10,12 @@ import { Form, Input, InputNumber, Select } from "antd";
 
 import { CustomAvatar, SelectOptionWithAvatar } from "@/components";
 import { USERS_SELECT_QUERY } from "@/graphql/queries";
-import { BusinessType, CompanySize, Industry } from "@/graphql/schema.types";
-import {
+import type {
+  BusinessType,
+  CompanySize,
+  Industry,
+} from "@/graphql/schema.types";
+import type {
   UpdateCompanyMutation,
   UpdateCompanyMutationVariables,
   UsersSelectQuery,
diff --git a/examples/app-crm-minimal/src/routes/companies/list/create-modal.tsx b/examples/app-crm-minimal/src/routes/companies/list/create-modal.tsx
index 8866961280ab..da79395842cd 100644
--- a/examples/app-crm-minimal/src/routes/companies/list/create-modal.tsx
+++ b/examples/app-crm-minimal/src/routes/companies/list/create-modal.tsx
@@ -1,6 +1,6 @@
 import { useModalForm, useSelect } from "@refinedev/antd";
-import { HttpError, useGo } from "@refinedev/core";
-import {
+import { type HttpError, useGo } from "@refinedev/core";
+import type {
   GetFields,
   GetFieldsFromList,
   GetVariables,
@@ -10,7 +10,7 @@ import { Form, Input, Modal, Select } from "antd";
 
 import { SelectOptionWithAvatar } from "@/components";
 import { USERS_SELECT_QUERY } from "@/graphql/queries";
-import {
+import type {
   CreateCompanyMutation,
   CreateCompanyMutationVariables,
   UsersSelectQuery,
diff --git a/examples/app-crm-minimal/src/routes/companies/list/index.tsx b/examples/app-crm-minimal/src/routes/companies/list/index.tsx
index 018be4b797e7..5aa30def4909 100644
--- a/examples/app-crm-minimal/src/routes/companies/list/index.tsx
+++ b/examples/app-crm-minimal/src/routes/companies/list/index.tsx
@@ -8,14 +8,14 @@ import {
   List,
   useTable,
 } from "@refinedev/antd";
-import { getDefaultFilter, HttpError, useGo } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import { getDefaultFilter, type HttpError, useGo } from "@refinedev/core";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { SearchOutlined } from "@ant-design/icons";
 import { Input, Space, Table } from "antd";
 
 import { CustomAvatar, PaginationTotal, Text } from "@/components";
-import { CompaniesListQuery } from "@/graphql/types";
+import type { CompaniesListQuery } from "@/graphql/types";
 import { currencyNumber } from "@/utilities";
 
 import { COMPANIES_LIST_QUERY } from "./queries";
diff --git a/examples/app-crm-minimal/src/routes/dashboard/components/deals-chart/index.tsx b/examples/app-crm-minimal/src/routes/dashboard/components/deals-chart/index.tsx
index ae92cdf9d87a..d398c66d3480 100644
--- a/examples/app-crm-minimal/src/routes/dashboard/components/deals-chart/index.tsx
+++ b/examples/app-crm-minimal/src/routes/dashboard/components/deals-chart/index.tsx
@@ -1,14 +1,14 @@
 import React from "react";
 
 import { useList } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { DollarOutlined } from "@ant-design/icons";
-import { Area, AreaConfig } from "@ant-design/plots";
+import { Area, type AreaConfig } from "@ant-design/plots";
 import { Card } from "antd";
 
 import { Text } from "@/components";
-import { DashboardDealsChartQuery } from "@/graphql/types";
+import type { DashboardDealsChartQuery } from "@/graphql/types";
 
 import { DASHBOARD_DEALS_CHART_QUERY } from "./queries";
 import { mapDealsData } from "./utils";
diff --git a/examples/app-crm-minimal/src/routes/dashboard/components/deals-chart/utils.ts b/examples/app-crm-minimal/src/routes/dashboard/components/deals-chart/utils.ts
index c245580f85fe..da9dadae5d3f 100644
--- a/examples/app-crm-minimal/src/routes/dashboard/components/deals-chart/utils.ts
+++ b/examples/app-crm-minimal/src/routes/dashboard/components/deals-chart/utils.ts
@@ -1,8 +1,8 @@
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import dayjs from "dayjs";
 
-import { DashboardDealsChartQuery } from "@/graphql/types";
+import type { DashboardDealsChartQuery } from "@/graphql/types";
 
 type DealStage = GetFieldsFromList<DashboardDealsChartQuery>;
 
diff --git a/examples/app-crm-minimal/src/routes/dashboard/components/latest-activities/index.tsx b/examples/app-crm-minimal/src/routes/dashboard/components/latest-activities/index.tsx
index 9c99443fb029..192d2ac5b6f7 100644
--- a/examples/app-crm-minimal/src/routes/dashboard/components/latest-activities/index.tsx
+++ b/examples/app-crm-minimal/src/routes/dashboard/components/latest-activities/index.tsx
@@ -1,12 +1,12 @@
 import { useList } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { UnorderedListOutlined } from "@ant-design/icons";
 import { Card, List, Skeleton as AntdSkeleton, Space } from "antd";
 import dayjs from "dayjs";
 
 import { CustomAvatar, Text } from "@/components";
-import {
+import type {
   DashboardLatestActivitiesAuditsQuery,
   DashboardLatestActivitiesDealsQuery,
 } from "@/graphql/types";
diff --git a/examples/app-crm-minimal/src/routes/dashboard/components/total-count-card/index.tsx b/examples/app-crm-minimal/src/routes/dashboard/components/total-count-card/index.tsx
index 8b58e366af9b..311c8babaa68 100644
--- a/examples/app-crm-minimal/src/routes/dashboard/components/total-count-card/index.tsx
+++ b/examples/app-crm-minimal/src/routes/dashboard/components/total-count-card/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 
 import { AuditOutlined, ShopOutlined, TeamOutlined } from "@ant-design/icons";
-import { Area, AreaConfig } from "@ant-design/plots";
+import { Area, type AreaConfig } from "@ant-design/plots";
 import { Card, Skeleton } from "antd";
 
 import { Text } from "@/components";
diff --git a/examples/app-crm-minimal/src/routes/dashboard/components/upcoming-events/index.tsx b/examples/app-crm-minimal/src/routes/dashboard/components/upcoming-events/index.tsx
index df6beeae5cb6..d2dc0394b91d 100644
--- a/examples/app-crm-minimal/src/routes/dashboard/components/upcoming-events/index.tsx
+++ b/examples/app-crm-minimal/src/routes/dashboard/components/upcoming-events/index.tsx
@@ -1,12 +1,12 @@
 import { useList } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { CalendarOutlined } from "@ant-design/icons";
 import { Badge, Card, List, Skeleton as AntdSkeleton } from "antd";
 import dayjs from "dayjs";
 
 import { Text } from "@/components";
-import { DashboardCalendarUpcomingEventsQuery } from "@/graphql/types";
+import type { DashboardCalendarUpcomingEventsQuery } from "@/graphql/types";
 
 import { DASHBORAD_CALENDAR_UPCOMING_EVENTS_QUERY } from "./queries";
 
diff --git a/examples/app-crm-minimal/src/routes/dashboard/index.tsx b/examples/app-crm-minimal/src/routes/dashboard/index.tsx
index ee6e8ac6a773..2884f79576dd 100644
--- a/examples/app-crm-minimal/src/routes/dashboard/index.tsx
+++ b/examples/app-crm-minimal/src/routes/dashboard/index.tsx
@@ -2,7 +2,7 @@ import { useCustom } from "@refinedev/core";
 
 import { Col, Row } from "antd";
 
-import { DashboardTotalCountsQuery } from "@/graphql/types";
+import type { DashboardTotalCountsQuery } from "@/graphql/types";
 
 import {
   CalendarUpcomingEvents,
diff --git a/examples/app-crm-minimal/src/routes/tasks/edit/forms/description/description-form.tsx b/examples/app-crm-minimal/src/routes/tasks/edit/forms/description/description-form.tsx
index 66eff0a294bb..440f807d2a9a 100644
--- a/examples/app-crm-minimal/src/routes/tasks/edit/forms/description/description-form.tsx
+++ b/examples/app-crm-minimal/src/routes/tasks/edit/forms/description/description-form.tsx
@@ -1,12 +1,12 @@
 import { useForm } from "@refinedev/antd";
-import { HttpError } from "@refinedev/core";
-import { GetFields, GetVariables } from "@refinedev/nestjs-query";
+import type { HttpError } from "@refinedev/core";
+import type { GetFields, GetVariables } from "@refinedev/nestjs-query";
 
 import MDEditor from "@uiw/react-md-editor";
 import { Button, Form, Space } from "antd";
 
-import { Task } from "@/graphql/schema.types";
-import {
+import type { Task } from "@/graphql/schema.types";
+import type {
   UpdateTaskMutation,
   UpdateTaskMutationVariables,
 } from "@/graphql/types";
diff --git a/examples/app-crm-minimal/src/routes/tasks/edit/forms/description/description-header.tsx b/examples/app-crm-minimal/src/routes/tasks/edit/forms/description/description-header.tsx
index d86652ded2b0..a7150673930c 100644
--- a/examples/app-crm-minimal/src/routes/tasks/edit/forms/description/description-header.tsx
+++ b/examples/app-crm-minimal/src/routes/tasks/edit/forms/description/description-header.tsx
@@ -2,7 +2,7 @@ import { MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { Task } from "@/graphql/schema.types";
+import type { Task } from "@/graphql/schema.types";
 
 type Props = {
   description?: Task["description"];
diff --git a/examples/app-crm-minimal/src/routes/tasks/edit/forms/due-date/duedate-form.tsx b/examples/app-crm-minimal/src/routes/tasks/edit/forms/due-date/duedate-form.tsx
index 1d4d8c1c6e02..062912395f3c 100644
--- a/examples/app-crm-minimal/src/routes/tasks/edit/forms/due-date/duedate-form.tsx
+++ b/examples/app-crm-minimal/src/routes/tasks/edit/forms/due-date/duedate-form.tsx
@@ -1,12 +1,12 @@
 import { useForm } from "@refinedev/antd";
-import { HttpError } from "@refinedev/core";
-import { GetFields, GetVariables } from "@refinedev/nestjs-query";
+import type { HttpError } from "@refinedev/core";
+import type { GetFields, GetVariables } from "@refinedev/nestjs-query";
 
 import { Button, DatePicker, Form, Space } from "antd";
 import dayjs from "dayjs";
 
-import { Task } from "@/graphql/schema.types";
-import {
+import type { Task } from "@/graphql/schema.types";
+import type {
   UpdateTaskMutation,
   UpdateTaskMutationVariables,
 } from "@/graphql/types";
diff --git a/examples/app-crm-minimal/src/routes/tasks/edit/forms/due-date/duedate-header.tsx b/examples/app-crm-minimal/src/routes/tasks/edit/forms/due-date/duedate-header.tsx
index 4a3e9e763c39..cf1388fbc233 100644
--- a/examples/app-crm-minimal/src/routes/tasks/edit/forms/due-date/duedate-header.tsx
+++ b/examples/app-crm-minimal/src/routes/tasks/edit/forms/due-date/duedate-header.tsx
@@ -2,7 +2,7 @@ import { Space, Tag, Typography } from "antd";
 import dayjs from "dayjs";
 
 import { Text } from "@/components";
-import { Task } from "@/graphql/schema.types";
+import type { Task } from "@/graphql/schema.types";
 import { getDateColor } from "@/utilities";
 
 type Props = {
diff --git a/examples/app-crm-minimal/src/routes/tasks/edit/forms/stage/stage-form.tsx b/examples/app-crm-minimal/src/routes/tasks/edit/forms/stage/stage-form.tsx
index 91d650c44799..9ae6c715cea3 100644
--- a/examples/app-crm-minimal/src/routes/tasks/edit/forms/stage/stage-form.tsx
+++ b/examples/app-crm-minimal/src/routes/tasks/edit/forms/stage/stage-form.tsx
@@ -1,6 +1,6 @@
 import { useForm, useSelect } from "@refinedev/antd";
-import { HttpError } from "@refinedev/core";
-import {
+import type { HttpError } from "@refinedev/core";
+import type {
   GetFields,
   GetFieldsFromList,
   GetVariables,
@@ -11,7 +11,7 @@ import { Checkbox, Form, Select, Space } from "antd";
 
 import { AccordionHeaderSkeleton } from "@/components";
 import { TASK_STAGES_SELECT_QUERY } from "@/graphql/queries";
-import {
+import type {
   TaskStagesSelectQuery,
   UpdateTaskMutation,
   UpdateTaskMutationVariables,
diff --git a/examples/app-crm-minimal/src/routes/tasks/edit/forms/title/title-form.tsx b/examples/app-crm-minimal/src/routes/tasks/edit/forms/title/title-form.tsx
index 29808c067f79..daf288baec39 100644
--- a/examples/app-crm-minimal/src/routes/tasks/edit/forms/title/title-form.tsx
+++ b/examples/app-crm-minimal/src/routes/tasks/edit/forms/title/title-form.tsx
@@ -1,14 +1,14 @@
 import React from "react";
 
 import { useForm } from "@refinedev/antd";
-import { HttpError, useInvalidate } from "@refinedev/core";
-import { GetFields, GetVariables } from "@refinedev/nestjs-query";
+import { type HttpError, useInvalidate } from "@refinedev/core";
+import type { GetFields, GetVariables } from "@refinedev/nestjs-query";
 
 import { Form, Skeleton } from "antd";
 
 import { Text } from "@/components";
-import { Task } from "@/graphql/schema.types";
-import {
+import type { Task } from "@/graphql/schema.types";
+import type {
   UpdateTaskMutation,
   UpdateTaskMutationVariables,
 } from "@/graphql/types";
diff --git a/examples/app-crm-minimal/src/routes/tasks/edit/forms/users/users-form.tsx b/examples/app-crm-minimal/src/routes/tasks/edit/forms/users/users-form.tsx
index 6b33840680ca..831f0ab5ea99 100644
--- a/examples/app-crm-minimal/src/routes/tasks/edit/forms/users/users-form.tsx
+++ b/examples/app-crm-minimal/src/routes/tasks/edit/forms/users/users-form.tsx
@@ -1,6 +1,6 @@
 import { useForm, useSelect } from "@refinedev/antd";
-import { HttpError } from "@refinedev/core";
-import {
+import type { HttpError } from "@refinedev/core";
+import type {
   GetFields,
   GetFieldsFromList,
   GetVariables,
@@ -9,7 +9,7 @@ import {
 import { Button, Form, Select, Space } from "antd";
 
 import { USERS_SELECT_QUERY } from "@/graphql/queries";
-import {
+import type {
   UpdateTaskMutation,
   UpdateTaskMutationVariables,
   UsersSelectQuery,
diff --git a/examples/app-crm-minimal/src/routes/tasks/edit/forms/users/users-header.tsx b/examples/app-crm-minimal/src/routes/tasks/edit/forms/users/users-header.tsx
index f9af82e1bb3f..95b04679405a 100644
--- a/examples/app-crm-minimal/src/routes/tasks/edit/forms/users/users-header.tsx
+++ b/examples/app-crm-minimal/src/routes/tasks/edit/forms/users/users-header.tsx
@@ -1,7 +1,7 @@
 import { Space, Typography } from "antd";
 
 import { UserTag } from "@/components";
-import { Task } from "@/graphql/schema.types";
+import type { Task } from "@/graphql/schema.types";
 
 type Props = {
   users?: Task["users"];
diff --git a/examples/app-crm-minimal/src/routes/tasks/edit/index.tsx b/examples/app-crm-minimal/src/routes/tasks/edit/index.tsx
index 38f650285281..58c9c7abd353 100644
--- a/examples/app-crm-minimal/src/routes/tasks/edit/index.tsx
+++ b/examples/app-crm-minimal/src/routes/tasks/edit/index.tsx
@@ -11,7 +11,7 @@ import {
 import { Modal } from "antd";
 
 import { Accordion } from "@/components";
-import { Task } from "@/graphql/schema.types";
+import type { Task } from "@/graphql/schema.types";
 
 import { DescriptionForm } from "./forms/description/description-form";
 import { DescriptionHeader } from "./forms/description/description-header";
diff --git a/examples/app-crm-minimal/src/routes/tasks/list/index.tsx b/examples/app-crm-minimal/src/routes/tasks/list/index.tsx
index 52e1c4e6729d..f7fa47b00620 100644
--- a/examples/app-crm-minimal/src/routes/tasks/list/index.tsx
+++ b/examples/app-crm-minimal/src/routes/tasks/list/index.tsx
@@ -1,12 +1,17 @@
 import React from "react";
 
-import { HttpError, useList, useNavigation, useUpdate } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import {
+  type HttpError,
+  useList,
+  useNavigation,
+  useUpdate,
+} from "@refinedev/core";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
-import { DragEndEvent } from "@dnd-kit/core";
+import type { DragEndEvent } from "@dnd-kit/core";
 
-import { TaskUpdateInput } from "@/graphql/schema.types";
-import { TasksQuery, TaskStagesQuery } from "@/graphql/types";
+import type { TaskUpdateInput } from "@/graphql/schema.types";
+import type { TasksQuery, TaskStagesQuery } from "@/graphql/types";
 
 import { KanbanAddCardButton } from "../components";
 import { KanbanBoard, KanbanBoardContainer } from "./kanban/board";
diff --git a/examples/app-crm-minimal/src/routes/tasks/list/kanban/board.tsx b/examples/app-crm-minimal/src/routes/tasks/list/kanban/board.tsx
index 501425da2aae..a1ebab7d667b 100644
--- a/examples/app-crm-minimal/src/routes/tasks/list/kanban/board.tsx
+++ b/examples/app-crm-minimal/src/routes/tasks/list/kanban/board.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 import {
   DndContext,
-  DragEndEvent,
+  type DragEndEvent,
   MouseSensor,
   TouchSensor,
   useSensor,
diff --git a/examples/app-crm-minimal/src/routes/tasks/list/kanban/card.tsx b/examples/app-crm-minimal/src/routes/tasks/list/kanban/card.tsx
index 4973cb277b11..f080afa5c17f 100644
--- a/examples/app-crm-minimal/src/routes/tasks/list/kanban/card.tsx
+++ b/examples/app-crm-minimal/src/routes/tasks/list/kanban/card.tsx
@@ -23,7 +23,7 @@ import {
 import dayjs from "dayjs";
 
 import { CustomAvatar, Text, TextIcon } from "@/components";
-import { User } from "@/graphql/schema.types";
+import type { User } from "@/graphql/schema.types";
 import { getDateColor } from "@/utilities";
 
 type ProjectCardProps = {
diff --git a/examples/app-crm-minimal/src/routes/tasks/list/kanban/column.tsx b/examples/app-crm-minimal/src/routes/tasks/list/kanban/column.tsx
index bf835078d659..d66a5ee9abf5 100644
--- a/examples/app-crm-minimal/src/routes/tasks/list/kanban/column.tsx
+++ b/examples/app-crm-minimal/src/routes/tasks/list/kanban/column.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 
 import { MoreOutlined, PlusOutlined } from "@ant-design/icons";
-import { useDroppable, UseDroppableArguments } from "@dnd-kit/core";
+import { useDroppable, type UseDroppableArguments } from "@dnd-kit/core";
 import { Badge, Button, Skeleton, Space } from "antd";
 
 import { Text } from "@/components";
diff --git a/examples/app-crm-minimal/src/routes/tasks/list/kanban/item.tsx b/examples/app-crm-minimal/src/routes/tasks/list/kanban/item.tsx
index dd5eef786613..de148c271464 100644
--- a/examples/app-crm-minimal/src/routes/tasks/list/kanban/item.tsx
+++ b/examples/app-crm-minimal/src/routes/tasks/list/kanban/item.tsx
@@ -3,7 +3,7 @@ import React from "react";
 import {
   DragOverlay,
   useDraggable,
-  UseDraggableArguments,
+  type UseDraggableArguments,
 } from "@dnd-kit/core";
 
 interface Props {
diff --git a/examples/app-crm/src/components/calendar/upcoming-events/event/index.tsx b/examples/app-crm/src/components/calendar/upcoming-events/event/index.tsx
index a9e5ba4fc13f..c38a21edb737 100644
--- a/examples/app-crm/src/components/calendar/upcoming-events/event/index.tsx
+++ b/examples/app-crm/src/components/calendar/upcoming-events/event/index.tsx
@@ -1,12 +1,12 @@
 import React from "react";
 
 import { useNavigation } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { Badge } from "antd";
 import dayjs from "dayjs";
 
-import { UpcomingEventsQuery } from "@/graphql/types";
+import type { UpcomingEventsQuery } from "@/graphql/types";
 
 import { Text } from "../../../text";
 import styles from "../index.module.css";
diff --git a/examples/app-crm/src/components/calendar/upcoming-events/index.tsx b/examples/app-crm/src/components/calendar/upcoming-events/index.tsx
index d73f68556254..6d148ba6bb19 100644
--- a/examples/app-crm/src/components/calendar/upcoming-events/index.tsx
+++ b/examples/app-crm/src/components/calendar/upcoming-events/index.tsx
@@ -1,14 +1,14 @@
 import React from "react";
 
 import { useList, useNavigation } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { CalendarOutlined, RightCircleOutlined } from "@ant-design/icons";
 import type { CardProps } from "antd";
 import { Button, Card, Skeleton as AntdSkeleton } from "antd";
 import dayjs from "dayjs";
 
-import { UpcomingEventsQuery } from "@/graphql/types";
+import type { UpcomingEventsQuery } from "@/graphql/types";
 
 import { Text } from "../../text";
 import { CalendarUpcomingEvent } from "./event";
diff --git a/examples/app-crm/src/components/custom-avatar.tsx b/examples/app-crm/src/components/custom-avatar.tsx
index 14b20bc79fbe..3ebbcb4cacd7 100644
--- a/examples/app-crm/src/components/custom-avatar.tsx
+++ b/examples/app-crm/src/components/custom-avatar.tsx
@@ -1,4 +1,4 @@
-import { FC, memo } from "react";
+import { type FC, memo } from "react";
 
 import type { AvatarProps } from "antd";
 import { Avatar as AntdAvatar } from "antd";
diff --git a/examples/app-crm/src/components/layout/account-settings/index.tsx b/examples/app-crm/src/components/layout/account-settings/index.tsx
index 8e0c900f01ff..803f95ef204f 100644
--- a/examples/app-crm/src/components/layout/account-settings/index.tsx
+++ b/examples/app-crm/src/components/layout/account-settings/index.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 
-import { HttpError, useOne, useUpdate } from "@refinedev/core";
-import { GetFields, GetVariables } from "@refinedev/nestjs-query";
+import { type HttpError, useOne, useUpdate } from "@refinedev/core";
+import type { GetFields, GetVariables } from "@refinedev/nestjs-query";
 
 import {
   CloseOutlined,
@@ -25,7 +25,7 @@ import {
 } from "antd";
 
 import { TimezoneEnum } from "@/enums";
-import {
+import type {
   AccountSettingsGetUserQuery,
   AccountSettingsUpdateUserMutation,
   AccountSettingsUpdateUserMutationVariables,
diff --git a/examples/app-crm/src/components/layout/algolia-search/index.tsx b/examples/app-crm/src/components/layout/algolia-search/index.tsx
index c1db0d1f6a7c..8323bb30cf8f 100644
--- a/examples/app-crm/src/components/layout/algolia-search/index.tsx
+++ b/examples/app-crm/src/components/layout/algolia-search/index.tsx
@@ -1,4 +1,4 @@
-import { FC, useState } from "react";
+import { type FC, useState } from "react";
 import { useHits, useSearchBox } from "react-instantsearch";
 import { Link } from "react-router-dom";
 
@@ -8,7 +8,7 @@ import { SearchOutlined } from "@ant-design/icons";
 import { Input, List, Popover, Tag, Typography } from "antd";
 import cn from "classnames";
 
-import {
+import type {
   Company,
   Contact,
   Deal,
diff --git a/examples/app-crm/src/components/layout/algolia-search/wrapper.tsx b/examples/app-crm/src/components/layout/algolia-search/wrapper.tsx
index 8cc789153fb2..0931177009e4 100644
--- a/examples/app-crm/src/components/layout/algolia-search/wrapper.tsx
+++ b/examples/app-crm/src/components/layout/algolia-search/wrapper.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { InstantSearch } from "react-instantsearch";
 
 import { indexName, searchClient } from "@/providers";
diff --git a/examples/app-crm/src/components/layout/gh-banner/index.tsx b/examples/app-crm/src/components/layout/gh-banner/index.tsx
index 3c7f068af2e1..4495a2cd2220 100644
--- a/examples/app-crm/src/components/layout/gh-banner/index.tsx
+++ b/examples/app-crm/src/components/layout/gh-banner/index.tsx
@@ -1,4 +1,4 @@
-import React, { SVGProps, useEffect } from "react";
+import React, { type SVGProps, useEffect } from "react";
 
 import { CSSRules } from "./styles";
 
diff --git a/examples/app-crm/src/components/layout/notification-message.tsx b/examples/app-crm/src/components/layout/notification-message.tsx
index 0cc709305bd0..f0c14f9a83ff 100644
--- a/examples/app-crm/src/components/layout/notification-message.tsx
+++ b/examples/app-crm/src/components/layout/notification-message.tsx
@@ -1,6 +1,9 @@
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
-import { NotificationsDealsQuery, NotificationsQuery } from "@/graphql/types";
+import type {
+  NotificationsDealsQuery,
+  NotificationsQuery,
+} from "@/graphql/types";
 
 import { Text } from "../text";
 
diff --git a/examples/app-crm/src/components/layout/notifications.tsx b/examples/app-crm/src/components/layout/notifications.tsx
index 68af13ec45f2..409399d56982 100644
--- a/examples/app-crm/src/components/layout/notifications.tsx
+++ b/examples/app-crm/src/components/layout/notifications.tsx
@@ -1,13 +1,16 @@
 import React, { useState } from "react";
 
 import { useList, useMany } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { BellOutlined } from "@ant-design/icons";
 import { Badge, Button, Divider, Popover, Space, Spin } from "antd";
 import dayjs from "dayjs";
 
-import { NotificationsDealsQuery, NotificationsQuery } from "@/graphql/types";
+import type {
+  NotificationsDealsQuery,
+  NotificationsQuery,
+} from "@/graphql/types";
 
 import { CustomAvatar } from "../custom-avatar";
 import { Text } from "../text";
diff --git a/examples/app-crm/src/components/layout/sider.tsx b/examples/app-crm/src/components/layout/sider.tsx
index d0c654f51937..49ab502af1e0 100644
--- a/examples/app-crm/src/components/layout/sider.tsx
+++ b/examples/app-crm/src/components/layout/sider.tsx
@@ -1,9 +1,9 @@
-import React, { CSSProperties } from "react";
+import React, { type CSSProperties } from "react";
 
 import { useThemedLayoutContext } from "@refinedev/antd";
 import {
   CanAccess,
-  ITreeMenu,
+  type ITreeMenu,
   pickNotDeprecated,
   useLink,
   useMenu,
diff --git a/examples/app-crm/src/components/list-title-button.tsx b/examples/app-crm/src/components/list-title-button.tsx
index dfdd0c6c20d3..9bda5648564f 100644
--- a/examples/app-crm/src/components/list-title-button.tsx
+++ b/examples/app-crm/src/components/list-title-button.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { useLocation } from "react-router-dom";
 
 import { useGo, useNavigation } from "@refinedev/core";
diff --git a/examples/app-crm/src/components/pagination-total.tsx b/examples/app-crm/src/components/pagination-total.tsx
index 5cd020681dc4..b5f48f05fc53 100644
--- a/examples/app-crm/src/components/pagination-total.tsx
+++ b/examples/app-crm/src/components/pagination-total.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 type PaginationTotalProps = {
   total: number;
diff --git a/examples/app-crm/src/components/participants/index.tsx b/examples/app-crm/src/components/participants/index.tsx
index 1f79b0c9ff9e..1efc935ca737 100644
--- a/examples/app-crm/src/components/participants/index.tsx
+++ b/examples/app-crm/src/components/participants/index.tsx
@@ -1,11 +1,11 @@
-import { FC } from "react";
+import type { FC } from "react";
 
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { PlusCircleOutlined } from "@ant-design/icons";
 import { Space, Tooltip } from "antd";
 
-import { UsersSelectQuery } from "@/graphql/types";
+import type { UsersSelectQuery } from "@/graphql/types";
 
 import { CustomAvatar } from "../custom-avatar";
 
diff --git a/examples/app-crm/src/components/select-option-with-avatar.tsx b/examples/app-crm/src/components/select-option-with-avatar.tsx
index 61e56cb00109..1d66d8f54bce 100644
--- a/examples/app-crm/src/components/select-option-with-avatar.tsx
+++ b/examples/app-crm/src/components/select-option-with-avatar.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { Space } from "antd";
 
diff --git a/examples/app-crm/src/components/tags/contact-status-tag.tsx b/examples/app-crm/src/components/tags/contact-status-tag.tsx
index 6db6dacf08f8..8a643f83f8b1 100644
--- a/examples/app-crm/src/components/tags/contact-status-tag.tsx
+++ b/examples/app-crm/src/components/tags/contact-status-tag.tsx
@@ -6,9 +6,9 @@ import {
   PlayCircleFilled,
   PlayCircleOutlined,
 } from "@ant-design/icons";
-import { Tag, TagProps } from "antd";
+import { Tag, type TagProps } from "antd";
 
-import { ContactStatus } from "@/graphql/schema.types";
+import type { ContactStatus } from "@/graphql/schema.types";
 
 export const ContactStatusTag: React.FC<{ status: ContactStatus }> = ({
   status,
diff --git a/examples/app-crm/src/components/tags/quote-status-tag.tsx b/examples/app-crm/src/components/tags/quote-status-tag.tsx
index dd6b2ef4eed6..2b7ddf129f9e 100644
--- a/examples/app-crm/src/components/tags/quote-status-tag.tsx
+++ b/examples/app-crm/src/components/tags/quote-status-tag.tsx
@@ -1,4 +1,4 @@
-import { FC, ReactElement } from "react";
+import type { FC, ReactElement } from "react";
 
 import {
   CheckCircleOutlined,
@@ -7,7 +7,7 @@ import {
 } from "@ant-design/icons";
 import { Tag } from "antd";
 
-import { QuoteStatus } from "@/graphql/schema.types";
+import type { QuoteStatus } from "@/graphql/schema.types";
 
 const variant: Record<QuoteStatus, { color: string; icon: ReactElement }> = {
   DRAFT: {
diff --git a/examples/app-crm/src/components/tags/user-tag.tsx b/examples/app-crm/src/components/tags/user-tag.tsx
index 1b25aea6066d..4f42af196975 100644
--- a/examples/app-crm/src/components/tags/user-tag.tsx
+++ b/examples/app-crm/src/components/tags/user-tag.tsx
@@ -1,10 +1,10 @@
-import { FC } from "react";
+import type { FC } from "react";
 
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { Space, Tag } from "antd";
 
-import { UsersSelectQuery } from "@/graphql/types";
+import type { UsersSelectQuery } from "@/graphql/types";
 
 import { CustomAvatar } from "../custom-avatar";
 
diff --git a/examples/app-crm/src/components/text.tsx b/examples/app-crm/src/components/text.tsx
index 17cd73424535..b6e7fe13122b 100644
--- a/examples/app-crm/src/components/text.tsx
+++ b/examples/app-crm/src/components/text.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { ConfigProvider, Typography } from "antd";
 
diff --git a/examples/app-crm/src/hooks/useCompaniesSelect.tsx b/examples/app-crm/src/hooks/useCompaniesSelect.tsx
index e7c2c64597d5..4b9765e1e4bd 100644
--- a/examples/app-crm/src/hooks/useCompaniesSelect.tsx
+++ b/examples/app-crm/src/hooks/useCompaniesSelect.tsx
@@ -1,9 +1,9 @@
 import { useSelect } from "@refinedev/antd";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import gql from "graphql-tag";
 
-import { CompaniesSelectQuery } from "@/graphql/types";
+import type { CompaniesSelectQuery } from "@/graphql/types";
 
 const COMPANIES_SELECT_QUERY = gql`
     query CompaniesSelect(
diff --git a/examples/app-crm/src/hooks/useContactsSelect.tsx b/examples/app-crm/src/hooks/useContactsSelect.tsx
index a5395a968d2f..1beddcb045c2 100644
--- a/examples/app-crm/src/hooks/useContactsSelect.tsx
+++ b/examples/app-crm/src/hooks/useContactsSelect.tsx
@@ -1,10 +1,10 @@
 import { useSelect } from "@refinedev/antd";
-import { CrudFilters } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { CrudFilters } from "@refinedev/core";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import gql from "graphql-tag";
 
-import { ContactsSelectQuery } from "@/graphql/types";
+import type { ContactsSelectQuery } from "@/graphql/types";
 
 const CONTACTS_SELECT_QUERY = gql`
     query ContactsSelect(
diff --git a/examples/app-crm/src/hooks/useDealStagesSelect.tsx b/examples/app-crm/src/hooks/useDealStagesSelect.tsx
index 069d371dcceb..858f02c86d3d 100644
--- a/examples/app-crm/src/hooks/useDealStagesSelect.tsx
+++ b/examples/app-crm/src/hooks/useDealStagesSelect.tsx
@@ -1,9 +1,9 @@
 import { useSelect } from "@refinedev/antd";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import gql from "graphql-tag";
 
-import { DealStagesSelectQuery } from "@/graphql/types";
+import type { DealStagesSelectQuery } from "@/graphql/types";
 
 const DEAL_STAGES_SELECT_QUERY = gql`
     query DealStagesSelect(
diff --git a/examples/app-crm/src/hooks/useUsersSelect.tsx b/examples/app-crm/src/hooks/useUsersSelect.tsx
index 065192735df6..89af62a06775 100644
--- a/examples/app-crm/src/hooks/useUsersSelect.tsx
+++ b/examples/app-crm/src/hooks/useUsersSelect.tsx
@@ -1,9 +1,9 @@
 import { useSelect } from "@refinedev/antd";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import gql from "graphql-tag";
 
-import { UsersSelectQuery } from "@/graphql/types";
+import type { UsersSelectQuery } from "@/graphql/types";
 
 const USERS_SELECT_QUERY = gql`
     query UsersSelect(
diff --git a/examples/app-crm/src/providers/auth.ts b/examples/app-crm/src/providers/auth.ts
index 9168df3cd01f..28a136547a7e 100644
--- a/examples/app-crm/src/providers/auth.ts
+++ b/examples/app-crm/src/providers/auth.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 import type { User } from "@/graphql/schema.types";
 import { disableAutoLogin, enableAutoLogin } from "@/hooks";
diff --git a/examples/app-crm/src/providers/data/axios.ts b/examples/app-crm/src/providers/data/axios.ts
index 47af69f93c2d..18fc5765e0fe 100644
--- a/examples/app-crm/src/providers/data/axios.ts
+++ b/examples/app-crm/src/providers/data/axios.ts
@@ -1,4 +1,4 @@
-import axios, { AxiosRequestConfig, AxiosResponse } from "axios";
+import axios, { type AxiosRequestConfig, type AxiosResponse } from "axios";
 
 import { refreshTokens, shouldRefreshToken } from "./refresh-token";
 
diff --git a/examples/app-crm/src/providers/data/refresh-token.ts b/examples/app-crm/src/providers/data/refresh-token.ts
index cfcd86b71067..318df7bd23b8 100644
--- a/examples/app-crm/src/providers/data/refresh-token.ts
+++ b/examples/app-crm/src/providers/data/refresh-token.ts
@@ -1,8 +1,8 @@
 import { request } from "@refinedev/nestjs-query";
 
-import { AxiosResponse } from "axios";
+import type { AxiosResponse } from "axios";
 
-import { RefreshTokenMutation } from "@/graphql/types";
+import type { RefreshTokenMutation } from "@/graphql/types";
 
 import { REFRESH_TOKEN_MUTATION } from "./queries";
 
diff --git a/examples/app-crm/src/routes/administration/audit-log.tsx b/examples/app-crm/src/routes/administration/audit-log.tsx
index b0fe6ca134ab..124c485c8820 100644
--- a/examples/app-crm/src/routes/administration/audit-log.tsx
+++ b/examples/app-crm/src/routes/administration/audit-log.tsx
@@ -7,13 +7,21 @@ import {
   useTable,
 } from "@refinedev/antd";
 import { getDefaultFilter } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { SearchOutlined } from "@ant-design/icons";
-import { DatePicker, Input, Radio, Space, Table, Tag, TagProps } from "antd";
+import {
+  DatePicker,
+  Input,
+  Radio,
+  Space,
+  Table,
+  Tag,
+  type TagProps,
+} from "antd";
 
 import { CustomAvatar, PaginationTotal, Text } from "@/components";
-import { AdministrationAuditLogsQuery } from "@/graphql/types";
+import type { AdministrationAuditLogsQuery } from "@/graphql/types";
 
 import { ActionCell } from "./components";
 import { ADMINISTRATION_AUDIT_LOGS_QUERY } from "./queries";
diff --git a/examples/app-crm/src/routes/administration/components/action-cell.tsx b/examples/app-crm/src/routes/administration/components/action-cell.tsx
index 8f619c32d6bf..c02188c85d06 100644
--- a/examples/app-crm/src/routes/administration/components/action-cell.tsx
+++ b/examples/app-crm/src/routes/administration/components/action-cell.tsx
@@ -5,7 +5,7 @@ import { Button, Modal, Table } from "antd";
 import type { ColumnsType } from "antd/es/table";
 
 import { Text } from "@/components";
-import { Audit } from "..";
+import type { Audit } from "..";
 
 export const ActionCell = ({ record }: { record: Audit }) => {
   const [opened, setOpened] = useState(false);
diff --git a/examples/app-crm/src/routes/administration/components/role-tag/index.tsx b/examples/app-crm/src/routes/administration/components/role-tag/index.tsx
index 9ca97e92ab1a..da7d393c15a2 100644
--- a/examples/app-crm/src/routes/administration/components/role-tag/index.tsx
+++ b/examples/app-crm/src/routes/administration/components/role-tag/index.tsx
@@ -1,9 +1,9 @@
-import React, { FC } from "react";
+import React, { type FC } from "react";
 
 import { CrownOutlined, StarOutlined, UserOutlined } from "@ant-design/icons";
 import { Tag, type TagProps } from "antd";
 
-import { User } from "@/graphql/schema.types";
+import type { User } from "@/graphql/schema.types";
 
 type Props = {
   role: User["role"];
diff --git a/examples/app-crm/src/routes/administration/settings.tsx b/examples/app-crm/src/routes/administration/settings.tsx
index 77abea5da298..e1d285ae9aea 100644
--- a/examples/app-crm/src/routes/administration/settings.tsx
+++ b/examples/app-crm/src/routes/administration/settings.tsx
@@ -1,6 +1,6 @@
 import { FilterDropdown, useTable } from "@refinedev/antd";
 import { getDefaultFilter } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import {
   EnvironmentOutlined,
@@ -15,7 +15,7 @@ import { Card, Col, Input, Row, Select, Space, Table } from "antd";
 import cn from "classnames";
 
 import { CustomAvatar, Logo, Text } from "@/components";
-import { AdministrationUsersQuery } from "@/graphql/types";
+import type { AdministrationUsersQuery } from "@/graphql/types";
 
 import { RoleTag } from "./components";
 import { ADMINISTRATION_USERS_QUERY } from "./queries";
diff --git a/examples/app-crm/src/routes/calendar/components/calendar/full-calendar.tsx b/examples/app-crm/src/routes/calendar/components/calendar/full-calendar.tsx
index f282381e7578..1e1bff80703b 100644
--- a/examples/app-crm/src/routes/calendar/components/calendar/full-calendar.tsx
+++ b/examples/app-crm/src/routes/calendar/components/calendar/full-calendar.tsx
@@ -1,11 +1,11 @@
-import { Dispatch, FC, RefObject, SetStateAction } from "react";
+import type { Dispatch, FC, RefObject, SetStateAction } from "react";
 
 import dayGridPlugin from "@fullcalendar/daygrid";
 import listPlugin from "@fullcalendar/list";
 import FullCalendar from "@fullcalendar/react";
 import timeGridPlugin from "@fullcalendar/timegrid";
 
-import { Event } from "@/graphql/schema.types";
+import type { Event } from "@/graphql/schema.types";
 
 type FullCalendarWrapperProps = {
   calendarRef: RefObject<FullCalendar>;
diff --git a/examples/app-crm/src/routes/calendar/components/calendar/index.tsx b/examples/app-crm/src/routes/calendar/components/calendar/index.tsx
index c11a48eec841..3b0febbd081d 100644
--- a/examples/app-crm/src/routes/calendar/components/calendar/index.tsx
+++ b/examples/app-crm/src/routes/calendar/components/calendar/index.tsx
@@ -1,15 +1,15 @@
 import React, { lazy, Suspense, useEffect, useRef, useState } from "react";
 
 import { useList } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { LeftOutlined, RightOutlined } from "@ant-design/icons";
-import FullCalendar from "@fullcalendar/react";
+import type FullCalendar from "@fullcalendar/react";
 import { Button, Card, Grid, Radio } from "antd";
 import dayjs from "dayjs";
 
 import { Text } from "@/components";
-import { CalendarEventsQuery } from "@/graphql/types";
+import type { CalendarEventsQuery } from "@/graphql/types";
 
 import styles from "./index.module.css";
 import { CALENDAR_EVENTS_QUERY } from "./queries";
diff --git a/examples/app-crm/src/routes/calendar/components/categories/index.tsx b/examples/app-crm/src/routes/calendar/components/categories/index.tsx
index 69801d9f221e..26db55de2f4d 100644
--- a/examples/app-crm/src/routes/calendar/components/categories/index.tsx
+++ b/examples/app-crm/src/routes/calendar/components/categories/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 import { useModal } from "@refinedev/antd";
 import { useList } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { FlagOutlined, SettingOutlined } from "@ant-design/icons";
 import { Button, Card, Checkbox, Skeleton, theme } from "antd";
@@ -10,7 +10,7 @@ import type { CheckboxChangeEvent } from "antd/es/checkbox";
 
 import { Text } from "@/components";
 import { EVENT_CATEGORIES_QUERY } from "@/graphql/queries";
-import { EventCategoriesQuery } from "@/graphql/types";
+import type { EventCategoriesQuery } from "@/graphql/types";
 
 import styles from "./index.module.css";
 import { CalendarManageCategories } from "./manage-categories";
diff --git a/examples/app-crm/src/routes/calendar/components/categories/manage-categories/index.tsx b/examples/app-crm/src/routes/calendar/components/categories/manage-categories/index.tsx
index 7f7badedad7f..0c11a4fa97fc 100644
--- a/examples/app-crm/src/routes/calendar/components/categories/manage-categories/index.tsx
+++ b/examples/app-crm/src/routes/calendar/components/categories/manage-categories/index.tsx
@@ -1,14 +1,14 @@
 import React from "react";
 
 import { useCreateMany, useDelete, useList } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { DeleteOutlined, PlusOutlined } from "@ant-design/icons";
-import { Button, Form, Input, Modal, ModalProps, Popconfirm } from "antd";
+import { Button, Form, Input, Modal, type ModalProps, Popconfirm } from "antd";
 
 import { Text } from "@/components";
 import { EVENT_CATEGORIES_QUERY } from "@/graphql/queries";
-import { EventCategoriesQuery } from "@/graphql/types";
+import type { EventCategoriesQuery } from "@/graphql/types";
 
 import styles from "./index.module.css";
 import { CALENDAR_CREATE_EVENT_CATEGORIES_MUTATION } from "./queries";
diff --git a/examples/app-crm/src/routes/calendar/components/form/index.tsx b/examples/app-crm/src/routes/calendar/components/form/index.tsx
index e969ce4adf6c..f447ebbf0926 100644
--- a/examples/app-crm/src/routes/calendar/components/form/index.tsx
+++ b/examples/app-crm/src/routes/calendar/components/form/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 
 import { useSelect } from "@refinedev/antd";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import {
   Checkbox,
@@ -9,8 +9,8 @@ import {
   ColorPicker,
   DatePicker,
   Form,
-  FormInstance,
-  FormProps,
+  type FormInstance,
+  type FormProps,
   Input,
   Row,
   Select,
@@ -19,7 +19,7 @@ import {
 import dayjs from "dayjs";
 
 import { EVENT_CATEGORIES_QUERY } from "@/graphql/queries";
-import { EventCategoriesQuery } from "@/graphql/types";
+import type { EventCategoriesQuery } from "@/graphql/types";
 import { useUsersSelect } from "@/hooks/useUsersSelect";
 
 type CalendarFormProps = {
diff --git a/examples/app-crm/src/routes/calendar/create.tsx b/examples/app-crm/src/routes/calendar/create.tsx
index 2a6a891eb4fb..fe0f2f66ab20 100644
--- a/examples/app-crm/src/routes/calendar/create.tsx
+++ b/examples/app-crm/src/routes/calendar/create.tsx
@@ -1,12 +1,12 @@
 import React, { useState } from "react";
 
 import { useForm } from "@refinedev/antd";
-import { HttpError, useNavigation } from "@refinedev/core";
+import { type HttpError, useNavigation } from "@refinedev/core";
 
 import { Modal } from "antd";
 import dayjs from "dayjs";
 
-import { Event, EventCreateInput } from "@/graphql/schema.types";
+import type { Event, EventCreateInput } from "@/graphql/schema.types";
 
 import { CalendarForm } from "./components";
 
diff --git a/examples/app-crm/src/routes/calendar/edit.tsx b/examples/app-crm/src/routes/calendar/edit.tsx
index 7311f5003433..8434c0631c5d 100644
--- a/examples/app-crm/src/routes/calendar/edit.tsx
+++ b/examples/app-crm/src/routes/calendar/edit.tsx
@@ -8,8 +8,8 @@ import dayjs from "dayjs";
 
 import { CalendarForm } from "./components";
 import { CALENDAR_UPDATE_EVENT_MUTATION } from "./queries";
-import { GetFields } from "@refinedev/nestjs-query";
-import { UpdateEventMutation } from "../../graphql/types";
+import type { GetFields } from "@refinedev/nestjs-query";
+import type { UpdateEventMutation } from "../../graphql/types";
 
 type Event = GetFields<UpdateEventMutation>;
 
diff --git a/examples/app-crm/src/routes/calendar/show.tsx b/examples/app-crm/src/routes/calendar/show.tsx
index 98b10a847692..e87227e08ec0 100644
--- a/examples/app-crm/src/routes/calendar/show.tsx
+++ b/examples/app-crm/src/routes/calendar/show.tsx
@@ -16,8 +16,8 @@ import dayjs from "dayjs";
 import { Text, UserTag } from "@/components";
 
 import { CALENDAR_GET_EVENT_QUERY } from "./queries";
-import { GetFields } from "@refinedev/nestjs-query";
-import { GetEventQuery } from "../../graphql/types";
+import type { GetFields } from "@refinedev/nestjs-query";
+import type { GetEventQuery } from "../../graphql/types";
 
 type Event = GetFields<GetEventQuery>;
 
diff --git a/examples/app-crm/src/routes/companies/components/avatar-group.tsx b/examples/app-crm/src/routes/companies/components/avatar-group.tsx
index 0ce263456b0d..16baf9e55c5d 100644
--- a/examples/app-crm/src/routes/companies/components/avatar-group.tsx
+++ b/examples/app-crm/src/routes/companies/components/avatar-group.tsx
@@ -1,6 +1,6 @@
-import { FC } from "react";
+import type { FC } from "react";
 
-import { AvatarProps, Space, Tooltip } from "antd";
+import { type AvatarProps, Space, Tooltip } from "antd";
 
 import { CustomAvatar, Text } from "@/components";
 
diff --git a/examples/app-crm/src/routes/companies/components/card-view/card/card.tsx b/examples/app-crm/src/routes/companies/components/card-view/card/card.tsx
index d5aefab09509..6a0bf230129e 100644
--- a/examples/app-crm/src/routes/companies/components/card-view/card/card.tsx
+++ b/examples/app-crm/src/routes/companies/components/card-view/card/card.tsx
@@ -1,13 +1,13 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { useDelete, useNavigation } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { DeleteOutlined, EyeOutlined, MoreOutlined } from "@ant-design/icons";
 import { Button, Card, Dropdown, Space, Tooltip } from "antd";
 
 import { CustomAvatar, Text } from "@/components";
-import { CompaniesTableQuery } from "@/graphql/types";
+import type { CompaniesTableQuery } from "@/graphql/types";
 import { currencyNumber } from "@/utilities";
 
 import { AvatarGroup } from "../../avatar-group";
diff --git a/examples/app-crm/src/routes/companies/components/card-view/index.tsx b/examples/app-crm/src/routes/companies/components/card-view/index.tsx
index 50198f0a9410..42229a0bd8a7 100644
--- a/examples/app-crm/src/routes/companies/components/card-view/index.tsx
+++ b/examples/app-crm/src/routes/companies/components/card-view/index.tsx
@@ -1,11 +1,11 @@
-import { FC, useMemo } from "react";
+import { type FC, useMemo } from "react";
 
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
-import { List, ListProps, TableProps } from "antd";
+import { List, type ListProps, type TableProps } from "antd";
 
 import { PaginationTotal } from "@/components";
-import { CompaniesTableQuery } from "@/graphql/types";
+import type { CompaniesTableQuery } from "@/graphql/types";
 
 import { CompanyCard, CompanyCardSkeleton } from "./card";
 
diff --git a/examples/app-crm/src/routes/companies/components/contacts-table.tsx b/examples/app-crm/src/routes/companies/components/contacts-table.tsx
index 72ed292b2b9c..5f9483da700c 100644
--- a/examples/app-crm/src/routes/companies/components/contacts-table.tsx
+++ b/examples/app-crm/src/routes/companies/components/contacts-table.tsx
@@ -1,4 +1,4 @@
-import { FC, useMemo } from "react";
+import { type FC, useMemo } from "react";
 import { useParams } from "react-router-dom";
 
 import {
@@ -7,8 +7,8 @@ import {
   ShowButton,
   useTable,
 } from "@refinedev/antd";
-import { HttpError, useCreateMany, useOne } from "@refinedev/core";
-import { GetFields, GetFieldsFromList } from "@refinedev/nestjs-query";
+import { type HttpError, useCreateMany, useOne } from "@refinedev/core";
+import type { GetFields, GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import {
   DeleteOutlined,
@@ -33,8 +33,8 @@ import {
 } from "antd";
 
 import { ContactStatusTag, CustomAvatar, Text } from "@/components";
-import { ContactCreateInput } from "@/graphql/schema.types";
-import {
+import type { ContactCreateInput } from "@/graphql/schema.types";
+import type {
   CompanyContactsGetCompanyQuery,
   CompanyContactsTableQuery,
 } from "@/graphql/types";
diff --git a/examples/app-crm/src/routes/companies/components/deals-table.tsx b/examples/app-crm/src/routes/companies/components/deals-table.tsx
index a1b09d8b01c1..eb064fefc905 100644
--- a/examples/app-crm/src/routes/companies/components/deals-table.tsx
+++ b/examples/app-crm/src/routes/companies/components/deals-table.tsx
@@ -1,9 +1,9 @@
-import { FC, useMemo } from "react";
+import { type FC, useMemo } from "react";
 import { Link, useParams } from "react-router-dom";
 
 import { EditButton, FilterDropdown, useTable } from "@refinedev/antd";
 import { useNavigation, useOne } from "@refinedev/core";
-import { GetFields, GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFields, GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import {
   AuditOutlined,
@@ -14,7 +14,7 @@ import {
 import { Button, Card, Input, Select, Skeleton, Space, Table, Tag } from "antd";
 
 import { Participants, Text } from "@/components";
-import {
+import type {
   CompanyDealsTableQuery,
   CompanyTotalDealsAmountQuery,
 } from "@/graphql/types";
diff --git a/examples/app-crm/src/routes/companies/components/info-form.tsx b/examples/app-crm/src/routes/companies/components/info-form.tsx
index fe463e2f3886..4e70b95bd768 100644
--- a/examples/app-crm/src/routes/companies/components/info-form.tsx
+++ b/examples/app-crm/src/routes/companies/components/info-form.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 
 import { useShow } from "@refinedev/core";
-import { GetFields } from "@refinedev/nestjs-query";
+import type { GetFields } from "@refinedev/nestjs-query";
 
 import {
   ApiOutlined,
@@ -14,8 +14,12 @@ import {
 import { Card, Input, InputNumber, Select, Space } from "antd";
 
 import { SingleElementForm, Text } from "@/components";
-import { BusinessType, CompanySize, Industry } from "@/graphql/schema.types";
-import { CompanyInfoQuery } from "@/graphql/types";
+import type {
+  BusinessType,
+  CompanySize,
+  Industry,
+} from "@/graphql/schema.types";
+import type { CompanyInfoQuery } from "@/graphql/types";
 import { currencyNumber } from "@/utilities";
 
 import { COMPANY_INFO_QUERY } from "./queries";
diff --git a/examples/app-crm/src/routes/companies/components/notes.tsx b/examples/app-crm/src/routes/companies/components/notes.tsx
index 4177377e224a..c3b742340f29 100644
--- a/examples/app-crm/src/routes/companies/components/notes.tsx
+++ b/examples/app-crm/src/routes/companies/components/notes.tsx
@@ -1,23 +1,23 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { useParams } from "react-router-dom";
 
 import { DeleteButton, useForm } from "@refinedev/antd";
 import {
-  HttpError,
+  type HttpError,
   useGetIdentity,
   useInvalidate,
   useList,
   useParsed,
 } from "@refinedev/core";
-import { GetFieldsFromList, GetVariables } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList, GetVariables } from "@refinedev/nestjs-query";
 
 import { LoadingOutlined } from "@ant-design/icons";
 import { Button, Card, Form, Input, Space, Typography } from "antd";
 import dayjs from "dayjs";
 
 import { CustomAvatar, Text, TextIcon } from "@/components";
-import { User } from "@/graphql/schema.types";
-import {
+import type { User } from "@/graphql/schema.types";
+import type {
   CompanyCompanyNotesQuery,
   CompanyCreateCompanyNoteMutationVariables,
 } from "@/graphql/types";
diff --git a/examples/app-crm/src/routes/companies/components/quotes-table.tsx b/examples/app-crm/src/routes/companies/components/quotes-table.tsx
index a93ff64253b9..482238519288 100644
--- a/examples/app-crm/src/routes/companies/components/quotes-table.tsx
+++ b/examples/app-crm/src/routes/companies/components/quotes-table.tsx
@@ -1,9 +1,9 @@
-import { FC, useMemo } from "react";
+import { type FC, useMemo } from "react";
 import { Link, useParams } from "react-router-dom";
 
 import { FilterDropdown, ShowButton, useTable } from "@refinedev/antd";
 import { useNavigation } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import {
   ContainerOutlined,
@@ -14,8 +14,8 @@ import {
 import { Button, Card, Input, Select, Space, Table } from "antd";
 
 import { Participants, QuoteStatusTag, Text } from "@/components";
-import { QuoteStatus } from "@/graphql/schema.types";
-import { CompanyQuotesTableQuery } from "@/graphql/types";
+import type { QuoteStatus } from "@/graphql/schema.types";
+import type { CompanyQuotesTableQuery } from "@/graphql/types";
 import { useUsersSelect } from "@/hooks/useUsersSelect";
 import { currencyNumber } from "@/utilities";
 
diff --git a/examples/app-crm/src/routes/companies/components/table-view.tsx b/examples/app-crm/src/routes/companies/components/table-view.tsx
index 423a89c942e2..ae15e97825f1 100644
--- a/examples/app-crm/src/routes/companies/components/table-view.tsx
+++ b/examples/app-crm/src/routes/companies/components/table-view.tsx
@@ -1,14 +1,18 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { DeleteButton, EditButton, FilterDropdown } from "@refinedev/antd";
-import { CrudFilters, CrudSorting, getDefaultFilter } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import {
+  type CrudFilters,
+  type CrudSorting,
+  getDefaultFilter,
+} from "@refinedev/core";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { EyeOutlined, SearchOutlined } from "@ant-design/icons";
-import { Input, Select, Space, Table, TableProps } from "antd";
+import { Input, Select, Space, Table, type TableProps } from "antd";
 
 import { CustomAvatar, PaginationTotal, Text } from "@/components";
-import { CompaniesTableQuery } from "@/graphql/types";
+import type { CompaniesTableQuery } from "@/graphql/types";
 import { useContactsSelect } from "@/hooks/useContactsSelect";
 import { useUsersSelect } from "@/hooks/useUsersSelect";
 import { currencyNumber } from "@/utilities";
diff --git a/examples/app-crm/src/routes/companies/components/title-form/title-form.tsx b/examples/app-crm/src/routes/companies/components/title-form/title-form.tsx
index 4c8790063576..ac0d5eb50346 100644
--- a/examples/app-crm/src/routes/companies/components/title-form/title-form.tsx
+++ b/examples/app-crm/src/routes/companies/components/title-form/title-form.tsx
@@ -1,15 +1,15 @@
 import { useState } from "react";
 
 import { useForm } from "@refinedev/antd";
-import { HttpError } from "@refinedev/core";
-import { GetFields, GetVariables } from "@refinedev/nestjs-query";
+import type { HttpError } from "@refinedev/core";
+import type { GetFields, GetVariables } from "@refinedev/nestjs-query";
 
 import { EditOutlined } from "@ant-design/icons";
 import { Button, Form, Select, Skeleton, Space } from "antd";
 
 import { CustomAvatar, SelectOptionWithAvatar, Text } from "@/components";
-import { User } from "@/graphql/schema.types";
-import {
+import type { User } from "@/graphql/schema.types";
+import type {
   CompanyTitleFormMutation,
   CompanyTitleFormMutationVariables,
 } from "@/graphql/types";
diff --git a/examples/app-crm/src/routes/companies/create.tsx b/examples/app-crm/src/routes/companies/create.tsx
index 93cab07c49cc..ad92ced75ad8 100644
--- a/examples/app-crm/src/routes/companies/create.tsx
+++ b/examples/app-crm/src/routes/companies/create.tsx
@@ -2,13 +2,13 @@ import { useLocation, useSearchParams } from "react-router-dom";
 
 import { useModalForm } from "@refinedev/antd";
 import {
-  CreateResponse,
-  HttpError,
+  type CreateResponse,
+  type HttpError,
   useCreateMany,
   useGetToPath,
   useGo,
 } from "@refinedev/core";
-import { GetFields, GetVariables } from "@refinedev/nestjs-query";
+import type { GetFields, GetVariables } from "@refinedev/nestjs-query";
 
 import {
   DeleteOutlined,
@@ -30,7 +30,7 @@ import {
 } from "antd";
 
 import { SelectOptionWithAvatar } from "@/components";
-import {
+import type {
   CreateCompanyMutation,
   CreateCompanyMutationVariables,
 } from "@/graphql/types";
diff --git a/examples/app-crm/src/routes/companies/list.tsx b/examples/app-crm/src/routes/companies/list.tsx
index 333ec0ca0e6a..93caf8e69635 100644
--- a/examples/app-crm/src/routes/companies/list.tsx
+++ b/examples/app-crm/src/routes/companies/list.tsx
@@ -1,8 +1,8 @@
-import { FC, PropsWithChildren, useState } from "react";
+import { type FC, type PropsWithChildren, useState } from "react";
 
 import { List, useTable } from "@refinedev/antd";
-import { HttpError } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { HttpError } from "@refinedev/core";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import {
   AppstoreOutlined,
@@ -13,7 +13,7 @@ import { Form, Grid, Input, Radio, Space, Spin } from "antd";
 import debounce from "lodash/debounce";
 
 import { ListTitleButton } from "@/components";
-import { CompaniesTableQuery } from "@/graphql/types";
+import type { CompaniesTableQuery } from "@/graphql/types";
 
 import { CompaniesCardView, CompaniesTableView } from "./components";
 import { COMPANIES_TABLE_QUERY } from "./queries";
diff --git a/examples/app-crm/src/routes/contacts/components/card-view.tsx b/examples/app-crm/src/routes/contacts/components/card-view.tsx
index ba2bfb781495..211932430e4e 100644
--- a/examples/app-crm/src/routes/contacts/components/card-view.tsx
+++ b/examples/app-crm/src/routes/contacts/components/card-view.tsx
@@ -1,12 +1,12 @@
 import { useMemo } from "react";
 
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { List, type ListProps, type TableProps } from "antd";
 
 import { PaginationTotal } from "@/components";
-import { Contact } from "@/graphql/schema.types";
-import { ContactsListQuery } from "@/graphql/types";
+import type { Contact } from "@/graphql/schema.types";
+import type { ContactsListQuery } from "@/graphql/types";
 
 import { ContactCard, ContactCardSkeleton } from "./card";
 
diff --git a/examples/app-crm/src/routes/contacts/components/card/card.tsx b/examples/app-crm/src/routes/contacts/components/card/card.tsx
index 22e3fc29b678..4636a25a70d5 100644
--- a/examples/app-crm/src/routes/contacts/components/card/card.tsx
+++ b/examples/app-crm/src/routes/contacts/components/card/card.tsx
@@ -1,17 +1,17 @@
 import React from "react";
 
 import { useDelete, useNavigation } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import {
   DeleteOutlined,
   EllipsisOutlined,
   EyeOutlined,
 } from "@ant-design/icons";
-import { Button, Dropdown, MenuProps } from "antd";
+import { Button, Dropdown, type MenuProps } from "antd";
 
 import { ContactStatusTag, CustomAvatar, Text } from "@/components";
-import { ContactsListQuery } from "@/graphql/types";
+import type { ContactsListQuery } from "@/graphql/types";
 
 import styles from "./index.module.css";
 import { ContactCardSkeleton } from "./skeleton";
diff --git a/examples/app-crm/src/routes/contacts/components/comment/comment-form.tsx b/examples/app-crm/src/routes/contacts/components/comment/comment-form.tsx
index 9ecd44ffaf19..603293e81f59 100644
--- a/examples/app-crm/src/routes/contacts/components/comment/comment-form.tsx
+++ b/examples/app-crm/src/routes/contacts/components/comment/comment-form.tsx
@@ -1,13 +1,13 @@
 import { useForm } from "@refinedev/antd";
-import { HttpError, useGetIdentity, useParsed } from "@refinedev/core";
-import { GetFields, GetVariables } from "@refinedev/nestjs-query";
+import { type HttpError, useGetIdentity, useParsed } from "@refinedev/core";
+import type { GetFields, GetVariables } from "@refinedev/nestjs-query";
 
 import { LoadingOutlined } from "@ant-design/icons";
 import { Form, Input } from "antd";
 
 import { CustomAvatar } from "@/components";
-import { User } from "@/graphql/schema.types";
-import {
+import type { User } from "@/graphql/schema.types";
+import type {
   ContactsCreateContactNoteMutation,
   ContactsCreateContactNoteMutationVariables,
 } from "@/graphql/types";
diff --git a/examples/app-crm/src/routes/contacts/components/comment/comment-list.tsx b/examples/app-crm/src/routes/contacts/components/comment/comment-list.tsx
index 33b4c5e3b8c9..899c11a3f748 100644
--- a/examples/app-crm/src/routes/contacts/components/comment/comment-list.tsx
+++ b/examples/app-crm/src/routes/contacts/components/comment/comment-list.tsx
@@ -1,19 +1,19 @@
 import { DeleteButton, useForm } from "@refinedev/antd";
 import {
-  HttpError,
+  type HttpError,
   useGetIdentity,
   useInvalidate,
   useList,
   useParsed,
 } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { Button, Form, Input, Space, Typography } from "antd";
 import dayjs from "dayjs";
 
 import { CustomAvatar, Text } from "@/components";
-import { User } from "@/graphql/schema.types";
-import { ContactsContactNotesListQuery } from "@/graphql/types";
+import type { User } from "@/graphql/schema.types";
+import type { ContactsContactNotesListQuery } from "@/graphql/types";
 
 import {
   CONTACTS_CONTACT_NOTES_LIST_QUERY,
diff --git a/examples/app-crm/src/routes/contacts/components/status/index.tsx b/examples/app-crm/src/routes/contacts/components/status/index.tsx
index 3c6fb9b09123..33f2b530732f 100644
--- a/examples/app-crm/src/routes/contacts/components/status/index.tsx
+++ b/examples/app-crm/src/routes/contacts/components/status/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 
 import { useUpdate } from "@refinedev/core";
-import { GetFields } from "@refinedev/nestjs-query";
+import type { GetFields } from "@refinedev/nestjs-query";
 
 import {
   CheckCircleFilled,
@@ -14,8 +14,8 @@ import { Dropdown } from "antd";
 
 import { Text } from "@/components";
 import { ContactStageEnum, ContactStatusEnum } from "@/enums";
-import { ContactStatus as ContactStatusType } from "@/graphql/schema.types";
-import { ContactShowQuery } from "@/graphql/types";
+import type { ContactStatus as ContactStatusType } from "@/graphql/schema.types";
+import type { ContactShowQuery } from "@/graphql/types";
 
 import styles from "./index.module.css";
 
diff --git a/examples/app-crm/src/routes/contacts/components/table-view.tsx b/examples/app-crm/src/routes/contacts/components/table-view.tsx
index 3114476c0ef9..b81c73669513 100644
--- a/examples/app-crm/src/routes/contacts/components/table-view.tsx
+++ b/examples/app-crm/src/routes/contacts/components/table-view.tsx
@@ -4,8 +4,12 @@ import {
   getDefaultSortOrder,
   ShowButton,
 } from "@refinedev/antd";
-import { CrudFilters, CrudSorting, getDefaultFilter } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import {
+  type CrudFilters,
+  type CrudSorting,
+  getDefaultFilter,
+} from "@refinedev/core";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { PhoneOutlined } from "@ant-design/icons";
 import { Button, Input, Select, Space, Table, type TableProps } from "antd";
@@ -17,7 +21,7 @@ import {
   Text,
 } from "@/components";
 import { ContactStatusEnum } from "@/enums";
-import { ContactsListQuery } from "@/graphql/types";
+import type { ContactsListQuery } from "@/graphql/types";
 import { useCompaniesSelect } from "@/hooks/useCompaniesSelect";
 
 type Contact = GetFieldsFromList<ContactsListQuery>;
diff --git a/examples/app-crm/src/routes/contacts/create.tsx b/examples/app-crm/src/routes/contacts/create.tsx
index 7c8037f51015..b88bf937d795 100644
--- a/examples/app-crm/src/routes/contacts/create.tsx
+++ b/examples/app-crm/src/routes/contacts/create.tsx
@@ -1,4 +1,4 @@
-import React, { PropsWithChildren, useEffect } from "react";
+import React, { type PropsWithChildren, useEffect } from "react";
 import { useLocation, useSearchParams } from "react-router-dom";
 
 import { useForm } from "@refinedev/antd";
@@ -8,7 +8,7 @@ import { PlusCircleOutlined } from "@ant-design/icons";
 import { Button, Form, Input, Modal, Select } from "antd";
 
 import { SelectOptionWithAvatar } from "@/components";
-import { User } from "@/graphql/schema.types";
+import type { User } from "@/graphql/schema.types";
 import { useCompaniesSelect } from "@/hooks/useCompaniesSelect";
 
 export const ContactCreatePage: React.FC<PropsWithChildren> = ({
diff --git a/examples/app-crm/src/routes/contacts/list.tsx b/examples/app-crm/src/routes/contacts/list.tsx
index 8b4beceb668e..73d40ff99736 100644
--- a/examples/app-crm/src/routes/contacts/list.tsx
+++ b/examples/app-crm/src/routes/contacts/list.tsx
@@ -1,8 +1,8 @@
 import React, { useState } from "react";
 
 import { List, useTable } from "@refinedev/antd";
-import { HttpError, getDefaultFilter } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import { type HttpError, getDefaultFilter } from "@refinedev/core";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import {
   AppstoreOutlined,
@@ -13,7 +13,7 @@ import { Form, Grid, Input, Radio, Space, Spin } from "antd";
 import debounce from "lodash/debounce";
 
 import { ListTitleButton } from "@/components";
-import { ContactsListQuery } from "@/graphql/types";
+import type { ContactsListQuery } from "@/graphql/types";
 
 import { CardView, TableView } from "./components";
 import { CONTACTS_LIST_QUERY } from "./queries";
diff --git a/examples/app-crm/src/routes/contacts/show/index.tsx b/examples/app-crm/src/routes/contacts/show/index.tsx
index b1daa7f74a40..0f229c47c8b1 100644
--- a/examples/app-crm/src/routes/contacts/show/index.tsx
+++ b/examples/app-crm/src/routes/contacts/show/index.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 
 import { useDelete, useNavigation, useShow, useUpdate } from "@refinedev/core";
-import { GetFields } from "@refinedev/nestjs-query";
+import type { GetFields } from "@refinedev/nestjs-query";
 
 import {
   CloseOutlined,
@@ -36,7 +36,7 @@ import {
 } from "@/components";
 import { TimezoneEnum } from "@/enums";
 import type { Contact } from "@/graphql/schema.types";
-import { ContactShowQuery } from "@/graphql/types";
+import type { ContactShowQuery } from "@/graphql/types";
 import { useCompaniesSelect } from "@/hooks/useCompaniesSelect";
 import { useUsersSelect } from "@/hooks/useUsersSelect";
 
diff --git a/examples/app-crm/src/routes/dashboard/components/companies-map/map.tsx b/examples/app-crm/src/routes/dashboard/components/companies-map/map.tsx
index f2c4671d0eca..a3696966ac26 100644
--- a/examples/app-crm/src/routes/dashboard/components/companies-map/map.tsx
+++ b/examples/app-crm/src/routes/dashboard/components/companies-map/map.tsx
@@ -1,7 +1,7 @@
 import { MapContainer, Marker, TileLayer } from "react-leaflet";
 import MarkerClusterGroup from "react-leaflet-cluster";
 
-import { divIcon, LatLngExpression, point } from "leaflet";
+import { divIcon, type LatLngExpression, point } from "leaflet";
 
 import Markers from "./markers.json";
 
diff --git a/examples/app-crm/src/routes/dashboard/components/deals-chart.tsx b/examples/app-crm/src/routes/dashboard/components/deals-chart.tsx
index 53be98050142..833f5e1fd4cb 100644
--- a/examples/app-crm/src/routes/dashboard/components/deals-chart.tsx
+++ b/examples/app-crm/src/routes/dashboard/components/deals-chart.tsx
@@ -1,15 +1,15 @@
 import React, { lazy, Suspense, useMemo } from "react";
 
 import { useList, useNavigation } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { DollarOutlined, RightCircleOutlined } from "@ant-design/icons";
-import { AreaConfig } from "@ant-design/plots";
+import type { AreaConfig } from "@ant-design/plots";
 import { Button, Card } from "antd";
 import dayjs from "dayjs";
 
 import { Text } from "@/components";
-import { DashboardDealsChartQuery } from "@/graphql/types";
+import type { DashboardDealsChartQuery } from "@/graphql/types";
 
 import { DASHBOARD_DEALS_CHART_QUERY } from "./queries";
 
diff --git a/examples/app-crm/src/routes/dashboard/components/latest-activities/index.tsx b/examples/app-crm/src/routes/dashboard/components/latest-activities/index.tsx
index 44a80b82fa72..8332772c183b 100644
--- a/examples/app-crm/src/routes/dashboard/components/latest-activities/index.tsx
+++ b/examples/app-crm/src/routes/dashboard/components/latest-activities/index.tsx
@@ -1,14 +1,14 @@
 import React from "react";
 
 import { useList } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { UnorderedListOutlined } from "@ant-design/icons";
 import { Card, Skeleton as AntdSkeleton } from "antd";
 import dayjs from "dayjs";
 
 import { CustomAvatar, Text } from "@/components";
-import {
+import type {
   LatestActivitiesAuditsQuery,
   LatestActivitiesDealsQuery,
 } from "@/graphql/types";
diff --git a/examples/app-crm/src/routes/dashboard/components/tasks-chart.tsx b/examples/app-crm/src/routes/dashboard/components/tasks-chart.tsx
index 1e912dfb4a46..b2f1a0d2ef1b 100644
--- a/examples/app-crm/src/routes/dashboard/components/tasks-chart.tsx
+++ b/examples/app-crm/src/routes/dashboard/components/tasks-chart.tsx
@@ -1,14 +1,14 @@
 import React, { lazy, Suspense, useMemo } from "react";
 
 import { useList, useNavigation } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { ProjectOutlined, RightCircleOutlined } from "@ant-design/icons";
-import { PieConfig } from "@ant-design/plots";
+import type { PieConfig } from "@ant-design/plots";
 import { Button, Card } from "antd";
 
 import { Text } from "@/components";
-import { DashboardTasksChartQuery } from "@/graphql/types";
+import type { DashboardTasksChartQuery } from "@/graphql/types";
 
 import { DASHBOARD_TASKS_CHART_QUERY } from "./queries";
 
diff --git a/examples/app-crm/src/routes/dashboard/components/total-count-card/index.tsx b/examples/app-crm/src/routes/dashboard/components/total-count-card/index.tsx
index 42752a5d636b..3ef6633ca23a 100644
--- a/examples/app-crm/src/routes/dashboard/components/total-count-card/index.tsx
+++ b/examples/app-crm/src/routes/dashboard/components/total-count-card/index.tsx
@@ -1,7 +1,7 @@
-import React, { FC, PropsWithChildren, Suspense } from "react";
+import React, { type FC, type PropsWithChildren, Suspense } from "react";
 
 import { AuditOutlined, ShopOutlined, TeamOutlined } from "@ant-design/icons";
-import { AreaConfig } from "@ant-design/plots";
+import type { AreaConfig } from "@ant-design/plots";
 import { Card, Skeleton } from "antd";
 
 import { Text } from "@/components";
diff --git a/examples/app-crm/src/routes/dashboard/components/total-revenue-chart/index.tsx b/examples/app-crm/src/routes/dashboard/components/total-revenue-chart/index.tsx
index 335a0629dc4a..db1ba6acd5b0 100644
--- a/examples/app-crm/src/routes/dashboard/components/total-revenue-chart/index.tsx
+++ b/examples/app-crm/src/routes/dashboard/components/total-revenue-chart/index.tsx
@@ -1,14 +1,14 @@
 import React, { Suspense } from "react";
 
 import { useList } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { DollarOutlined } from "@ant-design/icons";
-import { GaugeConfig } from "@ant-design/plots";
+import type { GaugeConfig } from "@ant-design/plots";
 import { Card, Skeleton, Space } from "antd";
 
 import { Text } from "@/components";
-import { DashboardTotalRevenueQuery } from "@/graphql/types";
+import type { DashboardTotalRevenueQuery } from "@/graphql/types";
 import { currencyNumber } from "@/utilities";
 
 import { DASHBOARD_TOTAL_REVENUE_QUERY } from "./queries";
diff --git a/examples/app-crm/src/routes/dashboard/index.tsx b/examples/app-crm/src/routes/dashboard/index.tsx
index 02182bc317a1..4cc60dd9ea48 100644
--- a/examples/app-crm/src/routes/dashboard/index.tsx
+++ b/examples/app-crm/src/routes/dashboard/index.tsx
@@ -5,7 +5,7 @@ import { useCustom } from "@refinedev/core";
 import { Col, Row } from "antd";
 
 import { CalendarUpcomingEvents } from "@/components";
-import { DashboardTotalCountsQuery } from "@/graphql/types";
+import type { DashboardTotalCountsQuery } from "@/graphql/types";
 
 import {
   CompaniesMap,
diff --git a/examples/app-crm/src/routes/quotes/components/form-modal/index.tsx b/examples/app-crm/src/routes/quotes/components/form-modal/index.tsx
index 197bab634e82..12271aff5df3 100644
--- a/examples/app-crm/src/routes/quotes/components/form-modal/index.tsx
+++ b/examples/app-crm/src/routes/quotes/components/form-modal/index.tsx
@@ -1,14 +1,18 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { useLocation, useParams, useSearchParams } from "react-router-dom";
 
 import { useModalForm } from "@refinedev/antd";
-import { HttpError, RedirectAction, useNavigation } from "@refinedev/core";
-import { GetFields, GetVariables } from "@refinedev/nestjs-query";
+import {
+  type HttpError,
+  type RedirectAction,
+  useNavigation,
+} from "@refinedev/core";
+import type { GetFields, GetVariables } from "@refinedev/nestjs-query";
 
 import { PlusCircleOutlined } from "@ant-design/icons";
 import { Button, Form, Input, Modal, Select, Spin } from "antd";
 
-import {
+import type {
   QuotesCreateQuoteMutation,
   QuotesCreateQuoteMutationVariables,
 } from "@/graphql/types";
diff --git a/examples/app-crm/src/routes/quotes/components/pdf-export.tsx b/examples/app-crm/src/routes/quotes/components/pdf-export.tsx
index e04c190165b8..ee97ed6e6aa5 100644
--- a/examples/app-crm/src/routes/quotes/components/pdf-export.tsx
+++ b/examples/app-crm/src/routes/quotes/components/pdf-export.tsx
@@ -2,7 +2,7 @@ import { useParams } from "react-router-dom";
 
 import { useModal } from "@refinedev/antd";
 import { useOne } from "@refinedev/core";
-import { GetFields } from "@refinedev/nestjs-query";
+import type { GetFields } from "@refinedev/nestjs-query";
 
 import { FilePdfOutlined } from "@ant-design/icons";
 import {
@@ -16,7 +16,7 @@ import {
 } from "@react-pdf/renderer";
 import { Button, Modal } from "antd";
 
-import { QuotesGetQuoteQuery } from "@/graphql/types";
+import type { QuotesGetQuoteQuery } from "@/graphql/types";
 import { currencyNumber } from "@/utilities";
 
 import { QUOTES_GET_QUOTE_QUERY } from "../queries";
diff --git a/examples/app-crm/src/routes/quotes/components/products-services.tsx b/examples/app-crm/src/routes/quotes/components/products-services.tsx
index 632d31717f05..8c2003955c06 100644
--- a/examples/app-crm/src/routes/quotes/components/products-services.tsx
+++ b/examples/app-crm/src/routes/quotes/components/products-services.tsx
@@ -1,8 +1,8 @@
 import { useParams } from "react-router-dom";
 
 import { AutoSaveIndicator, useForm } from "@refinedev/antd";
-import { HttpError } from "@refinedev/core";
-import { GetFields, GetVariables } from "@refinedev/nestjs-query";
+import type { HttpError } from "@refinedev/core";
+import type { GetFields, GetVariables } from "@refinedev/nestjs-query";
 
 import { DeleteOutlined, PlusCircleOutlined } from "@ant-design/icons";
 import {
@@ -11,16 +11,16 @@ import {
   Form,
   Input,
   InputNumber,
-  InputNumberProps,
-  InputProps,
+  type InputNumberProps,
+  type InputProps,
   Row,
   Skeleton,
   Spin,
 } from "antd";
 
 import { FullScreenLoading, Text } from "@/components";
-import { Quote, QuoteUpdateInput } from "@/graphql/schema.types";
-import {
+import type { Quote, QuoteUpdateInput } from "@/graphql/schema.types";
+import type {
   QuotesUpdateQuoteMutation,
   QuotesUpdateQuoteMutationVariables,
 } from "@/graphql/types";
diff --git a/examples/app-crm/src/routes/quotes/components/show-description.tsx b/examples/app-crm/src/routes/quotes/components/show-description.tsx
index fb9544f6eb99..e64ab70739b2 100644
--- a/examples/app-crm/src/routes/quotes/components/show-description.tsx
+++ b/examples/app-crm/src/routes/quotes/components/show-description.tsx
@@ -2,11 +2,11 @@ import { lazy, Suspense } from "react";
 import { useParams } from "react-router-dom";
 
 import { useForm } from "@refinedev/antd";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 import { Form, Spin } from "antd";
 
-import { Quote, QuoteUpdateInput } from "@/graphql/schema.types";
+import type { Quote, QuoteUpdateInput } from "@/graphql/schema.types";
 
 import { QUOTES_UPDATE_QUOTE_MUTATION } from "../queries";
 
diff --git a/examples/app-crm/src/routes/quotes/components/status-indicator/index.tsx b/examples/app-crm/src/routes/quotes/components/status-indicator/index.tsx
index eeda116c945d..dab633479514 100644
--- a/examples/app-crm/src/routes/quotes/components/status-indicator/index.tsx
+++ b/examples/app-crm/src/routes/quotes/components/status-indicator/index.tsx
@@ -1,10 +1,10 @@
-import React, { FC } from "react";
+import React, { type FC } from "react";
 
-import { HttpError, useUpdate } from "@refinedev/core";
+import { type HttpError, useUpdate } from "@refinedev/core";
 
 import cn from "classnames";
 
-import { Quote, QuoteUpdateInput } from "@/graphql/schema.types";
+import type { Quote, QuoteUpdateInput } from "@/graphql/schema.types";
 
 import { QUOTES_UPDATE_QUOTE_MUTATION } from "../../queries";
 import styles from "./index.module.css";
diff --git a/examples/app-crm/src/routes/quotes/create.tsx b/examples/app-crm/src/routes/quotes/create.tsx
index dd5d2c2ceaa9..56a3428ddda8 100644
--- a/examples/app-crm/src/routes/quotes/create.tsx
+++ b/examples/app-crm/src/routes/quotes/create.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from "react";
+import type { FC, PropsWithChildren } from "react";
 
 import { QuotesFormModal } from "./components";
 
diff --git a/examples/app-crm/src/routes/quotes/edit.tsx b/examples/app-crm/src/routes/quotes/edit.tsx
index a1c63d4ef397..d167506d1d4f 100644
--- a/examples/app-crm/src/routes/quotes/edit.tsx
+++ b/examples/app-crm/src/routes/quotes/edit.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from "react";
+import type { FC, PropsWithChildren } from "react";
 
 import { QuotesFormModal } from "./components";
 
diff --git a/examples/app-crm/src/routes/quotes/list.tsx b/examples/app-crm/src/routes/quotes/list.tsx
index b6bb55b95913..5ba7771ff326 100644
--- a/examples/app-crm/src/routes/quotes/list.tsx
+++ b/examples/app-crm/src/routes/quotes/list.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from "react";
+import type { FC, PropsWithChildren } from "react";
 
 import {
   DeleteButton,
@@ -9,8 +9,8 @@ import {
   ShowButton,
   useTable,
 } from "@refinedev/antd";
-import { getDefaultFilter, HttpError } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import { getDefaultFilter, type HttpError } from "@refinedev/core";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { SearchOutlined } from "@ant-design/icons";
 import { Form, Grid, Input, Select, Space, Spin, Table } from "antd";
@@ -25,8 +25,8 @@ import {
   QuoteStatusTag,
   Text,
 } from "@/components";
-import { QuoteStatus } from "@/graphql/schema.types";
-import { QuotesTableQuery } from "@/graphql/types";
+import type { QuoteStatus } from "@/graphql/schema.types";
+import type { QuotesTableQuery } from "@/graphql/types";
 import { useCompaniesSelect } from "@/hooks/useCompaniesSelect";
 import { useUsersSelect } from "@/hooks/useUsersSelect";
 import { currencyNumber } from "@/utilities";
diff --git a/examples/app-crm/src/routes/quotes/show/index.tsx b/examples/app-crm/src/routes/quotes/show/index.tsx
index a55ed1245762..aa1d8ae5c845 100644
--- a/examples/app-crm/src/routes/quotes/show/index.tsx
+++ b/examples/app-crm/src/routes/quotes/show/index.tsx
@@ -7,7 +7,7 @@ import { EditOutlined, LeftOutlined } from "@ant-design/icons";
 import { Button, Space } from "antd";
 
 import { CustomAvatar, FullScreenLoading, Text } from "@/components";
-import { Quote } from "@/graphql/schema.types";
+import type { Quote } from "@/graphql/schema.types";
 
 import {
   ProductsServices,
diff --git a/examples/app-crm/src/routes/scrumboard/components/accordion.tsx b/examples/app-crm/src/routes/scrumboard/components/accordion.tsx
index 277a4396c143..a050d8cebc76 100644
--- a/examples/app-crm/src/routes/scrumboard/components/accordion.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/accordion.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode } from "react";
+import type { PropsWithChildren, ReactNode } from "react";
 
 import { Text } from "@/components";
 
diff --git a/examples/app-crm/src/routes/scrumboard/components/add-card-button.tsx b/examples/app-crm/src/routes/scrumboard/components/add-card-button.tsx
index 45d716d609eb..8b3914e18def 100644
--- a/examples/app-crm/src/routes/scrumboard/components/add-card-button.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/add-card-button.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from "react";
+import type { FC, PropsWithChildren } from "react";
 
 import { PlusSquareOutlined } from "@ant-design/icons";
 import { Button } from "antd";
diff --git a/examples/app-crm/src/routes/scrumboard/components/add-stage-button.tsx b/examples/app-crm/src/routes/scrumboard/components/add-stage-button.tsx
index 537ea291af30..d9d288d9b4c5 100644
--- a/examples/app-crm/src/routes/scrumboard/components/add-stage-button.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/add-stage-button.tsx
@@ -1,7 +1,7 @@
-import { FC, PropsWithChildren } from "react";
+import type { FC, PropsWithChildren } from "react";
 
 import { PlusSquareOutlined } from "@ant-design/icons";
-import { Button, ButtonProps } from "antd";
+import { Button, type ButtonProps } from "antd";
 
 import { Text } from "@/components";
 
diff --git a/examples/app-crm/src/routes/scrumboard/components/board/index.tsx b/examples/app-crm/src/routes/scrumboard/components/board/index.tsx
index 1d1834d6c1f1..5645d172dc7b 100644
--- a/examples/app-crm/src/routes/scrumboard/components/board/index.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/board/index.tsx
@@ -1,8 +1,8 @@
-import { FC, PropsWithChildren } from "react";
+import type { FC, PropsWithChildren } from "react";
 
 import {
   DndContext,
-  DragEndEvent,
+  type DragEndEvent,
   MouseSensor,
   TouchSensor,
   useSensor,
diff --git a/examples/app-crm/src/routes/scrumboard/components/checklist-input.tsx b/examples/app-crm/src/routes/scrumboard/components/checklist-input.tsx
index 5c61ed0a8709..6167d77c8e8a 100644
--- a/examples/app-crm/src/routes/scrumboard/components/checklist-input.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/checklist-input.tsx
@@ -1,6 +1,6 @@
 import { Checkbox, Input } from "antd";
 
-import { CheckListItem } from "@/graphql/schema.types";
+import type { CheckListItem } from "@/graphql/schema.types";
 
 type Props = {
   value?: CheckListItem;
diff --git a/examples/app-crm/src/routes/scrumboard/components/column/index.tsx b/examples/app-crm/src/routes/scrumboard/components/column/index.tsx
index ddcbcb3e5121..b0d7e8ab2759 100644
--- a/examples/app-crm/src/routes/scrumboard/components/column/index.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/column/index.tsx
@@ -1,8 +1,8 @@
-import { FC, PropsWithChildren, ReactNode } from "react";
+import type { FC, PropsWithChildren, ReactNode } from "react";
 
 import { MoreOutlined, PlusOutlined } from "@ant-design/icons";
-import { useDroppable, UseDroppableArguments } from "@dnd-kit/core";
-import { Button, Dropdown, MenuProps, Skeleton } from "antd";
+import { useDroppable, type UseDroppableArguments } from "@dnd-kit/core";
+import { Button, Dropdown, type MenuProps, Skeleton } from "antd";
 import cn from "classnames";
 
 import { Text } from "@/components";
diff --git a/examples/app-crm/src/routes/scrumboard/components/comment-list.tsx b/examples/app-crm/src/routes/scrumboard/components/comment-list.tsx
index 966c9f145794..9bdd832ff72f 100644
--- a/examples/app-crm/src/routes/scrumboard/components/comment-list.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/comment-list.tsx
@@ -1,19 +1,19 @@
 import { DeleteButton, useForm } from "@refinedev/antd";
 import {
-  HttpError,
+  type HttpError,
   useGetIdentity,
   useInvalidate,
   useList,
   useParsed,
 } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { Button, Form, Input, Space, Typography } from "antd";
 import dayjs from "dayjs";
 
 import { CustomAvatar, Text } from "@/components";
-import { User } from "@/graphql/schema.types";
-import { KanbanTaskCommentsQuery } from "@/graphql/types";
+import type { User } from "@/graphql/schema.types";
+import type { KanbanTaskCommentsQuery } from "@/graphql/types";
 
 import { KANBAN_TASK_COMMENTS_QUERY } from "../kanban/queries";
 
diff --git a/examples/app-crm/src/routes/scrumboard/components/deal-kanban-card/index.tsx b/examples/app-crm/src/routes/scrumboard/components/deal-kanban-card/index.tsx
index 72be919de9de..46d14ecaf232 100644
--- a/examples/app-crm/src/routes/scrumboard/components/deal-kanban-card/index.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/deal-kanban-card/index.tsx
@@ -1,4 +1,4 @@
-import { FC, memo, useMemo } from "react";
+import { type FC, memo, useMemo } from "react";
 
 import { useDelete, useNavigation } from "@refinedev/core";
 
@@ -8,14 +8,14 @@ import {
   Card,
   ConfigProvider,
   Dropdown,
-  MenuProps,
+  type MenuProps,
   Skeleton,
   Tooltip,
 } from "antd";
 import dayjs from "dayjs";
 
 import { CustomAvatar, Text } from "@/components";
-import { User } from "@/graphql/schema.types";
+import type { User } from "@/graphql/schema.types";
 
 type Props = {
   id: string;
diff --git a/examples/app-crm/src/routes/scrumboard/components/deal-kanban-won-lost-drop/index.tsx b/examples/app-crm/src/routes/scrumboard/components/deal-kanban-won-lost-drop/index.tsx
index 41a6d04e2696..0c55c26f551e 100644
--- a/examples/app-crm/src/routes/scrumboard/components/deal-kanban-won-lost-drop/index.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/deal-kanban-won-lost-drop/index.tsx
@@ -1,4 +1,4 @@
-import { FC, useState } from "react";
+import { type FC, useState } from "react";
 
 import { useDndMonitor, useDroppable } from "@dnd-kit/core";
 import cn from "classnames";
diff --git a/examples/app-crm/src/routes/scrumboard/components/forms/checklist-form.tsx b/examples/app-crm/src/routes/scrumboard/components/forms/checklist-form.tsx
index 5dc4897ce3db..b11547afb922 100644
--- a/examples/app-crm/src/routes/scrumboard/components/forms/checklist-form.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/forms/checklist-form.tsx
@@ -1,12 +1,12 @@
 import { useEffect } from "react";
 
 import { useForm } from "@refinedev/antd";
-import { HttpError, useInvalidate } from "@refinedev/core";
+import { type HttpError, useInvalidate } from "@refinedev/core";
 
 import { DeleteOutlined, PlusOutlined } from "@ant-design/icons";
 import { Button, Form } from "antd";
 
-import { Task, TaskUpdateInput } from "@/graphql/schema.types";
+import type { Task, TaskUpdateInput } from "@/graphql/schema.types";
 
 import { KANBAN_UPDATE_TASK_MUTATION } from "../../kanban/queries";
 import { AccordionHeaderSkeleton, ChecklistHeader, CheckListInput } from "../";
diff --git a/examples/app-crm/src/routes/scrumboard/components/forms/comment-form.tsx b/examples/app-crm/src/routes/scrumboard/components/forms/comment-form.tsx
index 90113386f4e9..3edfb7475f9e 100644
--- a/examples/app-crm/src/routes/scrumboard/components/forms/comment-form.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/forms/comment-form.tsx
@@ -1,7 +1,7 @@
 import { useForm } from "@refinedev/antd";
 import {
-  BaseKey,
-  HttpError,
+  type BaseKey,
+  type HttpError,
   useGetIdentity,
   useInvalidate,
   useParsed,
@@ -11,7 +11,7 @@ import { LoadingOutlined } from "@ant-design/icons";
 import { Form, Input } from "antd";
 
 import { CustomAvatar } from "@/components";
-import { TaskComment, User } from "@/graphql/schema.types";
+import type { TaskComment, User } from "@/graphql/schema.types";
 
 type FormValues = TaskComment & {
   taskId: BaseKey;
diff --git a/examples/app-crm/src/routes/scrumboard/components/forms/description-form.tsx b/examples/app-crm/src/routes/scrumboard/components/forms/description-form.tsx
index 5a750640f703..01558ba139fe 100644
--- a/examples/app-crm/src/routes/scrumboard/components/forms/description-form.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/forms/description-form.tsx
@@ -1,13 +1,13 @@
 import { lazy, Suspense } from "react";
 
 import { useForm } from "@refinedev/antd";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 import { Button, Form, Space } from "antd";
 
 import { KANBAN_UPDATE_TASK_MUTATION } from "../../kanban/queries";
-import { GetFields } from "@refinedev/nestjs-query";
-import { KanbanUpdateTaskMutation } from "../../../../graphql/types";
+import type { GetFields } from "@refinedev/nestjs-query";
+import type { KanbanUpdateTaskMutation } from "../../../../graphql/types";
 
 const MDEditor = lazy(() => import("@uiw/react-md-editor"));
 
diff --git a/examples/app-crm/src/routes/scrumboard/components/forms/duedate-form.tsx b/examples/app-crm/src/routes/scrumboard/components/forms/duedate-form.tsx
index 472370631398..562b5d6313cb 100644
--- a/examples/app-crm/src/routes/scrumboard/components/forms/duedate-form.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/forms/duedate-form.tsx
@@ -1,10 +1,10 @@
 import { useForm } from "@refinedev/antd";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 import { Button, DatePicker, Form, Space } from "antd";
 import dayjs from "dayjs";
 
-import { Task } from "@/graphql/schema.types";
+import type { Task } from "@/graphql/schema.types";
 
 import { KANBAN_UPDATE_TASK_MUTATION } from "../../kanban/queries";
 
diff --git a/examples/app-crm/src/routes/scrumboard/components/forms/stage-form.tsx b/examples/app-crm/src/routes/scrumboard/components/forms/stage-form.tsx
index 3712965753fe..8d7833117158 100644
--- a/examples/app-crm/src/routes/scrumboard/components/forms/stage-form.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/forms/stage-form.tsx
@@ -1,14 +1,17 @@
 import { useEffect } from "react";
 
 import { useForm, useSelect } from "@refinedev/antd";
-import { HttpError, useInvalidate } from "@refinedev/core";
-import { GetFields, GetFieldsFromList } from "@refinedev/nestjs-query";
+import { type HttpError, useInvalidate } from "@refinedev/core";
+import type { GetFields, GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { FlagOutlined } from "@ant-design/icons";
 import { Checkbox, Form, Select, Space } from "antd";
 
-import { Task } from "@/graphql/schema.types";
-import { KanbanGetTaskQuery, TaskStagesSelectQuery } from "@/graphql/types";
+import type { Task } from "@/graphql/schema.types";
+import type {
+  KanbanGetTaskQuery,
+  TaskStagesSelectQuery,
+} from "@/graphql/types";
 
 import { AccordionHeaderSkeleton } from "../accordion-header-skeleton";
 import { TASK_STAGES_SELECT_QUERY } from "./queries";
diff --git a/examples/app-crm/src/routes/scrumboard/components/forms/title-form.tsx b/examples/app-crm/src/routes/scrumboard/components/forms/title-form.tsx
index 5cdaf272e233..ae2aaf26eda0 100644
--- a/examples/app-crm/src/routes/scrumboard/components/forms/title-form.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/forms/title-form.tsx
@@ -1,12 +1,12 @@
 import { useEffect } from "react";
 
 import { useForm } from "@refinedev/antd";
-import { HttpError, useInvalidate } from "@refinedev/core";
+import { type HttpError, useInvalidate } from "@refinedev/core";
 
 import { Form, Skeleton } from "antd";
 
 import { Text } from "@/components";
-import { Task, TaskUpdateInput } from "@/graphql/schema.types";
+import type { Task, TaskUpdateInput } from "@/graphql/schema.types";
 
 import { KANBAN_UPDATE_TASK_MUTATION } from "../../kanban/queries";
 
diff --git a/examples/app-crm/src/routes/scrumboard/components/forms/users-form.tsx b/examples/app-crm/src/routes/scrumboard/components/forms/users-form.tsx
index 39d546089f2c..0b57ea6c7e92 100644
--- a/examples/app-crm/src/routes/scrumboard/components/forms/users-form.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/forms/users-form.tsx
@@ -1,13 +1,13 @@
 import { useForm } from "@refinedev/antd";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 import { Button, Form, Select, Space } from "antd";
 
 import { useUsersSelect } from "@/hooks/useUsersSelect";
 
 import { KANBAN_UPDATE_TASK_MUTATION } from "../../kanban/queries";
-import { GetFields } from "@refinedev/nestjs-query";
-import { KanbanUpdateTaskMutation } from "../../../../graphql/types";
+import type { GetFields } from "@refinedev/nestjs-query";
+import type { KanbanUpdateTaskMutation } from "../../../../graphql/types";
 
 type Task = GetFields<KanbanUpdateTaskMutation>;
 
diff --git a/examples/app-crm/src/routes/scrumboard/components/headers/accordion-header.tsx b/examples/app-crm/src/routes/scrumboard/components/headers/accordion-header.tsx
index c7e0e09fc7df..a7757264b48d 100644
--- a/examples/app-crm/src/routes/scrumboard/components/headers/accordion-header.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/headers/accordion-header.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode } from "react";
+import type { PropsWithChildren, ReactNode } from "react";
 
 import { Space } from "antd";
 
diff --git a/examples/app-crm/src/routes/scrumboard/components/headers/checklist-header.tsx b/examples/app-crm/src/routes/scrumboard/components/headers/checklist-header.tsx
index 7703d890800b..d9d191b2fcab 100644
--- a/examples/app-crm/src/routes/scrumboard/components/headers/checklist-header.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/headers/checklist-header.tsx
@@ -2,7 +2,7 @@ import { CheckSquareOutlined } from "@ant-design/icons";
 import { Space } from "antd";
 
 import { Text } from "@/components";
-import { Task } from "@/graphql/schema.types";
+import type { Task } from "@/graphql/schema.types";
 
 type Props = {
   checklist?: Task["checklist"];
diff --git a/examples/app-crm/src/routes/scrumboard/components/headers/description-header.tsx b/examples/app-crm/src/routes/scrumboard/components/headers/description-header.tsx
index d86652ded2b0..a7150673930c 100644
--- a/examples/app-crm/src/routes/scrumboard/components/headers/description-header.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/headers/description-header.tsx
@@ -2,7 +2,7 @@ import { MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { Task } from "@/graphql/schema.types";
+import type { Task } from "@/graphql/schema.types";
 
 type Props = {
   description?: Task["description"];
diff --git a/examples/app-crm/src/routes/scrumboard/components/headers/duedate-header.tsx b/examples/app-crm/src/routes/scrumboard/components/headers/duedate-header.tsx
index 4a3e9e763c39..cf1388fbc233 100644
--- a/examples/app-crm/src/routes/scrumboard/components/headers/duedate-header.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/headers/duedate-header.tsx
@@ -2,7 +2,7 @@ import { Space, Tag, Typography } from "antd";
 import dayjs from "dayjs";
 
 import { Text } from "@/components";
-import { Task } from "@/graphql/schema.types";
+import type { Task } from "@/graphql/schema.types";
 import { getDateColor } from "@/utilities";
 
 type Props = {
diff --git a/examples/app-crm/src/routes/scrumboard/components/headers/users-header.tsx b/examples/app-crm/src/routes/scrumboard/components/headers/users-header.tsx
index a5bb8932d62d..280e4ab99316 100644
--- a/examples/app-crm/src/routes/scrumboard/components/headers/users-header.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/headers/users-header.tsx
@@ -1,9 +1,9 @@
-import { GetFields } from "@refinedev/nestjs-query";
+import type { GetFields } from "@refinedev/nestjs-query";
 
 import { Space, Typography } from "antd";
 
 import { UserTag } from "@/components";
-import { KanbanGetTaskQuery } from "@/graphql/types";
+import type { KanbanGetTaskQuery } from "@/graphql/types";
 
 type Props = {
   users?: GetFields<KanbanGetTaskQuery>["users"];
diff --git a/examples/app-crm/src/routes/scrumboard/components/item/index.tsx b/examples/app-crm/src/routes/scrumboard/components/item/index.tsx
index 58214a173877..61eb7a640b94 100644
--- a/examples/app-crm/src/routes/scrumboard/components/item/index.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/item/index.tsx
@@ -1,9 +1,9 @@
-import { FC, PropsWithChildren } from "react";
+import type { FC, PropsWithChildren } from "react";
 
 import {
   DragOverlay,
   useDraggable,
-  UseDraggableArguments,
+  type UseDraggableArguments,
 } from "@dnd-kit/core";
 
 interface Props {
diff --git a/examples/app-crm/src/routes/scrumboard/components/project-kanban-card/index.tsx b/examples/app-crm/src/routes/scrumboard/components/project-kanban-card/index.tsx
index ece0ed489722..d86f3a9be41b 100644
--- a/examples/app-crm/src/routes/scrumboard/components/project-kanban-card/index.tsx
+++ b/examples/app-crm/src/routes/scrumboard/components/project-kanban-card/index.tsx
@@ -25,7 +25,7 @@ import {
 import dayjs from "dayjs";
 
 import { CustomAvatar, Text, TextIcon } from "@/components";
-import { User } from "@/graphql/schema.types";
+import type { User } from "@/graphql/schema.types";
 import { getDateColor } from "@/utilities";
 
 type ProjectCardProps = {
diff --git a/examples/app-crm/src/routes/scrumboard/kanban/create-stage.tsx b/examples/app-crm/src/routes/scrumboard/kanban/create-stage.tsx
index 81a9e741493c..f5d52d97c3f9 100644
--- a/examples/app-crm/src/routes/scrumboard/kanban/create-stage.tsx
+++ b/examples/app-crm/src/routes/scrumboard/kanban/create-stage.tsx
@@ -1,10 +1,10 @@
 import { useModalForm } from "@refinedev/antd";
 import { useInvalidate, useNavigation } from "@refinedev/core";
-import { GetFields } from "@refinedev/nestjs-query";
+import type { GetFields } from "@refinedev/nestjs-query";
 
 import { Form, Input, Modal } from "antd";
 
-import { KanbanCreateStageMutation } from "@/graphql/types";
+import type { KanbanCreateStageMutation } from "@/graphql/types";
 
 import { KANBAN_CREATE_STAGE_MUTATION } from "./queries";
 
diff --git a/examples/app-crm/src/routes/scrumboard/kanban/create.tsx b/examples/app-crm/src/routes/scrumboard/kanban/create.tsx
index 97aaf3c45da6..aafcd67994ee 100644
--- a/examples/app-crm/src/routes/scrumboard/kanban/create.tsx
+++ b/examples/app-crm/src/routes/scrumboard/kanban/create.tsx
@@ -2,11 +2,11 @@ import { useSearchParams } from "react-router-dom";
 
 import { useModalForm } from "@refinedev/antd";
 import { useNavigation } from "@refinedev/core";
-import { GetFields } from "@refinedev/nestjs-query";
+import type { GetFields } from "@refinedev/nestjs-query";
 
 import { Form, Input, Modal } from "antd";
 
-import { KanbanCreateTaskMutation } from "@/graphql/types";
+import type { KanbanCreateTaskMutation } from "@/graphql/types";
 
 import { KANBAN_CREATE_TASK_MUTATION } from "./queries";
 
diff --git a/examples/app-crm/src/routes/scrumboard/kanban/edit-stage.tsx b/examples/app-crm/src/routes/scrumboard/kanban/edit-stage.tsx
index 037b279438f6..579c50b73995 100644
--- a/examples/app-crm/src/routes/scrumboard/kanban/edit-stage.tsx
+++ b/examples/app-crm/src/routes/scrumboard/kanban/edit-stage.tsx
@@ -1,10 +1,10 @@
 import { useModalForm } from "@refinedev/antd";
 import { useInvalidate, useNavigation } from "@refinedev/core";
-import { GetFields } from "@refinedev/nestjs-query";
+import type { GetFields } from "@refinedev/nestjs-query";
 
 import { Form, Input, Modal } from "antd";
 
-import { KanbanUpdateStageMutation } from "@/graphql/types";
+import type { KanbanUpdateStageMutation } from "@/graphql/types";
 
 import { KANBAN_UPDATE_STAGE_MUTATION } from "./queries";
 
diff --git a/examples/app-crm/src/routes/scrumboard/kanban/edit.tsx b/examples/app-crm/src/routes/scrumboard/kanban/edit.tsx
index 3143d675c098..a4335f7c8175 100644
--- a/examples/app-crm/src/routes/scrumboard/kanban/edit.tsx
+++ b/examples/app-crm/src/routes/scrumboard/kanban/edit.tsx
@@ -2,7 +2,7 @@ import { useState } from "react";
 
 import { useModal } from "@refinedev/antd";
 import { useNavigation, useShow } from "@refinedev/core";
-import { GetFields } from "@refinedev/nestjs-query";
+import type { GetFields } from "@refinedev/nestjs-query";
 
 import {
   AlignLeftOutlined,
@@ -11,7 +11,7 @@ import {
 } from "@ant-design/icons";
 import { Modal } from "antd";
 
-import { KanbanGetTaskQuery } from "@/graphql/types";
+import type { KanbanGetTaskQuery } from "@/graphql/types";
 
 import {
   Accordion,
diff --git a/examples/app-crm/src/routes/scrumboard/kanban/list.tsx b/examples/app-crm/src/routes/scrumboard/kanban/list.tsx
index f88285bf456d..8a77bb21aad5 100644
--- a/examples/app-crm/src/routes/scrumboard/kanban/list.tsx
+++ b/examples/app-crm/src/routes/scrumboard/kanban/list.tsx
@@ -1,21 +1,21 @@
-import { FC, PropsWithChildren, useMemo } from "react";
+import { type FC, type PropsWithChildren, useMemo } from "react";
 
 import {
-  HttpError,
+  type HttpError,
   useDelete,
   useList,
   useNavigation,
   useUpdate,
   useUpdateMany,
 } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { ClearOutlined, DeleteOutlined, EditOutlined } from "@ant-design/icons";
-import { DragEndEvent } from "@dnd-kit/core";
-import { MenuProps } from "antd";
+import type { DragEndEvent } from "@dnd-kit/core";
+import type { MenuProps } from "antd";
 
-import { TaskUpdateInput } from "@/graphql/schema.types";
-import { KanbanTasksQuery, KanbanTaskStagesQuery } from "@/graphql/types";
+import type { TaskUpdateInput } from "@/graphql/schema.types";
+import type { KanbanTasksQuery, KanbanTaskStagesQuery } from "@/graphql/types";
 
 import {
   KanbanAddCardButton,
diff --git a/examples/app-crm/src/routes/scrumboard/sales/create.tsx b/examples/app-crm/src/routes/scrumboard/sales/create.tsx
index 1e366007d08d..7d32fb37c493 100644
--- a/examples/app-crm/src/routes/scrumboard/sales/create.tsx
+++ b/examples/app-crm/src/routes/scrumboard/sales/create.tsx
@@ -1,14 +1,14 @@
-import { FC, PropsWithChildren, useEffect } from "react";
+import { type FC, type PropsWithChildren, useEffect } from "react";
 import { useLocation, useSearchParams } from "react-router-dom";
 
 import { useModalForm, useSelect } from "@refinedev/antd";
 import {
-  HttpError,
+  type HttpError,
   useCreate,
   useGetIdentity,
   useNavigation,
 } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import {
   DollarOutlined,
@@ -28,8 +28,8 @@ import {
 } from "antd";
 
 import { SelectOptionWithAvatar } from "@/components";
-import { Contact, Deal, User } from "@/graphql/schema.types";
-import { SalesCompaniesSelectQuery } from "@/graphql/types";
+import type { Contact, Deal, User } from "@/graphql/schema.types";
+import type { SalesCompaniesSelectQuery } from "@/graphql/types";
 import { useDealStagesSelect } from "@/hooks/useDealStagesSelect";
 import { useUsersSelect } from "@/hooks/useUsersSelect";
 
diff --git a/examples/app-crm/src/routes/scrumboard/sales/edit.tsx b/examples/app-crm/src/routes/scrumboard/sales/edit.tsx
index aeb8b837d365..7dede78be762 100644
--- a/examples/app-crm/src/routes/scrumboard/sales/edit.tsx
+++ b/examples/app-crm/src/routes/scrumboard/sales/edit.tsx
@@ -1,15 +1,15 @@
 import { useEffect } from "react";
 
 import { useModalForm, useSelect } from "@refinedev/antd";
-import { HttpError, useNavigation } from "@refinedev/core";
-import { GetFields, GetFieldsFromList } from "@refinedev/nestjs-query";
+import { type HttpError, useNavigation } from "@refinedev/core";
+import type { GetFields, GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { DollarOutlined } from "@ant-design/icons";
 import { Col, Form, Input, InputNumber, Modal, Row, Select } from "antd";
 
 import { SelectOptionWithAvatar } from "@/components";
-import { DealUpdateInput } from "@/graphql/schema.types";
-import {
+import type { DealUpdateInput } from "@/graphql/schema.types";
+import type {
   SalesCompaniesSelectQuery,
   SalesUpdateDealMutation,
 } from "@/graphql/types";
diff --git a/examples/app-crm/src/routes/scrumboard/sales/finalize-deal.tsx b/examples/app-crm/src/routes/scrumboard/sales/finalize-deal.tsx
index 4335c95f394a..dbb9ffc5d283 100644
--- a/examples/app-crm/src/routes/scrumboard/sales/finalize-deal.tsx
+++ b/examples/app-crm/src/routes/scrumboard/sales/finalize-deal.tsx
@@ -1,14 +1,14 @@
 import { useEffect } from "react";
 
 import { useModalForm } from "@refinedev/antd";
-import { HttpError, useInvalidate, useNavigation } from "@refinedev/core";
+import { type HttpError, useInvalidate, useNavigation } from "@refinedev/core";
 
 import { DatePicker, Form, Input, Modal } from "antd";
 import dayjs from "dayjs";
 
 import { SALES_FINALIZE_DEAL_MUTATION } from "./queries";
-import { GetFields } from "@refinedev/nestjs-query";
-import { SalesFinalizeDealMutation } from "../../../graphql/types";
+import type { GetFields } from "@refinedev/nestjs-query";
+import type { SalesFinalizeDealMutation } from "../../../graphql/types";
 
 type Deal = GetFields<SalesFinalizeDealMutation>;
 
diff --git a/examples/app-crm/src/routes/scrumboard/sales/list.tsx b/examples/app-crm/src/routes/scrumboard/sales/list.tsx
index 72e2cb47b739..e8c1c7512df5 100644
--- a/examples/app-crm/src/routes/scrumboard/sales/list.tsx
+++ b/examples/app-crm/src/routes/scrumboard/sales/list.tsx
@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren, useMemo } from "react";
+import { type FC, type PropsWithChildren, useMemo } from "react";
 
 import {
   useDelete,
@@ -7,14 +7,14 @@ import {
   useUpdate,
   useUpdateMany,
 } from "@refinedev/core";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { ClearOutlined, DeleteOutlined, EditOutlined } from "@ant-design/icons";
-import { DragEndEvent } from "@dnd-kit/core";
-import { MenuProps } from "antd";
+import type { DragEndEvent } from "@dnd-kit/core";
+import type { MenuProps } from "antd";
 
 import { Text } from "@/components";
-import { SalesDealsQuery, SalesDealStagesQuery } from "@/graphql/types";
+import type { SalesDealsQuery, SalesDealStagesQuery } from "@/graphql/types";
 import { currencyNumber } from "@/utilities";
 
 import {
diff --git a/examples/audit-log-provider/src/components/history.tsx b/examples/audit-log-provider/src/components/history.tsx
index 3bbe767c3562..7bfa29935944 100644
--- a/examples/audit-log-provider/src/components/history.tsx
+++ b/examples/audit-log-provider/src/components/history.tsx
@@ -1,7 +1,7 @@
-import { FC } from "react";
-import { BaseKey, useLogList } from "@refinedev/core";
+import type { FC } from "react";
+import { type BaseKey, useLogList } from "@refinedev/core";
 
-import { ILog } from "../interfaces";
+import type { ILog } from "../interfaces";
 
 type HistoryProps = {
   resource: string;
diff --git a/examples/audit-log-provider/src/pages/posts/list.tsx b/examples/audit-log-provider/src/pages/posts/list.tsx
index 8ed152764de5..1d298a9c9f1c 100644
--- a/examples/audit-log-provider/src/pages/posts/list.tsx
+++ b/examples/audit-log-provider/src/pages/posts/list.tsx
@@ -3,7 +3,7 @@ import { useState } from "react";
 
 import { Modal } from "../../components/modal";
 import { History } from "../../components/history";
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { show, close, visible } = useModal();
diff --git a/examples/auth-antd/src/App.tsx b/examples/auth-antd/src/App.tsx
index 027ffa23594a..c17f8d39db18 100644
--- a/examples/auth-antd/src/App.tsx
+++ b/examples/auth-antd/src/App.tsx
@@ -1,7 +1,7 @@
 import {
   GitHubBanner,
   Refine,
-  AuthProvider,
+  type AuthProvider,
   Authenticated,
 } from "@refinedev/core";
 import {
diff --git a/examples/auth-antd/src/pages/posts/edit.tsx b/examples/auth-antd/src/pages/posts/edit.tsx
index 71fb6a382e09..a7ac2428084d 100644
--- a/examples/auth-antd/src/pages/posts/edit.tsx
+++ b/examples/auth-antd/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/auth-antd/src/pages/posts/list.tsx b/examples/auth-antd/src/pages/posts/list.tsx
index 605972a021c8..a72ebcd74254 100644
--- a/examples/auth-antd/src/pages/posts/list.tsx
+++ b/examples/auth-antd/src/pages/posts/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/auth-antd/src/pages/posts/show.tsx b/examples/auth-antd/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/auth-antd/src/pages/posts/show.tsx
+++ b/examples/auth-antd/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/auth-auth0/src/App.tsx b/examples/auth-auth0/src/App.tsx
index 5861f426feb5..e9e387dfb42d 100644
--- a/examples/auth-auth0/src/App.tsx
+++ b/examples/auth-auth0/src/App.tsx
@@ -1,7 +1,7 @@
 import {
   GitHubBanner,
   Refine,
-  AuthProvider,
+  type AuthProvider,
   Authenticated,
 } from "@refinedev/core";
 import {
diff --git a/examples/auth-auth0/src/pages/posts/create.tsx b/examples/auth-auth0/src/pages/posts/create.tsx
index 1584d39ac3e3..2bcf74182b56 100644
--- a/examples/auth-auth0/src/pages/posts/create.tsx
+++ b/examples/auth-auth0/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/auth-auth0/src/pages/posts/edit.tsx b/examples/auth-auth0/src/pages/posts/edit.tsx
index 71fb6a382e09..a7ac2428084d 100644
--- a/examples/auth-auth0/src/pages/posts/edit.tsx
+++ b/examples/auth-auth0/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/auth-auth0/src/pages/posts/list.tsx b/examples/auth-auth0/src/pages/posts/list.tsx
index 186964b58fb8..d9375a4d46a5 100644
--- a/examples/auth-auth0/src/pages/posts/list.tsx
+++ b/examples/auth-auth0/src/pages/posts/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/auth-auth0/src/pages/posts/show.tsx b/examples/auth-auth0/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/auth-auth0/src/pages/posts/show.tsx
+++ b/examples/auth-auth0/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/auth-chakra-ui/src/App.tsx b/examples/auth-chakra-ui/src/App.tsx
index b0038c3a2fd9..95e0c5664461 100644
--- a/examples/auth-chakra-ui/src/App.tsx
+++ b/examples/auth-chakra-ui/src/App.tsx
@@ -1,5 +1,5 @@
 import {
-  AuthProvider,
+  type AuthProvider,
   Authenticated,
   GitHubBanner,
   Refine,
diff --git a/examples/auth-chakra-ui/src/components/pagination/index.tsx b/examples/auth-chakra-ui/src/components/pagination/index.tsx
index 2d2fc2239993..1f3c65d6ebb0 100644
--- a/examples/auth-chakra-ui/src/components/pagination/index.tsx
+++ b/examples/auth-chakra-ui/src/components/pagination/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HStack, Button, Box } from "@chakra-ui/react";
 import { IconChevronRight, IconChevronLeft } from "@tabler/icons-react";
 import { usePagination } from "@refinedev/chakra-ui";
diff --git a/examples/auth-chakra-ui/src/components/table/columnFilter.tsx b/examples/auth-chakra-ui/src/components/table/columnFilter.tsx
index 381c1ba966f8..23dd9b37808e 100644
--- a/examples/auth-chakra-ui/src/components/table/columnFilter.tsx
+++ b/examples/auth-chakra-ui/src/components/table/columnFilter.tsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/auth-chakra-ui/src/components/table/columnSorter.tsx b/examples/auth-chakra-ui/src/components/table/columnSorter.tsx
index 14dd2dc838ed..5773baaef80e 100644
--- a/examples/auth-chakra-ui/src/components/table/columnSorter.tsx
+++ b/examples/auth-chakra-ui/src/components/table/columnSorter.tsx
@@ -6,7 +6,7 @@ import {
 } from "@tabler/icons-react";
 
 import type { SortDirection } from "@tanstack/react-table";
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/auth-chakra-ui/src/interfaces/index.d.ts b/examples/auth-chakra-ui/src/interfaces/index.d.ts
index 582a7731788a..1e9dc13d2385 100644
--- a/examples/auth-chakra-ui/src/interfaces/index.d.ts
+++ b/examples/auth-chakra-ui/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/auth-chakra-ui/src/pages/posts/create.tsx b/examples/auth-chakra-ui/src/pages/posts/create.tsx
index d72bdddf9449..9e63292412d6 100644
--- a/examples/auth-chakra-ui/src/pages/posts/create.tsx
+++ b/examples/auth-chakra-ui/src/pages/posts/create.tsx
@@ -9,7 +9,7 @@ import {
 import { useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostCreate = () => {
   const {
diff --git a/examples/auth-chakra-ui/src/pages/posts/edit.tsx b/examples/auth-chakra-ui/src/pages/posts/edit.tsx
index 57d5fed1eeb4..8d5596c118c3 100644
--- a/examples/auth-chakra-ui/src/pages/posts/edit.tsx
+++ b/examples/auth-chakra-ui/src/pages/posts/edit.tsx
@@ -10,7 +10,7 @@ import {
 import { useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostEdit = () => {
   const {
diff --git a/examples/auth-chakra-ui/src/pages/posts/list.tsx b/examples/auth-chakra-ui/src/pages/posts/list.tsx
index b50f8a030e19..06469f9de383 100644
--- a/examples/auth-chakra-ui/src/pages/posts/list.tsx
+++ b/examples/auth-chakra-ui/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -25,7 +25,7 @@ import {
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
 import { Pagination } from "../../components/pagination";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/auth-chakra-ui/src/pages/posts/show.tsx b/examples/auth-chakra-ui/src/pages/posts/show.tsx
index ce9f525855d1..0959476f6458 100644
--- a/examples/auth-chakra-ui/src/pages/posts/show.tsx
+++ b/examples/auth-chakra-ui/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/chakra-ui";
 
 import { Heading, Text, Spacer } from "@chakra-ui/react";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/auth-google-login/src/App.tsx b/examples/auth-google-login/src/App.tsx
index c1e846f83874..ed7510765931 100644
--- a/examples/auth-google-login/src/App.tsx
+++ b/examples/auth-google-login/src/App.tsx
@@ -1,7 +1,7 @@
 import {
   GitHubBanner,
   Refine,
-  AuthProvider,
+  type AuthProvider,
   Authenticated,
 } from "@refinedev/core";
 import {
diff --git a/examples/auth-google-login/src/pages/posts/create.tsx b/examples/auth-google-login/src/pages/posts/create.tsx
index 1584d39ac3e3..2bcf74182b56 100644
--- a/examples/auth-google-login/src/pages/posts/create.tsx
+++ b/examples/auth-google-login/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/auth-google-login/src/pages/posts/edit.tsx b/examples/auth-google-login/src/pages/posts/edit.tsx
index 71fb6a382e09..a7ac2428084d 100644
--- a/examples/auth-google-login/src/pages/posts/edit.tsx
+++ b/examples/auth-google-login/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/auth-google-login/src/pages/posts/list.tsx b/examples/auth-google-login/src/pages/posts/list.tsx
index 605972a021c8..a72ebcd74254 100644
--- a/examples/auth-google-login/src/pages/posts/list.tsx
+++ b/examples/auth-google-login/src/pages/posts/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/auth-google-login/src/pages/posts/show.tsx b/examples/auth-google-login/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/auth-google-login/src/pages/posts/show.tsx
+++ b/examples/auth-google-login/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/auth-headless/src/App.tsx b/examples/auth-headless/src/App.tsx
index 7a2f0ac03ffa..1f61518f17fa 100644
--- a/examples/auth-headless/src/App.tsx
+++ b/examples/auth-headless/src/App.tsx
@@ -1,6 +1,6 @@
 import {
   AuthPage,
-  AuthProvider,
+  type AuthProvider,
   GitHubBanner,
   Refine,
   Authenticated,
diff --git a/examples/auth-headless/src/components/layout/index.tsx b/examples/auth-headless/src/components/layout/index.tsx
index f6f489fe2e87..330edd006fc0 100644
--- a/examples/auth-headless/src/components/layout/index.tsx
+++ b/examples/auth-headless/src/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 
 import { Menu } from "../menu";
 import { Breadcrumb } from "../breadcrumb";
diff --git a/examples/auth-headless/src/pages/posts/list.tsx b/examples/auth-headless/src/pages/posts/list.tsx
index 9e7ebae6f451..f7bff439f08b 100644
--- a/examples/auth-headless/src/pages/posts/list.tsx
+++ b/examples/auth-headless/src/pages/posts/list.tsx
@@ -1,9 +1,9 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import { useNavigation } from "@refinedev/core";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { edit, create } = useNavigation();
diff --git a/examples/auth-keycloak/src/App.tsx b/examples/auth-keycloak/src/App.tsx
index 75f83374d064..04a314412b72 100644
--- a/examples/auth-keycloak/src/App.tsx
+++ b/examples/auth-keycloak/src/App.tsx
@@ -1,7 +1,7 @@
 import {
   GitHubBanner,
   Refine,
-  AuthProvider,
+  type AuthProvider,
   Authenticated,
 } from "@refinedev/core";
 import {
diff --git a/examples/auth-keycloak/src/pages/posts/create.tsx b/examples/auth-keycloak/src/pages/posts/create.tsx
index 1584d39ac3e3..2bcf74182b56 100644
--- a/examples/auth-keycloak/src/pages/posts/create.tsx
+++ b/examples/auth-keycloak/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/auth-keycloak/src/pages/posts/edit.tsx b/examples/auth-keycloak/src/pages/posts/edit.tsx
index 71fb6a382e09..a7ac2428084d 100644
--- a/examples/auth-keycloak/src/pages/posts/edit.tsx
+++ b/examples/auth-keycloak/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/auth-keycloak/src/pages/posts/list.tsx b/examples/auth-keycloak/src/pages/posts/list.tsx
index 186964b58fb8..d9375a4d46a5 100644
--- a/examples/auth-keycloak/src/pages/posts/list.tsx
+++ b/examples/auth-keycloak/src/pages/posts/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/auth-keycloak/src/pages/posts/show.tsx b/examples/auth-keycloak/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/auth-keycloak/src/pages/posts/show.tsx
+++ b/examples/auth-keycloak/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/auth-kinde/src/pages/posts/list.tsx b/examples/auth-kinde/src/pages/posts/list.tsx
index 4d6479bff926..ac3ba7a7595e 100644
--- a/examples/auth-kinde/src/pages/posts/list.tsx
+++ b/examples/auth-kinde/src/pages/posts/list.tsx
@@ -4,7 +4,7 @@ import { List, TextField, useTable } from "@refinedev/antd";
 
 import { Table } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/auth-mantine/src/App.tsx b/examples/auth-mantine/src/App.tsx
index 632973db0ee6..9bfdc49fe158 100644
--- a/examples/auth-mantine/src/App.tsx
+++ b/examples/auth-mantine/src/App.tsx
@@ -1,5 +1,5 @@
 import {
-  AuthProvider,
+  type AuthProvider,
   Authenticated,
   GitHubBanner,
   Refine,
diff --git a/examples/auth-mantine/src/components/table/columnFilter.tsx b/examples/auth-mantine/src/components/table/columnFilter.tsx
index 86cad3cb69c0..17c6939949f5 100644
--- a/examples/auth-mantine/src/components/table/columnFilter.tsx
+++ b/examples/auth-mantine/src/components/table/columnFilter.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/auth-mantine/src/components/table/columnSorter.tsx b/examples/auth-mantine/src/components/table/columnSorter.tsx
index f71ed1bbd4ec..b2a74d55a35e 100644
--- a/examples/auth-mantine/src/components/table/columnSorter.tsx
+++ b/examples/auth-mantine/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/auth-mantine/src/interfaces/index.d.ts b/examples/auth-mantine/src/interfaces/index.d.ts
index 582a7731788a..1e9dc13d2385 100644
--- a/examples/auth-mantine/src/interfaces/index.d.ts
+++ b/examples/auth-mantine/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/auth-mantine/src/pages/posts/edit.tsx b/examples/auth-mantine/src/pages/posts/edit.tsx
index 7c545b16ef09..909fc47d41bd 100644
--- a/examples/auth-mantine/src/pages/posts/edit.tsx
+++ b/examples/auth-mantine/src/pages/posts/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm, useSelect } from "@refinedev/mantine";
 import { Select, TextInput, Text } from "@mantine/core";
 import MDEditor from "@uiw/react-md-editor";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/auth-mantine/src/pages/posts/list.tsx b/examples/auth-mantine/src/pages/posts/list.tsx
index 98ccc47eff7f..984b95a9a310 100644
--- a/examples/auth-mantine/src/pages/posts/list.tsx
+++ b/examples/auth-mantine/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -20,7 +20,7 @@ import {
 } from "@mantine/core";
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/auth-mantine/src/pages/posts/show.tsx b/examples/auth-mantine/src/pages/posts/show.tsx
index 109d90abdc0d..1dd1b40850b1 100644
--- a/examples/auth-mantine/src/pages/posts/show.tsx
+++ b/examples/auth-mantine/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/mantine";
 
 import { Title, Text } from "@mantine/core";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/auth-material-ui/src/App.tsx b/examples/auth-material-ui/src/App.tsx
index 246319970454..149ece6cd16b 100644
--- a/examples/auth-material-ui/src/App.tsx
+++ b/examples/auth-material-ui/src/App.tsx
@@ -1,7 +1,7 @@
 import {
   GitHubBanner,
   Refine,
-  AuthProvider,
+  type AuthProvider,
   Authenticated,
 } from "@refinedev/core";
 import {
diff --git a/examples/auth-material-ui/src/pages/posts/create.tsx b/examples/auth-material-ui/src/pages/posts/create.tsx
index 151ef37a38e6..016d5ab39d0a 100644
--- a/examples/auth-material-ui/src/pages/posts/create.tsx
+++ b/examples/auth-material-ui/src/pages/posts/create.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Create, useAutocomplete } from "@refinedev/mui";
 import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
@@ -7,7 +7,7 @@ import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { IPost, ICategory, IStatus, Nullable } from "../../interfaces";
+import type { IPost, ICategory, IStatus, Nullable } from "../../interfaces";
 
 export const PostCreate: React.FC = () => {
   const {
diff --git a/examples/auth-material-ui/src/pages/posts/edit.tsx b/examples/auth-material-ui/src/pages/posts/edit.tsx
index 8700e3699726..0d36a26b115c 100644
--- a/examples/auth-material-ui/src/pages/posts/edit.tsx
+++ b/examples/auth-material-ui/src/pages/posts/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Edit, useAutocomplete } from "@refinedev/mui";
 import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
@@ -7,7 +7,7 @@ import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { IPost, ICategory, IStatus, Nullable } from "../../interfaces";
+import type { IPost, ICategory, IStatus, Nullable } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/auth-material-ui/src/pages/posts/list.tsx b/examples/auth-material-ui/src/pages/posts/list.tsx
index 3ae186633700..019ac589494f 100644
--- a/examples/auth-material-ui/src/pages/posts/list.tsx
+++ b/examples/auth-material-ui/src/pages/posts/list.tsx
@@ -2,9 +2,9 @@ import { useMany } from "@refinedev/core";
 import { EditButton, List, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>();
diff --git a/examples/auth-otp/src/App.tsx b/examples/auth-otp/src/App.tsx
index e872fdeebfef..ce266416d43f 100644
--- a/examples/auth-otp/src/App.tsx
+++ b/examples/auth-otp/src/App.tsx
@@ -1,5 +1,5 @@
 import {
-  AuthProvider,
+  type AuthProvider,
   Authenticated,
   GitHubBanner,
   Refine,
diff --git a/examples/auth-otp/src/pages/posts/create.tsx b/examples/auth-otp/src/pages/posts/create.tsx
index 1584d39ac3e3..2bcf74182b56 100644
--- a/examples/auth-otp/src/pages/posts/create.tsx
+++ b/examples/auth-otp/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/auth-otp/src/pages/posts/edit.tsx b/examples/auth-otp/src/pages/posts/edit.tsx
index 71fb6a382e09..a7ac2428084d 100644
--- a/examples/auth-otp/src/pages/posts/edit.tsx
+++ b/examples/auth-otp/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/auth-otp/src/pages/posts/list.tsx b/examples/auth-otp/src/pages/posts/list.tsx
index 605972a021c8..a72ebcd74254 100644
--- a/examples/auth-otp/src/pages/posts/list.tsx
+++ b/examples/auth-otp/src/pages/posts/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/auth-otp/src/pages/posts/show.tsx b/examples/auth-otp/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/auth-otp/src/pages/posts/show.tsx
+++ b/examples/auth-otp/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/base-antd/src/pages/posts/create.tsx b/examples/base-antd/src/pages/posts/create.tsx
index e7ee90ca3ada..22d417d9f12f 100644
--- a/examples/base-antd/src/pages/posts/create.tsx
+++ b/examples/base-antd/src/pages/posts/create.tsx
@@ -5,7 +5,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>({
diff --git a/examples/base-antd/src/pages/posts/edit.tsx b/examples/base-antd/src/pages/posts/edit.tsx
index cf1a5b8e4c21..9061a282576a 100644
--- a/examples/base-antd/src/pages/posts/edit.tsx
+++ b/examples/base-antd/src/pages/posts/edit.tsx
@@ -5,7 +5,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult, autoSaveProps } =
diff --git a/examples/base-antd/src/pages/posts/list.tsx b/examples/base-antd/src/pages/posts/list.tsx
index 2275c43b6160..f6f17f51995e 100644
--- a/examples/base-antd/src/pages/posts/list.tsx
+++ b/examples/base-antd/src/pages/posts/list.tsx
@@ -13,7 +13,7 @@ import {
 
 import { Table, Space, Select, Radio } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, filters } = useTable<IPost>({
diff --git a/examples/base-antd/src/pages/posts/show.tsx b/examples/base-antd/src/pages/posts/show.tsx
index ca5932bbb1c5..65573501d8d4 100644
--- a/examples/base-antd/src/pages/posts/show.tsx
+++ b/examples/base-antd/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/base-chakra-ui/src/components/pagination/index.tsx b/examples/base-chakra-ui/src/components/pagination/index.tsx
index 2d2fc2239993..1f3c65d6ebb0 100644
--- a/examples/base-chakra-ui/src/components/pagination/index.tsx
+++ b/examples/base-chakra-ui/src/components/pagination/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HStack, Button, Box } from "@chakra-ui/react";
 import { IconChevronRight, IconChevronLeft } from "@tabler/icons-react";
 import { usePagination } from "@refinedev/chakra-ui";
diff --git a/examples/base-chakra-ui/src/components/table/columnFilter.tsx b/examples/base-chakra-ui/src/components/table/columnFilter.tsx
index 381c1ba966f8..23dd9b37808e 100644
--- a/examples/base-chakra-ui/src/components/table/columnFilter.tsx
+++ b/examples/base-chakra-ui/src/components/table/columnFilter.tsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/base-chakra-ui/src/components/table/columnSorter.tsx b/examples/base-chakra-ui/src/components/table/columnSorter.tsx
index 78e0fcec2d7b..1abdead5e884 100644
--- a/examples/base-chakra-ui/src/components/table/columnSorter.tsx
+++ b/examples/base-chakra-ui/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconSelector,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 import type { SortDirection } from "@tanstack/react-table";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
diff --git a/examples/base-chakra-ui/src/interfaces/index.d.ts b/examples/base-chakra-ui/src/interfaces/index.d.ts
index d57cb1a6fd8d..4ebdc7c91fa7 100644
--- a/examples/base-chakra-ui/src/interfaces/index.d.ts
+++ b/examples/base-chakra-ui/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/base-chakra-ui/src/pages/posts/create.tsx b/examples/base-chakra-ui/src/pages/posts/create.tsx
index ef2c3b05f9b1..4393387821d4 100644
--- a/examples/base-chakra-ui/src/pages/posts/create.tsx
+++ b/examples/base-chakra-ui/src/pages/posts/create.tsx
@@ -10,7 +10,7 @@ import {
 import { useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostCreate = () => {
   const {
diff --git a/examples/base-chakra-ui/src/pages/posts/edit.tsx b/examples/base-chakra-ui/src/pages/posts/edit.tsx
index e88644ec1050..cfd2ad214f24 100644
--- a/examples/base-chakra-ui/src/pages/posts/edit.tsx
+++ b/examples/base-chakra-ui/src/pages/posts/edit.tsx
@@ -11,7 +11,7 @@ import {
 import { useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostEdit = () => {
   const {
diff --git a/examples/base-chakra-ui/src/pages/posts/list.tsx b/examples/base-chakra-ui/src/pages/posts/list.tsx
index af36dcc5dfdb..d898c0509dd9 100644
--- a/examples/base-chakra-ui/src/pages/posts/list.tsx
+++ b/examples/base-chakra-ui/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -25,7 +25,7 @@ import {
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
 import { Pagination } from "../../components/pagination";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/base-chakra-ui/src/pages/posts/show.tsx b/examples/base-chakra-ui/src/pages/posts/show.tsx
index ce9f525855d1..0959476f6458 100644
--- a/examples/base-chakra-ui/src/pages/posts/show.tsx
+++ b/examples/base-chakra-ui/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/chakra-ui";
 
 import { Heading, Text, Spacer } from "@chakra-ui/react";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/base-headless/src/pages/posts/list.tsx b/examples/base-headless/src/pages/posts/list.tsx
index 9e7ebae6f451..f7bff439f08b 100644
--- a/examples/base-headless/src/pages/posts/list.tsx
+++ b/examples/base-headless/src/pages/posts/list.tsx
@@ -1,9 +1,9 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import { useNavigation } from "@refinedev/core";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { edit, create } = useNavigation();
diff --git a/examples/base-mantine/src/components/table/columnFilter.tsx b/examples/base-mantine/src/components/table/columnFilter.tsx
index 86cad3cb69c0..17c6939949f5 100644
--- a/examples/base-mantine/src/components/table/columnFilter.tsx
+++ b/examples/base-mantine/src/components/table/columnFilter.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/base-mantine/src/components/table/columnSorter.tsx b/examples/base-mantine/src/components/table/columnSorter.tsx
index f71ed1bbd4ec..b2a74d55a35e 100644
--- a/examples/base-mantine/src/components/table/columnSorter.tsx
+++ b/examples/base-mantine/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/base-mantine/src/interfaces/index.d.ts b/examples/base-mantine/src/interfaces/index.d.ts
index 61e172973540..d8dbff1142b2 100644
--- a/examples/base-mantine/src/interfaces/index.d.ts
+++ b/examples/base-mantine/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ITag {
   id: number;
diff --git a/examples/base-mantine/src/pages/posts/create.tsx b/examples/base-mantine/src/pages/posts/create.tsx
index 0d517eecbe69..b4b77234b835 100644
--- a/examples/base-mantine/src/pages/posts/create.tsx
+++ b/examples/base-mantine/src/pages/posts/create.tsx
@@ -1,7 +1,7 @@
 import { Create, useForm, useSelect } from "@refinedev/mantine";
 import { Select, TextInput, Text, MultiSelect } from "@mantine/core";
 import MDEditor from "@uiw/react-md-editor";
-import { ITag } from "../../interfaces";
+import type { ITag } from "../../interfaces";
 
 export const PostCreate: React.FC = () => {
   const { saveButtonProps, getInputProps, errors } = useForm({
diff --git a/examples/base-mantine/src/pages/posts/edit.tsx b/examples/base-mantine/src/pages/posts/edit.tsx
index a72946bb7f61..cf821d2b6e40 100644
--- a/examples/base-mantine/src/pages/posts/edit.tsx
+++ b/examples/base-mantine/src/pages/posts/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm, useSelect } from "@refinedev/mantine";
 import { Select, TextInput, Text, MultiSelect } from "@mantine/core";
 import MDEditor from "@uiw/react-md-editor";
 
-import { ICategory, ITag } from "../../interfaces";
+import type { ICategory, ITag } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/base-mantine/src/pages/posts/list.tsx b/examples/base-mantine/src/pages/posts/list.tsx
index 98ccc47eff7f..984b95a9a310 100644
--- a/examples/base-mantine/src/pages/posts/list.tsx
+++ b/examples/base-mantine/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -20,7 +20,7 @@ import {
 } from "@mantine/core";
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/base-mantine/src/pages/posts/show.tsx b/examples/base-mantine/src/pages/posts/show.tsx
index 908925df943c..90a0a0a8eafb 100644
--- a/examples/base-mantine/src/pages/posts/show.tsx
+++ b/examples/base-mantine/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/mantine";
 
 import { Title, Text, Badge, Flex } from "@mantine/core";
 
-import { ICategory, IPost, ITag } from "../../interfaces";
+import type { ICategory, IPost, ITag } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/base-material-ui/src/pages/posts/create.tsx b/examples/base-material-ui/src/pages/posts/create.tsx
index 7b8466a2de05..e39120cfdaf8 100644
--- a/examples/base-material-ui/src/pages/posts/create.tsx
+++ b/examples/base-material-ui/src/pages/posts/create.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Create, useAutocomplete } from "@refinedev/mui";
 import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
@@ -7,7 +7,7 @@ import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
+import type { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
 
 export const PostCreate: React.FC = () => {
   const {
diff --git a/examples/base-material-ui/src/pages/posts/edit.tsx b/examples/base-material-ui/src/pages/posts/edit.tsx
index 814ce15711ac..9a49279331b6 100644
--- a/examples/base-material-ui/src/pages/posts/edit.tsx
+++ b/examples/base-material-ui/src/pages/posts/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Edit, useAutocomplete } from "@refinedev/mui";
 import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
@@ -7,7 +7,7 @@ import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
+import type { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/base-material-ui/src/pages/posts/list.tsx b/examples/base-material-ui/src/pages/posts/list.tsx
index 0ac9294f0689..8da7958905e0 100644
--- a/examples/base-material-ui/src/pages/posts/list.tsx
+++ b/examples/base-material-ui/src/pages/posts/list.tsx
@@ -2,9 +2,9 @@ import { useMany } from "@refinedev/core";
 import { EditButton, List, ShowButton, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>();
diff --git a/examples/blog-ecommerce/pages/_app.tsx b/examples/blog-ecommerce/pages/_app.tsx
index a38813f585c6..48a7eeff4a2e 100644
--- a/examples/blog-ecommerce/pages/_app.tsx
+++ b/examples/blog-ecommerce/pages/_app.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { AppProps } from "next/app";
+import type { AppProps } from "next/app";
 import Head from "next/head";
 import { GitHubBanner, Refine } from "@refinedev/core";
 import routerProvider, {
diff --git a/examples/blog-ecommerce/pages/index.tsx b/examples/blog-ecommerce/pages/index.tsx
index fa535747611a..e7c692d6ad4c 100644
--- a/examples/blog-ecommerce/pages/index.tsx
+++ b/examples/blog-ecommerce/pages/index.tsx
@@ -1,10 +1,10 @@
-import { GetServerSideProps } from "next";
-import { GetListResponse, useTable } from "@refinedev/core";
+import type { GetServerSideProps } from "next";
+import { type GetListResponse, useTable } from "@refinedev/core";
 import { DataProvider } from "@refinedev/strapi-v4";
 import { Button, SimpleGrid, Flex, Text } from "@chakra-ui/react";
 
 import { API_URL } from "src/constants";
-import { IProduct, IStore } from "src/interfaces";
+import type { IProduct, IStore } from "src/interfaces";
 import { ProductCard, FilterButton } from "src/components";
 
 type ItemProps = {
diff --git a/examples/blog-ecommerce/src/components/layout.tsx b/examples/blog-ecommerce/src/components/layout.tsx
index c2ccf4887236..fea046cd47f7 100644
--- a/examples/blog-ecommerce/src/components/layout.tsx
+++ b/examples/blog-ecommerce/src/components/layout.tsx
@@ -1,4 +1,4 @@
-import { LayoutProps } from "@refinedev/core";
+import type { LayoutProps } from "@refinedev/core";
 import { Box, Container, Flex, Image, Button } from "@chakra-ui/react";
 
 export const Layout: React.FC<LayoutProps> = ({ children }) => {
diff --git a/examples/blog-invoice-generator/src/authProvider.ts b/examples/blog-invoice-generator/src/authProvider.ts
index f55a4afeb7f7..9653d7f5a306 100644
--- a/examples/blog-invoice-generator/src/authProvider.ts
+++ b/examples/blog-invoice-generator/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { AuthHelper } from "@refinedev/strapi-v4";
 
 import { TOKEN_KEY, API_URL } from "./constants";
diff --git a/examples/blog-invoice-generator/src/components/client/create.tsx b/examples/blog-invoice-generator/src/components/client/create.tsx
index 30aa9d996d82..c9fb464b5c77 100644
--- a/examples/blog-invoice-generator/src/components/client/create.tsx
+++ b/examples/blog-invoice-generator/src/components/client/create.tsx
@@ -2,17 +2,17 @@ import { Create, useSelect, useModalForm } from "@refinedev/antd";
 
 import {
   Drawer,
-  DrawerProps,
+  type DrawerProps,
   Form,
-  FormProps,
+  type FormProps,
   Input,
-  ButtonProps,
+  type ButtonProps,
   Grid,
   Select,
   Button,
 } from "antd";
 
-import { IContact } from "interfaces";
+import type { IContact } from "interfaces";
 import { CreateContact } from "@/components/contacts";
 
 type CreateClientProps = {
diff --git a/examples/blog-invoice-generator/src/components/client/edit.tsx b/examples/blog-invoice-generator/src/components/client/edit.tsx
index fe23335e3f26..6039d1cbc774 100644
--- a/examples/blog-invoice-generator/src/components/client/edit.tsx
+++ b/examples/blog-invoice-generator/src/components/client/edit.tsx
@@ -2,11 +2,11 @@ import { Edit, useSelect } from "@refinedev/antd";
 
 import {
   Drawer,
-  DrawerProps,
+  type DrawerProps,
   Form,
-  FormProps,
+  type FormProps,
   Input,
-  ButtonProps,
+  type ButtonProps,
   Grid,
   Select,
 } from "antd";
diff --git a/examples/blog-invoice-generator/src/components/client/item.tsx b/examples/blog-invoice-generator/src/components/client/item.tsx
index 3afab7a076c6..272a463317aa 100644
--- a/examples/blog-invoice-generator/src/components/client/item.tsx
+++ b/examples/blog-invoice-generator/src/components/client/item.tsx
@@ -2,9 +2,9 @@ import { useDelete } from "@refinedev/core";
 import { TagField } from "@refinedev/antd";
 
 import { FormOutlined, DeleteOutlined, MoreOutlined } from "@ant-design/icons";
-import { Card, Typography, Dropdown, MenuProps } from "antd";
+import { Card, Typography, Dropdown, type MenuProps } from "antd";
 
-import { IClient } from "interfaces";
+import type { IClient } from "interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/blog-invoice-generator/src/components/company/create.tsx b/examples/blog-invoice-generator/src/components/company/create.tsx
index 43791becee1d..f8d5539f718c 100644
--- a/examples/blog-invoice-generator/src/components/company/create.tsx
+++ b/examples/blog-invoice-generator/src/components/company/create.tsx
@@ -1,4 +1,11 @@
-import { Modal, Form, Input, ModalProps, FormProps, Upload } from "antd";
+import {
+  Modal,
+  Form,
+  Input,
+  type ModalProps,
+  type FormProps,
+  Upload,
+} from "antd";
 
 import { getValueProps, mediaUploadMapper } from "@refinedev/strapi-v4";
 
diff --git a/examples/blog-invoice-generator/src/components/company/edit.tsx b/examples/blog-invoice-generator/src/components/company/edit.tsx
index ff390a962433..33c6509b40ba 100644
--- a/examples/blog-invoice-generator/src/components/company/edit.tsx
+++ b/examples/blog-invoice-generator/src/components/company/edit.tsx
@@ -1,4 +1,11 @@
-import { Modal, Form, Input, ModalProps, FormProps, Upload } from "antd";
+import {
+  Modal,
+  Form,
+  Input,
+  type ModalProps,
+  type FormProps,
+  Upload,
+} from "antd";
 import { getValueProps, mediaUploadMapper } from "@refinedev/strapi-v4";
 
 import { TOKEN_KEY, API_URL } from "../../constants";
diff --git a/examples/blog-invoice-generator/src/components/company/item.tsx b/examples/blog-invoice-generator/src/components/company/item.tsx
index c3f9b2f599af..43b56f1ddcd7 100644
--- a/examples/blog-invoice-generator/src/components/company/item.tsx
+++ b/examples/blog-invoice-generator/src/components/company/item.tsx
@@ -7,7 +7,7 @@ import {
 
 import { Card, Typography } from "antd";
 
-import { ICompany } from "interfaces";
+import type { ICompany } from "interfaces";
 import { API_URL } from "../../constants";
 
 const { Title, Text } = Typography;
diff --git a/examples/blog-invoice-generator/src/components/contacts/create.tsx b/examples/blog-invoice-generator/src/components/contacts/create.tsx
index 79873c354b81..93f4ad06557a 100644
--- a/examples/blog-invoice-generator/src/components/contacts/create.tsx
+++ b/examples/blog-invoice-generator/src/components/contacts/create.tsx
@@ -1,6 +1,13 @@
 import { useSelect } from "@refinedev/antd";
 
-import { Form, Modal, Input, ModalProps, FormProps, Select } from "antd";
+import {
+  Form,
+  Modal,
+  Input,
+  type ModalProps,
+  type FormProps,
+  Select,
+} from "antd";
 
 type CreateContactProps = {
   modalProps: ModalProps;
diff --git a/examples/blog-invoice-generator/src/components/mission/create.tsx b/examples/blog-invoice-generator/src/components/mission/create.tsx
index bd03d4939098..6c307f0a323c 100644
--- a/examples/blog-invoice-generator/src/components/mission/create.tsx
+++ b/examples/blog-invoice-generator/src/components/mission/create.tsx
@@ -1,4 +1,11 @@
-import { Form, Input, ModalProps, FormProps, Modal, InputNumber } from "antd";
+import {
+  Form,
+  Input,
+  type ModalProps,
+  type FormProps,
+  Modal,
+  InputNumber,
+} from "antd";
 
 type CreateMissionProps = {
   modalProps: ModalProps;
diff --git a/examples/blog-invoice-generator/src/components/mission/edit.tsx b/examples/blog-invoice-generator/src/components/mission/edit.tsx
index fb0fc26934ab..df86ea6a4724 100644
--- a/examples/blog-invoice-generator/src/components/mission/edit.tsx
+++ b/examples/blog-invoice-generator/src/components/mission/edit.tsx
@@ -1,4 +1,11 @@
-import { Form, Input, ModalProps, FormProps, Modal, InputNumber } from "antd";
+import {
+  Form,
+  Input,
+  type ModalProps,
+  type FormProps,
+  Modal,
+  InputNumber,
+} from "antd";
 
 type EditMissionProps = {
   modalProps: ModalProps;
diff --git a/examples/blog-invoice-generator/src/components/pdf/pdfLayout.tsx b/examples/blog-invoice-generator/src/components/pdf/pdfLayout.tsx
index b3dcd30f0c3c..a2ceaaebbaf0 100644
--- a/examples/blog-invoice-generator/src/components/pdf/pdfLayout.tsx
+++ b/examples/blog-invoice-generator/src/components/pdf/pdfLayout.tsx
@@ -7,7 +7,7 @@ import {
   Text,
   PDFViewer,
 } from "@react-pdf/renderer";
-import { IInvoice } from "interfaces";
+import type { IInvoice } from "interfaces";
 import { API_URL } from "../../constants";
 
 type PdfProps = {
diff --git a/examples/blog-invoice-generator/src/pages/client/list.tsx b/examples/blog-invoice-generator/src/pages/client/list.tsx
index a651ec216ab5..1f02939a10c6 100644
--- a/examples/blog-invoice-generator/src/pages/client/list.tsx
+++ b/examples/blog-invoice-generator/src/pages/client/list.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 import {
   useSimpleList,
@@ -9,7 +9,7 @@ import {
 
 import { List as AntdList } from "antd";
 
-import { IClient } from "interfaces";
+import type { IClient } from "interfaces";
 import { ClientItem, CreateClient, EditClient } from "@/components/client";
 
 export const ClientList = () => {
diff --git a/examples/blog-invoice-generator/src/pages/company/list.tsx b/examples/blog-invoice-generator/src/pages/company/list.tsx
index d5cf9b90ab6f..6d026521ef6e 100644
--- a/examples/blog-invoice-generator/src/pages/company/list.tsx
+++ b/examples/blog-invoice-generator/src/pages/company/list.tsx
@@ -1,10 +1,10 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 import { useSimpleList, List, useModalForm } from "@refinedev/antd";
 
 import { List as AntdList } from "antd";
 
-import { ICompany } from "interfaces";
+import type { ICompany } from "interfaces";
 import { CompanyItem, CreateCompany, EditCompany } from "@/components/company";
 
 export const CompanyList = () => {
diff --git a/examples/blog-invoice-generator/src/pages/contacts/edit.tsx b/examples/blog-invoice-generator/src/pages/contacts/edit.tsx
index abcc206b179d..580146675eea 100644
--- a/examples/blog-invoice-generator/src/pages/contacts/edit.tsx
+++ b/examples/blog-invoice-generator/src/pages/contacts/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm, useSelect } from "@refinedev/antd";
 
 import { Form, Select, Input } from "antd";
 
-import { IContact } from "interfaces";
+import type { IContact } from "interfaces";
 
 export const ContactEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IContact>({
diff --git a/examples/blog-invoice-generator/src/pages/contacts/list.tsx b/examples/blog-invoice-generator/src/pages/contacts/list.tsx
index aadb6a46e179..a3e4ce1967dd 100644
--- a/examples/blog-invoice-generator/src/pages/contacts/list.tsx
+++ b/examples/blog-invoice-generator/src/pages/contacts/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IContact } from "interfaces";
+import type { IContact } from "interfaces";
 import { CreateContact } from "@/components/contacts";
 
 export const ContactsList: React.FC = () => {
diff --git a/examples/blog-invoice-generator/src/pages/invoice/create.tsx b/examples/blog-invoice-generator/src/pages/invoice/create.tsx
index b7d09840551e..cee7e54c7c38 100644
--- a/examples/blog-invoice-generator/src/pages/invoice/create.tsx
+++ b/examples/blog-invoice-generator/src/pages/invoice/create.tsx
@@ -2,7 +2,7 @@ import { Create, useForm, useSelect } from "@refinedev/antd";
 
 import { Form, Input, Select, DatePicker } from "antd";
 
-import { ICompany, IContact, IMission, IInvoice } from "interfaces";
+import type { ICompany, IContact, IMission, IInvoice } from "interfaces";
 
 export const InvoiceCreate = () => {
   const { formProps, saveButtonProps } = useForm<IInvoice>();
diff --git a/examples/blog-invoice-generator/src/pages/invoice/edit.tsx b/examples/blog-invoice-generator/src/pages/invoice/edit.tsx
index 1d28dc9f277b..9e402a9ee343 100644
--- a/examples/blog-invoice-generator/src/pages/invoice/edit.tsx
+++ b/examples/blog-invoice-generator/src/pages/invoice/edit.tsx
@@ -2,7 +2,7 @@ import { useForm, useSelect, Edit } from "@refinedev/antd";
 
 import { Form, Input, Select } from "antd";
 
-import { IInvoice } from "interfaces";
+import type { IInvoice } from "interfaces";
 
 export const InvoiceEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IInvoice>({
diff --git a/examples/blog-invoice-generator/src/pages/invoice/list.tsx b/examples/blog-invoice-generator/src/pages/invoice/list.tsx
index 99c71406d388..ee281eb4700c 100644
--- a/examples/blog-invoice-generator/src/pages/invoice/list.tsx
+++ b/examples/blog-invoice-generator/src/pages/invoice/list.tsx
@@ -13,7 +13,7 @@ import {
 import { FilePdfOutlined } from "@ant-design/icons";
 import { Table, Space, Button, Modal } from "antd";
 
-import { IInvoice, IMission } from "interfaces";
+import type { IInvoice, IMission } from "interfaces";
 import { PdfLayout } from "@/components/pdf";
 
 export const InvoiceList: React.FC = () => {
diff --git a/examples/blog-invoice-generator/src/pages/mission/list.tsx b/examples/blog-invoice-generator/src/pages/mission/list.tsx
index a698d1d35819..285050737862 100644
--- a/examples/blog-invoice-generator/src/pages/mission/list.tsx
+++ b/examples/blog-invoice-generator/src/pages/mission/list.tsx
@@ -8,7 +8,7 @@ import {
 
 import { Table } from "antd";
 
-import { IMission } from "interfaces";
+import type { IMission } from "interfaces";
 import { CreateMission, EditMission } from "@/components/mission";
 
 export const MissionList: React.FC = () => {
diff --git a/examples/blog-issue-tracker/src/authProvider.ts b/examples/blog-issue-tracker/src/authProvider.ts
index 527241fc8e09..5d31e79cda45 100644
--- a/examples/blog-issue-tracker/src/authProvider.ts
+++ b/examples/blog-issue-tracker/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 import { supabaseClient } from "utility";
 
diff --git a/examples/blog-issue-tracker/src/pages/dashboard/index.tsx b/examples/blog-issue-tracker/src/pages/dashboard/index.tsx
index ecf9ce787651..576d696c9a97 100644
--- a/examples/blog-issue-tracker/src/pages/dashboard/index.tsx
+++ b/examples/blog-issue-tracker/src/pages/dashboard/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useList, useMany } from "@refinedev/core";
 import { Row, Col, Card } from "antd";
-import { ITask, ILabel, IPriority, IStatus, IAuthUser } from "interfaces";
+import type { ITask, ILabel, IPriority, IStatus, IAuthUser } from "interfaces";
 import { TaskChart } from "components/task/pie";
 import { groupBy } from "helper";
 
diff --git a/examples/blog-issue-tracker/src/pages/task/create.tsx b/examples/blog-issue-tracker/src/pages/task/create.tsx
index 16b98b1c13d3..3788701ea39d 100644
--- a/examples/blog-issue-tracker/src/pages/task/create.tsx
+++ b/examples/blog-issue-tracker/src/pages/task/create.tsx
@@ -2,7 +2,7 @@ import { useForm, Create, useSelect } from "@refinedev/antd";
 
 import { Form, Input, Select, DatePicker } from "antd";
 
-import { ITask, ILabel, IPriority, IStatus, IAuthUser } from "interfaces";
+import type { ITask, ILabel, IPriority, IStatus, IAuthUser } from "interfaces";
 
 export const TaskCreate = () => {
   const { formProps, saveButtonProps } = useForm<ITask>();
diff --git a/examples/blog-issue-tracker/src/pages/task/edit.tsx b/examples/blog-issue-tracker/src/pages/task/edit.tsx
index 1902cb2fb0d6..75bf9eb13373 100644
--- a/examples/blog-issue-tracker/src/pages/task/edit.tsx
+++ b/examples/blog-issue-tracker/src/pages/task/edit.tsx
@@ -2,7 +2,7 @@ import { useForm, Edit, useSelect } from "@refinedev/antd";
 
 import { Form, Input, Select } from "antd";
 
-import { ITask, IPriority, IStatus, IAuthUser } from "interfaces";
+import type { ITask, IPriority, IStatus, IAuthUser } from "interfaces";
 
 export const TaskEdit = () => {
   const { formProps, saveButtonProps } = useForm<ITask>();
diff --git a/examples/blog-issue-tracker/src/pages/task/filter.tsx b/examples/blog-issue-tracker/src/pages/task/filter.tsx
index ff359e755fc4..5ac61ccab066 100644
--- a/examples/blog-issue-tracker/src/pages/task/filter.tsx
+++ b/examples/blog-issue-tracker/src/pages/task/filter.tsx
@@ -2,9 +2,9 @@ import React from "react";
 import { useSelect } from "@refinedev/antd";
 
 import { SearchOutlined } from "@ant-design/icons";
-import { Form, FormProps, Input, Select, DatePicker, Button } from "antd";
+import { Form, type FormProps, Input, Select, DatePicker, Button } from "antd";
 
-import { ITask, IPriority, IStatus, IAuthUser } from "interfaces";
+import type { ITask, IPriority, IStatus, IAuthUser } from "interfaces";
 
 const { RangePicker } = DatePicker;
 
diff --git a/examples/blog-issue-tracker/src/pages/task/list.tsx b/examples/blog-issue-tracker/src/pages/task/list.tsx
index 72258e61613a..986e9045ab4f 100644
--- a/examples/blog-issue-tracker/src/pages/task/list.tsx
+++ b/examples/blog-issue-tracker/src/pages/task/list.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { useMany, HttpError, CrudFilters } from "@refinedev/core";
+import { useMany, type HttpError, type CrudFilters } from "@refinedev/core";
 
 import {
   useTable,
@@ -14,7 +14,7 @@ import {
 
 import { Table, Space, Row, Col, Card } from "antd";
 
-import {
+import type {
   ILabel,
   IPriority,
   ITask,
diff --git a/examples/blog-issue-tracker/src/pages/task/show.tsx b/examples/blog-issue-tracker/src/pages/task/show.tsx
index 379733e4c3db..ea9844254a57 100644
--- a/examples/blog-issue-tracker/src/pages/task/show.tsx
+++ b/examples/blog-issue-tracker/src/pages/task/show.tsx
@@ -1,7 +1,7 @@
 import { useShow, useOne } from "@refinedev/core";
 import { Show, DateField } from "@refinedev/antd";
 import { Typography, Tag } from "antd";
-import { ITask, ILabel, IPriority, IStatus, IAuthUser } from "interfaces";
+import type { ITask, ILabel, IPriority, IStatus, IAuthUser } from "interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/blog-issue-tracker/src/pages/user/list.tsx b/examples/blog-issue-tracker/src/pages/user/list.tsx
index db12ac50735a..61d18b4e371f 100644
--- a/examples/blog-issue-tracker/src/pages/user/list.tsx
+++ b/examples/blog-issue-tracker/src/pages/user/list.tsx
@@ -4,7 +4,7 @@ import { useTable, List } from "@refinedev/antd";
 
 import { Table } from "antd";
 
-import { IAuthUser } from "interfaces";
+import type { IAuthUser } from "interfaces";
 
 export const UserList = () => {
   const { tableProps } = useTable<IAuthUser>();
diff --git a/examples/blog-job-posting/src/pages/companies/create.tsx b/examples/blog-job-posting/src/pages/companies/create.tsx
index 874c2cb660bb..66f4d71603ef 100644
--- a/examples/blog-job-posting/src/pages/companies/create.tsx
+++ b/examples/blog-job-posting/src/pages/companies/create.tsx
@@ -2,7 +2,7 @@ import { Create, useForm } from "@refinedev/antd";
 
 import { Form, Input, Checkbox, Typography, Row, Col } from "antd";
 
-import { ICompany } from "interfaces";
+import type { ICompany } from "interfaces";
 
 export const CompanyCreate = () => {
   const { Title } = Typography;
diff --git a/examples/blog-job-posting/src/pages/companies/edit.tsx b/examples/blog-job-posting/src/pages/companies/edit.tsx
index a2f5e68cf92e..22bbadea362d 100644
--- a/examples/blog-job-posting/src/pages/companies/edit.tsx
+++ b/examples/blog-job-posting/src/pages/companies/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Form, Input, Row, Col, Checkbox, Typography } from "antd";
 
-import { ICompany } from "interfaces";
+import type { ICompany } from "interfaces";
 
 export const CompanyEdit = () => {
   const { Title } = Typography;
diff --git a/examples/blog-job-posting/src/pages/companies/list.tsx b/examples/blog-job-posting/src/pages/companies/list.tsx
index bc1e293d8e5c..f9b22986374f 100644
--- a/examples/blog-job-posting/src/pages/companies/list.tsx
+++ b/examples/blog-job-posting/src/pages/companies/list.tsx
@@ -11,7 +11,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { ICompany } from "interfaces";
+import type { ICompany } from "interfaces";
 
 export const CompanyList = () => {
   const { tableProps, sorter } = useTable<ICompany>({
diff --git a/examples/blog-job-posting/src/pages/companies/show.tsx b/examples/blog-job-posting/src/pages/companies/show.tsx
index 35ef2ad6938b..cee30b9c3007 100644
--- a/examples/blog-job-posting/src/pages/companies/show.tsx
+++ b/examples/blog-job-posting/src/pages/companies/show.tsx
@@ -3,7 +3,7 @@ import { Show } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { ICompany } from "interfaces";
+import type { ICompany } from "interfaces";
 
 const { Title, Text, Paragraph } = Typography;
 
diff --git a/examples/blog-job-posting/src/pages/jobs/create.tsx b/examples/blog-job-posting/src/pages/jobs/create.tsx
index 88a9d0072d10..527914e2c3a7 100644
--- a/examples/blog-job-posting/src/pages/jobs/create.tsx
+++ b/examples/blog-job-posting/src/pages/jobs/create.tsx
@@ -4,7 +4,7 @@ import { Form, Input, Checkbox, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { ICompany } from "interfaces";
+import type { ICompany } from "interfaces";
 
 export const JobCreate = () => {
   const { formProps, saveButtonProps } = useForm<ICompany>();
diff --git a/examples/blog-job-posting/src/pages/jobs/edit.tsx b/examples/blog-job-posting/src/pages/jobs/edit.tsx
index 9bb778e8dbe1..ec875ea655b1 100644
--- a/examples/blog-job-posting/src/pages/jobs/edit.tsx
+++ b/examples/blog-job-posting/src/pages/jobs/edit.tsx
@@ -4,7 +4,7 @@ import { Form, Input, Checkbox, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { ICompany } from "interfaces";
+import type { ICompany } from "interfaces";
 
 export const JobEdit = () => {
   const { formProps, saveButtonProps } = useForm<ICompany>();
diff --git a/examples/blog-job-posting/src/pages/jobs/list.tsx b/examples/blog-job-posting/src/pages/jobs/list.tsx
index fff9def1c013..c441b5543428 100644
--- a/examples/blog-job-posting/src/pages/jobs/list.tsx
+++ b/examples/blog-job-posting/src/pages/jobs/list.tsx
@@ -14,7 +14,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { ICompany, IJob } from "interfaces";
+import type { ICompany, IJob } from "interfaces";
 
 export const JobList = () => {
   const { tableProps, sorter } = useTable<IJob>({
diff --git a/examples/blog-job-posting/src/pages/jobs/show.tsx b/examples/blog-job-posting/src/pages/jobs/show.tsx
index 35ef2ad6938b..cee30b9c3007 100644
--- a/examples/blog-job-posting/src/pages/jobs/show.tsx
+++ b/examples/blog-job-posting/src/pages/jobs/show.tsx
@@ -3,7 +3,7 @@ import { Show } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { ICompany } from "interfaces";
+import type { ICompany } from "interfaces";
 
 const { Title, Text, Paragraph } = Typography;
 
diff --git a/examples/blog-material-ui-datagrid/src/components/header/index.tsx b/examples/blog-material-ui-datagrid/src/components/header/index.tsx
index 0a2bd9ac9195..688be306417f 100644
--- a/examples/blog-material-ui-datagrid/src/components/header/index.tsx
+++ b/examples/blog-material-ui-datagrid/src/components/header/index.tsx
@@ -7,7 +7,10 @@ import Stack from "@mui/material/Stack";
 import Toolbar from "@mui/material/Toolbar";
 import Typography from "@mui/material/Typography";
 import { useGetIdentity } from "@refinedev/core";
-import { HamburgerMenu, RefineThemedLayoutV2HeaderProps } from "@refinedev/mui";
+import {
+  HamburgerMenu,
+  type RefineThemedLayoutV2HeaderProps,
+} from "@refinedev/mui";
 import React, { useContext } from "react";
 import { ColorModeContext } from "../../contexts/color-mode";
 
diff --git a/examples/blog-material-ui-datagrid/src/components/layout/index.tsx b/examples/blog-material-ui-datagrid/src/components/layout/index.tsx
index 9e5c542a541a..df6fb2401755 100644
--- a/examples/blog-material-ui-datagrid/src/components/layout/index.tsx
+++ b/examples/blog-material-ui-datagrid/src/components/layout/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { LayoutProps } from "@refinedev/core";
+import type { LayoutProps } from "@refinedev/core";
 import styled from "styled-components";
 
 import { Header } from "../header";
diff --git a/examples/blog-material-ui-datagrid/src/contexts/color-mode/index.tsx b/examples/blog-material-ui-datagrid/src/contexts/color-mode/index.tsx
index c07dfd514580..f0eae3c75de6 100644
--- a/examples/blog-material-ui-datagrid/src/contexts/color-mode/index.tsx
+++ b/examples/blog-material-ui-datagrid/src/contexts/color-mode/index.tsx
@@ -1,5 +1,5 @@
 import React, {
-  PropsWithChildren,
+  type PropsWithChildren,
   createContext,
   useEffect,
   useState,
diff --git a/examples/blog-material-ui-datagrid/src/pages/employees.tsx b/examples/blog-material-ui-datagrid/src/pages/employees.tsx
index fff0bbc2deb5..d46cac83ffbd 100644
--- a/examples/blog-material-ui-datagrid/src/pages/employees.tsx
+++ b/examples/blog-material-ui-datagrid/src/pages/employees.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { useDataGrid, List } from "@refinedev/mui";
-import { DataGrid, GridColDef, GridToolbar } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef, GridToolbar } from "@mui/x-data-grid";
 import FormControlLabel from "@mui/material/FormControlLabel";
 import Checkbox from "@mui/material/Checkbox";
 
diff --git a/examples/blog-material-ui/src/authProvider.ts b/examples/blog-material-ui/src/authProvider.ts
index e6f42aa516db..c6753bbded7d 100644
--- a/examples/blog-material-ui/src/authProvider.ts
+++ b/examples/blog-material-ui/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { AuthHelper } from "@refinedev/strapi-v4";
 
 import { TOKEN_KEY, API_URL } from "./constants";
diff --git a/examples/blog-material-ui/src/pages/posts/create.tsx b/examples/blog-material-ui/src/pages/posts/create.tsx
index b5753c548bd5..234ad504c46b 100644
--- a/examples/blog-material-ui/src/pages/posts/create.tsx
+++ b/examples/blog-material-ui/src/pages/posts/create.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { useAutocomplete, Create } from "@refinedev/mui";
 import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
@@ -7,7 +7,7 @@ import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { IPost, ICategory, Nullable } from "interfaces";
+import type { IPost, ICategory, Nullable } from "interfaces";
 
 export const PostCreate: React.FC = () => {
   const {
diff --git a/examples/blog-material-ui/src/pages/posts/edit.tsx b/examples/blog-material-ui/src/pages/posts/edit.tsx
index 4ddc626ee1aa..d76a37db722e 100644
--- a/examples/blog-material-ui/src/pages/posts/edit.tsx
+++ b/examples/blog-material-ui/src/pages/posts/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 import { Edit, useAutocomplete } from "@refinedev/mui";
@@ -7,7 +7,7 @@ import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
 import Autocomplete from "@mui/material/Autocomplete";
 
-import { IPost, ICategory, Nullable } from "interfaces";
+import type { IPost, ICategory, Nullable } from "interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/blog-material-ui/src/pages/posts/list.tsx b/examples/blog-material-ui/src/pages/posts/list.tsx
index 17baed02c44f..91238051e678 100644
--- a/examples/blog-material-ui/src/pages/posts/list.tsx
+++ b/examples/blog-material-ui/src/pages/posts/list.tsx
@@ -8,9 +8,9 @@ import {
 import React from "react";
 
 import Stack from "@mui/material/Stack";
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
-import { IPost } from "interfaces";
+import type { IPost } from "interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>({
diff --git a/examples/blog-material-ui/src/reportWebVitals.ts b/examples/blog-material-ui/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/blog-material-ui/src/reportWebVitals.ts
+++ b/examples/blog-material-ui/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/blog-next-refine-pwa/pages/_app.tsx b/examples/blog-next-refine-pwa/pages/_app.tsx
index 1ab85d4888b2..ccb222536267 100644
--- a/examples/blog-next-refine-pwa/pages/_app.tsx
+++ b/examples/blog-next-refine-pwa/pages/_app.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { AppProps } from "next/app";
+import type { AppProps } from "next/app";
 import { GitHubBanner, Refine } from "@refinedev/core";
 import routerProvider, {
   UnsavedChangesNotifier,
diff --git a/examples/blog-next-refine-pwa/pages/index.tsx b/examples/blog-next-refine-pwa/pages/index.tsx
index 6b0705b83dc8..ffebbd581cd0 100644
--- a/examples/blog-next-refine-pwa/pages/index.tsx
+++ b/examples/blog-next-refine-pwa/pages/index.tsx
@@ -1,6 +1,6 @@
-import { GetServerSideProps } from "next";
+import type { GetServerSideProps } from "next";
 import dataProvider from "@refinedev/simple-rest";
-import { GetListResponse, useTable } from "@refinedev/core";
+import { type GetListResponse, useTable } from "@refinedev/core";
 
 import ProductCards from "@components/ProductCards";
 
diff --git a/examples/blog-next-refine-pwa/src/components/Layout.tsx b/examples/blog-next-refine-pwa/src/components/Layout.tsx
index 8491adecbf85..527d7fb61c56 100644
--- a/examples/blog-next-refine-pwa/src/components/Layout.tsx
+++ b/examples/blog-next-refine-pwa/src/components/Layout.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { LayoutProps } from "@refinedev/core";
+import type { LayoutProps } from "@refinedev/core";
 
 export const Layout: React.FC<LayoutProps> = ({ children }) => {
   return (
diff --git a/examples/blog-ra-chakra-tutorial/src/authProvider.ts b/examples/blog-ra-chakra-tutorial/src/authProvider.ts
index 84d2a13b6da4..c0e73b5ca2bb 100644
--- a/examples/blog-ra-chakra-tutorial/src/authProvider.ts
+++ b/examples/blog-ra-chakra-tutorial/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { AuthHelper } from "@refinedev/strapi-v4";
 
 import { API_URL, TOKEN_KEY } from "./constants";
diff --git a/examples/blog-ra-chakra-tutorial/src/components/column-filter/index.tsx b/examples/blog-ra-chakra-tutorial/src/components/column-filter/index.tsx
index 74764fa10bd0..03bc087cfff2 100644
--- a/examples/blog-ra-chakra-tutorial/src/components/column-filter/index.tsx
+++ b/examples/blog-ra-chakra-tutorial/src/components/column-filter/index.tsx
@@ -9,7 +9,7 @@ import {
   HStack,
 } from "@chakra-ui/react";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export const ColumnFilter: React.FC<{ column: Column<any, any> }> = ({
   column,
diff --git a/examples/blog-ra-chakra-tutorial/src/components/column-sorter/index.tsx b/examples/blog-ra-chakra-tutorial/src/components/column-sorter/index.tsx
index ccaa26d8a02b..f80254064f01 100644
--- a/examples/blog-ra-chakra-tutorial/src/components/column-sorter/index.tsx
+++ b/examples/blog-ra-chakra-tutorial/src/components/column-sorter/index.tsx
@@ -4,7 +4,7 @@ import {
   IconSelector,
   IconChevronUp,
 } from "@tabler/icons-react";
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export const ColumnSorter: React.FC<{ column: Column<any, any> }> = ({
   column,
diff --git a/examples/blog-ra-chakra-tutorial/src/components/pagination/index.tsx b/examples/blog-ra-chakra-tutorial/src/components/pagination/index.tsx
index 2d2fc2239993..1f3c65d6ebb0 100644
--- a/examples/blog-ra-chakra-tutorial/src/components/pagination/index.tsx
+++ b/examples/blog-ra-chakra-tutorial/src/components/pagination/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HStack, Button, Box } from "@chakra-ui/react";
 import { IconChevronRight, IconChevronLeft } from "@tabler/icons-react";
 import { usePagination } from "@refinedev/chakra-ui";
diff --git a/examples/blog-ra-chakra-tutorial/src/pages/posts/list.tsx b/examples/blog-ra-chakra-tutorial/src/pages/posts/list.tsx
index 87acce89e205..211b90138cfe 100644
--- a/examples/blog-ra-chakra-tutorial/src/pages/posts/list.tsx
+++ b/examples/blog-ra-chakra-tutorial/src/pages/posts/list.tsx
@@ -17,11 +17,11 @@ import {
   TableContainer,
   HStack,
 } from "@chakra-ui/react";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import { Pagination } from "../../components/pagination";
 import { ColumnSorter } from "../../components/column-sorter";
 import { ColumnFilter } from "../../components/column-filter";
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/blog-react-aria/src/components/Button.tsx b/examples/blog-react-aria/src/components/Button.tsx
index 7f9b4d60ca4c..368b08840626 100644
--- a/examples/blog-react-aria/src/components/Button.tsx
+++ b/examples/blog-react-aria/src/components/Button.tsx
@@ -1,6 +1,6 @@
-import React, { ElementType, RefObject } from "react";
+import React, { type ElementType, type RefObject } from "react";
 import { useButton } from "@react-aria/button";
-import { AriaButtonProps } from "react-aria";
+import type { AriaButtonProps } from "react-aria";
 
 // eslint-disable-next-line
 export default function Button(props: AriaButtonProps<ElementType> | any) {
diff --git a/examples/blog-react-aria/src/components/Header.tsx b/examples/blog-react-aria/src/components/Header.tsx
index e8e3498f0b94..83c59c581000 100644
--- a/examples/blog-react-aria/src/components/Header.tsx
+++ b/examples/blog-react-aria/src/components/Header.tsx
@@ -1,6 +1,6 @@
-import React, { ElementType } from "react";
+import React, { type ElementType } from "react";
 import { useHover } from "@react-aria/interactions";
-import { AriaButtonProps } from "react-aria";
+import type { AriaButtonProps } from "react-aria";
 
 // eslint-disable-next-line
 export default function Header(props: AriaButtonProps<ElementType> | any) {
diff --git a/examples/blog-react-aria/src/components/Input.tsx b/examples/blog-react-aria/src/components/Input.tsx
index 93a371ef25df..3d13be91d1d4 100644
--- a/examples/blog-react-aria/src/components/Input.tsx
+++ b/examples/blog-react-aria/src/components/Input.tsx
@@ -1,6 +1,6 @@
-import React, { RefObject } from "react";
+import React, { type RefObject } from "react";
 import { useTextField } from "@react-aria/textfield";
-import { AriaTextFieldProps } from "react-aria";
+import type { AriaTextFieldProps } from "react-aria";
 
 export default function Input(props: AriaTextFieldProps) {
   // eslint-disable-next-line
diff --git a/examples/blog-react-aria/src/components/Layout.tsx b/examples/blog-react-aria/src/components/Layout.tsx
index 87c778c382cc..b71d5686d4c0 100644
--- a/examples/blog-react-aria/src/components/Layout.tsx
+++ b/examples/blog-react-aria/src/components/Layout.tsx
@@ -1,4 +1,4 @@
-import { useMenu, useNavigation, LayoutProps } from "@refinedev/core";
+import { useMenu, useNavigation, type LayoutProps } from "@refinedev/core";
 
 export const Layout: React.FC<LayoutProps> = ({ children }) => {
   const { menuItems } = useMenu();
diff --git a/examples/blog-react-aria/src/components/Modal.tsx b/examples/blog-react-aria/src/components/Modal.tsx
index 2cd99a7b6b81..b0d24b71dd1f 100644
--- a/examples/blog-react-aria/src/components/Modal.tsx
+++ b/examples/blog-react-aria/src/components/Modal.tsx
@@ -1,5 +1,9 @@
-import React, { ElementType, RefObject, PropsWithChildren } from "react";
-import { OverlayTriggerState } from "@react-stately/overlays";
+import React, {
+  type ElementType,
+  type RefObject,
+  type PropsWithChildren,
+} from "react";
+import type { OverlayTriggerState } from "@react-stately/overlays";
 import {
   useOverlay,
   usePreventScroll,
@@ -8,7 +12,7 @@ import {
 } from "@react-aria/overlays";
 import { useDialog } from "@react-aria/dialog";
 import { FocusScope } from "@react-aria/focus";
-import { AriaButtonProps, OverlayProvider } from "react-aria";
+import { type AriaButtonProps, OverlayProvider } from "react-aria";
 
 // eslint-disable-next-line
 function ModalDialog(props: AriaButtonProps<ElementType> | any) {
diff --git a/examples/blog-react-aria/src/pages/category/create.tsx b/examples/blog-react-aria/src/pages/category/create.tsx
index e30816dd42ad..5a3d658a538e 100644
--- a/examples/blog-react-aria/src/pages/category/create.tsx
+++ b/examples/blog-react-aria/src/pages/category/create.tsx
@@ -1,6 +1,6 @@
 import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { useOverlayTriggerState } from "@react-stately/overlays";
 
 import Modal from "../../components/Modal";
diff --git a/examples/blog-react-aria/src/pages/category/list.tsx b/examples/blog-react-aria/src/pages/category/list.tsx
index d76154004a36..dc92b0860e16 100644
--- a/examples/blog-react-aria/src/pages/category/list.tsx
+++ b/examples/blog-react-aria/src/pages/category/list.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import { CategoryCreate } from "./create";
 
 export const CategoryList: React.FC = () => {
diff --git a/examples/blog-react-aria/src/reportWebVitals.ts b/examples/blog-react-aria/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/blog-react-aria/src/reportWebVitals.ts
+++ b/examples/blog-react-aria/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/blog-react-dnd/src/components/constants/models.ts b/examples/blog-react-dnd/src/components/constants/models.ts
index 23dbfaa4dd4c..fa6e2918bbeb 100644
--- a/examples/blog-react-dnd/src/components/constants/models.ts
+++ b/examples/blog-react-dnd/src/components/constants/models.ts
@@ -1,4 +1,4 @@
-import { ColumnTypes } from "./enums";
+import type { ColumnTypes } from "./enums";
 
 export interface OrderProps {
   id: number;
diff --git a/examples/blog-react-dnd/src/components/constants/useData.ts b/examples/blog-react-dnd/src/components/constants/useData.ts
index 2550f9fdc099..ec45a1f77dcd 100644
--- a/examples/blog-react-dnd/src/components/constants/useData.ts
+++ b/examples/blog-react-dnd/src/components/constants/useData.ts
@@ -1,6 +1,6 @@
 import React from "react";
 import { ColumnTypes } from "./enums";
-import { IProduct } from "components/constants/models";
+import type { IProduct } from "components/constants/models";
 import { useList } from "@refinedev/core";
 
 function useData() {
diff --git a/examples/blog-react-dnd/src/contexts/index.tsx b/examples/blog-react-dnd/src/contexts/index.tsx
index 4e7d11093b55..469c5c0eac00 100644
--- a/examples/blog-react-dnd/src/contexts/index.tsx
+++ b/examples/blog-react-dnd/src/contexts/index.tsx
@@ -1,5 +1,5 @@
 import React, {
-  PropsWithChildren,
+  type PropsWithChildren,
   createContext,
   useEffect,
   useState,
diff --git a/examples/blog-react-dnd/src/pages/posts/create.tsx b/examples/blog-react-dnd/src/pages/posts/create.tsx
index 82adbeb1583a..42d39e4a72a3 100644
--- a/examples/blog-react-dnd/src/pages/posts/create.tsx
+++ b/examples/blog-react-dnd/src/pages/posts/create.tsx
@@ -3,7 +3,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "interfaces";
+import type { IPost, ICategory } from "interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/blog-react-dnd/src/pages/posts/edit.tsx b/examples/blog-react-dnd/src/pages/posts/edit.tsx
index 5328e0266f69..f824a86f7a06 100644
--- a/examples/blog-react-dnd/src/pages/posts/edit.tsx
+++ b/examples/blog-react-dnd/src/pages/posts/edit.tsx
@@ -3,7 +3,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost } from "interfaces";
+import type { IPost } from "interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/blog-react-dnd/src/pages/posts/list.tsx b/examples/blog-react-dnd/src/pages/posts/list.tsx
index 2c44e7c8e5c9..06a7b9838722 100644
--- a/examples/blog-react-dnd/src/pages/posts/list.tsx
+++ b/examples/blog-react-dnd/src/pages/posts/list.tsx
@@ -14,7 +14,7 @@ import {
 } from "@refinedev/antd";
 import { Form, Input, Select, Table, Space } from "antd";
 
-import { IPost, ICategory } from "interfaces";
+import type { IPost, ICategory } from "interfaces";
 
 export const PostList = () => {
   const { tableProps, sorter } = useTable<IPost>({
diff --git a/examples/blog-react-dnd/src/pages/posts/show.tsx b/examples/blog-react-dnd/src/pages/posts/show.tsx
index 2e49409e2da6..19c21ed8b8eb 100644
--- a/examples/blog-react-dnd/src/pages/posts/show.tsx
+++ b/examples/blog-react-dnd/src/pages/posts/show.tsx
@@ -2,7 +2,7 @@ import { useOne, useShow } from "@refinedev/core";
 import { Show, MarkdownField } from "@refinedev/antd";
 import { Typography, Tag } from "antd";
 
-import { IPost, ICategory } from "interfaces";
+import type { IPost, ICategory } from "interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/blog-react-dnd/src/reportWebVitals.ts b/examples/blog-react-dnd/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/blog-react-dnd/src/reportWebVitals.ts
+++ b/examples/blog-react-dnd/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/blog-react-hook-dynamic-form/src/pages/userEdit.tsx b/examples/blog-react-hook-dynamic-form/src/pages/userEdit.tsx
index 33bb41fe942d..a5a660d70086 100644
--- a/examples/blog-react-hook-dynamic-form/src/pages/userEdit.tsx
+++ b/examples/blog-react-hook-dynamic-form/src/pages/userEdit.tsx
@@ -6,7 +6,7 @@ import DeleteIcon from "@mui/icons-material/Delete";
 import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller, useFieldArray } from "react-hook-form";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 interface IPost {
   firstName: string;
diff --git a/examples/blog-react-hook-dynamic-form/src/pages/userList.tsx b/examples/blog-react-hook-dynamic-form/src/pages/userList.tsx
index 81473898edb1..c7c42ace7e61 100644
--- a/examples/blog-react-hook-dynamic-form/src/pages/userList.tsx
+++ b/examples/blog-react-hook-dynamic-form/src/pages/userList.tsx
@@ -2,7 +2,7 @@ import { DeleteButton, EditButton, List, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
 import Stack from "@mui/material/Stack";
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
 interface IPost {
   firstName: string;
diff --git a/examples/blog-react-hook-dynamic-form/src/reportWebVitals.ts b/examples/blog-react-hook-dynamic-form/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/blog-react-hook-dynamic-form/src/reportWebVitals.ts
+++ b/examples/blog-react-hook-dynamic-form/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/blog-react-hot-toast/src/components/layout/index.tsx b/examples/blog-react-hot-toast/src/components/layout/index.tsx
index d6cef81f094a..1f1ec3a36ee8 100644
--- a/examples/blog-react-hot-toast/src/components/layout/index.tsx
+++ b/examples/blog-react-hot-toast/src/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { Breadcrumb } from "../breadcrumb";
 import { Menu } from "../menu";
 
diff --git a/examples/blog-react-hot-toast/src/providers/notificationProvider.tsx b/examples/blog-react-hot-toast/src/providers/notificationProvider.tsx
index bdf542f28f3c..8df9ed0018a2 100644
--- a/examples/blog-react-hot-toast/src/providers/notificationProvider.tsx
+++ b/examples/blog-react-hot-toast/src/providers/notificationProvider.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NotificationProvider } from "@refinedev/core";
+import type { NotificationProvider } from "@refinedev/core";
 import toast from "react-hot-toast";
 
 export const notificationProvider: NotificationProvider = {
diff --git a/examples/blog-react-toastify/src/components/layout/index.tsx b/examples/blog-react-toastify/src/components/layout/index.tsx
index d6cef81f094a..1f1ec3a36ee8 100644
--- a/examples/blog-react-toastify/src/components/layout/index.tsx
+++ b/examples/blog-react-toastify/src/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { Breadcrumb } from "../breadcrumb";
 import { Menu } from "../menu";
 
diff --git a/examples/blog-react-toastify/src/providers/notificationProvider.tsx b/examples/blog-react-toastify/src/providers/notificationProvider.tsx
index 42ff8e0738f6..8d4ad09f1e99 100644
--- a/examples/blog-react-toastify/src/providers/notificationProvider.tsx
+++ b/examples/blog-react-toastify/src/providers/notificationProvider.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NotificationProvider } from "@refinedev/core";
+import type { NotificationProvider } from "@refinedev/core";
 import { toast } from "react-toastify";
 import { UndoableNotification } from "../components/undoable-notification";
 
diff --git a/examples/blog-refine-airtable-crud/src/components/Layout.tsx b/examples/blog-refine-airtable-crud/src/components/Layout.tsx
index 903ec8ed0967..4dec820ad506 100644
--- a/examples/blog-refine-airtable-crud/src/components/Layout.tsx
+++ b/examples/blog-refine-airtable-crud/src/components/Layout.tsx
@@ -1,4 +1,4 @@
-import { useMenu, useNavigation, LayoutProps } from "@refinedev/core";
+import { useMenu, useNavigation, type LayoutProps } from "@refinedev/core";
 import routerProvider from "@refinedev/react-router-v6/legacy";
 
 const { Link } = routerProvider;
diff --git a/examples/blog-refine-airtable-crud/src/pages/post/list.tsx b/examples/blog-refine-airtable-crud/src/pages/post/list.tsx
index 88ed536e8eea..dc7abbb1f6cc 100644
--- a/examples/blog-refine-airtable-crud/src/pages/post/list.tsx
+++ b/examples/blog-refine-airtable-crud/src/pages/post/list.tsx
@@ -1,11 +1,11 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { ICategory, IPost } from "../../interfaces/post";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import type { ICategory, IPost } from "../../interfaces/post";
 import {
   useNavigation,
   useDelete,
-  GetManyResponse,
+  type GetManyResponse,
   useMany,
 } from "@refinedev/core";
 
diff --git a/examples/blog-refine-airtable-crud/src/pages/post/show.tsx b/examples/blog-refine-airtable-crud/src/pages/post/show.tsx
index 223eb978c7af..765344f8c252 100644
--- a/examples/blog-refine-airtable-crud/src/pages/post/show.tsx
+++ b/examples/blog-refine-airtable-crud/src/pages/post/show.tsx
@@ -1,6 +1,6 @@
 import { useShow } from "@refinedev/core";
 
-import { IPost } from "../../interfaces/post";
+import type { IPost } from "../../interfaces/post";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/blog-refine-airtable-crud/src/reportWebVitals.ts b/examples/blog-refine-airtable-crud/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/blog-refine-airtable-crud/src/reportWebVitals.ts
+++ b/examples/blog-refine-airtable-crud/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/blog-refine-antd-dynamic-form/src/reportWebVitals.ts b/examples/blog-refine-antd-dynamic-form/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/blog-refine-antd-dynamic-form/src/reportWebVitals.ts
+++ b/examples/blog-refine-antd-dynamic-form/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/blog-refine-daisyui/src/components/dashboard/RecentSales.tsx b/examples/blog-refine-daisyui/src/components/dashboard/RecentSales.tsx
index 757cc56032be..a7b072114873 100644
--- a/examples/blog-refine-daisyui/src/components/dashboard/RecentSales.tsx
+++ b/examples/blog-refine-daisyui/src/components/dashboard/RecentSales.tsx
@@ -1,7 +1,7 @@
 import React, { useMemo, useRef } from "react";
 import { getDefaultFilter } from "@refinedev/core";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import {
   FunnelIcon,
   BarsArrowDownIcon,
diff --git a/examples/blog-refine-daisyui/src/components/dashboard/ResponsiveAreaChart.tsx b/examples/blog-refine-daisyui/src/components/dashboard/ResponsiveAreaChart.tsx
index 4e0e5521665c..c338e5aa4649 100644
--- a/examples/blog-refine-daisyui/src/components/dashboard/ResponsiveAreaChart.tsx
+++ b/examples/blog-refine-daisyui/src/components/dashboard/ResponsiveAreaChart.tsx
@@ -9,7 +9,7 @@ import {
   Area,
 } from "recharts";
 import { ChartTooltip } from "../../components/dashboard/ChartTooltip";
-import { IChartDatum } from "../../interfaces";
+import type { IChartDatum } from "../../interfaces";
 
 type TResponsiveAreaChartProps = {
   kpi: string;
diff --git a/examples/blog-refine-daisyui/src/components/dashboard/ResponsiveBarChart.tsx b/examples/blog-refine-daisyui/src/components/dashboard/ResponsiveBarChart.tsx
index fdd789ee9e6b..8455a2a8192f 100644
--- a/examples/blog-refine-daisyui/src/components/dashboard/ResponsiveBarChart.tsx
+++ b/examples/blog-refine-daisyui/src/components/dashboard/ResponsiveBarChart.tsx
@@ -9,7 +9,7 @@ import {
   Bar,
 } from "recharts";
 import { ChartTooltip } from "../../components/dashboard/ChartTooltip";
-import { IChartDatum } from "../../interfaces";
+import type { IChartDatum } from "../../interfaces";
 
 type TResponsiveBarChartProps = {
   kpi: string;
diff --git a/examples/blog-refine-daisyui/src/components/dashboard/Stats.tsx b/examples/blog-refine-daisyui/src/components/dashboard/Stats.tsx
index 7a1e6b409ad3..1d5e7812af19 100644
--- a/examples/blog-refine-daisyui/src/components/dashboard/Stats.tsx
+++ b/examples/blog-refine-daisyui/src/components/dashboard/Stats.tsx
@@ -1,12 +1,12 @@
 import React from "react";
 import { KpiCard } from "./KpiCard";
-import { IChartDatum } from "../../interfaces";
+import type { IChartDatum } from "../../interfaces";
 import {
   CurrencyDollarIcon,
   ShoppingCartIcon,
   UserGroupIcon,
 } from "@heroicons/react/24/outline";
-import { GetListResponse } from "@refinedev/core";
+import type { GetListResponse } from "@refinedev/core";
 
 type TStats = {
   dailyRevenue?: GetListResponse<IChartDatum>;
diff --git a/examples/blog-refine-daisyui/src/components/dashboard/TabView.tsx b/examples/blog-refine-daisyui/src/components/dashboard/TabView.tsx
index f9408327303c..fe705716394d 100644
--- a/examples/blog-refine-daisyui/src/components/dashboard/TabView.tsx
+++ b/examples/blog-refine-daisyui/src/components/dashboard/TabView.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { TabItem } from "./TabItem";
 import { TabPanel } from "./TabPanel";
-import { TTab } from "../../interfaces";
+import type { TTab } from "../../interfaces";
 
 type TTabViewProps = {
   tabs: TTab[];
diff --git a/examples/blog-refine-daisyui/src/components/layout/index.tsx b/examples/blog-refine-daisyui/src/components/layout/index.tsx
index 9a4a04036e73..98a6dc3e5da9 100644
--- a/examples/blog-refine-daisyui/src/components/layout/index.tsx
+++ b/examples/blog-refine-daisyui/src/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { Breadcrumb } from "../breadcrumb";
 import { Menu } from "../menu";
 
diff --git a/examples/blog-refine-daisyui/src/pages/categories/list.tsx b/examples/blog-refine-daisyui/src/pages/categories/list.tsx
index e41b06c337c0..0e4a0485bac9 100644
--- a/examples/blog-refine-daisyui/src/pages/categories/list.tsx
+++ b/examples/blog-refine-daisyui/src/pages/categories/list.tsx
@@ -1,7 +1,7 @@
 import React, { useRef } from "react";
 import { getDefaultFilter, useDelete, useNavigation } from "@refinedev/core";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import { PlusIcon } from "@heroicons/react/20/solid";
 import {
   FunnelIcon,
@@ -11,7 +11,7 @@ import {
   BarsArrowDownIcon,
   BarsArrowUpIcon,
 } from "@heroicons/react/24/outline";
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryList = () => {
   const filterForm: any = useRef(null);
diff --git a/examples/blog-refine-daisyui/src/pages/categories/show.tsx b/examples/blog-refine-daisyui/src/pages/categories/show.tsx
index 68046a8bb7b2..21d97c420716 100644
--- a/examples/blog-refine-daisyui/src/pages/categories/show.tsx
+++ b/examples/blog-refine-daisyui/src/pages/categories/show.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useShow, useNavigation } from "@refinedev/core";
 import { ArrowLeftIcon, PencilSquareIcon } from "@heroicons/react/24/outline";
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryShow = () => {
   const { edit, list } = useNavigation();
diff --git a/examples/blog-refine-daisyui/src/pages/dashboard/index.tsx b/examples/blog-refine-daisyui/src/pages/dashboard/index.tsx
index a04b2b2aad3b..fe2aa33c6cc4 100644
--- a/examples/blog-refine-daisyui/src/pages/dashboard/index.tsx
+++ b/examples/blog-refine-daisyui/src/pages/dashboard/index.tsx
@@ -1,12 +1,12 @@
 import React, { useMemo } from "react";
-import { CrudFilter, useList } from "@refinedev/core";
+import { type CrudFilter, useList } from "@refinedev/core";
 import dayjs from "dayjs";
 import Stats from "../../components/dashboard/Stats";
 import { ResponsiveAreaChart } from "../../components/dashboard/ResponsiveAreaChart";
 import { ResponsiveBarChart } from "../../components/dashboard/ResponsiveBarChart";
 import { TabView } from "../../components/dashboard/TabView";
 import { RecentSales } from "../../components/dashboard/RecentSales";
-import { IChartDatum, TTab } from "../../interfaces";
+import type { IChartDatum, TTab } from "../../interfaces";
 
 const filters: CrudFilter[] = [
   {
diff --git a/examples/blog-refine-daisyui/src/pages/products/list.tsx b/examples/blog-refine-daisyui/src/pages/products/list.tsx
index a574fe559073..b3b54bcd0c56 100644
--- a/examples/blog-refine-daisyui/src/pages/products/list.tsx
+++ b/examples/blog-refine-daisyui/src/pages/products/list.tsx
@@ -1,7 +1,7 @@
 import React, { useRef } from "react";
 import { getDefaultFilter, useDelete, useNavigation } from "@refinedev/core";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import { PlusIcon } from "@heroicons/react/20/solid";
 import {
   FunnelIcon,
diff --git a/examples/blog-refine-daisyui/src/pages/products/show.tsx b/examples/blog-refine-daisyui/src/pages/products/show.tsx
index 0901b47301a2..5c4ef873d6c0 100644
--- a/examples/blog-refine-daisyui/src/pages/products/show.tsx
+++ b/examples/blog-refine-daisyui/src/pages/products/show.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useShow, useNavigation } from "@refinedev/core";
 import { ArrowLeftIcon, PencilSquareIcon } from "@heroicons/react/24/outline";
-import { IProduct } from "../../interfaces";
+import type { IProduct } from "../../interfaces";
 
 export const ProductShow = () => {
   const { edit, list } = useNavigation();
diff --git a/examples/blog-refine-digital-ocean/src/components/dealChart/index.tsx b/examples/blog-refine-digital-ocean/src/components/dealChart/index.tsx
index cf74996e7c09..ca982b11d0e6 100644
--- a/examples/blog-refine-digital-ocean/src/components/dealChart/index.tsx
+++ b/examples/blog-refine-digital-ocean/src/components/dealChart/index.tsx
@@ -1,7 +1,7 @@
 import React, { useMemo } from "react";
 import { useList } from "@refinedev/core";
 import { Card, Typography } from "antd";
-import { Area, AreaConfig } from "@ant-design/plots";
+import { Area, type AreaConfig } from "@ant-design/plots";
 import { DollarOutlined } from "@ant-design/icons";
 import dayjs from "dayjs";
 
diff --git a/examples/blog-refine-digital-ocean/src/components/metricCard/index.tsx b/examples/blog-refine-digital-ocean/src/components/metricCard/index.tsx
index 8b5b91545b47..cde1b95f0661 100644
--- a/examples/blog-refine-digital-ocean/src/components/metricCard/index.tsx
+++ b/examples/blog-refine-digital-ocean/src/components/metricCard/index.tsx
@@ -1,7 +1,7 @@
-import React, { FC, PropsWithChildren } from "react";
+import React, { type FC, type PropsWithChildren } from "react";
 import { Card, Skeleton, Typography } from "antd";
 import { useList } from "@refinedev/core";
-import { Area, AreaConfig } from "@ant-design/plots";
+import { Area, type AreaConfig } from "@ant-design/plots";
 import { AuditOutlined, ShopOutlined, TeamOutlined } from "@ant-design/icons";
 
 type MetricType = "companies" | "contacts" | "deals";
diff --git a/examples/blog-refine-digital-ocean/src/contexts/color-mode/index.tsx b/examples/blog-refine-digital-ocean/src/contexts/color-mode/index.tsx
index caf346b6f5ed..fd9141b77702 100644
--- a/examples/blog-refine-digital-ocean/src/contexts/color-mode/index.tsx
+++ b/examples/blog-refine-digital-ocean/src/contexts/color-mode/index.tsx
@@ -1,4 +1,9 @@
-import { PropsWithChildren, createContext, useEffect, useState } from "react";
+import {
+  type PropsWithChildren,
+  createContext,
+  useEffect,
+  useState,
+} from "react";
 import { ConfigProvider, theme } from "antd";
 import { RefineThemes } from "@refinedev/antd";
 
diff --git a/examples/blog-refine-digital-ocean/src/pages/companies/list.tsx b/examples/blog-refine-digital-ocean/src/pages/companies/list.tsx
index a3333fcf5457..7cfd7cbe56c4 100644
--- a/examples/blog-refine-digital-ocean/src/pages/companies/list.tsx
+++ b/examples/blog-refine-digital-ocean/src/pages/companies/list.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { BaseRecord } from "@refinedev/core";
+import type { BaseRecord } from "@refinedev/core";
 import {
   useTable,
   List,
diff --git a/examples/blog-refine-digital-ocean/src/pages/contacts/list.tsx b/examples/blog-refine-digital-ocean/src/pages/contacts/list.tsx
index d7b63b229fb4..0ccbc81b6432 100644
--- a/examples/blog-refine-digital-ocean/src/pages/contacts/list.tsx
+++ b/examples/blog-refine-digital-ocean/src/pages/contacts/list.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { BaseRecord } from "@refinedev/core";
+import type { BaseRecord } from "@refinedev/core";
 import {
   useTable,
   List,
diff --git a/examples/blog-refine-mantine-strapi/src/App.tsx b/examples/blog-refine-mantine-strapi/src/App.tsx
index 191de1180bf8..49cde7261518 100644
--- a/examples/blog-refine-mantine-strapi/src/App.tsx
+++ b/examples/blog-refine-mantine-strapi/src/App.tsx
@@ -18,7 +18,7 @@ import {
   MantineProvider,
   Global,
   ColorSchemeProvider,
-  ColorScheme,
+  type ColorScheme,
 } from "@mantine/core";
 import { NotificationsProvider } from "@mantine/notifications";
 import { useLocalStorage } from "@mantine/hooks";
@@ -27,7 +27,7 @@ import {
   MantineCreateInferencer,
   MantineEditInferencer,
   MantineShowInferencer,
-  InferField,
+  type InferField,
 } from "@refinedev/inferencer/mantine";
 
 import { Header } from "./components/header";
diff --git a/examples/blog-refine-mantine-strapi/src/authProvider.ts b/examples/blog-refine-mantine-strapi/src/authProvider.ts
index a9e444f46333..bfb705126b06 100644
--- a/examples/blog-refine-mantine-strapi/src/authProvider.ts
+++ b/examples/blog-refine-mantine-strapi/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { AuthHelper } from "@refinedev/strapi-v4";
 
 import { TOKEN_KEY, API_URL } from "./constants";
diff --git a/examples/blog-refine-mantine-strapi/src/components/header/index.tsx b/examples/blog-refine-mantine-strapi/src/components/header/index.tsx
index 5b4fe1d39e16..9c00528c2aae 100644
--- a/examples/blog-refine-mantine-strapi/src/components/header/index.tsx
+++ b/examples/blog-refine-mantine-strapi/src/components/header/index.tsx
@@ -4,7 +4,7 @@ import {
   Flex,
   Group,
   Header as MantineHeader,
-  Sx,
+  type Sx,
   Title,
   useMantineColorScheme,
   useMantineTheme,
@@ -12,7 +12,7 @@ import {
 import { useGetIdentity } from "@refinedev/core";
 import {
   HamburgerMenu,
-  RefineThemedLayoutV2HeaderProps,
+  type RefineThemedLayoutV2HeaderProps,
 } from "@refinedev/mantine";
 import { IconMoonStars, IconSun } from "@tabler/icons-react";
 import React from "react";
diff --git a/examples/blog-refine-mantine-strapi/src/pages/posts/create.tsx b/examples/blog-refine-mantine-strapi/src/pages/posts/create.tsx
index 4a3e83b7579b..829d2dd7fa42 100644
--- a/examples/blog-refine-mantine-strapi/src/pages/posts/create.tsx
+++ b/examples/blog-refine-mantine-strapi/src/pages/posts/create.tsx
@@ -1,7 +1,7 @@
 import { Create, useForm, useSelect } from "@refinedev/mantine";
 import { TextInput, Select } from "@mantine/core";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const {
diff --git a/examples/blog-refine-mantine-strapi/src/pages/posts/edit.tsx b/examples/blog-refine-mantine-strapi/src/pages/posts/edit.tsx
index ff0bd626927c..f28cffd91a12 100644
--- a/examples/blog-refine-mantine-strapi/src/pages/posts/edit.tsx
+++ b/examples/blog-refine-mantine-strapi/src/pages/posts/edit.tsx
@@ -1,7 +1,7 @@
 import { Edit, useForm, useSelect } from "@refinedev/mantine";
 import { TextInput, Select } from "@mantine/core";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const {
diff --git a/examples/blog-refine-mantine-strapi/src/pages/posts/list.tsx b/examples/blog-refine-mantine-strapi/src/pages/posts/list.tsx
index 9fd8b6df1a4c..fec1c7346584 100644
--- a/examples/blog-refine-mantine-strapi/src/pages/posts/list.tsx
+++ b/examples/blog-refine-mantine-strapi/src/pages/posts/list.tsx
@@ -1,10 +1,10 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import { List, DateField, EditButton, DeleteButton } from "@refinedev/mantine";
 import { Table, Pagination, Group } from "@mantine/core";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/blog-refine-markdown/src/contexts/color-mode/index.tsx b/examples/blog-refine-markdown/src/contexts/color-mode/index.tsx
index 1396121b4a0a..03734b60727f 100644
--- a/examples/blog-refine-markdown/src/contexts/color-mode/index.tsx
+++ b/examples/blog-refine-markdown/src/contexts/color-mode/index.tsx
@@ -1,6 +1,11 @@
 import { RefineThemes } from "@refinedev/antd";
 import { ConfigProvider, theme } from "antd";
-import { PropsWithChildren, createContext, useEffect, useState } from "react";
+import {
+  type PropsWithChildren,
+  createContext,
+  useEffect,
+  useState,
+} from "react";
 
 type ColorModeContextType = {
   mode: string;
diff --git a/examples/blog-refine-markdown/src/pages/posts/create.tsx b/examples/blog-refine-markdown/src/pages/posts/create.tsx
index fb9594b4b850..7dbf8cb7ceb8 100644
--- a/examples/blog-refine-markdown/src/pages/posts/create.tsx
+++ b/examples/blog-refine-markdown/src/pages/posts/create.tsx
@@ -3,7 +3,7 @@ import { Create, useForm, useSelect } from "@refinedev/antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/blog-refine-markdown/src/pages/posts/edit.tsx b/examples/blog-refine-markdown/src/pages/posts/edit.tsx
index cd0ce24c7937..379dd1c6a05c 100644
--- a/examples/blog-refine-markdown/src/pages/posts/edit.tsx
+++ b/examples/blog-refine-markdown/src/pages/posts/edit.tsx
@@ -4,7 +4,7 @@ import { Form, Select, Input } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/blog-refine-markdown/src/pages/posts/list.tsx b/examples/blog-refine-markdown/src/pages/posts/list.tsx
index 025e8c00c64c..979875b0fc9c 100644
--- a/examples/blog-refine-markdown/src/pages/posts/list.tsx
+++ b/examples/blog-refine-markdown/src/pages/posts/list.tsx
@@ -14,7 +14,7 @@ import {
   ShowButton,
 } from "@refinedev/antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, sorter } = useTable<IPost>({
diff --git a/examples/blog-refine-markdown/src/pages/posts/show.tsx b/examples/blog-refine-markdown/src/pages/posts/show.tsx
index 6d5200d348fb..cb79e4a7d030 100644
--- a/examples/blog-refine-markdown/src/pages/posts/show.tsx
+++ b/examples/blog-refine-markdown/src/pages/posts/show.tsx
@@ -1,7 +1,7 @@
 import { useOne, useShow } from "@refinedev/core";
 import { Show, MarkdownField } from "@refinedev/antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 import { Tag, Typography } from "antd";
 
 const { Title, Text } = Typography;
diff --git a/examples/blog-refine-mui/src/components/charts/AreaGraph.tsx b/examples/blog-refine-mui/src/components/charts/AreaGraph.tsx
index a9d5b2f5e812..c68431f8d906 100644
--- a/examples/blog-refine-mui/src/components/charts/AreaGraph.tsx
+++ b/examples/blog-refine-mui/src/components/charts/AreaGraph.tsx
@@ -9,7 +9,7 @@ import {
   ResponsiveContainer,
 } from "recharts";
 
-import { IAreaGraphProps } from "../../interfaces";
+import type { IAreaGraphProps } from "../../interfaces";
 
 export const formatDate = new Intl.DateTimeFormat("en-US", {
   month: "short",
diff --git a/examples/blog-refine-mui/src/components/charts/BarChart.tsx b/examples/blog-refine-mui/src/components/charts/BarChart.tsx
index 055e8eed5e34..ba174f805681 100644
--- a/examples/blog-refine-mui/src/components/charts/BarChart.tsx
+++ b/examples/blog-refine-mui/src/components/charts/BarChart.tsx
@@ -9,7 +9,7 @@ import {
   ResponsiveContainer,
 } from "recharts";
 
-import { IBarChartProps } from "../../interfaces";
+import type { IBarChartProps } from "../../interfaces";
 
 const formatDate = new Intl.DateTimeFormat("en-US", {
   month: "short",
diff --git a/examples/blog-refine-mui/src/components/header/index.tsx b/examples/blog-refine-mui/src/components/header/index.tsx
index 6b6ae9bc8385..3bb8587f70b3 100644
--- a/examples/blog-refine-mui/src/components/header/index.tsx
+++ b/examples/blog-refine-mui/src/components/header/index.tsx
@@ -10,12 +10,15 @@ import Stack from "@mui/material/Stack";
 import Toolbar from "@mui/material/Toolbar";
 import Typography from "@mui/material/Typography";
 import { useGetIdentity, useGetLocale, useSetLocale } from "@refinedev/core";
-import { HamburgerMenu, RefineThemedLayoutV2HeaderProps } from "@refinedev/mui";
+import {
+  HamburgerMenu,
+  type RefineThemedLayoutV2HeaderProps,
+} from "@refinedev/mui";
 import i18n from "i18next";
 import React, { useContext } from "react";
 import { ColorModeContext } from "../../contexts/color-mode";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 export const Header: React.FC<RefineThemedLayoutV2HeaderProps> = ({
   sticky = true,
diff --git a/examples/blog-refine-mui/src/components/kpi-card/index.tsx b/examples/blog-refine-mui/src/components/kpi-card/index.tsx
index 7a53f6154b00..f9baaea3e49b 100644
--- a/examples/blog-refine-mui/src/components/kpi-card/index.tsx
+++ b/examples/blog-refine-mui/src/components/kpi-card/index.tsx
@@ -8,10 +8,10 @@ import Chip from "@mui/material/Chip";
 import ArrowUpwardIcon from "@mui/icons-material/ArrowUpward";
 import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
 import LinearProgress, {
-  LinearProgressProps,
+  type LinearProgressProps,
 } from "@mui/material/LinearProgress";
 
-import { KpiCardProps, DeltaType } from "../../interfaces";
+import type { KpiCardProps, DeltaType } from "../../interfaces";
 
 const getColor = (num: number): DeltaType => {
   switch (true) {
diff --git a/examples/blog-refine-mui/src/components/recent-sales/index.tsx b/examples/blog-refine-mui/src/components/recent-sales/index.tsx
index a35fb4b267ad..109914af0a06 100644
--- a/examples/blog-refine-mui/src/components/recent-sales/index.tsx
+++ b/examples/blog-refine-mui/src/components/recent-sales/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataGrid, GridColTypeDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColTypeDef } from "@mui/x-data-grid";
 import { useDataGrid } from "@refinedev/mui";
 
 import Card from "@mui/material/Card";
@@ -11,7 +11,7 @@ import InputAdornment from "@mui/material/InputAdornment";
 import SearchIcon from "@mui/icons-material/Search";
 
 import { getDefaultFilter } from "@refinedev/core";
-import { IOrder, IOrderStatus } from "../../interfaces";
+import type { IOrder, IOrderStatus } from "../../interfaces";
 
 export function RecentSales() {
   const { dataGridProps, setCurrent, setFilters, filters } =
diff --git a/examples/blog-refine-mui/src/contexts/color-mode/index.tsx b/examples/blog-refine-mui/src/contexts/color-mode/index.tsx
index 0f93a7260e63..57db39240b39 100644
--- a/examples/blog-refine-mui/src/contexts/color-mode/index.tsx
+++ b/examples/blog-refine-mui/src/contexts/color-mode/index.tsx
@@ -2,7 +2,7 @@ import { ThemeProvider } from "@mui/material/styles";
 import { RefineThemes } from "@refinedev/mui";
 import React, {
   createContext,
-  PropsWithChildren,
+  type PropsWithChildren,
   useEffect,
   useState,
 } from "react";
diff --git a/examples/blog-refine-mui/src/pages/categories/list.tsx b/examples/blog-refine-mui/src/pages/categories/list.tsx
index b9c8496c3f92..351922fe1a0f 100644
--- a/examples/blog-refine-mui/src/pages/categories/list.tsx
+++ b/examples/blog-refine-mui/src/pages/categories/list.tsx
@@ -7,7 +7,7 @@ import {
   List,
 } from "@refinedev/mui";
 
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import { useTranslate } from "@refinedev/core";
 
 export const CategoryList = () => {
diff --git a/examples/blog-refine-mui/src/pages/dashboard/Dashboard.tsx b/examples/blog-refine-mui/src/pages/dashboard/Dashboard.tsx
index 55467474cd84..3a88669bf1ac 100644
--- a/examples/blog-refine-mui/src/pages/dashboard/Dashboard.tsx
+++ b/examples/blog-refine-mui/src/pages/dashboard/Dashboard.tsx
@@ -16,7 +16,7 @@ import TabPanel from "@mui/lab/TabPanel";
 import KpiCard from "../../components/kpi-card";
 import { AreaGraph, BarChart } from "../../components/charts";
 import { RecentSales } from "../../components/recent-sales";
-import { IChart } from "../../interfaces";
+import type { IChart } from "../../interfaces";
 
 const Responsive = styled("div")(({ theme }) => ({
   [theme.breakpoints.down("md")]: {
diff --git a/examples/blog-refine-mui/src/pages/products/list.tsx b/examples/blog-refine-mui/src/pages/products/list.tsx
index 12f7e9526975..4af60185c6de 100644
--- a/examples/blog-refine-mui/src/pages/products/list.tsx
+++ b/examples/blog-refine-mui/src/pages/products/list.tsx
@@ -7,7 +7,7 @@ import {
   List,
   MarkdownField,
 } from "@refinedev/mui";
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
 import { useTranslate, useMany } from "@refinedev/core";
 
diff --git a/examples/blog-refine-nextui/src/components/charts/DisplayAreaGraph.tsx b/examples/blog-refine-nextui/src/components/charts/DisplayAreaGraph.tsx
index b763a58ab329..b37624aa9680 100644
--- a/examples/blog-refine-nextui/src/components/charts/DisplayAreaGraph.tsx
+++ b/examples/blog-refine-nextui/src/components/charts/DisplayAreaGraph.tsx
@@ -9,7 +9,7 @@ import {
   ResponsiveContainer,
 } from "recharts";
 
-import { IDisplayAreaGraphProps } from "../../interfaces";
+import type { IDisplayAreaGraphProps } from "../../interfaces";
 import { formatDate } from "./DisplayBarChart";
 
 export const DisplayAreaGraph: React.FC<IDisplayAreaGraphProps> = ({
diff --git a/examples/blog-refine-nextui/src/components/charts/DisplayBarChart.tsx b/examples/blog-refine-nextui/src/components/charts/DisplayBarChart.tsx
index adf977d2208d..a0c64427da73 100644
--- a/examples/blog-refine-nextui/src/components/charts/DisplayBarChart.tsx
+++ b/examples/blog-refine-nextui/src/components/charts/DisplayBarChart.tsx
@@ -9,7 +9,7 @@ import {
   ResponsiveContainer,
 } from "recharts";
 
-import { IDisplayBarChartProps } from "../../interfaces";
+import type { IDisplayBarChartProps } from "../../interfaces";
 
 export const formatDate = new Intl.DateTimeFormat("en-US", {
   month: "short",
diff --git a/examples/blog-refine-nextui/src/components/layout/index.tsx b/examples/blog-refine-nextui/src/components/layout/index.tsx
index 8a6a9cdd11df..1d0eacfbe580 100644
--- a/examples/blog-refine-nextui/src/components/layout/index.tsx
+++ b/examples/blog-refine-nextui/src/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { Breadcrumb } from "../breadcrumb";
 import { Menu } from "../menu";
 
diff --git a/examples/blog-refine-nextui/src/components/modal/index.tsx b/examples/blog-refine-nextui/src/components/modal/index.tsx
index 9ee7ea43ff2e..7e840d3ac95d 100644
--- a/examples/blog-refine-nextui/src/components/modal/index.tsx
+++ b/examples/blog-refine-nextui/src/components/modal/index.tsx
@@ -8,7 +8,7 @@ import {
   Button,
 } from "@nextui-org/react";
 
-import { IDeleteModalProps } from "../../interfaces";
+import type { IDeleteModalProps } from "../../interfaces";
 
 export const DeleteModal: React.FC<IDeleteModalProps> = ({
   isOpen,
diff --git a/examples/blog-refine-nextui/src/components/table/RecentSalesTable.tsx b/examples/blog-refine-nextui/src/components/table/RecentSalesTable.tsx
index eb0561e3ca4a..4b8230901f79 100644
--- a/examples/blog-refine-nextui/src/components/table/RecentSalesTable.tsx
+++ b/examples/blog-refine-nextui/src/components/table/RecentSalesTable.tsx
@@ -9,15 +9,15 @@ import {
   Button,
   Chip,
   Pagination,
-  SortDescriptor,
+  type SortDescriptor,
   Dropdown,
   DropdownTrigger,
   DropdownMenu,
   DropdownItem,
 } from "@nextui-org/react";
 
-import { useTable, getDefaultFilter, CrudSort } from "@refinedev/core";
-import { IOrder } from "../../interfaces";
+import { useTable, getDefaultFilter, type CrudSort } from "@refinedev/core";
+import type { IOrder } from "../../interfaces";
 import { useCallback, useState } from "react";
 import { MagnifyingGlassIcon } from "@heroicons/react/24/outline";
 
diff --git a/examples/blog-refine-nextui/src/pages/categories/create.tsx b/examples/blog-refine-nextui/src/pages/categories/create.tsx
index 87f05b7ed1d7..702798d2dcb7 100644
--- a/examples/blog-refine-nextui/src/pages/categories/create.tsx
+++ b/examples/blog-refine-nextui/src/pages/categories/create.tsx
@@ -1,4 +1,4 @@
-import { HttpError, useBack } from "@refinedev/core";
+import { type HttpError, useBack } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 
@@ -6,7 +6,7 @@ import { Button, Card, Input } from "@nextui-org/react";
 
 import { ArrowLongLeftIcon } from "@heroicons/react/24/outline";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryCreate = () => {
   const goBack = useBack();
diff --git a/examples/blog-refine-nextui/src/pages/categories/edit.tsx b/examples/blog-refine-nextui/src/pages/categories/edit.tsx
index 3e07ef638a96..fcb336a7389f 100644
--- a/examples/blog-refine-nextui/src/pages/categories/edit.tsx
+++ b/examples/blog-refine-nextui/src/pages/categories/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError, useBack } from "@refinedev/core";
+import { type HttpError, useBack } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 
@@ -6,7 +6,7 @@ import { Button, Card, Input } from "@nextui-org/react";
 
 import { ArrowLongLeftIcon } from "@heroicons/react/24/outline";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryEdit = () => {
   const goBack = useBack();
diff --git a/examples/blog-refine-nextui/src/pages/categories/list.tsx b/examples/blog-refine-nextui/src/pages/categories/list.tsx
index 31eb43afc206..0615630bc9cf 100644
--- a/examples/blog-refine-nextui/src/pages/categories/list.tsx
+++ b/examples/blog-refine-nextui/src/pages/categories/list.tsx
@@ -3,7 +3,7 @@ import {
   getDefaultFilter,
   useNavigation,
   useDelete,
-  CrudSort,
+  type CrudSort,
 } from "@refinedev/core";
 import {
   Table,
@@ -16,7 +16,7 @@ import {
   Input,
   Button,
   useDisclosure,
-  SortDescriptor,
+  type SortDescriptor,
   Dropdown,
   DropdownTrigger,
   DropdownMenu,
@@ -31,7 +31,7 @@ import {
   PlusIcon,
 } from "@heroicons/react/24/outline";
 
-import { IProduct } from "../../interfaces";
+import type { IProduct } from "../../interfaces";
 
 import { DeleteModal } from "../../components/modal";
 import { useState, useCallback } from "react";
diff --git a/examples/blog-refine-nextui/src/pages/categories/show.tsx b/examples/blog-refine-nextui/src/pages/categories/show.tsx
index 771bb6411c72..9283d1d29953 100644
--- a/examples/blog-refine-nextui/src/pages/categories/show.tsx
+++ b/examples/blog-refine-nextui/src/pages/categories/show.tsx
@@ -1,5 +1,5 @@
 import { useBack, useShow } from "@refinedev/core";
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 import { Button, Card, CardHeader, CardBody, Image } from "@nextui-org/react";
 
 import { ArrowLongLeftIcon } from "@heroicons/react/24/outline";
diff --git a/examples/blog-refine-nextui/src/pages/dashboard/DashboardPage.tsx b/examples/blog-refine-nextui/src/pages/dashboard/DashboardPage.tsx
index 0c86782ad64b..9c31584f7003 100644
--- a/examples/blog-refine-nextui/src/pages/dashboard/DashboardPage.tsx
+++ b/examples/blog-refine-nextui/src/pages/dashboard/DashboardPage.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Tabs, Tab, Card, CardBody } from "@nextui-org/react";
 import { useApiUrl, useCustom } from "@refinedev/core";
-import { IChart } from "../../interfaces";
+import type { IChart } from "../../interfaces";
 
 import { KpiCard } from "../../components/kpiCard";
 import { DisplayAreaGraph, DisplayBarChart } from "../../components/charts";
diff --git a/examples/blog-refine-nextui/src/pages/products/create.tsx b/examples/blog-refine-nextui/src/pages/products/create.tsx
index 23a0e7f9ce23..2f3744e639b3 100644
--- a/examples/blog-refine-nextui/src/pages/products/create.tsx
+++ b/examples/blog-refine-nextui/src/pages/products/create.tsx
@@ -1,4 +1,4 @@
-import { HttpError, useBack, useSelect } from "@refinedev/core";
+import { type HttpError, useBack, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 
@@ -15,7 +15,7 @@ import {
 
 import { ArrowLongLeftIcon } from "@heroicons/react/24/outline";
 
-import { IProduct, IProductCategory } from "../../interfaces";
+import type { IProduct, IProductCategory } from "../../interfaces";
 
 export const ProductCreate = () => {
   const goBack = useBack();
diff --git a/examples/blog-refine-nextui/src/pages/products/edit.tsx b/examples/blog-refine-nextui/src/pages/products/edit.tsx
index cb54c82eeb5a..9c8794ad99f9 100644
--- a/examples/blog-refine-nextui/src/pages/products/edit.tsx
+++ b/examples/blog-refine-nextui/src/pages/products/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError, useBack, useSelect } from "@refinedev/core";
+import { type HttpError, useBack, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 
@@ -15,7 +15,7 @@ import {
 
 import { ArrowLongLeftIcon } from "@heroicons/react/24/outline";
 
-import { IProduct, IProductCategory } from "../../interfaces";
+import type { IProduct, IProductCategory } from "../../interfaces";
 
 export const ProductEdit = () => {
   const goBack = useBack();
diff --git a/examples/blog-refine-nextui/src/pages/products/list.tsx b/examples/blog-refine-nextui/src/pages/products/list.tsx
index 38a4b0fee585..99bb43d60ac1 100644
--- a/examples/blog-refine-nextui/src/pages/products/list.tsx
+++ b/examples/blog-refine-nextui/src/pages/products/list.tsx
@@ -4,7 +4,7 @@ import {
   useNavigation,
   useDelete,
   useMany,
-  CrudSort,
+  type CrudSort,
 } from "@refinedev/core";
 import {
   Table,
@@ -17,7 +17,7 @@ import {
   Input,
   Button,
   useDisclosure,
-  SortDescriptor,
+  type SortDescriptor,
   Dropdown,
   DropdownTrigger,
   DropdownMenu,
@@ -32,7 +32,7 @@ import {
   PlusIcon,
 } from "@heroicons/react/24/outline";
 
-import { ICategory, IProduct } from "../../interfaces";
+import type { ICategory, IProduct } from "../../interfaces";
 
 import { DeleteModal } from "../../components/modal";
 import { useState, useCallback } from "react";
diff --git a/examples/blog-refine-nextui/src/pages/products/show.tsx b/examples/blog-refine-nextui/src/pages/products/show.tsx
index e82d00addfe8..dc64ade54b8e 100644
--- a/examples/blog-refine-nextui/src/pages/products/show.tsx
+++ b/examples/blog-refine-nextui/src/pages/products/show.tsx
@@ -1,5 +1,5 @@
 import { useBack, useOne, useShow } from "@refinedev/core";
-import { ICategory, IProduct } from "../../interfaces";
+import type { ICategory, IProduct } from "../../interfaces";
 import { Button, Card, CardHeader, CardBody, Image } from "@nextui-org/react";
 
 import { ArrowLongLeftIcon } from "@heroicons/react/24/outline";
diff --git a/examples/blog-refine-primereact/src/components/breadcrumb/index.tsx b/examples/blog-refine-primereact/src/components/breadcrumb/index.tsx
index 771fd7f62895..09e044adb854 100644
--- a/examples/blog-refine-primereact/src/components/breadcrumb/index.tsx
+++ b/examples/blog-refine-primereact/src/components/breadcrumb/index.tsx
@@ -2,7 +2,7 @@ import { useBreadcrumb } from "@refinedev/core";
 import { Link } from "react-router-dom";
 
 import { BreadCrumb } from "primereact/breadcrumb";
-import { MenuItem } from "primereact/menuitem";
+import type { MenuItem } from "primereact/menuitem";
 import { classNames } from "primereact/utils";
 
 export const Breadcrumb = () => {
diff --git a/examples/blog-refine-primereact/src/components/dashboard/chartView/index.tsx b/examples/blog-refine-primereact/src/components/dashboard/chartView/index.tsx
index 95f6202357b1..8048bf49c5f6 100644
--- a/examples/blog-refine-primereact/src/components/dashboard/chartView/index.tsx
+++ b/examples/blog-refine-primereact/src/components/dashboard/chartView/index.tsx
@@ -2,9 +2,9 @@ import { Card } from "primereact/card";
 import { Chart } from "primereact/chart";
 import { TabView, TabPanel } from "primereact/tabview";
 
-import { ChartData, ChartOptions } from "chart.js";
+import type { ChartData, ChartOptions } from "chart.js";
 
-import { IChartDatum } from "../../../interfaces";
+import type { IChartDatum } from "../../../interfaces";
 
 interface ChartViewProps {
   revenue: IChartDatum[];
diff --git a/examples/blog-refine-primereact/src/components/dashboard/recentSales/index.tsx b/examples/blog-refine-primereact/src/components/dashboard/recentSales/index.tsx
index 275e70187bde..705af5bd6fe3 100644
--- a/examples/blog-refine-primereact/src/components/dashboard/recentSales/index.tsx
+++ b/examples/blog-refine-primereact/src/components/dashboard/recentSales/index.tsx
@@ -7,7 +7,7 @@ import { Tag } from "primereact/tag";
 import { Button } from "primereact/button";
 import { InputText } from "primereact/inputtext";
 
-import { IOrder, IOrderStatus } from "../../../interfaces";
+import type { IOrder, IOrderStatus } from "../../../interfaces";
 
 export const RecentSales = () => {
   const {
diff --git a/examples/blog-refine-primereact/src/components/layout/index.tsx b/examples/blog-refine-primereact/src/components/layout/index.tsx
index 5f1662ad6278..c988a57e4563 100644
--- a/examples/blog-refine-primereact/src/components/layout/index.tsx
+++ b/examples/blog-refine-primereact/src/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 
 import { Menu } from "../menu";
 import { Breadcrumb } from "../breadcrumb";
diff --git a/examples/blog-refine-primereact/src/components/menu/index.tsx b/examples/blog-refine-primereact/src/components/menu/index.tsx
index 21891a2fc96a..309fb3dad415 100644
--- a/examples/blog-refine-primereact/src/components/menu/index.tsx
+++ b/examples/blog-refine-primereact/src/components/menu/index.tsx
@@ -2,7 +2,7 @@ import { useMenu } from "@refinedev/core";
 import { Link } from "react-router-dom";
 
 import { TabMenu } from "primereact/tabmenu";
-import { MenuItem } from "primereact/menuitem";
+import type { MenuItem } from "primereact/menuitem";
 import { classNames } from "primereact/utils";
 
 export const Menu = () => {
diff --git a/examples/blog-refine-primereact/src/pages/categories/create.tsx b/examples/blog-refine-primereact/src/pages/categories/create.tsx
index 102f4773c5a0..c16b71792d3d 100644
--- a/examples/blog-refine-primereact/src/pages/categories/create.tsx
+++ b/examples/blog-refine-primereact/src/pages/categories/create.tsx
@@ -1,4 +1,4 @@
-import { HttpError, useBack } from "@refinedev/core";
+import { type HttpError, useBack } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 
@@ -7,7 +7,7 @@ import { Card } from "primereact/card";
 import { InputText } from "primereact/inputtext";
 import { classNames } from "primereact/utils";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryCreate = () => {
   const goBack = useBack();
diff --git a/examples/blog-refine-primereact/src/pages/categories/edit.tsx b/examples/blog-refine-primereact/src/pages/categories/edit.tsx
index 05743f55e2a4..88cf8295701c 100644
--- a/examples/blog-refine-primereact/src/pages/categories/edit.tsx
+++ b/examples/blog-refine-primereact/src/pages/categories/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError, useBack } from "@refinedev/core";
+import { type HttpError, useBack } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 
@@ -7,7 +7,7 @@ import { Card } from "primereact/card";
 import { InputText } from "primereact/inputtext";
 import { classNames } from "primereact/utils";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryEdit = () => {
   const goBack = useBack();
diff --git a/examples/blog-refine-primereact/src/pages/categories/list.tsx b/examples/blog-refine-primereact/src/pages/categories/list.tsx
index fe82212e35e2..428052561e0c 100644
--- a/examples/blog-refine-primereact/src/pages/categories/list.tsx
+++ b/examples/blog-refine-primereact/src/pages/categories/list.tsx
@@ -12,7 +12,7 @@ import { Button } from "primereact/button";
 import { InputText } from "primereact/inputtext";
 import { confirmDialog } from "primereact/confirmdialog";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryList = () => {
   const {
diff --git a/examples/blog-refine-primereact/src/pages/categories/show.tsx b/examples/blog-refine-primereact/src/pages/categories/show.tsx
index ee6434e939d7..a4a433761b76 100644
--- a/examples/blog-refine-primereact/src/pages/categories/show.tsx
+++ b/examples/blog-refine-primereact/src/pages/categories/show.tsx
@@ -3,7 +3,7 @@ import { useBack, useShow } from "@refinedev/core";
 import { Card } from "primereact/card";
 import { Button } from "primereact/button";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryShow = () => {
   const goBack = useBack();
diff --git a/examples/blog-refine-primereact/src/pages/dashboard/index.tsx b/examples/blog-refine-primereact/src/pages/dashboard/index.tsx
index fa035a8fa51d..76127c3f5f55 100644
--- a/examples/blog-refine-primereact/src/pages/dashboard/index.tsx
+++ b/examples/blog-refine-primereact/src/pages/dashboard/index.tsx
@@ -6,7 +6,7 @@ import { KpiCard } from "../../components/dashboard/kpiCard";
 import { ChartView } from "../../components/dashboard/chartView";
 import { RecentSales } from "../../components/dashboard/recentSales";
 
-import { IChart } from "../../interfaces";
+import type { IChart } from "../../interfaces";
 
 const query = {
   start: dayjs().subtract(7, "days").startOf("day"),
diff --git a/examples/blog-refine-primereact/src/pages/products/create.tsx b/examples/blog-refine-primereact/src/pages/products/create.tsx
index 374171b8bdb9..f3b7dcbb6f93 100644
--- a/examples/blog-refine-primereact/src/pages/products/create.tsx
+++ b/examples/blog-refine-primereact/src/pages/products/create.tsx
@@ -1,4 +1,4 @@
-import { HttpError, useBack, useSelect } from "@refinedev/core";
+import { type HttpError, useBack, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 
@@ -10,7 +10,7 @@ import { InputNumber } from "primereact/inputnumber";
 import { Dropdown } from "primereact/dropdown";
 import { InputTextarea } from "primereact/inputtextarea";
 
-import { IProduct } from "../../interfaces";
+import type { IProduct } from "../../interfaces";
 
 export const ProductCreate = () => {
   const goBack = useBack();
diff --git a/examples/blog-refine-primereact/src/pages/products/edit.tsx b/examples/blog-refine-primereact/src/pages/products/edit.tsx
index 4e16aaf6bed1..87f3417e3f7e 100644
--- a/examples/blog-refine-primereact/src/pages/products/edit.tsx
+++ b/examples/blog-refine-primereact/src/pages/products/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError, useBack, useSelect } from "@refinedev/core";
+import { type HttpError, useBack, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 
@@ -10,7 +10,7 @@ import { InputNumber } from "primereact/inputnumber";
 import { Dropdown } from "primereact/dropdown";
 import { InputTextarea } from "primereact/inputtextarea";
 
-import { IProduct } from "../../interfaces";
+import type { IProduct } from "../../interfaces";
 
 export const ProductEdit = () => {
   const goBack = useBack();
diff --git a/examples/blog-refine-primereact/src/pages/products/list.tsx b/examples/blog-refine-primereact/src/pages/products/list.tsx
index 1a1e3b654de0..fd97ba9664eb 100644
--- a/examples/blog-refine-primereact/src/pages/products/list.tsx
+++ b/examples/blog-refine-primereact/src/pages/products/list.tsx
@@ -13,7 +13,7 @@ import { Button } from "primereact/button";
 import { InputText } from "primereact/inputtext";
 import { confirmDialog } from "primereact/confirmdialog";
 
-import { ICategory, IProduct } from "../../interfaces";
+import type { ICategory, IProduct } from "../../interfaces";
 
 const formatCurrency = (value: number) => {
   return value.toLocaleString("en-US", {
diff --git a/examples/blog-refine-primereact/src/pages/products/show.tsx b/examples/blog-refine-primereact/src/pages/products/show.tsx
index 751dbab213a0..ef454cefe894 100644
--- a/examples/blog-refine-primereact/src/pages/products/show.tsx
+++ b/examples/blog-refine-primereact/src/pages/products/show.tsx
@@ -3,7 +3,7 @@ import { useBack, useOne, useShow } from "@refinedev/core";
 import { Card } from "primereact/card";
 import { Button } from "primereact/button";
 
-import { ICategory, IProduct } from "../../interfaces";
+import type { ICategory, IProduct } from "../../interfaces";
 
 export const ProductShow = () => {
   const goBack = useBack();
diff --git a/examples/blog-refine-react-hook-form/src/pages/create.tsx b/examples/blog-refine-react-hook-form/src/pages/create.tsx
index e3b7ae1e9844..3ab25214a14c 100644
--- a/examples/blog-refine-react-hook-form/src/pages/create.tsx
+++ b/examples/blog-refine-react-hook-form/src/pages/create.tsx
@@ -9,7 +9,7 @@ import { Controller } from "react-hook-form";
 import { useForm } from "@refinedev/react-hook-form";
 import * as Yup from "yup";
 import { yupResolver } from "@hookform/resolvers/yup";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 interface IFormValue {
   firstname: string;
diff --git a/examples/blog-refine-react-hook-form/src/reportWebVitals.ts b/examples/blog-refine-react-hook-form/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/blog-refine-react-hook-form/src/reportWebVitals.ts
+++ b/examples/blog-refine-react-hook-form/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/blog-refine-shadcn/src/components/layout/index.tsx b/examples/blog-refine-shadcn/src/components/layout/index.tsx
index d6cef81f094a..1f1ec3a36ee8 100644
--- a/examples/blog-refine-shadcn/src/components/layout/index.tsx
+++ b/examples/blog-refine-shadcn/src/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { Breadcrumb } from "../breadcrumb";
 import { Menu } from "../menu";
 
diff --git a/examples/blog-refine-shadcn/src/components/ui/form.tsx b/examples/blog-refine-shadcn/src/components/ui/form.tsx
index 497718a9f141..785d0d048754 100644
--- a/examples/blog-refine-shadcn/src/components/ui/form.tsx
+++ b/examples/blog-refine-shadcn/src/components/ui/form.tsx
@@ -1,11 +1,11 @@
 import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
+import type * as LabelPrimitive from "@radix-ui/react-label";
 import { Slot } from "@radix-ui/react-slot";
 import {
   Controller,
-  ControllerProps,
-  FieldPath,
-  FieldValues,
+  type ControllerProps,
+  type FieldPath,
+  type FieldValues,
   FormProvider,
   useFormContext,
 } from "react-hook-form";
diff --git a/examples/blog-refine-shadcn/src/components/ui/pagination.tsx b/examples/blog-refine-shadcn/src/components/ui/pagination.tsx
index e7be623a740d..a29ad824bc0c 100644
--- a/examples/blog-refine-shadcn/src/components/ui/pagination.tsx
+++ b/examples/blog-refine-shadcn/src/components/ui/pagination.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
 import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
 
 import { cn } from "@/lib/utils";
-import { ButtonProps, buttonVariants } from "@/components/ui/button";
+import { type ButtonProps, buttonVariants } from "@/components/ui/button";
 
 const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
   <nav
diff --git a/examples/blog-refine-shadcn/src/pages/blog-posts/create.tsx b/examples/blog-refine-shadcn/src/pages/blog-posts/create.tsx
index 176f915b03ce..054061981717 100644
--- a/examples/blog-refine-shadcn/src/pages/blog-posts/create.tsx
+++ b/examples/blog-refine-shadcn/src/pages/blog-posts/create.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  IResourceComponentsProps,
+  type IResourceComponentsProps,
   useNavigation,
   useSelect,
 } from "@refinedev/core";
diff --git a/examples/blog-refine-shadcn/src/pages/blog-posts/edit.tsx b/examples/blog-refine-shadcn/src/pages/blog-posts/edit.tsx
index 5d87005ea81d..42e191a69945 100644
--- a/examples/blog-refine-shadcn/src/pages/blog-posts/edit.tsx
+++ b/examples/blog-refine-shadcn/src/pages/blog-posts/edit.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  IResourceComponentsProps,
+  type IResourceComponentsProps,
   useNavigation,
   useOne,
   useSelect,
diff --git a/examples/blog-refine-shadcn/src/pages/blog-posts/list.tsx b/examples/blog-refine-shadcn/src/pages/blog-posts/list.tsx
index 7a5b327dd9df..709cfbc3d804 100644
--- a/examples/blog-refine-shadcn/src/pages/blog-posts/list.tsx
+++ b/examples/blog-refine-shadcn/src/pages/blog-posts/list.tsx
@@ -1,13 +1,13 @@
 import React from "react";
 import {
-  IResourceComponentsProps,
+  type IResourceComponentsProps,
   useNavigation,
   useMany,
-  GetManyResponse,
+  type GetManyResponse,
 } from "@refinedev/core";
 
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef } from "@tanstack/react-table";
+import type { ColumnDef } from "@tanstack/react-table";
 
 import { Button } from "@/components/ui/button";
 import { DataTable } from "@/components/table/data-table";
diff --git a/examples/blog-refine-shadcn/src/pages/blog-posts/show.tsx b/examples/blog-refine-shadcn/src/pages/blog-posts/show.tsx
index 61a65330296f..58643dd42856 100644
--- a/examples/blog-refine-shadcn/src/pages/blog-posts/show.tsx
+++ b/examples/blog-refine-shadcn/src/pages/blog-posts/show.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  IResourceComponentsProps,
+  type IResourceComponentsProps,
   useNavigation,
   useOne,
   useResource,
diff --git a/examples/blog-refine-shadcn/src/pages/categories/create.tsx b/examples/blog-refine-shadcn/src/pages/categories/create.tsx
index 940e09d87e2a..602e94ea870f 100644
--- a/examples/blog-refine-shadcn/src/pages/categories/create.tsx
+++ b/examples/blog-refine-shadcn/src/pages/categories/create.tsx
@@ -7,7 +7,7 @@ import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 
 import { ChevronLeft, ListIcon } from "lucide-react";
-import { Category } from "../../interfaces";
+import type { Category } from "../../interfaces";
 
 export const CategoryCreate: React.FC = () => {
   const { list } = useNavigation();
diff --git a/examples/blog-refine-shadcn/src/pages/categories/edit.tsx b/examples/blog-refine-shadcn/src/pages/categories/edit.tsx
index a1cc41d0e09d..f417e8c873cd 100644
--- a/examples/blog-refine-shadcn/src/pages/categories/edit.tsx
+++ b/examples/blog-refine-shadcn/src/pages/categories/edit.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { IResourceComponentsProps, useNavigation } from "@refinedev/core";
+import { type IResourceComponentsProps, useNavigation } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
 import { Form, FormItem, FormLabel, FormMessage } from "@/components/ui/form";
diff --git a/examples/blog-refine-shadcn/src/pages/categories/list.tsx b/examples/blog-refine-shadcn/src/pages/categories/list.tsx
index 28422e3b5304..da587694ccfa 100644
--- a/examples/blog-refine-shadcn/src/pages/categories/list.tsx
+++ b/examples/blog-refine-shadcn/src/pages/categories/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { IResourceComponentsProps, useNavigation } from "@refinedev/core";
+import { type IResourceComponentsProps, useNavigation } from "@refinedev/core";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef } from "@tanstack/react-table";
+import type { ColumnDef } from "@tanstack/react-table";
 
 import { DataTable } from "@/components/table/data-table";
 import { Button } from "@/components/ui/button";
diff --git a/examples/blog-refine-shadcn/src/pages/categories/show.tsx b/examples/blog-refine-shadcn/src/pages/categories/show.tsx
index 8a766d317609..f584181b6a89 100644
--- a/examples/blog-refine-shadcn/src/pages/categories/show.tsx
+++ b/examples/blog-refine-shadcn/src/pages/categories/show.tsx
@@ -1,6 +1,6 @@
 import { Button } from "@/components/ui/button";
 import {
-  IResourceComponentsProps,
+  type IResourceComponentsProps,
   useNavigation,
   useResource,
   useShow,
diff --git a/examples/blog-refine-supabase-auth/src/authProvider.ts b/examples/blog-refine-supabase-auth/src/authProvider.ts
index 7c8beda7f188..a8517843fc07 100644
--- a/examples/blog-refine-supabase-auth/src/authProvider.ts
+++ b/examples/blog-refine-supabase-auth/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 import { supabaseClient } from "./utility";
 
diff --git a/examples/blog-refine-supabase-auth/src/pages/Layout.tsx b/examples/blog-refine-supabase-auth/src/pages/Layout.tsx
index e96eec0312a5..3212a6262493 100644
--- a/examples/blog-refine-supabase-auth/src/pages/Layout.tsx
+++ b/examples/blog-refine-supabase-auth/src/pages/Layout.tsx
@@ -1,4 +1,4 @@
-import { LayoutProps, useLogout } from "@refinedev/core";
+import { type LayoutProps, useLogout } from "@refinedev/core";
 import { Button } from "react-daisyui";
 
 export const Layout: React.FC<LayoutProps> = ({ children }) => {
diff --git a/examples/blog-refine-supabase-auth/src/reportWebVitals.ts b/examples/blog-refine-supabase-auth/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/blog-refine-supabase-auth/src/reportWebVitals.ts
+++ b/examples/blog-refine-supabase-auth/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/blog-refine-tremor/src/components/layout/index.tsx b/examples/blog-refine-tremor/src/components/layout/index.tsx
index d6cef81f094a..1f1ec3a36ee8 100644
--- a/examples/blog-refine-tremor/src/components/layout/index.tsx
+++ b/examples/blog-refine-tremor/src/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { Breadcrumb } from "../breadcrumb";
 import { Menu } from "../menu";
 
diff --git a/examples/blog-refine-tremor/src/pages/dashboard/details/index.tsx b/examples/blog-refine-tremor/src/pages/dashboard/details/index.tsx
index f73e70c1e6a6..b30ae3a6bac7 100644
--- a/examples/blog-refine-tremor/src/pages/dashboard/details/index.tsx
+++ b/examples/blog-refine-tremor/src/pages/dashboard/details/index.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 
 import {
   Card,
@@ -16,7 +16,7 @@ import {
   Flex,
   TextInput,
   Icon,
-  DeltaType,
+  type DeltaType,
   BadgeDelta,
   Select,
   SelectItem,
diff --git a/examples/blog-refine-tremor/src/pages/dashboard/kpiCard/index.tsx b/examples/blog-refine-tremor/src/pages/dashboard/kpiCard/index.tsx
index 8e6210dfe2d5..5ea9682921e8 100644
--- a/examples/blog-refine-tremor/src/pages/dashboard/kpiCard/index.tsx
+++ b/examples/blog-refine-tremor/src/pages/dashboard/kpiCard/index.tsx
@@ -5,7 +5,7 @@ import {
   Flex,
   ProgressBar,
   BadgeDelta,
-  DeltaType,
+  type DeltaType,
 } from "@tremor/react";
 
 const getDeltaType = (trend: number): DeltaType => {
diff --git a/examples/blog-responsive-navbar/src/components/Layout.tsx b/examples/blog-responsive-navbar/src/components/Layout.tsx
index fd46a9217b13..ebe800ca8a8b 100644
--- a/examples/blog-responsive-navbar/src/components/Layout.tsx
+++ b/examples/blog-responsive-navbar/src/components/Layout.tsx
@@ -1,4 +1,4 @@
-import { useMenu, LayoutProps } from "@refinedev/core";
+import { useMenu, type LayoutProps } from "@refinedev/core";
 import { Link } from "react-router-dom";
 import React from "react";
 
diff --git a/examples/blog-responsive-navbar/src/reportWebVitals.ts b/examples/blog-responsive-navbar/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/blog-responsive-navbar/src/reportWebVitals.ts
+++ b/examples/blog-responsive-navbar/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/blog-win95/src/authProvider.ts b/examples/blog-win95/src/authProvider.ts
index 2f576610b9f9..ec71fd31edd7 100644
--- a/examples/blog-win95/src/authProvider.ts
+++ b/examples/blog-win95/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 import { supabaseClient } from "./utility";
 
diff --git a/examples/blog-win95/src/components/layout/index.tsx b/examples/blog-win95/src/components/layout/index.tsx
index 19ee5c6c3247..d08fe1417509 100644
--- a/examples/blog-win95/src/components/layout/index.tsx
+++ b/examples/blog-win95/src/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 
 import { Footer } from "../footer";
 import { Header } from "../header";
diff --git a/examples/blog-win95/src/pages/categories/list.tsx b/examples/blog-win95/src/pages/categories/list.tsx
index d3b09a5dfbff..653412614c7a 100644
--- a/examples/blog-win95/src/pages/categories/list.tsx
+++ b/examples/blog-win95/src/pages/categories/list.tsx
@@ -13,7 +13,7 @@ import {
   Hourglass,
 } from "react95";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryList = () => {
   const { tableQueryResult } = useTable<ICategory>({
diff --git a/examples/blog-win95/src/pages/posts/list.tsx b/examples/blog-win95/src/pages/posts/list.tsx
index dd9f6fd209ce..810087d02629 100644
--- a/examples/blog-win95/src/pages/posts/list.tsx
+++ b/examples/blog-win95/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
 import { useDelete, useNavigation } from "@refinedev/core";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import {
   Table,
   TableBody,
@@ -19,7 +19,7 @@ import {
   ScrollView,
 } from "react95";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList = () => {
   const { edit } = useNavigation();
diff --git a/examples/calendar-app/src/pages/calendar/index.tsx b/examples/calendar-app/src/pages/calendar/index.tsx
index 48adf631e40e..2836118dad89 100644
--- a/examples/calendar-app/src/pages/calendar/index.tsx
+++ b/examples/calendar-app/src/pages/calendar/index.tsx
@@ -1,11 +1,11 @@
 import { useList } from "@refinedev/core";
 
 import { Show } from "@refinedev/antd";
-import { Badge, BadgeProps, Calendar } from "antd";
-import { CalendarMode } from "antd/lib/calendar/generateCalendar";
+import { Badge, type BadgeProps, Calendar } from "antd";
+import type { CalendarMode } from "antd/lib/calendar/generateCalendar";
 import dayjs from "dayjs";
 
-import { IEvent } from "../../interfaces";
+import type { IEvent } from "../../interfaces";
 
 import "./index.css";
 
diff --git a/examples/command-palette-kbar/src/pages/categories/create.tsx b/examples/command-palette-kbar/src/pages/categories/create.tsx
index 69e4977dc7f2..abf44730ab3b 100644
--- a/examples/command-palette-kbar/src/pages/categories/create.tsx
+++ b/examples/command-palette-kbar/src/pages/categories/create.tsx
@@ -2,7 +2,7 @@ import { Create, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryCreate = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/command-palette-kbar/src/pages/categories/edit.tsx b/examples/command-palette-kbar/src/pages/categories/edit.tsx
index 5de0a6150c8b..f7b3b323c867 100644
--- a/examples/command-palette-kbar/src/pages/categories/edit.tsx
+++ b/examples/command-palette-kbar/src/pages/categories/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryEdit = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/command-palette-kbar/src/pages/categories/list.tsx b/examples/command-palette-kbar/src/pages/categories/list.tsx
index 75dd0878e4eb..d9f532b62982 100644
--- a/examples/command-palette-kbar/src/pages/categories/list.tsx
+++ b/examples/command-palette-kbar/src/pages/categories/list.tsx
@@ -8,7 +8,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryList = () => {
   const { tableProps } = useTable<ICategory>();
diff --git a/examples/command-palette-kbar/src/pages/posts/create.tsx b/examples/command-palette-kbar/src/pages/posts/create.tsx
index eacc90feba04..a51eed4e2ade 100644
--- a/examples/command-palette-kbar/src/pages/posts/create.tsx
+++ b/examples/command-palette-kbar/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>({
diff --git a/examples/command-palette-kbar/src/pages/posts/edit.tsx b/examples/command-palette-kbar/src/pages/posts/edit.tsx
index 8ac846ad03ac..541c82f7508c 100644
--- a/examples/command-palette-kbar/src/pages/posts/edit.tsx
+++ b/examples/command-palette-kbar/src/pages/posts/edit.tsx
@@ -5,7 +5,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>({
diff --git a/examples/command-palette-kbar/src/pages/posts/list.tsx b/examples/command-palette-kbar/src/pages/posts/list.tsx
index 4ac6e6d11ff6..160324a9e121 100644
--- a/examples/command-palette-kbar/src/pages/posts/list.tsx
+++ b/examples/command-palette-kbar/src/pages/posts/list.tsx
@@ -12,7 +12,7 @@ import { Table, Space, Select, Radio } from "antd";
 
 import { useTable, useSelect } from "@refinedev/antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, filters } = useTable<IPost>({
diff --git a/examples/command-palette-kbar/src/pages/posts/show.tsx b/examples/command-palette-kbar/src/pages/posts/show.tsx
index ca5932bbb1c5..65573501d8d4 100644
--- a/examples/command-palette-kbar/src/pages/posts/show.tsx
+++ b/examples/command-palette-kbar/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/core-use-menu/src/components/layout/index.tsx b/examples/core-use-menu/src/components/layout/index.tsx
index c1043de13c3a..ea9a96da1f4f 100644
--- a/examples/core-use-menu/src/components/layout/index.tsx
+++ b/examples/core-use-menu/src/components/layout/index.tsx
@@ -1,9 +1,9 @@
 import React from "react";
 import {
   useMenu,
-  LayoutProps,
+  type LayoutProps,
   useRefineContext,
-  ITreeMenu,
+  type ITreeMenu,
 } from "@refinedev/core";
 import { Link } from "react-router-dom";
 
diff --git a/examples/customization-footer/src/pages/posts/list.tsx b/examples/customization-footer/src/pages/posts/list.tsx
index da31465c98a5..3db5d2b98546 100644
--- a/examples/customization-footer/src/pages/posts/list.tsx
+++ b/examples/customization-footer/src/pages/posts/list.tsx
@@ -2,7 +2,7 @@ import { List, useTable } from "@refinedev/antd";
 
 import { Table } from "antd";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/customization-login/src/App.tsx b/examples/customization-login/src/App.tsx
index 2429b7c0c7a0..8f2197001c7e 100644
--- a/examples/customization-login/src/App.tsx
+++ b/examples/customization-login/src/App.tsx
@@ -1,7 +1,7 @@
 import {
   GitHubBanner,
   Refine,
-  AuthProvider,
+  type AuthProvider,
   Authenticated,
 } from "@refinedev/core";
 import {
diff --git a/examples/customization-login/src/pages/posts/create.tsx b/examples/customization-login/src/pages/posts/create.tsx
index 1584d39ac3e3..2bcf74182b56 100644
--- a/examples/customization-login/src/pages/posts/create.tsx
+++ b/examples/customization-login/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/customization-login/src/pages/posts/edit.tsx b/examples/customization-login/src/pages/posts/edit.tsx
index 71fb6a382e09..a7ac2428084d 100644
--- a/examples/customization-login/src/pages/posts/edit.tsx
+++ b/examples/customization-login/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/customization-login/src/pages/posts/list.tsx b/examples/customization-login/src/pages/posts/list.tsx
index 605972a021c8..a72ebcd74254 100644
--- a/examples/customization-login/src/pages/posts/list.tsx
+++ b/examples/customization-login/src/pages/posts/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/customization-login/src/pages/posts/show.tsx b/examples/customization-login/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/customization-login/src/pages/posts/show.tsx
+++ b/examples/customization-login/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/customization-offlayout-area/src/components/layout/index.tsx b/examples/customization-offlayout-area/src/components/layout/index.tsx
index f4a9736482f4..161497197280 100644
--- a/examples/customization-offlayout-area/src/components/layout/index.tsx
+++ b/examples/customization-offlayout-area/src/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { LayoutProps } from "@refinedev/core";
+import type { LayoutProps } from "@refinedev/core";
 import { Layout as AntdLayout, Grid } from "antd";
 
 export const Layout: React.FC<LayoutProps> = ({
diff --git a/examples/customization-offlayout-area/src/components/sider/index.tsx b/examples/customization-offlayout-area/src/components/sider/index.tsx
index e08100706b85..7d0c1ca23ca3 100644
--- a/examples/customization-offlayout-area/src/components/sider/index.tsx
+++ b/examples/customization-offlayout-area/src/components/sider/index.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { ITreeMenu, CanAccess, useMenu } from "@refinedev/core";
+import { type ITreeMenu, CanAccess, useMenu } from "@refinedev/core";
 
 import {
   UnorderedListOutlined,
diff --git a/examples/customization-offlayout-area/src/pages/posts/list.tsx b/examples/customization-offlayout-area/src/pages/posts/list.tsx
index addf200e1cec..005d59310cba 100644
--- a/examples/customization-offlayout-area/src/pages/posts/list.tsx
+++ b/examples/customization-offlayout-area/src/pages/posts/list.tsx
@@ -2,7 +2,7 @@ import { List, useTable } from "@refinedev/antd";
 
 import { Table } from "antd";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>({
diff --git a/examples/customization-rtl/src/pages/posts/create.tsx b/examples/customization-rtl/src/pages/posts/create.tsx
index 1584d39ac3e3..2bcf74182b56 100644
--- a/examples/customization-rtl/src/pages/posts/create.tsx
+++ b/examples/customization-rtl/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/customization-rtl/src/pages/posts/edit.tsx b/examples/customization-rtl/src/pages/posts/edit.tsx
index 71fb6a382e09..a7ac2428084d 100644
--- a/examples/customization-rtl/src/pages/posts/edit.tsx
+++ b/examples/customization-rtl/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/customization-rtl/src/pages/posts/list.tsx b/examples/customization-rtl/src/pages/posts/list.tsx
index 59dde26f4c04..12eede52f075 100644
--- a/examples/customization-rtl/src/pages/posts/list.tsx
+++ b/examples/customization-rtl/src/pages/posts/list.tsx
@@ -13,7 +13,7 @@ import {
 
 import { Table, Space, Select, Radio } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/customization-rtl/src/pages/posts/show.tsx b/examples/customization-rtl/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/customization-rtl/src/pages/posts/show.tsx
+++ b/examples/customization-rtl/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/customization-sider/src/components/sider/index.tsx b/examples/customization-sider/src/components/sider/index.tsx
index d1099ec87548..3d59062d6506 100644
--- a/examples/customization-sider/src/components/sider/index.tsx
+++ b/examples/customization-sider/src/components/sider/index.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import {
-  ITreeMenu,
+  type ITreeMenu,
   CanAccess,
   useIsExistAuthentication,
   useTranslate,
@@ -9,7 +9,7 @@ import {
   useWarnAboutChange,
 } from "@refinedev/core";
 import { Link } from "react-router-dom";
-import { Sider, ThemedTitleV2 } from "@refinedev/antd";
+import { type Sider, ThemedTitleV2 } from "@refinedev/antd";
 import { Layout as AntdLayout, Menu, Grid, theme, Button } from "antd";
 import {
   LogoutOutlined,
diff --git a/examples/customization-sider/src/components/sider/styles.ts b/examples/customization-sider/src/components/sider/styles.ts
index d05126a1e8aa..2505646adb89 100644
--- a/examples/customization-sider/src/components/sider/styles.ts
+++ b/examples/customization-sider/src/components/sider/styles.ts
@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 
 export const antLayoutSider: CSSProperties = {
   position: "relative",
diff --git a/examples/customization-sider/src/pages/posts/list.tsx b/examples/customization-sider/src/pages/posts/list.tsx
index da31465c98a5..3db5d2b98546 100644
--- a/examples/customization-sider/src/pages/posts/list.tsx
+++ b/examples/customization-sider/src/pages/posts/list.tsx
@@ -2,7 +2,7 @@ import { List, useTable } from "@refinedev/antd";
 
 import { Table } from "antd";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/customization-theme-antd/src/components/Header/index.tsx b/examples/customization-theme-antd/src/components/Header/index.tsx
index ef07d2aae4e6..93158556d327 100644
--- a/examples/customization-theme-antd/src/components/Header/index.tsx
+++ b/examples/customization-theme-antd/src/components/Header/index.tsx
@@ -1,5 +1,5 @@
 import { Button, Space } from "antd";
-import { FC } from "react";
+import type { FC } from "react";
 
 const IconSun = () => (
   <svg
diff --git a/examples/customization-theme-antd/src/pages/posts/create.tsx b/examples/customization-theme-antd/src/pages/posts/create.tsx
index f0e7ea138945..01b5f945752f 100644
--- a/examples/customization-theme-antd/src/pages/posts/create.tsx
+++ b/examples/customization-theme-antd/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/customization-theme-antd/src/pages/posts/edit.tsx b/examples/customization-theme-antd/src/pages/posts/edit.tsx
index 10d648253e96..4951431377df 100644
--- a/examples/customization-theme-antd/src/pages/posts/edit.tsx
+++ b/examples/customization-theme-antd/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/customization-theme-antd/src/pages/posts/list.tsx b/examples/customization-theme-antd/src/pages/posts/list.tsx
index 605972a021c8..a72ebcd74254 100644
--- a/examples/customization-theme-antd/src/pages/posts/list.tsx
+++ b/examples/customization-theme-antd/src/pages/posts/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/customization-theme-antd/src/pages/posts/show.tsx b/examples/customization-theme-antd/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/customization-theme-antd/src/pages/posts/show.tsx
+++ b/examples/customization-theme-antd/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/customization-theme-chakra-ui/src/components/pagination/index.tsx b/examples/customization-theme-chakra-ui/src/components/pagination/index.tsx
index 2d2fc2239993..1f3c65d6ebb0 100644
--- a/examples/customization-theme-chakra-ui/src/components/pagination/index.tsx
+++ b/examples/customization-theme-chakra-ui/src/components/pagination/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HStack, Button, Box } from "@chakra-ui/react";
 import { IconChevronRight, IconChevronLeft } from "@tabler/icons-react";
 import { usePagination } from "@refinedev/chakra-ui";
diff --git a/examples/customization-theme-chakra-ui/src/components/table/columnFilter.tsx b/examples/customization-theme-chakra-ui/src/components/table/columnFilter.tsx
index 381c1ba966f8..23dd9b37808e 100644
--- a/examples/customization-theme-chakra-ui/src/components/table/columnFilter.tsx
+++ b/examples/customization-theme-chakra-ui/src/components/table/columnFilter.tsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/customization-theme-chakra-ui/src/components/table/columnSorter.tsx b/examples/customization-theme-chakra-ui/src/components/table/columnSorter.tsx
index c27ec90c5228..5ce1ed9bcf73 100644
--- a/examples/customization-theme-chakra-ui/src/components/table/columnSorter.tsx
+++ b/examples/customization-theme-chakra-ui/src/components/table/columnSorter.tsx
@@ -6,7 +6,7 @@ import {
 } from "@tabler/icons-react";
 
 import type { SortDirection } from "@tanstack/react-table";
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/customization-theme-chakra-ui/src/interfaces/index.d.ts b/examples/customization-theme-chakra-ui/src/interfaces/index.d.ts
index d57cb1a6fd8d..4ebdc7c91fa7 100644
--- a/examples/customization-theme-chakra-ui/src/interfaces/index.d.ts
+++ b/examples/customization-theme-chakra-ui/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/customization-theme-chakra-ui/src/pages/posts/create.tsx b/examples/customization-theme-chakra-ui/src/pages/posts/create.tsx
index d72bdddf9449..9e63292412d6 100644
--- a/examples/customization-theme-chakra-ui/src/pages/posts/create.tsx
+++ b/examples/customization-theme-chakra-ui/src/pages/posts/create.tsx
@@ -9,7 +9,7 @@ import {
 import { useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostCreate = () => {
   const {
diff --git a/examples/customization-theme-chakra-ui/src/pages/posts/edit.tsx b/examples/customization-theme-chakra-ui/src/pages/posts/edit.tsx
index 57d5fed1eeb4..8d5596c118c3 100644
--- a/examples/customization-theme-chakra-ui/src/pages/posts/edit.tsx
+++ b/examples/customization-theme-chakra-ui/src/pages/posts/edit.tsx
@@ -10,7 +10,7 @@ import {
 import { useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostEdit = () => {
   const {
diff --git a/examples/customization-theme-chakra-ui/src/pages/posts/list.tsx b/examples/customization-theme-chakra-ui/src/pages/posts/list.tsx
index af36dcc5dfdb..d898c0509dd9 100644
--- a/examples/customization-theme-chakra-ui/src/pages/posts/list.tsx
+++ b/examples/customization-theme-chakra-ui/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -25,7 +25,7 @@ import {
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
 import { Pagination } from "../../components/pagination";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/customization-theme-chakra-ui/src/pages/posts/show.tsx b/examples/customization-theme-chakra-ui/src/pages/posts/show.tsx
index ce9f525855d1..0959476f6458 100644
--- a/examples/customization-theme-chakra-ui/src/pages/posts/show.tsx
+++ b/examples/customization-theme-chakra-ui/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/chakra-ui";
 
 import { Heading, Text, Spacer } from "@chakra-ui/react";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/customization-theme-mantine/src/App.tsx b/examples/customization-theme-mantine/src/App.tsx
index 3b44e58e21d7..e97bc62cf304 100644
--- a/examples/customization-theme-mantine/src/App.tsx
+++ b/examples/customization-theme-mantine/src/App.tsx
@@ -8,7 +8,7 @@ import {
 import { useLocalStorage } from "@mantine/hooks";
 import { ColorSchemeProvider } from "@mantine/styles";
 import { NotificationsProvider } from "@mantine/notifications";
-import { MantineProvider, ColorScheme, Global } from "@mantine/core";
+import { MantineProvider, type ColorScheme, Global } from "@mantine/core";
 import dataProvider from "@refinedev/simple-rest";
 import routerProvider, {
   NavigateToResource,
diff --git a/examples/customization-theme-mantine/src/components/table/columnFilter.tsx b/examples/customization-theme-mantine/src/components/table/columnFilter.tsx
index 86cad3cb69c0..17c6939949f5 100644
--- a/examples/customization-theme-mantine/src/components/table/columnFilter.tsx
+++ b/examples/customization-theme-mantine/src/components/table/columnFilter.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/customization-theme-mantine/src/components/table/columnSorter.tsx b/examples/customization-theme-mantine/src/components/table/columnSorter.tsx
index f71ed1bbd4ec..b2a74d55a35e 100644
--- a/examples/customization-theme-mantine/src/components/table/columnSorter.tsx
+++ b/examples/customization-theme-mantine/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/customization-theme-mantine/src/interfaces/index.d.ts b/examples/customization-theme-mantine/src/interfaces/index.d.ts
index 582a7731788a..1e9dc13d2385 100644
--- a/examples/customization-theme-mantine/src/interfaces/index.d.ts
+++ b/examples/customization-theme-mantine/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/customization-theme-mantine/src/pages/posts/edit.tsx b/examples/customization-theme-mantine/src/pages/posts/edit.tsx
index 90e8c5bd0268..e04c3ec36968 100644
--- a/examples/customization-theme-mantine/src/pages/posts/edit.tsx
+++ b/examples/customization-theme-mantine/src/pages/posts/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm, useSelect } from "@refinedev/mantine";
 import { Select, TextInput, Text } from "@mantine/core";
 import MDEditor from "@uiw/react-md-editor";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/customization-theme-mantine/src/pages/posts/list.tsx b/examples/customization-theme-mantine/src/pages/posts/list.tsx
index 98ccc47eff7f..984b95a9a310 100644
--- a/examples/customization-theme-mantine/src/pages/posts/list.tsx
+++ b/examples/customization-theme-mantine/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -20,7 +20,7 @@ import {
 } from "@mantine/core";
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/customization-theme-mantine/src/pages/posts/show.tsx b/examples/customization-theme-mantine/src/pages/posts/show.tsx
index 109d90abdc0d..1dd1b40850b1 100644
--- a/examples/customization-theme-mantine/src/pages/posts/show.tsx
+++ b/examples/customization-theme-mantine/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/mantine";
 
 import { Title, Text } from "@mantine/core";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/customization-theme-material-ui/src/contexts/index.tsx b/examples/customization-theme-material-ui/src/contexts/index.tsx
index 3e55ba409309..d08bc451f6f8 100644
--- a/examples/customization-theme-material-ui/src/contexts/index.tsx
+++ b/examples/customization-theme-material-ui/src/contexts/index.tsx
@@ -1,5 +1,5 @@
 import React, {
-  PropsWithChildren,
+  type PropsWithChildren,
   createContext,
   useEffect,
   useState,
diff --git a/examples/customization-theme-material-ui/src/pages/posts/create.tsx b/examples/customization-theme-material-ui/src/pages/posts/create.tsx
index 9ec8c5dce0af..243127d85e4e 100644
--- a/examples/customization-theme-material-ui/src/pages/posts/create.tsx
+++ b/examples/customization-theme-material-ui/src/pages/posts/create.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Create, useAutocomplete } from "@refinedev/mui";
 import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
@@ -7,7 +7,7 @@ import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
+import type { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
 
 export const PostCreate: React.FC = () => {
   const {
diff --git a/examples/customization-theme-material-ui/src/pages/posts/edit.tsx b/examples/customization-theme-material-ui/src/pages/posts/edit.tsx
index 4f6777ed6036..45452e63c22e 100644
--- a/examples/customization-theme-material-ui/src/pages/posts/edit.tsx
+++ b/examples/customization-theme-material-ui/src/pages/posts/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Edit, useAutocomplete } from "@refinedev/mui";
 import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
@@ -7,7 +7,7 @@ import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
+import type { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/customization-theme-material-ui/src/pages/posts/list.tsx b/examples/customization-theme-material-ui/src/pages/posts/list.tsx
index 3ae186633700..019ac589494f 100644
--- a/examples/customization-theme-material-ui/src/pages/posts/list.tsx
+++ b/examples/customization-theme-material-ui/src/pages/posts/list.tsx
@@ -2,9 +2,9 @@ import { useMany } from "@refinedev/core";
 import { EditButton, List, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>();
diff --git a/examples/customization-top-menu-layout/src/pages/posts/list.tsx b/examples/customization-top-menu-layout/src/pages/posts/list.tsx
index 35f4a98d64b4..e098929dd4f6 100644
--- a/examples/customization-top-menu-layout/src/pages/posts/list.tsx
+++ b/examples/customization-top-menu-layout/src/pages/posts/list.tsx
@@ -4,7 +4,7 @@ import { List, TextField, useTable } from "@refinedev/antd";
 
 import { Table } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/data-provider-airtable/src/pages/blog-posts/create.tsx b/examples/data-provider-airtable/src/pages/blog-posts/create.tsx
index de485329a4ca..c55d31fef6e2 100644
--- a/examples/data-provider-airtable/src/pages/blog-posts/create.tsx
+++ b/examples/data-provider-airtable/src/pages/blog-posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const BlogPostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/data-provider-airtable/src/pages/blog-posts/edit.tsx b/examples/data-provider-airtable/src/pages/blog-posts/edit.tsx
index fd6d235bffe2..6fa814b13d11 100644
--- a/examples/data-provider-airtable/src/pages/blog-posts/edit.tsx
+++ b/examples/data-provider-airtable/src/pages/blog-posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const BlogPostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/data-provider-airtable/src/pages/blog-posts/list.tsx b/examples/data-provider-airtable/src/pages/blog-posts/list.tsx
index 9ae344b3ef6b..737774679300 100644
--- a/examples/data-provider-airtable/src/pages/blog-posts/list.tsx
+++ b/examples/data-provider-airtable/src/pages/blog-posts/list.tsx
@@ -11,7 +11,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const BlogPostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/data-provider-airtable/src/pages/blog-posts/show.tsx b/examples/data-provider-airtable/src/pages/blog-posts/show.tsx
index 2e27af0e20e8..4ab4350ef569 100644
--- a/examples/data-provider-airtable/src/pages/blog-posts/show.tsx
+++ b/examples/data-provider-airtable/src/pages/blog-posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/data-provider-airtable/src/pages/categories/create.tsx b/examples/data-provider-airtable/src/pages/categories/create.tsx
index 35240339b8ed..79ccc335c61f 100644
--- a/examples/data-provider-airtable/src/pages/categories/create.tsx
+++ b/examples/data-provider-airtable/src/pages/categories/create.tsx
@@ -2,7 +2,7 @@ import { Create, useForm } from "@refinedev/antd";
 
 import { Checkbox, Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryCreate = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/data-provider-airtable/src/pages/categories/edit.tsx b/examples/data-provider-airtable/src/pages/categories/edit.tsx
index d4b5b2ccc8b5..410146f5519c 100644
--- a/examples/data-provider-airtable/src/pages/categories/edit.tsx
+++ b/examples/data-provider-airtable/src/pages/categories/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Checkbox, Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryEdit = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/data-provider-airtable/src/pages/categories/list.tsx b/examples/data-provider-airtable/src/pages/categories/list.tsx
index f278ac5a0720..b36a34398bfb 100644
--- a/examples/data-provider-airtable/src/pages/categories/list.tsx
+++ b/examples/data-provider-airtable/src/pages/categories/list.tsx
@@ -8,7 +8,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryList = () => {
   const { tableProps } = useTable<ICategory>();
diff --git a/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/create.tsx b/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/create.tsx
index f8bb27c1ec02..77b08501ce02 100644
--- a/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/create.tsx
+++ b/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/create.tsx
@@ -1,8 +1,8 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Create, useForm } from "@refinedev/antd";
 import { Form, Input } from "antd";
 
-import { IPost, IPostVariables } from "../../interfaces";
+import type { IPost, IPostVariables } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<
diff --git a/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/edit.tsx b/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/edit.tsx
index 7ec2d6a3d33e..0eec98580851 100644
--- a/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/edit.tsx
+++ b/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/edit.tsx
@@ -1,8 +1,8 @@
 import React from "react";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Edit, useForm } from "@refinedev/antd";
 import { Form, Input } from "antd";
-import { IPost, IPostVariables } from "../../interfaces";
+import type { IPost, IPostVariables } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps } = useForm<
diff --git a/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/list.tsx b/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/list.tsx
index 9dbba3832a6b..1c3eb1c2bd18 100644
--- a/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/list.tsx
+++ b/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/list.tsx
@@ -8,7 +8,7 @@ import {
 } from "@refinedev/antd";
 import { Table, Space } from "antd";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, sorters } = useTable<IPost>({
diff --git a/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/show.tsx b/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/show.tsx
index 6a4f5ef71fc6..0974fc3a1ee7 100644
--- a/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/show.tsx
+++ b/examples/data-provider-appwrite-tutorial-docs/src/pages/posts/show.tsx
@@ -2,7 +2,7 @@ import { useShow } from "@refinedev/core";
 
 import { Show, MarkdownField } from "@refinedev/antd";
 import { Typography } from "antd";
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/data-provider-appwrite-tutorial-docs/src/utility/authProvider.ts b/examples/data-provider-appwrite-tutorial-docs/src/utility/authProvider.ts
index 60e8804cfed5..d6ee8a8969f7 100644
--- a/examples/data-provider-appwrite-tutorial-docs/src/utility/authProvider.ts
+++ b/examples/data-provider-appwrite-tutorial-docs/src/utility/authProvider.ts
@@ -1,5 +1,5 @@
-import { AuthProvider } from "@refinedev/core";
-import { AppwriteException } from "@refinedev/appwrite";
+import type { AuthProvider } from "@refinedev/core";
+import type { AppwriteException } from "@refinedev/appwrite";
 import { v4 as uuidv4 } from "uuid";
 import { account } from "./";
 
diff --git a/examples/data-provider-appwrite-tutorial-docs/src/utility/normalize.ts b/examples/data-provider-appwrite-tutorial-docs/src/utility/normalize.ts
index 257d4584ff1b..937f48d542b3 100644
--- a/examples/data-provider-appwrite-tutorial-docs/src/utility/normalize.ts
+++ b/examples/data-provider-appwrite-tutorial-docs/src/utility/normalize.ts
@@ -1,4 +1,4 @@
-import { UploadFile } from "antd/lib/upload/interface";
+import type { UploadFile } from "antd/lib/upload/interface";
 
 interface UploadResponse {
   url: string;
diff --git a/examples/data-provider-appwrite/src/App.tsx b/examples/data-provider-appwrite/src/App.tsx
index 8b954ed2b366..7eda725badd5 100644
--- a/examples/data-provider-appwrite/src/App.tsx
+++ b/examples/data-provider-appwrite/src/App.tsx
@@ -6,12 +6,12 @@ import {
   useNotificationProvider,
 } from "@refinedev/antd";
 import {
-  AppwriteException,
+  type AppwriteException,
   dataProvider,
   liveProvider,
 } from "@refinedev/appwrite";
 import {
-  AuthProvider,
+  type AuthProvider,
   Authenticated,
   GitHubBanner,
   Refine,
diff --git a/examples/data-provider-appwrite/src/pages/posts/create.tsx b/examples/data-provider-appwrite/src/pages/posts/create.tsx
index 4bc4562dacdd..4edfbb5d1257 100644
--- a/examples/data-provider-appwrite/src/pages/posts/create.tsx
+++ b/examples/data-provider-appwrite/src/pages/posts/create.tsx
@@ -1,13 +1,13 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 import { Create, useForm, useSelect } from "@refinedev/antd";
 
-import { RcFile } from "antd/lib/upload/interface";
+import type { RcFile } from "antd/lib/upload/interface";
 import { Form, Input, Select, Upload } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, IPostVariables, ICategory } from "../../interfaces";
+import type { IPost, IPostVariables, ICategory } from "../../interfaces";
 import { normalizeFile, storage } from "../../utility";
 
 export const PostCreate = () => {
diff --git a/examples/data-provider-appwrite/src/pages/posts/edit.tsx b/examples/data-provider-appwrite/src/pages/posts/edit.tsx
index e02084b5600d..2e75ea84790d 100644
--- a/examples/data-provider-appwrite/src/pages/posts/edit.tsx
+++ b/examples/data-provider-appwrite/src/pages/posts/edit.tsx
@@ -1,14 +1,14 @@
 import React from "react";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 import { Edit, useForm, useSelect } from "@refinedev/antd";
 
-import { RcFile } from "antd/lib/upload/interface";
+import type { RcFile } from "antd/lib/upload/interface";
 import { Form, Input, Select, Upload } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, IPostVariables, ICategory } from "../../interfaces";
+import type { IPost, IPostVariables, ICategory } from "../../interfaces";
 import { normalizeFile, storage } from "../../utility";
 
 export const PostEdit = () => {
diff --git a/examples/data-provider-appwrite/src/pages/posts/list.tsx b/examples/data-provider-appwrite/src/pages/posts/list.tsx
index f746b3524644..b800ff46802f 100644
--- a/examples/data-provider-appwrite/src/pages/posts/list.tsx
+++ b/examples/data-provider-appwrite/src/pages/posts/list.tsx
@@ -11,7 +11,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, sorter } = useTable<IPost>({
diff --git a/examples/data-provider-appwrite/src/pages/posts/show.tsx b/examples/data-provider-appwrite/src/pages/posts/show.tsx
index 0e99d322eb50..6d00ebcbcef9 100644
--- a/examples/data-provider-appwrite/src/pages/posts/show.tsx
+++ b/examples/data-provider-appwrite/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField, ImageField } from "@refinedev/antd";
 
 import { Typography, Space } from "antd";
 
-import { IPost, ICategory, IFile } from "../../interfaces";
+import type { IPost, ICategory, IFile } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/data-provider-appwrite/src/utility/normalize.ts b/examples/data-provider-appwrite/src/utility/normalize.ts
index 257d4584ff1b..937f48d542b3 100644
--- a/examples/data-provider-appwrite/src/utility/normalize.ts
+++ b/examples/data-provider-appwrite/src/utility/normalize.ts
@@ -1,4 +1,4 @@
-import { UploadFile } from "antd/lib/upload/interface";
+import type { UploadFile } from "antd/lib/upload/interface";
 
 interface UploadResponse {
   url: string;
diff --git a/examples/data-provider-hasura/src/pages/categories/create.tsx b/examples/data-provider-hasura/src/pages/categories/create.tsx
index 6690b989280c..e03310e206b4 100644
--- a/examples/data-provider-hasura/src/pages/categories/create.tsx
+++ b/examples/data-provider-hasura/src/pages/categories/create.tsx
@@ -1,14 +1,14 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 import { Create, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import {
+import type {
   CreateCategoryMutation,
   CreateCategoryMutationVariables,
 } from "graphql/types";
-import { GetFields, GetVariables } from "@refinedev/hasura";
+import type { GetFields, GetVariables } from "@refinedev/hasura";
 import { CATEGORY_CREATE_MUTATION } from "./queries";
 
 export const CategoryCreate = () => {
diff --git a/examples/data-provider-hasura/src/pages/categories/edit.tsx b/examples/data-provider-hasura/src/pages/categories/edit.tsx
index 45a7a3d57bf1..79803ea61d3b 100644
--- a/examples/data-provider-hasura/src/pages/categories/edit.tsx
+++ b/examples/data-provider-hasura/src/pages/categories/edit.tsx
@@ -1,11 +1,11 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 import { Edit, ListButton, RefreshButton, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { GetFields, GetVariables } from "@refinedev/hasura";
-import {
+import type { GetFields, GetVariables } from "@refinedev/hasura";
+import type {
   UpdateCategoryMutation,
   UpdateCategoryMutationVariables,
 } from "graphql/types";
diff --git a/examples/data-provider-hasura/src/pages/categories/list.tsx b/examples/data-provider-hasura/src/pages/categories/list.tsx
index 764993a46616..b2011deeb7d5 100644
--- a/examples/data-provider-hasura/src/pages/categories/list.tsx
+++ b/examples/data-provider-hasura/src/pages/categories/list.tsx
@@ -8,8 +8,8 @@ import {
 
 import { Table } from "antd";
 
-import { GetCategoriesQuery } from "graphql/types";
-import { GetFieldsFromList } from "@refinedev/hasura";
+import type { GetCategoriesQuery } from "graphql/types";
+import type { GetFieldsFromList } from "@refinedev/hasura";
 import { CATEGORIES_QUERY } from "./queries";
 
 export const CategoryList = () => {
diff --git a/examples/data-provider-hasura/src/pages/posts/create.tsx b/examples/data-provider-hasura/src/pages/posts/create.tsx
index 6a8b3ec95147..643697748243 100644
--- a/examples/data-provider-hasura/src/pages/posts/create.tsx
+++ b/examples/data-provider-hasura/src/pages/posts/create.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 import { Create, useForm, useSelect } from "@refinedev/antd";
 
diff --git a/examples/data-provider-hasura/src/pages/posts/edit.tsx b/examples/data-provider-hasura/src/pages/posts/edit.tsx
index c4f24f5cc8f6..5abb74469f1e 100644
--- a/examples/data-provider-hasura/src/pages/posts/edit.tsx
+++ b/examples/data-provider-hasura/src/pages/posts/edit.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 import {
   Edit,
@@ -13,12 +13,16 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import {
+import type {
   GetPostCategoriesSelectQuery,
   UpdatePostMutation,
   UpdatePostMutationVariables,
 } from "graphql/types";
-import { GetFields, GetFieldsFromList, GetVariables } from "@refinedev/hasura";
+import type {
+  GetFields,
+  GetFieldsFromList,
+  GetVariables,
+} from "@refinedev/hasura";
 import { POST_CATEGORIES_SELECT_QUERY, POST_UPDATE_MUTATION } from "./queries";
 
 export const PostEdit = () => {
diff --git a/examples/data-provider-hasura/src/pages/posts/list.tsx b/examples/data-provider-hasura/src/pages/posts/list.tsx
index 715320175e7d..35b84d40393c 100644
--- a/examples/data-provider-hasura/src/pages/posts/list.tsx
+++ b/examples/data-provider-hasura/src/pages/posts/list.tsx
@@ -18,7 +18,7 @@ import type {
   GetPostCategoriesSelectQuery,
   GetPostsQuery,
 } from "graphql/types";
-import { GetFieldsFromList } from "@refinedev/hasura";
+import type { GetFieldsFromList } from "@refinedev/hasura";
 import {
   POST_CATEGORIES_SELECT_QUERY,
   POSTS_QUERY,
diff --git a/examples/data-provider-hasura/src/pages/posts/show.tsx b/examples/data-provider-hasura/src/pages/posts/show.tsx
index e4565068a083..5730dab7c1c7 100644
--- a/examples/data-provider-hasura/src/pages/posts/show.tsx
+++ b/examples/data-provider-hasura/src/pages/posts/show.tsx
@@ -4,8 +4,8 @@ import { Show, MarkdownField, RefreshButton } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { GetFields } from "@refinedev/hasura";
-import { GetPostQuery } from "graphql/types";
+import type { GetFields } from "@refinedev/hasura";
+import type { GetPostQuery } from "graphql/types";
 import { POST_QUERY } from "./queries";
 
 const { Title, Text } = Typography;
diff --git a/examples/data-provider-multiple/src/pages/posts/list.tsx b/examples/data-provider-multiple/src/pages/posts/list.tsx
index e49651696a5d..61ebaf387aa2 100644
--- a/examples/data-provider-multiple/src/pages/posts/list.tsx
+++ b/examples/data-provider-multiple/src/pages/posts/list.tsx
@@ -14,7 +14,7 @@ import {
 
 import { Table, Space, Select, Radio, Collapse, List as AntdList } from "antd";
 
-import { IPost, ICategory, IProducts } from "../../interfaces";
+import type { IPost, ICategory, IProducts } from "../../interfaces";
 
 export const PostList = () => {
   const { Panel } = Collapse;
diff --git a/examples/data-provider-nestjs-query/src/pages/categories/create.tsx b/examples/data-provider-nestjs-query/src/pages/categories/create.tsx
index d299dee1c4dd..0d12bda79d48 100644
--- a/examples/data-provider-nestjs-query/src/pages/categories/create.tsx
+++ b/examples/data-provider-nestjs-query/src/pages/categories/create.tsx
@@ -1,9 +1,9 @@
 import { Create, useForm } from "@refinedev/antd";
-import { GetFields } from "@refinedev/nestjs-query";
+import type { GetFields } from "@refinedev/nestjs-query";
 
 import { Form, Input } from "antd";
 
-import { CategoryCreateMutation } from "graphql/types";
+import type { CategoryCreateMutation } from "graphql/types";
 import { CATEGORY_CREATE_MUTATION } from "./queries";
 
 export const CategoryCreate = () => {
diff --git a/examples/data-provider-nestjs-query/src/pages/categories/edit.tsx b/examples/data-provider-nestjs-query/src/pages/categories/edit.tsx
index f8e24ac1297b..8b0af136561b 100644
--- a/examples/data-provider-nestjs-query/src/pages/categories/edit.tsx
+++ b/examples/data-provider-nestjs-query/src/pages/categories/edit.tsx
@@ -1,10 +1,10 @@
 import { Edit, ListButton, RefreshButton, useForm } from "@refinedev/antd";
-import { GetFields } from "@refinedev/nestjs-query";
+import type { GetFields } from "@refinedev/nestjs-query";
 
 import { Form, Input } from "antd";
 
 import { CATEGORY_EDIT_MUTATION } from "./queries";
-import { CategoryEditMutation } from "graphql/types";
+import type { CategoryEditMutation } from "graphql/types";
 
 export const CategoryEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<
diff --git a/examples/data-provider-nestjs-query/src/pages/categories/list.tsx b/examples/data-provider-nestjs-query/src/pages/categories/list.tsx
index d5ec66650f28..1f8b22d229da 100644
--- a/examples/data-provider-nestjs-query/src/pages/categories/list.tsx
+++ b/examples/data-provider-nestjs-query/src/pages/categories/list.tsx
@@ -6,12 +6,12 @@ import {
   getDefaultSortOrder,
   DeleteButton,
 } from "@refinedev/antd";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { Space, Table } from "antd";
 
 import { CATEGORIES_LIST_QUERY } from "./queries";
-import { CategoriesListQuery } from "graphql/types";
+import type { CategoriesListQuery } from "graphql/types";
 
 type ICategory = GetFieldsFromList<CategoriesListQuery>;
 
diff --git a/examples/data-provider-nestjs-query/src/pages/posts/create.tsx b/examples/data-provider-nestjs-query/src/pages/posts/create.tsx
index 181fd1d52583..a42e2c201926 100644
--- a/examples/data-provider-nestjs-query/src/pages/posts/create.tsx
+++ b/examples/data-provider-nestjs-query/src/pages/posts/create.tsx
@@ -1,10 +1,10 @@
 import { Create, useForm, useSelect } from "@refinedev/antd";
-import { GetFields, GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFields, GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import MDEditor from "@uiw/react-md-editor";
 import { Form, Input, Select } from "antd";
 
-import { CategoriesSelectQuery, PostCreateMutation } from "graphql/types";
+import type { CategoriesSelectQuery, PostCreateMutation } from "graphql/types";
 import { CATEGORIES_SELECT_QUERY, POST_CREATE_MUTATION } from "./queries";
 
 export const PostCreate = () => {
diff --git a/examples/data-provider-nestjs-query/src/pages/posts/edit.tsx b/examples/data-provider-nestjs-query/src/pages/posts/edit.tsx
index 93604445d845..ee44800d9f23 100644
--- a/examples/data-provider-nestjs-query/src/pages/posts/edit.tsx
+++ b/examples/data-provider-nestjs-query/src/pages/posts/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import {
   Edit,
   ListButton,
@@ -6,13 +6,13 @@ import {
   useForm,
   useSelect,
 } from "@refinedev/antd";
-import { GetFields, GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFields, GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import MDEditor from "@uiw/react-md-editor";
 import { Form, Input, Select } from "antd";
 
 import { CATEGORIES_SELECT_QUERY, POST_EDIT_MUTATION } from "./queries";
-import { CategoriesSelectQuery, PostEditMutation } from "graphql/types";
+import type { CategoriesSelectQuery, PostEditMutation } from "graphql/types";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<
diff --git a/examples/data-provider-nestjs-query/src/pages/posts/list.tsx b/examples/data-provider-nestjs-query/src/pages/posts/list.tsx
index 72aa40364351..2da83d39f9f5 100644
--- a/examples/data-provider-nestjs-query/src/pages/posts/list.tsx
+++ b/examples/data-provider-nestjs-query/src/pages/posts/list.tsx
@@ -10,12 +10,12 @@ import {
   useSelect,
   DateField,
 } from "@refinedev/antd";
-import { GetFieldsFromList } from "@refinedev/nestjs-query";
+import type { GetFieldsFromList } from "@refinedev/nestjs-query";
 
 import { Table, Space, Select } from "antd";
 
 import { CATEGORIES_SELECT_QUERY, POSTS_LIST_QUERY } from "./queries";
-import { BlogPostsListQuery, CategoriesSelectQuery } from "graphql/types";
+import type { BlogPostsListQuery, CategoriesSelectQuery } from "graphql/types";
 
 type IPost = GetFieldsFromList<BlogPostsListQuery>;
 
diff --git a/examples/data-provider-nestjs-query/src/pages/posts/show.tsx b/examples/data-provider-nestjs-query/src/pages/posts/show.tsx
index d8fb62774bb2..c4f5318d5d51 100644
--- a/examples/data-provider-nestjs-query/src/pages/posts/show.tsx
+++ b/examples/data-provider-nestjs-query/src/pages/posts/show.tsx
@@ -1,11 +1,11 @@
 import { useShow } from "@refinedev/core";
 import { Show, MarkdownField, RefreshButton } from "@refinedev/antd";
-import { GetFields } from "@refinedev/nestjs-query";
+import type { GetFields } from "@refinedev/nestjs-query";
 
 import { Typography } from "antd";
 
 import { POST_SHOW_QUERY } from "./queries";
-import { PostShowQuery } from "graphql/types";
+import type { PostShowQuery } from "graphql/types";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/data-provider-nestjsx-crud/src/pages/categories/create.tsx b/examples/data-provider-nestjsx-crud/src/pages/categories/create.tsx
index 69e4977dc7f2..abf44730ab3b 100644
--- a/examples/data-provider-nestjsx-crud/src/pages/categories/create.tsx
+++ b/examples/data-provider-nestjsx-crud/src/pages/categories/create.tsx
@@ -2,7 +2,7 @@ import { Create, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryCreate = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/data-provider-nestjsx-crud/src/pages/categories/edit.tsx b/examples/data-provider-nestjsx-crud/src/pages/categories/edit.tsx
index 5de0a6150c8b..f7b3b323c867 100644
--- a/examples/data-provider-nestjsx-crud/src/pages/categories/edit.tsx
+++ b/examples/data-provider-nestjsx-crud/src/pages/categories/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryEdit = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/data-provider-nestjsx-crud/src/pages/categories/list.tsx b/examples/data-provider-nestjsx-crud/src/pages/categories/list.tsx
index 220f7073d15f..4d585b1b4958 100644
--- a/examples/data-provider-nestjsx-crud/src/pages/categories/list.tsx
+++ b/examples/data-provider-nestjsx-crud/src/pages/categories/list.tsx
@@ -8,7 +8,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryList = () => {
   const { tableProps } = useTable<ICategory>();
diff --git a/examples/data-provider-nestjsx-crud/src/pages/posts/create.tsx b/examples/data-provider-nestjsx-crud/src/pages/posts/create.tsx
index 9632d8cc6bba..491a1d54325e 100644
--- a/examples/data-provider-nestjsx-crud/src/pages/posts/create.tsx
+++ b/examples/data-provider-nestjsx-crud/src/pages/posts/create.tsx
@@ -12,7 +12,7 @@ import { Form, Input, Upload, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory, ITags } from "../../interfaces";
+import type { IPost, ICategory, ITags } from "../../interfaces";
 import { normalizeFile } from "../../utility/normalize";
 
 export const PostCreate = () => {
diff --git a/examples/data-provider-nestjsx-crud/src/pages/posts/edit.tsx b/examples/data-provider-nestjsx-crud/src/pages/posts/edit.tsx
index 9b725818744a..31e59050c111 100644
--- a/examples/data-provider-nestjsx-crud/src/pages/posts/edit.tsx
+++ b/examples/data-provider-nestjsx-crud/src/pages/posts/edit.tsx
@@ -7,7 +7,7 @@ import { Form, Input, Select, Upload } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory, ITags } from "../../interfaces";
+import type { IPost, ICategory, ITags } from "../../interfaces";
 import { normalizeFile } from "../../utility/normalize";
 
 export const PostEdit = () => {
diff --git a/examples/data-provider-nestjsx-crud/src/pages/posts/list.tsx b/examples/data-provider-nestjsx-crud/src/pages/posts/list.tsx
index bc693b2a1bc7..c0b9cb822d51 100644
--- a/examples/data-provider-nestjsx-crud/src/pages/posts/list.tsx
+++ b/examples/data-provider-nestjsx-crud/src/pages/posts/list.tsx
@@ -9,7 +9,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, sorter } = useTable<IPost>({
diff --git a/examples/data-provider-nestjsx-crud/src/pages/posts/show.tsx b/examples/data-provider-nestjsx-crud/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/data-provider-nestjsx-crud/src/pages/posts/show.tsx
+++ b/examples/data-provider-nestjsx-crud/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/data-provider-nestjsx-crud/src/utility/normalize.ts b/examples/data-provider-nestjsx-crud/src/utility/normalize.ts
index 77443fe6066d..65ccd1d54418 100644
--- a/examples/data-provider-nestjsx-crud/src/utility/normalize.ts
+++ b/examples/data-provider-nestjsx-crud/src/utility/normalize.ts
@@ -1,4 +1,4 @@
-import { UploadFile } from "antd/lib/upload/interface";
+import type { UploadFile } from "antd/lib/upload/interface";
 
 interface UploadResponse {
   fileUrl: string;
diff --git a/examples/data-provider-sanity/src/pages/categories/create.tsx b/examples/data-provider-sanity/src/pages/categories/create.tsx
index 63ed0281331a..a535a26ba0fa 100644
--- a/examples/data-provider-sanity/src/pages/categories/create.tsx
+++ b/examples/data-provider-sanity/src/pages/categories/create.tsx
@@ -3,7 +3,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryCreate = () => {
   const { formProps, saveButtonProps, formLoading } = useForm<ICategory>();
diff --git a/examples/data-provider-sanity/src/pages/categories/edit.tsx b/examples/data-provider-sanity/src/pages/categories/edit.tsx
index dc29b8ffea87..42415c49d0c8 100644
--- a/examples/data-provider-sanity/src/pages/categories/edit.tsx
+++ b/examples/data-provider-sanity/src/pages/categories/edit.tsx
@@ -3,7 +3,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryEdit = () => {
   const { formProps, saveButtonProps, formLoading } = useForm<ICategory>();
diff --git a/examples/data-provider-sanity/src/pages/categories/list.tsx b/examples/data-provider-sanity/src/pages/categories/list.tsx
index d2cb5ca37842..be08c1738183 100644
--- a/examples/data-provider-sanity/src/pages/categories/list.tsx
+++ b/examples/data-provider-sanity/src/pages/categories/list.tsx
@@ -1,7 +1,7 @@
 import { List, EditButton, useTable, DeleteButton } from "@refinedev/antd";
 
 import { Table, Space } from "antd";
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryList = () => {
   const { tableProps } = useTable<ICategory>();
diff --git a/examples/data-provider-sanity/src/pages/posts/create.tsx b/examples/data-provider-sanity/src/pages/posts/create.tsx
index 6c4b67f8c408..9f9230bfd382 100644
--- a/examples/data-provider-sanity/src/pages/posts/create.tsx
+++ b/examples/data-provider-sanity/src/pages/posts/create.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { Create, useForm, useSelect } from "@refinedev/antd";
 
 import { Form, Input, Select } from "antd";
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/data-provider-sanity/src/pages/posts/edit.tsx b/examples/data-provider-sanity/src/pages/posts/edit.tsx
index 490601b73c32..a2bbb42c7574 100644
--- a/examples/data-provider-sanity/src/pages/posts/edit.tsx
+++ b/examples/data-provider-sanity/src/pages/posts/edit.tsx
@@ -4,7 +4,7 @@ import { Edit, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, formLoading } = useForm<IPost>();
diff --git a/examples/data-provider-sanity/src/pages/posts/list.tsx b/examples/data-provider-sanity/src/pages/posts/list.tsx
index 5109f7696045..fa6a7434e7bc 100644
--- a/examples/data-provider-sanity/src/pages/posts/list.tsx
+++ b/examples/data-provider-sanity/src/pages/posts/list.tsx
@@ -15,7 +15,7 @@ import {
 
 import { Table, Space, Input, Select } from "antd";
 import { SearchOutlined } from "@ant-design/icons";
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, filters, sorters } = useTable<IPost>({
diff --git a/examples/data-provider-sanity/src/pages/posts/show.tsx b/examples/data-provider-sanity/src/pages/posts/show.tsx
index 933a51d4f105..ebd81a173ed4 100644
--- a/examples/data-provider-sanity/src/pages/posts/show.tsx
+++ b/examples/data-provider-sanity/src/pages/posts/show.tsx
@@ -2,7 +2,7 @@ import { useShow, useMany } from "@refinedev/core";
 import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Space, Tag, Typography } from "antd";
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/data-provider-strapi-v4/src/App.tsx b/examples/data-provider-strapi-v4/src/App.tsx
index 381eebef9e02..63b7aba2bd39 100644
--- a/examples/data-provider-strapi-v4/src/App.tsx
+++ b/examples/data-provider-strapi-v4/src/App.tsx
@@ -1,7 +1,7 @@
 import {
   GitHubBanner,
   Refine,
-  AuthProvider,
+  type AuthProvider,
   Authenticated,
 } from "@refinedev/core";
 import {
diff --git a/examples/data-provider-strapi-v4/src/pages/categories/create.tsx b/examples/data-provider-strapi-v4/src/pages/categories/create.tsx
index 280bf26a77dd..81dcbf01be29 100644
--- a/examples/data-provider-strapi-v4/src/pages/categories/create.tsx
+++ b/examples/data-provider-strapi-v4/src/pages/categories/create.tsx
@@ -2,7 +2,7 @@ import { Create, useForm } from "@refinedev/antd";
 
 import { Form, Input, Radio } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryCreate = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/data-provider-strapi-v4/src/pages/categories/edit.tsx b/examples/data-provider-strapi-v4/src/pages/categories/edit.tsx
index 5de0a6150c8b..f7b3b323c867 100644
--- a/examples/data-provider-strapi-v4/src/pages/categories/edit.tsx
+++ b/examples/data-provider-strapi-v4/src/pages/categories/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryEdit = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/data-provider-strapi-v4/src/pages/categories/list.tsx b/examples/data-provider-strapi-v4/src/pages/categories/list.tsx
index 0fedd5316f30..e8e1944d57d8 100644
--- a/examples/data-provider-strapi-v4/src/pages/categories/list.tsx
+++ b/examples/data-provider-strapi-v4/src/pages/categories/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space, Form, Radio } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryList = () => {
   const [locale, setLocale] = useState("en");
diff --git a/examples/data-provider-strapi-v4/src/pages/posts/create.tsx b/examples/data-provider-strapi-v4/src/pages/posts/create.tsx
index 5fbc29bf36b9..0a24578afa24 100644
--- a/examples/data-provider-strapi-v4/src/pages/posts/create.tsx
+++ b/examples/data-provider-strapi-v4/src/pages/posts/create.tsx
@@ -5,7 +5,7 @@ import { Form, Input, Select, Upload, Radio } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
 import { TOKEN_KEY, API_URL } from "../../constants";
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostCreate: React.FC = () => {
   const [locale, setLocale] = useState("en");
diff --git a/examples/data-provider-strapi-v4/src/pages/posts/edit.tsx b/examples/data-provider-strapi-v4/src/pages/posts/edit.tsx
index b58f0a3c392e..ee341353a05c 100644
--- a/examples/data-provider-strapi-v4/src/pages/posts/edit.tsx
+++ b/examples/data-provider-strapi-v4/src/pages/posts/edit.tsx
@@ -5,7 +5,7 @@ import { Form, Input, Select, Upload, Radio } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
 import { TOKEN_KEY, API_URL } from "../../constants";
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>({
diff --git a/examples/data-provider-strapi-v4/src/pages/posts/list.tsx b/examples/data-provider-strapi-v4/src/pages/posts/list.tsx
index 2ddf14fffda5..3329193ad88e 100644
--- a/examples/data-provider-strapi-v4/src/pages/posts/list.tsx
+++ b/examples/data-provider-strapi-v4/src/pages/posts/list.tsx
@@ -15,7 +15,7 @@ import {
 
 import { Table, Select, Space, Form, Radio, Tag } from "antd";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 import { API_URL } from "../../constants";
 
diff --git a/examples/data-provider-strapi-v4/src/pages/posts/show.tsx b/examples/data-provider-strapi-v4/src/pages/posts/show.tsx
index 00367e9edeb8..e476ec7c616e 100644
--- a/examples/data-provider-strapi-v4/src/pages/posts/show.tsx
+++ b/examples/data-provider-strapi-v4/src/pages/posts/show.tsx
@@ -11,7 +11,7 @@ import {
 
 import { Space, Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 import { API_URL } from "../../constants";
 
 const { Title, Text } = Typography;
diff --git a/examples/data-provider-strapi/src/App.tsx b/examples/data-provider-strapi/src/App.tsx
index d50e0d19baae..c630f196fa2b 100644
--- a/examples/data-provider-strapi/src/App.tsx
+++ b/examples/data-provider-strapi/src/App.tsx
@@ -1,7 +1,7 @@
 import {
   GitHubBanner,
   Refine,
-  AuthProvider,
+  type AuthProvider,
   Authenticated,
 } from "@refinedev/core";
 import {
diff --git a/examples/data-provider-strapi/src/pages/categories/create.tsx b/examples/data-provider-strapi/src/pages/categories/create.tsx
index 69e4977dc7f2..abf44730ab3b 100644
--- a/examples/data-provider-strapi/src/pages/categories/create.tsx
+++ b/examples/data-provider-strapi/src/pages/categories/create.tsx
@@ -2,7 +2,7 @@ import { Create, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryCreate = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/data-provider-strapi/src/pages/categories/edit.tsx b/examples/data-provider-strapi/src/pages/categories/edit.tsx
index 5de0a6150c8b..f7b3b323c867 100644
--- a/examples/data-provider-strapi/src/pages/categories/edit.tsx
+++ b/examples/data-provider-strapi/src/pages/categories/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryEdit = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/data-provider-strapi/src/pages/categories/list.tsx b/examples/data-provider-strapi/src/pages/categories/list.tsx
index a93e3e9c7fa5..691f171405e1 100644
--- a/examples/data-provider-strapi/src/pages/categories/list.tsx
+++ b/examples/data-provider-strapi/src/pages/categories/list.tsx
@@ -8,7 +8,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryList = () => {
   const { tableProps } = useTable<ICategory>();
diff --git a/examples/data-provider-strapi/src/pages/posts/list.tsx b/examples/data-provider-strapi/src/pages/posts/list.tsx
index 1207bf614415..86d187a2179a 100644
--- a/examples/data-provider-strapi/src/pages/posts/list.tsx
+++ b/examples/data-provider-strapi/src/pages/posts/list.tsx
@@ -13,7 +13,7 @@ import {
 
 import { Table, Select, Space } from "antd";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, sorter, filters } = useTable<IPost>({
diff --git a/examples/data-provider-supabase/src/App.tsx b/examples/data-provider-supabase/src/App.tsx
index 22e221f19ca2..94690374d6cc 100644
--- a/examples/data-provider-supabase/src/App.tsx
+++ b/examples/data-provider-supabase/src/App.tsx
@@ -1,7 +1,7 @@
 import {
   GitHubBanner,
   Refine,
-  AuthProvider,
+  type AuthProvider,
   Authenticated,
 } from "@refinedev/core";
 import {
diff --git a/examples/data-provider-supabase/src/pages/posts/create.tsx b/examples/data-provider-supabase/src/pages/posts/create.tsx
index cd1b9ee7ba59..9dca61e65938 100644
--- a/examples/data-provider-supabase/src/pages/posts/create.tsx
+++ b/examples/data-provider-supabase/src/pages/posts/create.tsx
@@ -2,12 +2,12 @@ import { useState } from "react";
 
 import { Create, useForm, useSelect } from "@refinedev/antd";
 
-import { RcFile } from "antd/lib/upload/interface";
+import type { RcFile } from "antd/lib/upload/interface";
 import { Form, Input, Select, Upload } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 import { supabaseClient, normalizeFile } from "../../utility";
 
 export const PostCreate = () => {
diff --git a/examples/data-provider-supabase/src/pages/posts/edit.tsx b/examples/data-provider-supabase/src/pages/posts/edit.tsx
index d6a50e7f2184..94b946cf9c7f 100644
--- a/examples/data-provider-supabase/src/pages/posts/edit.tsx
+++ b/examples/data-provider-supabase/src/pages/posts/edit.tsx
@@ -8,12 +8,12 @@ import {
   useSelect,
 } from "@refinedev/antd";
 
-import { RcFile } from "antd/lib/upload/interface";
+import type { RcFile } from "antd/lib/upload/interface";
 import { Alert, Button, Form, Input, Select, Upload } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 import { supabaseClient, normalizeFile } from "../../utility";
 
 export const PostEdit = () => {
diff --git a/examples/data-provider-supabase/src/pages/posts/list.tsx b/examples/data-provider-supabase/src/pages/posts/list.tsx
index 5899bf091373..c92cee5c5635 100644
--- a/examples/data-provider-supabase/src/pages/posts/list.tsx
+++ b/examples/data-provider-supabase/src/pages/posts/list.tsx
@@ -13,7 +13,7 @@ import {
 
 import { Table, Space, Select, Radio } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, sorters, filters } = useTable<IPost>({
diff --git a/examples/data-provider-supabase/src/pages/posts/show.tsx b/examples/data-provider-supabase/src/pages/posts/show.tsx
index 9a0b7b60f972..9358e863b6c3 100644
--- a/examples/data-provider-supabase/src/pages/posts/show.tsx
+++ b/examples/data-provider-supabase/src/pages/posts/show.tsx
@@ -11,7 +11,7 @@ import {
 
 import { Typography, Space, Alert, Button } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 import { useState } from "react";
 
 const { Title, Text } = Typography;
diff --git a/examples/data-provider-supabase/src/utility/normalize.ts b/examples/data-provider-supabase/src/utility/normalize.ts
index 257d4584ff1b..937f48d542b3 100644
--- a/examples/data-provider-supabase/src/utility/normalize.ts
+++ b/examples/data-provider-supabase/src/utility/normalize.ts
@@ -1,4 +1,4 @@
-import { UploadFile } from "antd/lib/upload/interface";
+import type { UploadFile } from "antd/lib/upload/interface";
 
 interface UploadResponse {
   url: string;
diff --git a/examples/field-antd-use-checkbox-group/src/pages/posts/create.tsx b/examples/field-antd-use-checkbox-group/src/pages/posts/create.tsx
index 83ed0c98a16e..778a0e30d44f 100644
--- a/examples/field-antd-use-checkbox-group/src/pages/posts/create.tsx
+++ b/examples/field-antd-use-checkbox-group/src/pages/posts/create.tsx
@@ -4,7 +4,7 @@ import { Form, Input, Checkbox } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ITag } from "../../interfaces";
+import type { IPost, ITag } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/field-antd-use-checkbox-group/src/pages/posts/edit.tsx b/examples/field-antd-use-checkbox-group/src/pages/posts/edit.tsx
index 2c2a4f7fcfd7..cf8dce9a5261 100644
--- a/examples/field-antd-use-checkbox-group/src/pages/posts/edit.tsx
+++ b/examples/field-antd-use-checkbox-group/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Checkbox } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ITag } from "../../interfaces";
+import type { IPost, ITag } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/field-antd-use-checkbox-group/src/pages/posts/list.tsx b/examples/field-antd-use-checkbox-group/src/pages/posts/list.tsx
index 67e98baed964..c724e0517f8c 100644
--- a/examples/field-antd-use-checkbox-group/src/pages/posts/list.tsx
+++ b/examples/field-antd-use-checkbox-group/src/pages/posts/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space, Tag } from "antd";
 
-import { IPost, ITag } from "../../interfaces";
+import type { IPost, ITag } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/field-antd-use-checkbox-group/src/pages/posts/show.tsx b/examples/field-antd-use-checkbox-group/src/pages/posts/show.tsx
index aa305e97518b..8d7df66be341 100644
--- a/examples/field-antd-use-checkbox-group/src/pages/posts/show.tsx
+++ b/examples/field-antd-use-checkbox-group/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography, Tag } from "antd";
 
-import { IPost, ITag } from "../../interfaces";
+import type { IPost, ITag } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/field-antd-use-radio-group/src/pages/posts/create.tsx b/examples/field-antd-use-radio-group/src/pages/posts/create.tsx
index bacb33297ea1..81ef83a45093 100644
--- a/examples/field-antd-use-radio-group/src/pages/posts/create.tsx
+++ b/examples/field-antd-use-radio-group/src/pages/posts/create.tsx
@@ -4,7 +4,7 @@ import { Form, Input, Radio } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ILanguage } from "../../interfaces";
+import type { IPost, ILanguage } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/field-antd-use-radio-group/src/pages/posts/edit.tsx b/examples/field-antd-use-radio-group/src/pages/posts/edit.tsx
index 920ec1ec8343..e0428c16e8c5 100644
--- a/examples/field-antd-use-radio-group/src/pages/posts/edit.tsx
+++ b/examples/field-antd-use-radio-group/src/pages/posts/edit.tsx
@@ -4,7 +4,7 @@ import { Form, Input, Radio } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ILanguage } from "../../interfaces";
+import type { IPost, ILanguage } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/field-antd-use-radio-group/src/pages/posts/list.tsx b/examples/field-antd-use-radio-group/src/pages/posts/list.tsx
index 4a0bc1d24477..623a133dc0c0 100644
--- a/examples/field-antd-use-radio-group/src/pages/posts/list.tsx
+++ b/examples/field-antd-use-radio-group/src/pages/posts/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IPost, ILanguage } from "../../interfaces";
+import type { IPost, ILanguage } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/field-antd-use-radio-group/src/pages/posts/show.tsx b/examples/field-antd-use-radio-group/src/pages/posts/show.tsx
index 94399117f80c..378c2eaf8515 100644
--- a/examples/field-antd-use-radio-group/src/pages/posts/show.tsx
+++ b/examples/field-antd-use-radio-group/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ILanguage } from "../../interfaces";
+import type { IPost, ILanguage } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/field-antd-use-select-basic/src/pages/posts/create.tsx b/examples/field-antd-use-select-basic/src/pages/posts/create.tsx
index 07a269ca21c7..83a349d3c728 100644
--- a/examples/field-antd-use-select-basic/src/pages/posts/create.tsx
+++ b/examples/field-antd-use-select-basic/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/field-antd-use-select-basic/src/pages/posts/edit.tsx b/examples/field-antd-use-select-basic/src/pages/posts/edit.tsx
index 970be3060580..8be78509a257 100644
--- a/examples/field-antd-use-select-basic/src/pages/posts/edit.tsx
+++ b/examples/field-antd-use-select-basic/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory, ITag } from "../../interfaces";
+import type { IPost, ICategory, ITag } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/field-antd-use-select-basic/src/pages/posts/list.tsx b/examples/field-antd-use-select-basic/src/pages/posts/list.tsx
index f394082fd540..276ec9d37ec0 100644
--- a/examples/field-antd-use-select-basic/src/pages/posts/list.tsx
+++ b/examples/field-antd-use-select-basic/src/pages/posts/list.tsx
@@ -12,7 +12,7 @@ import {
 
 import { Table, Space, Select } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/field-antd-use-select-basic/src/pages/posts/show.tsx b/examples/field-antd-use-select-basic/src/pages/posts/show.tsx
index f7fc25152b30..40979ed93542 100644
--- a/examples/field-antd-use-select-basic/src/pages/posts/show.tsx
+++ b/examples/field-antd-use-select-basic/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Space, Tag, Typography } from "antd";
 
-import { IPost, ICategory, ITag } from "../../interfaces";
+import type { IPost, ICategory, ITag } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/field-antd-use-select-infinite/src/pages/posts/create.tsx b/examples/field-antd-use-select-infinite/src/pages/posts/create.tsx
index c3cb73397b84..2bc67238bf26 100644
--- a/examples/field-antd-use-select-infinite/src/pages/posts/create.tsx
+++ b/examples/field-antd-use-select-infinite/src/pages/posts/create.tsx
@@ -3,7 +3,7 @@ import { Create, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/field-antd-use-select-infinite/src/pages/posts/edit.tsx b/examples/field-antd-use-select-infinite/src/pages/posts/edit.tsx
index 7a1dc73aca22..02cabe3559fa 100644
--- a/examples/field-antd-use-select-infinite/src/pages/posts/edit.tsx
+++ b/examples/field-antd-use-select-infinite/src/pages/posts/edit.tsx
@@ -3,7 +3,7 @@ import { Edit, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/field-antd-use-select-infinite/src/pages/posts/list.tsx b/examples/field-antd-use-select-infinite/src/pages/posts/list.tsx
index eccac4995329..5f9c503b6f0f 100644
--- a/examples/field-antd-use-select-infinite/src/pages/posts/list.tsx
+++ b/examples/field-antd-use-select-infinite/src/pages/posts/list.tsx
@@ -9,9 +9,9 @@ import {
   FilterDropdown,
   useSelect,
 } from "@refinedev/antd";
-import { Table, Space, Select, SelectProps } from "antd";
+import { Table, Space, Select, type SelectProps } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/field-antd-use-select-infinite/src/pages/posts/show.tsx b/examples/field-antd-use-select-infinite/src/pages/posts/show.tsx
index 17fea85a5eb6..6d41853130ca 100644
--- a/examples/field-antd-use-select-infinite/src/pages/posts/show.tsx
+++ b/examples/field-antd-use-select-infinite/src/pages/posts/show.tsx
@@ -2,7 +2,7 @@ import { useShow, useOne } from "@refinedev/core";
 import { Show, MarkdownField } from "@refinedev/antd";
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/field-material-ui-use-autocomplete/src/pages/posts/create.tsx b/examples/field-material-ui-use-autocomplete/src/pages/posts/create.tsx
index f947bb018fbe..d4e5d717a5fd 100644
--- a/examples/field-material-ui-use-autocomplete/src/pages/posts/create.tsx
+++ b/examples/field-material-ui-use-autocomplete/src/pages/posts/create.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { useAutocomplete, Create } from "@refinedev/mui";
 import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
@@ -7,7 +7,13 @@ import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
 import Autocomplete from "@mui/material/Autocomplete";
 
-import { ICategory, IPost, IStatus, ITag, Nullable } from "../../interfaces";
+import type {
+  ICategory,
+  IPost,
+  IStatus,
+  ITag,
+  Nullable,
+} from "../../interfaces";
 
 export const PostCreate: React.FC = () => {
   const {
diff --git a/examples/field-material-ui-use-autocomplete/src/pages/posts/edit.tsx b/examples/field-material-ui-use-autocomplete/src/pages/posts/edit.tsx
index a7ca41fb602a..f630c670e21f 100644
--- a/examples/field-material-ui-use-autocomplete/src/pages/posts/edit.tsx
+++ b/examples/field-material-ui-use-autocomplete/src/pages/posts/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import { Edit, useAutocomplete } from "@refinedev/mui";
 import { Controller } from "react-hook-form";
@@ -7,7 +7,13 @@ import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
 import Autocomplete from "@mui/material/Autocomplete";
 
-import { ICategory, IPost, IStatus, ITag, Nullable } from "../../interfaces";
+import type {
+  ICategory,
+  IPost,
+  IStatus,
+  ITag,
+  Nullable,
+} from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/field-material-ui-use-autocomplete/src/pages/posts/list.tsx b/examples/field-material-ui-use-autocomplete/src/pages/posts/list.tsx
index 3ad2c5cac558..b5c245b677c8 100644
--- a/examples/field-material-ui-use-autocomplete/src/pages/posts/list.tsx
+++ b/examples/field-material-ui-use-autocomplete/src/pages/posts/list.tsx
@@ -1,9 +1,9 @@
 import React from "react";
 import { useMany } from "@refinedev/core";
 import { EditButton, List, useDataGrid } from "@refinedev/mui";
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>();
diff --git a/examples/finefoods-antd/src/authProvider.ts b/examples/finefoods-antd/src/authProvider.ts
index eb374f42a0c8..eead9ec52de3 100644
--- a/examples/finefoods-antd/src/authProvider.ts
+++ b/examples/finefoods-antd/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { notification } from "antd";
 import { disableAutoLogin, enableAutoLogin } from "./hooks";
 
diff --git a/examples/finefoods-antd/src/button/buttonSuccess.tsx b/examples/finefoods-antd/src/button/buttonSuccess.tsx
index 8be79440129c..59be0276c348 100644
--- a/examples/finefoods-antd/src/button/buttonSuccess.tsx
+++ b/examples/finefoods-antd/src/button/buttonSuccess.tsx
@@ -1,4 +1,4 @@
-import { Button, ButtonProps, theme } from "antd";
+import { Button, type ButtonProps, theme } from "antd";
 import { useConfigProvider } from "../context";
 import { CheckCircleOutlined } from "@ant-design/icons";
 
diff --git a/examples/finefoods-antd/src/components/card/index.tsx b/examples/finefoods-antd/src/components/card/index.tsx
index 3c351fa30878..62e9f84b3246 100644
--- a/examples/finefoods-antd/src/components/card/index.tsx
+++ b/examples/finefoods-antd/src/components/card/index.tsx
@@ -1,5 +1,5 @@
 import { Card, Flex, Space, Typography } from "antd";
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { useConfigProvider } from "../../context";
 
 export const CardWithContent = (
diff --git a/examples/finefoods-antd/src/components/categories/status/index.tsx b/examples/finefoods-antd/src/components/categories/status/index.tsx
index ef2689f9b053..e25fb0303835 100644
--- a/examples/finefoods-antd/src/components/categories/status/index.tsx
+++ b/examples/finefoods-antd/src/components/categories/status/index.tsx
@@ -1,7 +1,7 @@
 import { Tag, Typography, theme } from "antd";
 import { EyeOutlined, StopOutlined } from "@ant-design/icons";
 import { useTranslate } from "@refinedev/core";
-import { ICategory } from "../../../interfaces";
+import type { ICategory } from "../../../interfaces";
 import { useConfigProvider } from "../../../context";
 
 type Props = {
diff --git a/examples/finefoods-antd/src/components/categories/tableColumnProducts/index.tsx b/examples/finefoods-antd/src/components/categories/tableColumnProducts/index.tsx
index 5fb02f09fcf6..bb0841dbbb8b 100644
--- a/examples/finefoods-antd/src/components/categories/tableColumnProducts/index.tsx
+++ b/examples/finefoods-antd/src/components/categories/tableColumnProducts/index.tsx
@@ -1,6 +1,6 @@
 import { Flex, Popover, Avatar } from "antd";
-import { ICategory, IProduct } from "../../../interfaces";
-import { HttpError, useList } from "@refinedev/core";
+import type { ICategory, IProduct } from "../../../interfaces";
+import { type HttpError, useList } from "@refinedev/core";
 import { ProductDrawerForm } from "../../product/drawer-form";
 import { useState } from "react";
 import { ProductDrawerShow } from "../../product/drawer-show";
diff --git a/examples/finefoods-antd/src/components/courier/form-item-avatar/index.tsx b/examples/finefoods-antd/src/components/courier/form-item-avatar/index.tsx
index 3d261cfea63c..7cddff519fd1 100644
--- a/examples/finefoods-antd/src/components/courier/form-item-avatar/index.tsx
+++ b/examples/finefoods-antd/src/components/courier/form-item-avatar/index.tsx
@@ -1,7 +1,7 @@
-import { UseFormReturnType, getValueFromEvent } from "@refinedev/antd";
+import { type UseFormReturnType, getValueFromEvent } from "@refinedev/antd";
 import { Avatar, Flex, Form, Upload } from "antd";
 import { useApiUrl } from "@refinedev/core";
-import { ICourier } from "../../../interfaces";
+import type { ICourier } from "../../../interfaces";
 import { useStyles } from "./styled";
 import { CloudUploadOutlined } from "@ant-design/icons";
 
diff --git a/examples/finefoods-antd/src/components/courier/review-table/index.tsx b/examples/finefoods-antd/src/components/courier/review-table/index.tsx
index e8516100972f..b6bd7e236a47 100644
--- a/examples/finefoods-antd/src/components/courier/review-table/index.tsx
+++ b/examples/finefoods-antd/src/components/courier/review-table/index.tsx
@@ -1,5 +1,5 @@
 import { useTable } from "@refinedev/antd";
-import { ICourier, IReview } from "../../../interfaces";
+import type { ICourier, IReview } from "../../../interfaces";
 import { Rate, Table, Tag } from "antd";
 import { useNavigation, useTranslate } from "@refinedev/core";
 
diff --git a/examples/finefoods-antd/src/components/courier/status/index.tsx b/examples/finefoods-antd/src/components/courier/status/index.tsx
index 15f1adc4b70a..621fce6cf20b 100644
--- a/examples/finefoods-antd/src/components/courier/status/index.tsx
+++ b/examples/finefoods-antd/src/components/courier/status/index.tsx
@@ -1,7 +1,7 @@
 import { Flex, Skeleton, Spin, Tag, Typography, theme } from "antd";
 import { CheckCircleOutlined, PoweroffOutlined } from "@ant-design/icons";
 import { useTranslate } from "@refinedev/core";
-import { ICourier } from "../../../interfaces";
+import type { ICourier } from "../../../interfaces";
 import { useConfigProvider } from "../../../context";
 import { BikeWhiteIcon } from "../../icons";
 
diff --git a/examples/finefoods-antd/src/components/courier/tableColumnRating/index.tsx b/examples/finefoods-antd/src/components/courier/tableColumnRating/index.tsx
index a77de9f0495d..84dee5c2c52b 100644
--- a/examples/finefoods-antd/src/components/courier/tableColumnRating/index.tsx
+++ b/examples/finefoods-antd/src/components/courier/tableColumnRating/index.tsx
@@ -1,6 +1,6 @@
 import { Rate } from "antd";
 import { useList } from "@refinedev/core";
-import { ICourier, IReview } from "../../../interfaces";
+import type { ICourier, IReview } from "../../../interfaces";
 
 type Props = {
   courier?: ICourier;
diff --git a/examples/finefoods-antd/src/components/customer/infoList/index.tsx b/examples/finefoods-antd/src/components/customer/infoList/index.tsx
index a9709edc75fe..2483f5896086 100644
--- a/examples/finefoods-antd/src/components/customer/infoList/index.tsx
+++ b/examples/finefoods-antd/src/components/customer/infoList/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { IUser } from "../../../interfaces";
+import type { IUser } from "../../../interfaces";
 import {
   PhoneOutlined,
   EnvironmentOutlined,
diff --git a/examples/finefoods-antd/src/components/customer/infoSummary/index.tsx b/examples/finefoods-antd/src/components/customer/infoSummary/index.tsx
index 7bc213bd7a8e..c0937427cff2 100644
--- a/examples/finefoods-antd/src/components/customer/infoSummary/index.tsx
+++ b/examples/finefoods-antd/src/components/customer/infoSummary/index.tsx
@@ -1,5 +1,5 @@
 import { Flex, Avatar, Typography } from "antd";
-import { IUser } from "../../../interfaces";
+import type { IUser } from "../../../interfaces";
 
 type Props = {
   customer?: IUser;
diff --git a/examples/finefoods-antd/src/components/customer/orderHistory/index.tsx b/examples/finefoods-antd/src/components/customer/orderHistory/index.tsx
index 90e64ecd7dd7..48c19f72d407 100644
--- a/examples/finefoods-antd/src/components/customer/orderHistory/index.tsx
+++ b/examples/finefoods-antd/src/components/customer/orderHistory/index.tsx
@@ -1,6 +1,6 @@
 import { NumberField, useTable } from "@refinedev/antd";
-import { IUser, IOrder, IOrderFilterVariables } from "../../../interfaces";
-import { HttpError, useNavigation, useTranslate } from "@refinedev/core";
+import type { IUser, IOrder, IOrderFilterVariables } from "../../../interfaces";
+import { type HttpError, useNavigation, useTranslate } from "@refinedev/core";
 import { Table, Typography } from "antd";
 import { OrderStatus, OrderTableColumnProducts } from "../../order";
 
diff --git a/examples/finefoods-antd/src/components/customer/userStatus/index.tsx b/examples/finefoods-antd/src/components/customer/userStatus/index.tsx
index 119ddfb01779..1ee6f05e10ba 100644
--- a/examples/finefoods-antd/src/components/customer/userStatus/index.tsx
+++ b/examples/finefoods-antd/src/components/customer/userStatus/index.tsx
@@ -1,5 +1,5 @@
 import { Tag, Typography, theme } from "antd";
-import { IUser } from "../../../interfaces";
+import type { IUser } from "../../../interfaces";
 import { CheckCircleOutlined, PauseCircleOutlined } from "@ant-design/icons";
 import { useTranslate } from "@refinedev/core";
 import { useConfigProvider } from "../../../context";
diff --git a/examples/finefoods-antd/src/components/dashboard/allOrdersMap/index.tsx b/examples/finefoods-antd/src/components/dashboard/allOrdersMap/index.tsx
index e6eb4ad8c550..8b3afbc19ec2 100644
--- a/examples/finefoods-antd/src/components/dashboard/allOrdersMap/index.tsx
+++ b/examples/finefoods-antd/src/components/dashboard/allOrdersMap/index.tsx
@@ -1,7 +1,7 @@
 import { useList, useNavigation } from "@refinedev/core";
 
 import { Map, MapMarker } from "../..";
-import { IOrder } from "../../../interfaces";
+import type { IOrder } from "../../../interfaces";
 
 export const AllOrdersMap: React.FC = () => {
   const { data: orderData } = useList<IOrder>({
diff --git a/examples/finefoods-antd/src/components/dashboard/dailyOrders/index.tsx b/examples/finefoods-antd/src/components/dashboard/dailyOrders/index.tsx
index 88d8d080b993..98ada308b209 100644
--- a/examples/finefoods-antd/src/components/dashboard/dailyOrders/index.tsx
+++ b/examples/finefoods-antd/src/components/dashboard/dailyOrders/index.tsx
@@ -1,7 +1,7 @@
 import { Suspense } from "react";
 import { useTranslate } from "@refinedev/core";
 
-import { Column, ColumnConfig } from "@ant-design/plots";
+import { Column, type ColumnConfig } from "@ant-design/plots";
 import dayjs from "dayjs";
 import { useConfigProvider } from "../../../context";
 
diff --git a/examples/finefoods-antd/src/components/dashboard/dailyRevenue/index.tsx b/examples/finefoods-antd/src/components/dashboard/dailyRevenue/index.tsx
index f6a06528e270..261711b29d1d 100644
--- a/examples/finefoods-antd/src/components/dashboard/dailyRevenue/index.tsx
+++ b/examples/finefoods-antd/src/components/dashboard/dailyRevenue/index.tsx
@@ -1,6 +1,6 @@
 import { Suspense } from "react";
 import { useTranslate } from "@refinedev/core";
-import { Area, AreaConfig } from "@ant-design/plots";
+import { Area, type AreaConfig } from "@ant-design/plots";
 import dayjs from "dayjs";
 
 import { useConfigProvider } from "../../../context";
diff --git a/examples/finefoods-antd/src/components/dashboard/newCustomers/index.tsx b/examples/finefoods-antd/src/components/dashboard/newCustomers/index.tsx
index f6022f97ae10..707d39932176 100644
--- a/examples/finefoods-antd/src/components/dashboard/newCustomers/index.tsx
+++ b/examples/finefoods-antd/src/components/dashboard/newCustomers/index.tsx
@@ -1,6 +1,6 @@
 import { Suspense } from "react";
 import { useTranslate } from "@refinedev/core";
-import { ColumnConfig } from "@ant-design/plots/lib/components/column";
+import type { ColumnConfig } from "@ant-design/plots/lib/components/column";
 import { Column } from "@ant-design/plots";
 import dayjs from "dayjs";
 import { useConfigProvider } from "../../../context";
diff --git a/examples/finefoods-antd/src/components/dashboard/orderTimeline/index.tsx b/examples/finefoods-antd/src/components/dashboard/orderTimeline/index.tsx
index c3a12f7a4478..2ac350e72410 100644
--- a/examples/finefoods-antd/src/components/dashboard/orderTimeline/index.tsx
+++ b/examples/finefoods-antd/src/components/dashboard/orderTimeline/index.tsx
@@ -19,7 +19,7 @@ import {
 import dayjs from "dayjs";
 import relativeTime from "dayjs/plugin/relativeTime";
 import InfiniteScroll from "react-infinite-scroll-component";
-import { IOrder } from "../../../interfaces";
+import type { IOrder } from "../../../interfaces";
 import { OrderStatus } from "../../order/status";
 
 dayjs.extend(relativeTime);
diff --git a/examples/finefoods-antd/src/components/dashboard/recentOrders/index.tsx b/examples/finefoods-antd/src/components/dashboard/recentOrders/index.tsx
index 3c1d82e37486..cc8a5befad33 100644
--- a/examples/finefoods-antd/src/components/dashboard/recentOrders/index.tsx
+++ b/examples/finefoods-antd/src/components/dashboard/recentOrders/index.tsx
@@ -4,7 +4,7 @@ import { Typography, Table, theme, Space, Flex } from "antd";
 
 import { OrderActions } from "../../../components";
 
-import { IOrder } from "../../../interfaces";
+import type { IOrder } from "../../../interfaces";
 import { useStyles } from "./styled";
 import { getUniqueListWithCount } from "../../../utils";
 
diff --git a/examples/finefoods-antd/src/components/dashboard/trendingMenu/index.tsx b/examples/finefoods-antd/src/components/dashboard/trendingMenu/index.tsx
index 0a0436151be8..f1266b0c8b1b 100644
--- a/examples/finefoods-antd/src/components/dashboard/trendingMenu/index.tsx
+++ b/examples/finefoods-antd/src/components/dashboard/trendingMenu/index.tsx
@@ -1,6 +1,6 @@
 import { NumberField, useSimpleList } from "@refinedev/antd";
 import { Typography, Avatar, List as AntdList, Flex } from "antd";
-import { ITrendingProducts } from "../../../interfaces";
+import type { ITrendingProducts } from "../../../interfaces";
 import {
   Rank1Icon,
   Rank2Icon,
@@ -8,7 +8,7 @@ import {
   Rank4Icon,
   Rank5Icon,
 } from "../../icons";
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 
 export const TrendingMenu: React.FC = () => {
   const { listProps } = useSimpleList<ITrendingProducts>({
diff --git a/examples/finefoods-antd/src/components/drawer/index.tsx b/examples/finefoods-antd/src/components/drawer/index.tsx
index 79b5816f6bd8..6cec300fdc29 100644
--- a/examples/finefoods-antd/src/components/drawer/index.tsx
+++ b/examples/finefoods-antd/src/components/drawer/index.tsx
@@ -2,11 +2,11 @@ import { CloseOutlined } from "@ant-design/icons";
 import {
   Drawer as AntdDrawer,
   Button,
-  DrawerProps,
+  type DrawerProps,
   Typography,
   theme,
 } from "antd";
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 
 type Props = {} & DrawerProps;
 
diff --git a/examples/finefoods-antd/src/components/form/form-item-editable/index.tsx b/examples/finefoods-antd/src/components/form/form-item-editable/index.tsx
index ff5279c6fd2e..63d93048069b 100644
--- a/examples/finefoods-antd/src/components/form/form-item-editable/index.tsx
+++ b/examples/finefoods-antd/src/components/form/form-item-editable/index.tsx
@@ -1,6 +1,6 @@
-import { Form, FormItemProps } from "antd";
+import { Form, type FormItemProps } from "antd";
 import { useStyles } from "./styled";
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 
 type Props = {
   formItemProps?: FormItemProps;
diff --git a/examples/finefoods-antd/src/components/form/form-item-horizontal/index.tsx b/examples/finefoods-antd/src/components/form/form-item-horizontal/index.tsx
index 6323949d2bee..146c4d139041 100644
--- a/examples/finefoods-antd/src/components/form/form-item-horizontal/index.tsx
+++ b/examples/finefoods-antd/src/components/form/form-item-horizontal/index.tsx
@@ -1,5 +1,12 @@
-import { PropsWithChildren, ReactNode } from "react";
-import { Flex, Typography, Form, theme, FormItemProps, FlexProps } from "antd";
+import type { PropsWithChildren, ReactNode } from "react";
+import {
+  Flex,
+  Typography,
+  Form,
+  theme,
+  type FormItemProps,
+  type FlexProps,
+} from "antd";
 import { useStyles } from "./styled";
 
 type Props = {
diff --git a/examples/finefoods-antd/src/components/header/index.tsx b/examples/finefoods-antd/src/components/header/index.tsx
index d6c24de0ffb4..cd88644a499f 100644
--- a/examples/finefoods-antd/src/components/header/index.tsx
+++ b/examples/finefoods-antd/src/components/header/index.tsx
@@ -22,7 +22,7 @@ import {
   Layout as AntdLayout,
   Button,
   theme,
-  MenuProps,
+  type MenuProps,
 } from "antd";
 
 import { useTranslation } from "react-i18next";
@@ -30,7 +30,7 @@ import debounce from "lodash/debounce";
 
 import { useConfigProvider } from "../../context";
 import { IconMoon, IconSun } from "../../components/icons";
-import { IOrder, IStore, ICourier, IIdentity } from "../../interfaces";
+import type { IOrder, IStore, ICourier, IIdentity } from "../../interfaces";
 import { useStyles } from "./styled";
 
 const { Header: AntdHeader } = AntdLayout;
diff --git a/examples/finefoods-antd/src/components/icons/basic-marker.tsx b/examples/finefoods-antd/src/components/icons/basic-marker.tsx
index 897f47ebb208..c34a93b2b482 100644
--- a/examples/finefoods-antd/src/components/icons/basic-marker.tsx
+++ b/examples/finefoods-antd/src/components/icons/basic-marker.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const BasicMarker = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/finefoods-antd/src/components/icons/rank-1.tsx b/examples/finefoods-antd/src/components/icons/rank-1.tsx
index f8557f7ff7ca..48d132ebb37b 100644
--- a/examples/finefoods-antd/src/components/icons/rank-1.tsx
+++ b/examples/finefoods-antd/src/components/icons/rank-1.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 import { useConfigProvider } from "../../context";
 
 export const Rank1Icon = (props: SVGProps<SVGSVGElement>) => {
diff --git a/examples/finefoods-antd/src/components/icons/rank-2.tsx b/examples/finefoods-antd/src/components/icons/rank-2.tsx
index ae8aba21602b..c622c96ee0d7 100644
--- a/examples/finefoods-antd/src/components/icons/rank-2.tsx
+++ b/examples/finefoods-antd/src/components/icons/rank-2.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 import { useConfigProvider } from "../../context";
 
 export const Rank2Icon = (props: SVGProps<SVGSVGElement>) => {
diff --git a/examples/finefoods-antd/src/components/icons/rank-3.tsx b/examples/finefoods-antd/src/components/icons/rank-3.tsx
index ccd967c142c7..bd5de552964f 100644
--- a/examples/finefoods-antd/src/components/icons/rank-3.tsx
+++ b/examples/finefoods-antd/src/components/icons/rank-3.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 import { useConfigProvider } from "../../context";
 
 export const Rank3Icon = (props: SVGProps<SVGSVGElement>) => {
diff --git a/examples/finefoods-antd/src/components/icons/rank-4.tsx b/examples/finefoods-antd/src/components/icons/rank-4.tsx
index 45640fd8e27b..e02fb5d9a243 100644
--- a/examples/finefoods-antd/src/components/icons/rank-4.tsx
+++ b/examples/finefoods-antd/src/components/icons/rank-4.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 import { useConfigProvider } from "../../context";
 
 export const Rank4Icon = (props: SVGProps<SVGSVGElement>) => {
diff --git a/examples/finefoods-antd/src/components/icons/rank-5.tsx b/examples/finefoods-antd/src/components/icons/rank-5.tsx
index 75a0f88b38b4..0abacbeebf6f 100644
--- a/examples/finefoods-antd/src/components/icons/rank-5.tsx
+++ b/examples/finefoods-antd/src/components/icons/rank-5.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 import { useConfigProvider } from "../../context";
 
 export const Rank5Icon = (props: SVGProps<SVGSVGElement>) => {
diff --git a/examples/finefoods-antd/src/components/map/advanced-marker.tsx b/examples/finefoods-antd/src/components/map/advanced-marker.tsx
index 51260b1d81df..8365a43ce2a7 100644
--- a/examples/finefoods-antd/src/components/map/advanced-marker.tsx
+++ b/examples/finefoods-antd/src/components/map/advanced-marker.tsx
@@ -1,5 +1,11 @@
-import { useState, useEffect, memo, useRef, PropsWithChildren } from "react";
-import { Root, createRoot } from "react-dom/client";
+import {
+  useState,
+  useEffect,
+  memo,
+  useRef,
+  type PropsWithChildren,
+} from "react";
+import { type Root, createRoot } from "react-dom/client";
 
 type AdvancedMarkerProps = {
   onClick?: Function;
diff --git a/examples/finefoods-antd/src/components/map/map.tsx b/examples/finefoods-antd/src/components/map/map.tsx
index f9ad1c191c2d..4a1d199e48d4 100644
--- a/examples/finefoods-antd/src/components/map/map.tsx
+++ b/examples/finefoods-antd/src/components/map/map.tsx
@@ -1,11 +1,11 @@
 import {
   Children,
   cloneElement,
-  Dispatch,
-  FC,
+  type Dispatch,
+  type FC,
   isValidElement,
-  PropsWithChildren,
-  SetStateAction,
+  type PropsWithChildren,
+  type SetStateAction,
   useEffect,
   useRef,
   useState,
diff --git a/examples/finefoods-antd/src/components/order/actions/index.tsx b/examples/finefoods-antd/src/components/order/actions/index.tsx
index dd4f756fa3d3..0cee39612a6b 100644
--- a/examples/finefoods-antd/src/components/order/actions/index.tsx
+++ b/examples/finefoods-antd/src/components/order/actions/index.tsx
@@ -2,7 +2,7 @@ import { useTranslate, useUpdate } from "@refinedev/core";
 import { CheckCircleOutlined, CloseCircleOutlined } from "@ant-design/icons";
 import { Dropdown, Menu } from "antd";
 import { TableActionButton } from "../../tableActionButton";
-import { IOrder } from "../../../interfaces";
+import type { IOrder } from "../../../interfaces";
 
 type OrderActionProps = {
   record: IOrder;
diff --git a/examples/finefoods-antd/src/components/order/deliveryDetails/index.tsx b/examples/finefoods-antd/src/components/order/deliveryDetails/index.tsx
index f96b75de7e26..f88dc85400ed 100644
--- a/examples/finefoods-antd/src/components/order/deliveryDetails/index.tsx
+++ b/examples/finefoods-antd/src/components/order/deliveryDetails/index.tsx
@@ -1,5 +1,5 @@
 import { Flex, Grid, List, Space, Steps, Typography, theme } from "antd";
-import { IEvent, IOrder } from "../../../interfaces";
+import type { IEvent, IOrder } from "../../../interfaces";
 import { useTranslate } from "@refinedev/core";
 import dayjs from "dayjs";
 import {
diff --git a/examples/finefoods-antd/src/components/order/deliveryMap/index.tsx b/examples/finefoods-antd/src/components/order/deliveryMap/index.tsx
index 725b39e91eec..e9399ab6ee99 100644
--- a/examples/finefoods-antd/src/components/order/deliveryMap/index.tsx
+++ b/examples/finefoods-antd/src/components/order/deliveryMap/index.tsx
@@ -1,4 +1,4 @@
-import { IOrder } from "../../../interfaces";
+import type { IOrder } from "../../../interfaces";
 import { Map, MapMarker } from "../../map";
 
 type Props = {
diff --git a/examples/finefoods-antd/src/components/order/products/index.tsx b/examples/finefoods-antd/src/components/order/products/index.tsx
index c5743e819b7b..de9d6d366ec7 100644
--- a/examples/finefoods-antd/src/components/order/products/index.tsx
+++ b/examples/finefoods-antd/src/components/order/products/index.tsx
@@ -1,5 +1,5 @@
 import { Avatar, Flex, Table, Typography } from "antd";
-import { IOrder } from "../../../interfaces";
+import type { IOrder } from "../../../interfaces";
 import { getUniqueListWithCount } from "../../../utils";
 import { NumberField } from "@refinedev/antd";
 
diff --git a/examples/finefoods-antd/src/components/order/tableColumnProducts/index.tsx b/examples/finefoods-antd/src/components/order/tableColumnProducts/index.tsx
index ad75da492f6e..43150fad61d1 100644
--- a/examples/finefoods-antd/src/components/order/tableColumnProducts/index.tsx
+++ b/examples/finefoods-antd/src/components/order/tableColumnProducts/index.tsx
@@ -1,6 +1,6 @@
 import { Flex, Popover, Typography, Badge, Avatar, theme } from "antd";
 import { getUniqueListWithCount } from "../../../utils";
-import { IOrder } from "../../../interfaces";
+import type { IOrder } from "../../../interfaces";
 import { useTranslate } from "@refinedev/core";
 
 const visibleProductCount = 4;
diff --git a/examples/finefoods-antd/src/components/paginationTotal/index.tsx b/examples/finefoods-antd/src/components/paginationTotal/index.tsx
index 796b330d34b4..17d07f5130a6 100644
--- a/examples/finefoods-antd/src/components/paginationTotal/index.tsx
+++ b/examples/finefoods-antd/src/components/paginationTotal/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { useTranslate } from "@refinedev/core";
 
diff --git a/examples/finefoods-antd/src/components/product/drawer-form/index.tsx b/examples/finefoods-antd/src/components/product/drawer-form/index.tsx
index a48256c35388..ef7d0437f556 100644
--- a/examples/finefoods-antd/src/components/product/drawer-form/index.tsx
+++ b/examples/finefoods-antd/src/components/product/drawer-form/index.tsx
@@ -1,6 +1,6 @@
 import { SaveButton, useDrawerForm } from "@refinedev/antd";
 import {
-  BaseKey,
+  type BaseKey,
   useApiUrl,
   useGetToPath,
   useGo,
@@ -20,7 +20,7 @@ import {
   Segmented,
   Spin,
 } from "antd";
-import { IProduct, ICategory } from "../../../interfaces";
+import type { IProduct, ICategory } from "../../../interfaces";
 import { useSearchParams } from "react-router-dom";
 import { Drawer } from "../../drawer";
 import { UploadOutlined } from "@ant-design/icons";
diff --git a/examples/finefoods-antd/src/components/product/drawer-show/index.tsx b/examples/finefoods-antd/src/components/product/drawer-show/index.tsx
index b70153fe11b4..a33941fdd084 100644
--- a/examples/finefoods-antd/src/components/product/drawer-show/index.tsx
+++ b/examples/finefoods-antd/src/components/product/drawer-show/index.tsx
@@ -1,6 +1,6 @@
 import {
-  BaseKey,
-  HttpError,
+  type BaseKey,
+  type HttpError,
   useGetToPath,
   useGo,
   useNavigation,
@@ -20,7 +20,7 @@ import {
 } from "antd";
 import { useSearchParams } from "react-router-dom";
 import { Drawer } from "../../drawer";
-import { ICategory, IProduct } from "../../../interfaces";
+import type { ICategory, IProduct } from "../../../interfaces";
 import { DeleteButton, NumberField } from "@refinedev/antd";
 import { ProductStatus } from "../status";
 import { EditOutlined } from "@ant-design/icons";
diff --git a/examples/finefoods-antd/src/components/product/list-card/index.tsx b/examples/finefoods-antd/src/components/product/list-card/index.tsx
index e9332ce65d8b..f151358b91ce 100644
--- a/examples/finefoods-antd/src/components/product/list-card/index.tsx
+++ b/examples/finefoods-antd/src/components/product/list-card/index.tsx
@@ -1,12 +1,12 @@
 import {
-  HttpError,
+  type HttpError,
   useGo,
   useList,
   useNavigation,
   useTranslate,
 } from "@refinedev/core";
 import { NumberField, useSimpleList } from "@refinedev/antd";
-import { ICategory, IProduct } from "../../../interfaces";
+import type { ICategory, IProduct } from "../../../interfaces";
 import {
   Card,
   Divider,
diff --git a/examples/finefoods-antd/src/components/product/list-table/index.tsx b/examples/finefoods-antd/src/components/product/list-table/index.tsx
index fd6bda5b65e5..f4fea54f8f6c 100644
--- a/examples/finefoods-antd/src/components/product/list-table/index.tsx
+++ b/examples/finefoods-antd/src/components/product/list-table/index.tsx
@@ -1,5 +1,5 @@
 import {
-  HttpError,
+  type HttpError,
   getDefaultFilter,
   useGo,
   useNavigation,
@@ -12,7 +12,7 @@ import {
   useSelect,
   useTable,
 } from "@refinedev/antd";
-import { ICategory, IProduct } from "../../../interfaces";
+import type { ICategory, IProduct } from "../../../interfaces";
 import {
   Avatar,
   Button,
diff --git a/examples/finefoods-antd/src/components/product/status/index.tsx b/examples/finefoods-antd/src/components/product/status/index.tsx
index a23641980e2a..974cbafd426a 100644
--- a/examples/finefoods-antd/src/components/product/status/index.tsx
+++ b/examples/finefoods-antd/src/components/product/status/index.tsx
@@ -1,7 +1,7 @@
 import { Tag, Typography, theme } from "antd";
 import { CheckCircleOutlined, StopOutlined } from "@ant-design/icons";
 import { useTranslate } from "@refinedev/core";
-import { IProduct } from "../../../interfaces";
+import type { IProduct } from "../../../interfaces";
 import { useConfigProvider } from "../../../context";
 
 type Props = {
diff --git a/examples/finefoods-antd/src/components/store/courier-table/index.tsx b/examples/finefoods-antd/src/components/store/courier-table/index.tsx
index 4da00e821968..f164481d69c0 100644
--- a/examples/finefoods-antd/src/components/store/courier-table/index.tsx
+++ b/examples/finefoods-antd/src/components/store/courier-table/index.tsx
@@ -1,5 +1,5 @@
 import { useTable } from "@refinedev/antd";
-import { ICourier, IStore } from "../../../interfaces";
+import type { ICourier, IStore } from "../../../interfaces";
 import { Table } from "antd";
 import { useTranslate } from "@refinedev/core";
 import { CourierTableColumnRating } from "../../courier";
diff --git a/examples/finefoods-antd/src/components/store/form/fields.tsx b/examples/finefoods-antd/src/components/store/form/fields.tsx
index fefe71197ffc..d75d56f15b13 100644
--- a/examples/finefoods-antd/src/components/store/form/fields.tsx
+++ b/examples/finefoods-antd/src/components/store/form/fields.tsx
@@ -1,26 +1,30 @@
 import { useEffect, useRef } from "react";
-import { UseFormProps, useNavigation, useTranslate } from "@refinedev/core";
+import {
+  type UseFormProps,
+  useNavigation,
+  useTranslate,
+} from "@refinedev/core";
 import {
   DeleteButton,
   ListButton,
   SaveButton,
-  UseFormReturnType,
+  type UseFormReturnType,
 } from "@refinedev/antd";
 import {
   Form,
   Input,
-  InputProps,
+  type InputProps,
   Segmented,
   Card,
   Flex,
   Divider,
   InputNumber,
   Button,
-  InputRef,
+  type InputRef,
 } from "antd";
 import InputMask from "react-input-mask";
 import _debounce from "lodash/debounce";
-import { IStore } from "../../../interfaces";
+import type { IStore } from "../../../interfaces";
 import {
   EditOutlined,
   EnvironmentOutlined,
diff --git a/examples/finefoods-antd/src/components/store/form/index.tsx b/examples/finefoods-antd/src/components/store/form/index.tsx
index 7f32bfb8106b..31be2c4a7099 100644
--- a/examples/finefoods-antd/src/components/store/form/index.tsx
+++ b/examples/finefoods-antd/src/components/store/form/index.tsx
@@ -2,7 +2,7 @@ import { Col, Row, Spin } from "antd";
 import { StoreMap } from "../map";
 import { useStoreForm } from "./useStoreForm";
 import { StoreFormFields } from "./fields";
-import { UseFormProps } from "@refinedev/antd";
+import type { UseFormProps } from "@refinedev/antd";
 import { StoreCourierTable } from "../courier-table";
 
 type Props = {
diff --git a/examples/finefoods-antd/src/components/store/form/useStoreForm.tsx b/examples/finefoods-antd/src/components/store/form/useStoreForm.tsx
index 1ff2b0ba806a..f02c7c98965e 100644
--- a/examples/finefoods-antd/src/components/store/form/useStoreForm.tsx
+++ b/examples/finefoods-antd/src/components/store/form/useStoreForm.tsx
@@ -1,13 +1,13 @@
 import { useEffect, useState } from "react";
-import { UseFormProps, useForm } from "@refinedev/antd";
+import { type UseFormProps, useForm } from "@refinedev/antd";
 import { useDebounceValue } from "usehooks-ts";
 import {
   convertLatLng,
-  LatLng,
+  type LatLng,
   getAddressWithLatLng,
   getLatLngWithAddress,
 } from "../../../utils";
-import { IStore } from "../../../interfaces";
+import type { IStore } from "../../../interfaces";
 
 type Props = {
   action: UseFormProps["action"];
diff --git a/examples/finefoods-antd/src/components/store/list-table/index.tsx b/examples/finefoods-antd/src/components/store/list-table/index.tsx
index 61ae008d3398..74dbb45964e9 100644
--- a/examples/finefoods-antd/src/components/store/list-table/index.tsx
+++ b/examples/finefoods-antd/src/components/store/list-table/index.tsx
@@ -7,7 +7,7 @@ import {
   EditButton,
 } from "@refinedev/antd";
 import { Input, InputNumber, Select, Table, Typography, theme } from "antd";
-import { IStore } from "../../../interfaces";
+import type { IStore } from "../../../interfaces";
 import { PaginationTotal } from "../../../components";
 import { EyeOutlined, SearchOutlined } from "@ant-design/icons";
 import { StoreStatus } from "../../../components/store";
diff --git a/examples/finefoods-antd/src/components/store/map/all-stores-map.tsx b/examples/finefoods-antd/src/components/store/map/all-stores-map.tsx
index e4bc974331a0..60999ef312be 100644
--- a/examples/finefoods-antd/src/components/store/map/all-stores-map.tsx
+++ b/examples/finefoods-antd/src/components/store/map/all-stores-map.tsx
@@ -1,6 +1,6 @@
 import { useList, useNavigation, useTranslate } from "@refinedev/core";
 import { Map, AdvancedMarker } from "../../map";
-import { IStore } from "../../../interfaces";
+import type { IStore } from "../../../interfaces";
 import { Card, Flex, List, Tag, Typography } from "antd";
 import { useRef, useState } from "react";
 import {
diff --git a/examples/finefoods-antd/src/components/store/map/store-map.tsx b/examples/finefoods-antd/src/components/store/map/store-map.tsx
index 1834ddf28d45..231a88037e2e 100644
--- a/examples/finefoods-antd/src/components/store/map/store-map.tsx
+++ b/examples/finefoods-antd/src/components/store/map/store-map.tsx
@@ -1,7 +1,7 @@
 import { Flex } from "antd";
 import _debounce from "lodash/debounce";
 import { Map, MapMarker } from "../../map";
-import { IStore } from "../../../interfaces";
+import type { IStore } from "../../../interfaces";
 import { useCallback } from "react";
 import { convertLatLng } from "../../../utils";
 
diff --git a/examples/finefoods-antd/src/components/store/status/index.tsx b/examples/finefoods-antd/src/components/store/status/index.tsx
index 9a4cb64ff9d3..5ab09e2de23a 100644
--- a/examples/finefoods-antd/src/components/store/status/index.tsx
+++ b/examples/finefoods-antd/src/components/store/status/index.tsx
@@ -2,7 +2,7 @@ import { Tag, Typography, theme } from "antd";
 import { CheckCircleOutlined, StopOutlined } from "@ant-design/icons";
 import { useTranslate } from "@refinedev/core";
 import { useConfigProvider } from "../../../context";
-import { IStore } from "../../../interfaces";
+import type { IStore } from "../../../interfaces";
 
 type Props = {
   value: IStore["isActive"];
diff --git a/examples/finefoods-antd/src/context/configProvider/index.tsx b/examples/finefoods-antd/src/context/configProvider/index.tsx
index abf8ac5566c9..5ba684c8a292 100644
--- a/examples/finefoods-antd/src/context/configProvider/index.tsx
+++ b/examples/finefoods-antd/src/context/configProvider/index.tsx
@@ -1,11 +1,15 @@
 import {
   createContext,
-  PropsWithChildren,
+  type PropsWithChildren,
   useContext,
   useEffect,
   useState,
 } from "react";
-import { ConfigProvider as AntdConfigProvider, theme, ThemeConfig } from "antd";
+import {
+  ConfigProvider as AntdConfigProvider,
+  theme,
+  type ThemeConfig,
+} from "antd";
 import { ThemeProvider } from "antd-style";
 import { RefineThemes } from "@refinedev/antd";
 import "./config.css";
diff --git a/examples/finefoods-antd/src/hooks/useOrderCustomKbarActions/index.tsx b/examples/finefoods-antd/src/hooks/useOrderCustomKbarActions/index.tsx
index 51370cca7c9e..458a668c8d75 100644
--- a/examples/finefoods-antd/src/hooks/useOrderCustomKbarActions/index.tsx
+++ b/examples/finefoods-antd/src/hooks/useOrderCustomKbarActions/index.tsx
@@ -1,14 +1,14 @@
 import { useEffect, useState } from "react";
 import { useTranslate, useUpdate } from "@refinedev/core";
 import {
-  Action,
+  type Action,
   createAction,
   Priority,
   useRegisterActions,
 } from "@refinedev/kbar";
 import { CheckCircleOutlined, CloseCircleOutlined } from "@ant-design/icons";
 
-import { IOrder } from "../../interfaces";
+import type { IOrder } from "../../interfaces";
 
 export const useOrderCustomKbarActions = (order?: IOrder): void => {
   const t = useTranslate();
diff --git a/examples/finefoods-antd/src/interfaces/index.d.ts b/examples/finefoods-antd/src/interfaces/index.d.ts
index f756d651cfa0..ae4439fb8a5a 100644
--- a/examples/finefoods-antd/src/interfaces/index.d.ts
+++ b/examples/finefoods-antd/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Dayjs } from "dayjs";
+import type { Dayjs } from "dayjs";
 
 export interface IOrderChart {
   count: number;
diff --git a/examples/finefoods-antd/src/pages/auth/index.tsx b/examples/finefoods-antd/src/pages/auth/index.tsx
index 9442b1600b1f..36c06d32b569 100644
--- a/examples/finefoods-antd/src/pages/auth/index.tsx
+++ b/examples/finefoods-antd/src/pages/auth/index.tsx
@@ -1,4 +1,4 @@
-import { AuthPage as AntdAuthPage, AuthProps } from "@refinedev/antd";
+import { AuthPage as AntdAuthPage, type AuthProps } from "@refinedev/antd";
 import { Flex } from "antd";
 import { Link } from "react-router-dom";
 import { FinefoodsLogoIcon, FinefoodsLogoText } from "../../components";
diff --git a/examples/finefoods-antd/src/pages/categories/list.tsx b/examples/finefoods-antd/src/pages/categories/list.tsx
index 825461391a71..072883d1a01c 100644
--- a/examples/finefoods-antd/src/pages/categories/list.tsx
+++ b/examples/finefoods-antd/src/pages/categories/list.tsx
@@ -1,7 +1,7 @@
-import { useTranslate, HttpError } from "@refinedev/core";
+import { useTranslate, type HttpError } from "@refinedev/core";
 import { List, useTable } from "@refinedev/antd";
 import { Table } from "antd";
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 import {
   PaginationTotal,
   CategoryStatus,
diff --git a/examples/finefoods-antd/src/pages/couriers/create.tsx b/examples/finefoods-antd/src/pages/couriers/create.tsx
index ea27d897eed2..016eba01e959 100644
--- a/examples/finefoods-antd/src/pages/couriers/create.tsx
+++ b/examples/finefoods-antd/src/pages/couriers/create.tsx
@@ -3,7 +3,7 @@ import {
   SaveButton,
   useStepsForm,
   useSelect,
-  UseFormReturnType,
+  type UseFormReturnType,
 } from "@refinedev/antd";
 import {
   Form,
@@ -11,13 +11,13 @@ import {
   Input,
   Button,
   Steps,
-  InputProps,
+  type InputProps,
   Modal,
   Flex,
   theme,
 } from "antd";
 import InputMask from "react-input-mask";
-import { ICourier, IStore, IVehicle } from "../../interfaces";
+import type { ICourier, IStore, IVehicle } from "../../interfaces";
 import { useMemo } from "react";
 import { useSearchParams } from "react-router-dom";
 import { CourierFormItemAvatar } from "../../components";
diff --git a/examples/finefoods-antd/src/pages/couriers/edit.tsx b/examples/finefoods-antd/src/pages/couriers/edit.tsx
index bf49fb6d31ef..8a34932f5945 100644
--- a/examples/finefoods-antd/src/pages/couriers/edit.tsx
+++ b/examples/finefoods-antd/src/pages/couriers/edit.tsx
@@ -16,13 +16,13 @@ import {
   Form,
   Input,
   InputNumber,
-  InputRef,
+  type InputRef,
   Row,
   Select,
 } from "antd";
 import InputMask from "react-input-mask";
 
-import { ICourier } from "../../interfaces";
+import type { ICourier } from "../../interfaces";
 import {
   BikeWhiteIcon,
   CourierFormItemAvatar,
diff --git a/examples/finefoods-antd/src/pages/couriers/list.tsx b/examples/finefoods-antd/src/pages/couriers/list.tsx
index 1c1a98c04aad..83f89d98388d 100644
--- a/examples/finefoods-antd/src/pages/couriers/list.tsx
+++ b/examples/finefoods-antd/src/pages/couriers/list.tsx
@@ -14,14 +14,14 @@ import {
 import { EyeOutlined, SearchOutlined } from "@ant-design/icons";
 import { Table, Avatar, Typography, theme, InputNumber, Input } from "antd";
 import InputMask from "react-input-mask";
-import { ICourier } from "../../interfaces";
+import type { ICourier } from "../../interfaces";
 import {
   PaginationTotal,
   CourierStatus,
   CourierTableColumnRating,
 } from "../../components";
 import { useLocation } from "react-router-dom";
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 
 export const CourierList = ({ children }: PropsWithChildren) => {
   const go = useGo();
diff --git a/examples/finefoods-antd/src/pages/customers/list.tsx b/examples/finefoods-antd/src/pages/customers/list.tsx
index 28061939c812..ed0d09c4e564 100644
--- a/examples/finefoods-antd/src/pages/customers/list.tsx
+++ b/examples/finefoods-antd/src/pages/customers/list.tsx
@@ -1,6 +1,6 @@
 import {
   useTranslate,
-  HttpError,
+  type HttpError,
   getDefaultFilter,
   useExport,
   useGo,
@@ -25,10 +25,10 @@ import {
   Button,
 } from "antd";
 
-import { IUser, IUserFilterVariables } from "../../interfaces";
+import type { IUser, IUserFilterVariables } from "../../interfaces";
 import { EyeOutlined, SearchOutlined } from "@ant-design/icons";
 import { PaginationTotal, UserStatus } from "../../components";
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { useLocation } from "react-router-dom";
 
 export const CustomerList = ({ children }: PropsWithChildren) => {
diff --git a/examples/finefoods-antd/src/pages/customers/show.tsx b/examples/finefoods-antd/src/pages/customers/show.tsx
index caacb0945a77..a159d0b6adf8 100644
--- a/examples/finefoods-antd/src/pages/customers/show.tsx
+++ b/examples/finefoods-antd/src/pages/customers/show.tsx
@@ -1,6 +1,6 @@
 import { useShow, useNavigation } from "@refinedev/core";
 import { Flex, Grid } from "antd";
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 import {
   CustomerInfoList,
   CustomerInfoSummary,
diff --git a/examples/finefoods-antd/src/pages/dashboard/index.tsx b/examples/finefoods-antd/src/pages/dashboard/index.tsx
index f9b231a1c06f..3fa82b008208 100644
--- a/examples/finefoods-antd/src/pages/dashboard/index.tsx
+++ b/examples/finefoods-antd/src/pages/dashboard/index.tsx
@@ -1,4 +1,4 @@
-import { Row, Col, theme, Dropdown, MenuProps, Button, Flex } from "antd";
+import { Row, Col, theme, Dropdown, type MenuProps, Button, Flex } from "antd";
 import { useTranslation } from "react-i18next";
 
 import {
@@ -26,7 +26,7 @@ import { useMemo, useState } from "react";
 import { List, NumberField } from "@refinedev/antd";
 import { useApiUrl, useCustom } from "@refinedev/core";
 import dayjs from "dayjs";
-import { ISalesChart } from "../../interfaces";
+import type { ISalesChart } from "../../interfaces";
 
 type DateFilter = "lastWeek" | "lastMonth";
 
diff --git a/examples/finefoods-antd/src/pages/orders/list.tsx b/examples/finefoods-antd/src/pages/orders/list.tsx
index 9f7caf784fe0..cbae6a9cb6dd 100644
--- a/examples/finefoods-antd/src/pages/orders/list.tsx
+++ b/examples/finefoods-antd/src/pages/orders/list.tsx
@@ -2,7 +2,7 @@ import {
   useTranslate,
   useExport,
   useNavigation,
-  HttpError,
+  type HttpError,
   getDefaultFilter,
 } from "@refinedev/core";
 
@@ -25,7 +25,11 @@ import {
   PaginationTotal,
   OrderTableColumnProducts,
 } from "../../components";
-import { IOrder, IOrderFilterVariables, IOrderStatus } from "../../interfaces";
+import type {
+  IOrder,
+  IOrderFilterVariables,
+  IOrderStatus,
+} from "../../interfaces";
 
 export const OrderList = () => {
   const { token } = theme.useToken();
diff --git a/examples/finefoods-antd/src/pages/orders/show.tsx b/examples/finefoods-antd/src/pages/orders/show.tsx
index eb61401e09e4..ebb2d5b3e9bd 100644
--- a/examples/finefoods-antd/src/pages/orders/show.tsx
+++ b/examples/finefoods-antd/src/pages/orders/show.tsx
@@ -1,5 +1,5 @@
 import { useShow, useTranslate, useUpdate } from "@refinedev/core";
-import { IOrder } from "../../interfaces";
+import type { IOrder } from "../../interfaces";
 import { List, ListButton } from "@refinedev/antd";
 import { Button, Col, Divider, Flex, Row, Skeleton } from "antd";
 import { CloseCircleOutlined, LeftOutlined } from "@ant-design/icons";
diff --git a/examples/finefoods-antd/src/pages/products/list.tsx b/examples/finefoods-antd/src/pages/products/list.tsx
index 52b80a35d339..da0b18fa52b0 100644
--- a/examples/finefoods-antd/src/pages/products/list.tsx
+++ b/examples/finefoods-antd/src/pages/products/list.tsx
@@ -1,7 +1,7 @@
 import { useGo, useNavigation, useTranslate } from "@refinedev/core";
 import { CreateButton, List } from "@refinedev/antd";
 import { ProductListCard, ProductListTable } from "../../components";
-import { PropsWithChildren, useState } from "react";
+import { type PropsWithChildren, useState } from "react";
 import { AppstoreOutlined, UnorderedListOutlined } from "@ant-design/icons";
 import { Segmented } from "antd";
 import { useLocation } from "react-router-dom";
diff --git a/examples/finefoods-client/src/app/categories/[id]/layout.tsx b/examples/finefoods-client/src/app/categories/[id]/layout.tsx
index 1039fc2686d6..607ac60003f8 100644
--- a/examples/finefoods-client/src/app/categories/[id]/layout.tsx
+++ b/examples/finefoods-client/src/app/categories/[id]/layout.tsx
@@ -1,9 +1,9 @@
 import { CategoriesNavLinks } from "@/components/categories";
 import { ProductsTableSkeleton } from "@/components/products/table";
 import { dataProvider } from "@/providers/data-provider/server";
-import { Category } from "@/types";
-import { GetListResponse } from "@refinedev/core";
-import { PropsWithChildren, Suspense } from "react";
+import type { Category } from "@/types";
+import type { GetListResponse } from "@refinedev/core";
+import { type PropsWithChildren, Suspense } from "react";
 
 type Props = {
   params: { id: string };
diff --git a/examples/finefoods-client/src/app/categories/[id]/page.tsx b/examples/finefoods-client/src/app/categories/[id]/page.tsx
index 1c038d17e665..0e4e20e38291 100644
--- a/examples/finefoods-client/src/app/categories/[id]/page.tsx
+++ b/examples/finefoods-client/src/app/categories/[id]/page.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { GetListParams, GetListResponse } from "@refinedev/core";
+import type { GetListParams, GetListResponse } from "@refinedev/core";
 import { dataProvider } from "@/providers/data-provider/server";
-import { Product } from "@/types";
+import type { Product } from "@/types";
 import { ProductsTable } from "@/components/products/table";
 
 type CategoryShowPageProps = {
diff --git a/examples/finefoods-client/src/app/layout.tsx b/examples/finefoods-client/src/app/layout.tsx
index 29ef5cc937c0..93a5864f39d3 100644
--- a/examples/finefoods-client/src/app/layout.tsx
+++ b/examples/finefoods-client/src/app/layout.tsx
@@ -1,5 +1,5 @@
 import { Suspense } from "react";
-import { Metadata } from "next";
+import type { Metadata } from "next";
 import { GitHubBanner, Refine } from "@refinedev/core";
 import routerProvider from "@refinedev/nextjs-router";
 import { Layout } from "@/components/layout";
diff --git a/examples/finefoods-client/src/app/orders/[id]/page.tsx b/examples/finefoods-client/src/app/orders/[id]/page.tsx
index 599a16e847f6..b1e759efdf6f 100644
--- a/examples/finefoods-client/src/app/orders/[id]/page.tsx
+++ b/examples/finefoods-client/src/app/orders/[id]/page.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { GetOneResponse } from "@refinedev/core";
+import type { GetOneResponse } from "@refinedev/core";
 import { dataProvider } from "@/providers/data-provider/server";
-import { Order } from "@/types";
+import type { Order } from "@/types";
 import { redirect } from "next/navigation";
 import { OrderDetail } from "@/components/orders";
 
diff --git a/examples/finefoods-client/src/components/categories/nav-links/index.tsx b/examples/finefoods-client/src/components/categories/nav-links/index.tsx
index 301b5f1267f2..477147b620b7 100644
--- a/examples/finefoods-client/src/components/categories/nav-links/index.tsx
+++ b/examples/finefoods-client/src/components/categories/nav-links/index.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import { GetListResponse, useNavigation } from "@refinedev/core";
+import { type GetListResponse, useNavigation } from "@refinedev/core";
 import Link from "next/link";
-import { Category } from "@/types";
+import type { Category } from "@/types";
 import cn from "classnames";
 
 type Props = {
diff --git a/examples/finefoods-client/src/components/icons/BasketIcon.tsx b/examples/finefoods-client/src/components/icons/BasketIcon.tsx
index 9394ac282059..9f0954ffd48e 100644
--- a/examples/finefoods-client/src/components/icons/BasketIcon.tsx
+++ b/examples/finefoods-client/src/components/icons/BasketIcon.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgBasketIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/finefoods-client/src/components/icons/ChevronDownIcon.tsx b/examples/finefoods-client/src/components/icons/ChevronDownIcon.tsx
index f20ad7b005c2..b95d4515494e 100644
--- a/examples/finefoods-client/src/components/icons/ChevronDownIcon.tsx
+++ b/examples/finefoods-client/src/components/icons/ChevronDownIcon.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgChevronDownIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/finefoods-client/src/components/icons/ChevronLeftIcon.tsx b/examples/finefoods-client/src/components/icons/ChevronLeftIcon.tsx
index 2ff21c0b78e8..6435db4810c4 100644
--- a/examples/finefoods-client/src/components/icons/ChevronLeftIcon.tsx
+++ b/examples/finefoods-client/src/components/icons/ChevronLeftIcon.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgChevronLeftIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/finefoods-client/src/components/icons/ChevronRightIcon.tsx b/examples/finefoods-client/src/components/icons/ChevronRightIcon.tsx
index 9cea9518a72b..45a89c96cd05 100644
--- a/examples/finefoods-client/src/components/icons/ChevronRightIcon.tsx
+++ b/examples/finefoods-client/src/components/icons/ChevronRightIcon.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgChevronRightIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/finefoods-client/src/components/icons/ChevronUpIcon.tsx b/examples/finefoods-client/src/components/icons/ChevronUpIcon.tsx
index d915967f37b3..8ab5e8fed86c 100644
--- a/examples/finefoods-client/src/components/icons/ChevronUpIcon.tsx
+++ b/examples/finefoods-client/src/components/icons/ChevronUpIcon.tsx
@@ -1,8 +1,7 @@
 "use client";
 
 import * as React from "react";
-
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgChevronUpIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/finefoods-client/src/components/icons/CloseIcon.tsx b/examples/finefoods-client/src/components/icons/CloseIcon.tsx
index 0b2de363537e..b7716723f27c 100644
--- a/examples/finefoods-client/src/components/icons/CloseIcon.tsx
+++ b/examples/finefoods-client/src/components/icons/CloseIcon.tsx
@@ -1,8 +1,7 @@
 "use client";
 
 import * as React from "react";
-
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgCloseIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/finefoods-client/src/components/icons/DividerVerticalIcon.tsx b/examples/finefoods-client/src/components/icons/DividerVerticalIcon.tsx
index 3ed9f90613dd..ad12f232895e 100644
--- a/examples/finefoods-client/src/components/icons/DividerVerticalIcon.tsx
+++ b/examples/finefoods-client/src/components/icons/DividerVerticalIcon.tsx
@@ -2,7 +2,7 @@
 
 import * as React from "react";
 
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const DividerVerticalIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/finefoods-client/src/components/icons/FastMotocycleIcon.tsx b/examples/finefoods-client/src/components/icons/FastMotocycleIcon.tsx
index 65d910397fa3..87e98e0db612 100644
--- a/examples/finefoods-client/src/components/icons/FastMotocycleIcon.tsx
+++ b/examples/finefoods-client/src/components/icons/FastMotocycleIcon.tsx
@@ -1,8 +1,7 @@
 "use client";
 
 import * as React from "react";
-
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgFastMotocycleIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/finefoods-client/src/components/icons/FinefoodsIcon.tsx b/examples/finefoods-client/src/components/icons/FinefoodsIcon.tsx
index d3bd2a8a6751..0994064d6113 100644
--- a/examples/finefoods-client/src/components/icons/FinefoodsIcon.tsx
+++ b/examples/finefoods-client/src/components/icons/FinefoodsIcon.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const FinefoodsIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/finefoods-client/src/components/icons/MotorcycleIcon.tsx b/examples/finefoods-client/src/components/icons/MotorcycleIcon.tsx
index f09427cc9e33..018e739f991f 100644
--- a/examples/finefoods-client/src/components/icons/MotorcycleIcon.tsx
+++ b/examples/finefoods-client/src/components/icons/MotorcycleIcon.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgMotorcycleIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/finefoods-client/src/components/icons/OrderIcon.tsx b/examples/finefoods-client/src/components/icons/OrderIcon.tsx
index 0e675f310f08..93e9ac3cd471 100644
--- a/examples/finefoods-client/src/components/icons/OrderIcon.tsx
+++ b/examples/finefoods-client/src/components/icons/OrderIcon.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgOrderIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/finefoods-client/src/components/icons/PlusSquareIcon.tsx b/examples/finefoods-client/src/components/icons/PlusSquareIcon.tsx
index 78c45cdf3ea7..5ca5c0b24e6d 100644
--- a/examples/finefoods-client/src/components/icons/PlusSquareIcon.tsx
+++ b/examples/finefoods-client/src/components/icons/PlusSquareIcon.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const SvgPlusSquareIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/finefoods-client/src/components/icons/RefineIcon.tsx b/examples/finefoods-client/src/components/icons/RefineIcon.tsx
index 47821d5874e1..677fb8114b93 100644
--- a/examples/finefoods-client/src/components/icons/RefineIcon.tsx
+++ b/examples/finefoods-client/src/components/icons/RefineIcon.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 const RefineIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/finefoods-client/src/components/layout/layout.tsx b/examples/finefoods-client/src/components/layout/layout.tsx
index 268745f671c5..5c6dcaa5b53d 100644
--- a/examples/finefoods-client/src/components/layout/layout.tsx
+++ b/examples/finefoods-client/src/components/layout/layout.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { LayoutProps } from "@refinedev/core";
+import type { LayoutProps } from "@refinedev/core";
 import { OrdersModal } from "@/components/orders";
 import { Footer } from "@/components/layout/footer";
 import { Header } from "@/components/layout/header";
diff --git a/examples/finefoods-client/src/components/orders/detail/index.tsx b/examples/finefoods-client/src/components/orders/detail/index.tsx
index a406760a18db..f163a5579f82 100644
--- a/examples/finefoods-client/src/components/orders/detail/index.tsx
+++ b/examples/finefoods-client/src/components/orders/detail/index.tsx
@@ -1,11 +1,11 @@
 "use client";
 
-import { UseShowProps, useShow } from "@refinedev/core";
+import { type UseShowProps, useShow } from "@refinedev/core";
 import { useLayoutEffect } from "react";
 import JSConfetti from "js-confetti";
 import { FastMotocycleIcon, OrderIcon } from "@/components/icons";
 import { TRANSLATIONS_BON_APPETIT } from "@/constants";
-import { Order } from "@/types";
+import type { Order } from "@/types";
 import dayjs from "dayjs";
 
 type OrderPageProps = {
diff --git a/examples/finefoods-client/src/components/orders/modal/index.tsx b/examples/finefoods-client/src/components/orders/modal/index.tsx
index 8577e2463579..81952e1aa2ce 100644
--- a/examples/finefoods-client/src/components/orders/modal/index.tsx
+++ b/examples/finefoods-client/src/components/orders/modal/index.tsx
@@ -5,7 +5,7 @@ import { CloseIcon, OrderIcon } from "@/components/icons";
 import { useOrdesModalContext } from "@/hooks/useOrdersModalContext";
 import { useBasketContext } from "@/hooks/useBasketContext";
 import { useOnClickOutside } from "@/hooks/useOnClickOutside";
-import { Order } from "@/types";
+import type { Order } from "@/types";
 
 export const OrdersModal: React.FC = () => {
   const ref = useRef(null);
diff --git a/examples/finefoods-client/src/components/products/table/table.tsx b/examples/finefoods-client/src/components/products/table/table.tsx
index 4e4f2480686b..468948cc9f27 100644
--- a/examples/finefoods-client/src/components/products/table/table.tsx
+++ b/examples/finefoods-client/src/components/products/table/table.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import { useMemo } from "react";
-import { HttpError, useTableProps } from "@refinedev/core";
+import type { HttpError, useTableProps } from "@refinedev/core";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import cn from "classnames";
 import {
   ChevronDownIcon,
@@ -13,7 +13,7 @@ import {
   PlusSquareIcon,
 } from "@/components/icons";
 import { useBasketContext } from "@/hooks/useBasketContext";
-import { Product } from "@/types";
+import type { Product } from "@/types";
 
 type Props = {
   refineCoreProps?: Partial<useTableProps<Product, HttpError, Product>>;
diff --git a/examples/finefoods-client/src/context/basketContextProvider.tsx b/examples/finefoods-client/src/context/basketContextProvider.tsx
index ffd90a628614..4185054e2af1 100644
--- a/examples/finefoods-client/src/context/basketContextProvider.tsx
+++ b/examples/finefoods-client/src/context/basketContextProvider.tsx
@@ -1,9 +1,13 @@
 "use client";
 
-import React, { createContext, PropsWithChildren, useReducer } from "react";
+import React, {
+  createContext,
+  type PropsWithChildren,
+  useReducer,
+} from "react";
 import { useMany } from "@refinedev/core";
 import { OrdersModalContextProvider } from "@/context";
-import { BasketOrder, Product } from "../types";
+import type { BasketOrder, Product } from "../types";
 
 export const BasketContext = createContext<{
   orders: BasketOrder[];
diff --git a/examples/finefoods-client/src/context/ordersModalContextProvider.tsx b/examples/finefoods-client/src/context/ordersModalContextProvider.tsx
index a64bc27f1de2..6e99fb29608e 100644
--- a/examples/finefoods-client/src/context/ordersModalContextProvider.tsx
+++ b/examples/finefoods-client/src/context/ordersModalContextProvider.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import React, { PropsWithChildren, useState } from "react";
+import React, { type PropsWithChildren, useState } from "react";
 
 export const OrdersModalContext = React.createContext<{
   ordersModalVisible: boolean;
diff --git a/examples/finefoods-client/src/hooks/useEventListener.ts b/examples/finefoods-client/src/hooks/useEventListener.ts
index ad0627cd774a..3cb09e28ce93 100644
--- a/examples/finefoods-client/src/hooks/useEventListener.ts
+++ b/examples/finefoods-client/src/hooks/useEventListener.ts
@@ -1,6 +1,6 @@
 "use client";
 
-import { RefObject, useEffect, useRef } from "react";
+import { type RefObject, useEffect, useRef } from "react";
 
 function useEventListener<K extends keyof WindowEventMap>(
   eventName: K,
diff --git a/examples/finefoods-client/src/hooks/useOnClickOutside.ts b/examples/finefoods-client/src/hooks/useOnClickOutside.ts
index df56d93f6ab2..ea4dfc158361 100644
--- a/examples/finefoods-client/src/hooks/useOnClickOutside.ts
+++ b/examples/finefoods-client/src/hooks/useOnClickOutside.ts
@@ -1,6 +1,6 @@
 "use client";
 
-import { RefObject } from "react";
+import type { RefObject } from "react";
 
 import { useEventListener } from "./useEventListener";
 
diff --git a/examples/finefoods-material-ui/src/authProvider.ts b/examples/finefoods-material-ui/src/authProvider.ts
index 59d949cbd403..06d59ab686f7 100644
--- a/examples/finefoods-material-ui/src/authProvider.ts
+++ b/examples/finefoods-material-ui/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { disableAutoLogin, enableAutoLogin } from "./hooks";
 
 export const TOKEN_KEY = "refine-auth";
diff --git a/examples/finefoods-material-ui/src/components/card/index.tsx b/examples/finefoods-material-ui/src/components/card/index.tsx
index 2961c09e894a..535815cc6cdd 100644
--- a/examples/finefoods-material-ui/src/components/card/index.tsx
+++ b/examples/finefoods-material-ui/src/components/card/index.tsx
@@ -1,7 +1,7 @@
-import { PropsWithChildren } from "react";
-import CardBase, { CardProps } from "@mui/material/Card";
-import CardHeader, { CardHeaderProps } from "@mui/material/CardHeader";
-import CardContent, { CardContentProps } from "@mui/material/CardContent";
+import type { PropsWithChildren } from "react";
+import CardBase, { type CardProps } from "@mui/material/Card";
+import CardHeader, { type CardHeaderProps } from "@mui/material/CardHeader";
+import CardContent, { type CardContentProps } from "@mui/material/CardContent";
 import Divider from "@mui/material/Divider";
 import Typography from "@mui/material/Typography";
 
diff --git a/examples/finefoods-material-ui/src/components/category/status/index.tsx b/examples/finefoods-material-ui/src/components/category/status/index.tsx
index f240018ab894..db9a771c8cd8 100644
--- a/examples/finefoods-material-ui/src/components/category/status/index.tsx
+++ b/examples/finefoods-material-ui/src/components/category/status/index.tsx
@@ -1,6 +1,6 @@
-import Chip, { ChipProps } from "@mui/material/Chip";
+import Chip, { type ChipProps } from "@mui/material/Chip";
 import { useTranslate } from "@refinedev/core";
-import { IProduct } from "../../../interfaces";
+import type { IProduct } from "../../../interfaces";
 import VisibilityOffOutlinedIcon from "@mui/icons-material/VisibilityOffOutlined";
 import VisibilityOutlinedIcon from "@mui/icons-material/VisibilityOutlined";
 import { useTheme } from "@mui/material/styles";
diff --git a/examples/finefoods-material-ui/src/components/courier/image-upload/index.tsx b/examples/finefoods-material-ui/src/components/courier/image-upload/index.tsx
index 6a84ff179183..10c84336874e 100644
--- a/examples/finefoods-material-ui/src/components/courier/image-upload/index.tsx
+++ b/examples/finefoods-material-ui/src/components/courier/image-upload/index.tsx
@@ -1,4 +1,4 @@
-import { SxProps, styled } from "@mui/material/styles";
+import { type SxProps, styled } from "@mui/material/styles";
 import PhotoOutlinedIcon from "@mui/icons-material/PhotoOutlined";
 import CloudUploadOutlinedIcon from "@mui/icons-material/CloudUploadOutlined";
 import Box from "@mui/material/Box";
diff --git a/examples/finefoods-material-ui/src/components/courier/rating/index.tsx b/examples/finefoods-material-ui/src/components/courier/rating/index.tsx
index e9bff1e838ea..3455b0eda079 100644
--- a/examples/finefoods-material-ui/src/components/courier/rating/index.tsx
+++ b/examples/finefoods-material-ui/src/components/courier/rating/index.tsx
@@ -1,5 +1,5 @@
 import Rating from "@mui/material/Rating";
-import { ICourier, IReview } from "../../../interfaces";
+import type { ICourier, IReview } from "../../../interfaces";
 import { useList } from "@refinedev/core";
 
 type Props = {
diff --git a/examples/finefoods-material-ui/src/components/courier/status/index.tsx b/examples/finefoods-material-ui/src/components/courier/status/index.tsx
index 53f1a1cf5427..7b284583c399 100644
--- a/examples/finefoods-material-ui/src/components/courier/status/index.tsx
+++ b/examples/finefoods-material-ui/src/components/courier/status/index.tsx
@@ -1,10 +1,10 @@
-import Chip, { ChipProps } from "@mui/material/Chip";
+import Chip, { type ChipProps } from "@mui/material/Chip";
 import CheckCircleIcon from "@mui/icons-material/CheckCircle";
 import BlockOutlinedIcon from "@mui/icons-material/BlockOutlined";
 import MopedOutlined from "@mui/icons-material/MopedOutlined";
 import { useTheme } from "@mui/material/styles";
 import { blue, green } from "@mui/material/colors";
-import { ICourierStatus } from "../../../interfaces";
+import type { ICourierStatus } from "../../../interfaces";
 
 type Props = {
   value: ICourierStatus;
diff --git a/examples/finefoods-material-ui/src/components/courier/table-reviews/index.tsx b/examples/finefoods-material-ui/src/components/courier/table-reviews/index.tsx
index bbfa8dcd7dc8..4a8db76cbd6e 100644
--- a/examples/finefoods-material-ui/src/components/courier/table-reviews/index.tsx
+++ b/examples/finefoods-material-ui/src/components/courier/table-reviews/index.tsx
@@ -2,10 +2,10 @@ import { useMemo } from "react";
 import { useTranslate } from "@refinedev/core";
 import { useDataGrid } from "@refinedev/mui";
 import Paper from "@mui/material/Paper";
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import Rating from "@mui/material/Rating";
 import Chip from "@mui/material/Chip";
-import { ICourier, IReview } from "../../../interfaces";
+import type { ICourier, IReview } from "../../../interfaces";
 
 interface Props {
   courier?: ICourier;
diff --git a/examples/finefoods-material-ui/src/components/customer/status/index.tsx b/examples/finefoods-material-ui/src/components/customer/status/index.tsx
index ba44e176fa1b..b4bdb710da0d 100644
--- a/examples/finefoods-material-ui/src/components/customer/status/index.tsx
+++ b/examples/finefoods-material-ui/src/components/customer/status/index.tsx
@@ -1,10 +1,10 @@
-import Chip, { ChipProps } from "@mui/material/Chip";
+import Chip, { type ChipProps } from "@mui/material/Chip";
 import { useTranslate } from "@refinedev/core";
 import CheckCircleIcon from "@mui/icons-material/CheckCircle";
 import PauseCircleOutlineOutlinedIcon from "@mui/icons-material/PauseCircleOutlineOutlined";
 import { useTheme } from "@mui/material/styles";
 import { green } from "@mui/material/colors";
-import { IUser } from "../../../interfaces";
+import type { IUser } from "../../../interfaces";
 
 type Props = {
   value: IUser["isActive"];
diff --git a/examples/finefoods-material-ui/src/components/dashboard/chartTooltip/index.tsx b/examples/finefoods-material-ui/src/components/dashboard/chartTooltip/index.tsx
index 1f4f8a5e62a2..5f46502033ab 100644
--- a/examples/finefoods-material-ui/src/components/dashboard/chartTooltip/index.tsx
+++ b/examples/finefoods-material-ui/src/components/dashboard/chartTooltip/index.tsx
@@ -1,7 +1,7 @@
 import Typography from "@mui/material/Typography";
 import Box from "@mui/material/Box";
 import { useTheme } from "@mui/material";
-import { TooltipProps } from "recharts";
+import type { TooltipProps } from "recharts";
 
 type ChartTooltipProps = TooltipProps<number, string> & {
   labelFormatter?: (label: string | number) => string;
diff --git a/examples/finefoods-material-ui/src/components/dashboard/dailyOrders/index.tsx b/examples/finefoods-material-ui/src/components/dashboard/dailyOrders/index.tsx
index 87777e207d9d..abfa02ccfd84 100644
--- a/examples/finefoods-material-ui/src/components/dashboard/dailyOrders/index.tsx
+++ b/examples/finefoods-material-ui/src/components/dashboard/dailyOrders/index.tsx
@@ -8,7 +8,7 @@ import {
 } from "recharts";
 import { ChartTooltip } from "../chartTooltip";
 import dayjs from "dayjs";
-import { IOrderChart } from "../../../interfaces";
+import type { IOrderChart } from "../../../interfaces";
 
 type Props = {
   data: IOrderChart[];
diff --git a/examples/finefoods-material-ui/src/components/dashboard/dailyRevenue/index.tsx b/examples/finefoods-material-ui/src/components/dashboard/dailyRevenue/index.tsx
index 3641b15993ea..c4bab88a87b2 100644
--- a/examples/finefoods-material-ui/src/components/dashboard/dailyRevenue/index.tsx
+++ b/examples/finefoods-material-ui/src/components/dashboard/dailyRevenue/index.tsx
@@ -8,7 +8,7 @@ import {
 } from "recharts";
 import { ChartTooltip } from "../chartTooltip";
 import dayjs from "dayjs";
-import { ISalesChart } from "../../../interfaces";
+import type { ISalesChart } from "../../../interfaces";
 
 type Props = {
   data: ISalesChart[];
diff --git a/examples/finefoods-material-ui/src/components/dashboard/deliveryMap/index.tsx b/examples/finefoods-material-ui/src/components/dashboard/deliveryMap/index.tsx
index c04bfbda8a60..9a58049392de 100644
--- a/examples/finefoods-material-ui/src/components/dashboard/deliveryMap/index.tsx
+++ b/examples/finefoods-material-ui/src/components/dashboard/deliveryMap/index.tsx
@@ -1,7 +1,7 @@
 import { useList, useNavigation } from "@refinedev/core";
 
 import { GoogleMap, MapMarker } from "../../../components";
-import { IOrder } from "../../../interfaces";
+import type { IOrder } from "../../../interfaces";
 
 export const DeliveryMap: React.FC = () => {
   const { data: orderData } = useList<IOrder>({
diff --git a/examples/finefoods-material-ui/src/components/dashboard/newCustomers/index.tsx b/examples/finefoods-material-ui/src/components/dashboard/newCustomers/index.tsx
index b008066eb8bc..b72b0804911b 100644
--- a/examples/finefoods-material-ui/src/components/dashboard/newCustomers/index.tsx
+++ b/examples/finefoods-material-ui/src/components/dashboard/newCustomers/index.tsx
@@ -8,7 +8,7 @@ import {
 } from "recharts";
 import { ChartTooltip } from "../chartTooltip";
 import dayjs from "dayjs";
-import { ISalesChart } from "../../../interfaces";
+import type { ISalesChart } from "../../../interfaces";
 
 type Props = {
   data: ISalesChart[];
diff --git a/examples/finefoods-material-ui/src/components/dashboard/orderTimeline/index.tsx b/examples/finefoods-material-ui/src/components/dashboard/orderTimeline/index.tsx
index 707c7fc0bdc6..b1155ddfb837 100644
--- a/examples/finefoods-material-ui/src/components/dashboard/orderTimeline/index.tsx
+++ b/examples/finefoods-material-ui/src/components/dashboard/orderTimeline/index.tsx
@@ -3,7 +3,7 @@ import { useTheme } from "@mui/material/styles";
 import Box from "@mui/material/Box";
 import Pagination from "@mui/material/Pagination";
 import dayjs from "dayjs";
-import { IOrder } from "../../../interfaces";
+import type { IOrder } from "../../../interfaces";
 import List from "@mui/material/List";
 import ListItem from "@mui/material/ListItem";
 import ListItemAvatar from "@mui/material/ListItemAvatar";
diff --git a/examples/finefoods-material-ui/src/components/dashboard/recentOrders/index.tsx b/examples/finefoods-material-ui/src/components/dashboard/recentOrders/index.tsx
index a8c85c456bcd..03c1758acefc 100644
--- a/examples/finefoods-material-ui/src/components/dashboard/recentOrders/index.tsx
+++ b/examples/finefoods-material-ui/src/components/dashboard/recentOrders/index.tsx
@@ -11,8 +11,12 @@ import CheckOutlined from "@mui/icons-material/CheckOutlined";
 import CloseOutlined from "@mui/icons-material/CloseOutlined";
 import Stack from "@mui/material/Stack";
 import Typography from "@mui/material/Typography";
-import { DataGrid, GridActionsCellItem, GridColDef } from "@mui/x-data-grid";
-import { IOrder } from "../../../interfaces";
+import {
+  DataGrid,
+  GridActionsCellItem,
+  type GridColDef,
+} from "@mui/x-data-grid";
+import type { IOrder } from "../../../interfaces";
 import { getUniqueListWithCount } from "../../../utils";
 
 export const RecentOrders: React.FC = () => {
diff --git a/examples/finefoods-material-ui/src/components/dashboard/trendingMenu/index.tsx b/examples/finefoods-material-ui/src/components/dashboard/trendingMenu/index.tsx
index dd0638c513bf..5419f10ce33c 100644
--- a/examples/finefoods-material-ui/src/components/dashboard/trendingMenu/index.tsx
+++ b/examples/finefoods-material-ui/src/components/dashboard/trendingMenu/index.tsx
@@ -6,13 +6,13 @@ import Typography from "@mui/material/Typography";
 import Box from "@mui/material/Box";
 import Stack from "@mui/material/Stack";
 
-import { ITrendingProducts } from "../../../interfaces";
+import type { ITrendingProducts } from "../../../interfaces";
 import { Rank1Icon } from "../../icons/rank-1";
 import { Rank2Icon } from "../../icons/rank-2";
 import { Rank3Icon } from "../../icons/rank-3";
 import { Rank4Icon } from "../../icons/rank-4";
 import { Rank5Icon } from "../../icons/rank-5";
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 
 export const TrendingMenu: React.FC = () => {
   const { data } = useList<ITrendingProducts>({
diff --git a/examples/finefoods-material-ui/src/components/drawer/drawer/index.tsx b/examples/finefoods-material-ui/src/components/drawer/drawer/index.tsx
index ff72edd63c70..4fc491d21b0a 100644
--- a/examples/finefoods-material-ui/src/components/drawer/drawer/index.tsx
+++ b/examples/finefoods-material-ui/src/components/drawer/drawer/index.tsx
@@ -1,5 +1,5 @@
-import BaseDrawer, { DrawerProps } from "@mui/material/Drawer";
-import { PropsWithChildren } from "react";
+import BaseDrawer, { type DrawerProps } from "@mui/material/Drawer";
+import type { PropsWithChildren } from "react";
 import gray from "@mui/material/colors/grey";
 import { useColorModeContext } from "../../../contexts";
 
diff --git a/examples/finefoods-material-ui/src/components/header/index.tsx b/examples/finefoods-material-ui/src/components/header/index.tsx
index 9fa3c83b520b..103033df7fd7 100644
--- a/examples/finefoods-material-ui/src/components/header/index.tsx
+++ b/examples/finefoods-material-ui/src/components/header/index.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect, useContext, ReactNode } from "react";
+import { useState, useEffect, useContext, type ReactNode } from "react";
 import {
   useList,
   useTranslate,
@@ -6,7 +6,10 @@ import {
   useGetLocale,
   useSetLocale,
 } from "@refinedev/core";
-import { RefineThemedLayoutV2HeaderProps, HamburgerMenu } from "@refinedev/mui";
+import {
+  type RefineThemedLayoutV2HeaderProps,
+  HamburgerMenu,
+} from "@refinedev/mui";
 import AppBar from "@mui/material/AppBar";
 import IconButton from "@mui/material/IconButton";
 import Link from "@mui/material/Link";
@@ -24,7 +27,7 @@ import SearchOutlined from "@mui/icons-material/SearchOutlined";
 import BrightnessHighIcon from "@mui/icons-material/BrightnessHigh";
 import Brightness4Icon from "@mui/icons-material/Brightness4";
 import i18n from "../../i18n";
-import { IOrder, IStore, ICourier, IIdentity } from "../../interfaces";
+import type { IOrder, IStore, ICourier, IIdentity } from "../../interfaces";
 import { ColorModeContext } from "../../contexts";
 
 interface IOptions {
diff --git a/examples/finefoods-material-ui/src/components/icons/basic-marker.tsx b/examples/finefoods-material-ui/src/components/icons/basic-marker.tsx
index acd31b765080..e476c68fb7cb 100644
--- a/examples/finefoods-material-ui/src/components/icons/basic-marker.tsx
+++ b/examples/finefoods-material-ui/src/components/icons/basic-marker.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const BasicMarker = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/finefoods-material-ui/src/components/icons/fine-foods.tsx b/examples/finefoods-material-ui/src/components/icons/fine-foods.tsx
index c49989d75f93..73d93d4373b2 100644
--- a/examples/finefoods-material-ui/src/components/icons/fine-foods.tsx
+++ b/examples/finefoods-material-ui/src/components/icons/fine-foods.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const FineFoodsIcon = (props: SVGProps<SVGSVGElement>) => {
   return (
diff --git a/examples/finefoods-material-ui/src/components/icons/rank-1.tsx b/examples/finefoods-material-ui/src/components/icons/rank-1.tsx
index ab80e43f33ee..6f47a0cf8ec6 100644
--- a/examples/finefoods-material-ui/src/components/icons/rank-1.tsx
+++ b/examples/finefoods-material-ui/src/components/icons/rank-1.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const Rank1Icon = (props: SVGProps<SVGSVGElement>) => {
   return (
diff --git a/examples/finefoods-material-ui/src/components/icons/rank-2.tsx b/examples/finefoods-material-ui/src/components/icons/rank-2.tsx
index 060e207ab460..0e34e0e7efd3 100644
--- a/examples/finefoods-material-ui/src/components/icons/rank-2.tsx
+++ b/examples/finefoods-material-ui/src/components/icons/rank-2.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const Rank2Icon = (props: SVGProps<SVGSVGElement>) => {
   return (
diff --git a/examples/finefoods-material-ui/src/components/icons/rank-3.tsx b/examples/finefoods-material-ui/src/components/icons/rank-3.tsx
index e8f57fe27dea..f171ce358cc0 100644
--- a/examples/finefoods-material-ui/src/components/icons/rank-3.tsx
+++ b/examples/finefoods-material-ui/src/components/icons/rank-3.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const Rank3Icon = (props: SVGProps<SVGSVGElement>) => {
   return (
diff --git a/examples/finefoods-material-ui/src/components/icons/rank-4.tsx b/examples/finefoods-material-ui/src/components/icons/rank-4.tsx
index 31cd3c8f6a83..a7c00af98ed2 100644
--- a/examples/finefoods-material-ui/src/components/icons/rank-4.tsx
+++ b/examples/finefoods-material-ui/src/components/icons/rank-4.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const Rank4Icon = (props: SVGProps<SVGSVGElement>) => {
   return (
diff --git a/examples/finefoods-material-ui/src/components/icons/rank-5.tsx b/examples/finefoods-material-ui/src/components/icons/rank-5.tsx
index cb0fae217e53..04126fadf56e 100644
--- a/examples/finefoods-material-ui/src/components/icons/rank-5.tsx
+++ b/examples/finefoods-material-ui/src/components/icons/rank-5.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const Rank5Icon = (props: SVGProps<SVGSVGElement>) => {
   return (
diff --git a/examples/finefoods-material-ui/src/components/icons/trend-icon.tsx b/examples/finefoods-material-ui/src/components/icons/trend-icon.tsx
index e677d61443c3..36d8272bd06e 100644
--- a/examples/finefoods-material-ui/src/components/icons/trend-icon.tsx
+++ b/examples/finefoods-material-ui/src/components/icons/trend-icon.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 import ArrowDropUp from "@mui/icons-material/ArrowDropUp";
 import ArrowDropDown from "@mui/icons-material/ArrowDropDown";
 import RemoveIcon from "@mui/icons-material/Remove";
diff --git a/examples/finefoods-material-ui/src/components/map/advanced-marker.tsx b/examples/finefoods-material-ui/src/components/map/advanced-marker.tsx
index e5ce25306e9b..e6b2c4d7fc4b 100644
--- a/examples/finefoods-material-ui/src/components/map/advanced-marker.tsx
+++ b/examples/finefoods-material-ui/src/components/map/advanced-marker.tsx
@@ -1,5 +1,11 @@
-import { useState, useEffect, memo, useRef, PropsWithChildren } from "react";
-import { Root, createRoot } from "react-dom/client";
+import {
+  useState,
+  useEffect,
+  memo,
+  useRef,
+  type PropsWithChildren,
+} from "react";
+import { type Root, createRoot } from "react-dom/client";
 
 type AdvancedMarkerProps = {
   onClick?: (event: google.maps.FeatureMouseEvent) => void;
diff --git a/examples/finefoods-material-ui/src/components/map/map.tsx b/examples/finefoods-material-ui/src/components/map/map.tsx
index 8374fea10491..d428076815c8 100644
--- a/examples/finefoods-material-ui/src/components/map/map.tsx
+++ b/examples/finefoods-material-ui/src/components/map/map.tsx
@@ -1,11 +1,11 @@
 import {
   Children,
   cloneElement,
-  Dispatch,
-  FC,
+  type Dispatch,
+  type FC,
   isValidElement,
-  PropsWithChildren,
-  SetStateAction,
+  type PropsWithChildren,
+  type SetStateAction,
   useEffect,
   useRef,
   useState,
diff --git a/examples/finefoods-material-ui/src/components/order/details/index.tsx b/examples/finefoods-material-ui/src/components/order/details/index.tsx
index 64ee21192788..7304c690940f 100644
--- a/examples/finefoods-material-ui/src/components/order/details/index.tsx
+++ b/examples/finefoods-material-ui/src/components/order/details/index.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 import dayjs from "dayjs";
 import { DateField } from "@refinedev/mui";
 import { useTranslate } from "@refinedev/core";
@@ -16,7 +16,7 @@ import MopedOutlinedIcon from "@mui/icons-material/MopedOutlined";
 import LocalPhoneOutlinedIcon from "@mui/icons-material/LocalPhoneOutlined";
 import AccountCircleOutlinedIcon from "@mui/icons-material/AccountCircleOutlined";
 import WatchLaterOutlinedIcon from "@mui/icons-material/WatchLaterOutlined";
-import { IEvent, IOrder } from "../../../interfaces";
+import type { IEvent, IOrder } from "../../../interfaces";
 import Skeleton from "@mui/material/Skeleton";
 
 type Props = {
diff --git a/examples/finefoods-material-ui/src/components/order/map/index.tsx b/examples/finefoods-material-ui/src/components/order/map/index.tsx
index 72be1cb42e4f..b8b581922f2f 100644
--- a/examples/finefoods-material-ui/src/components/order/map/index.tsx
+++ b/examples/finefoods-material-ui/src/components/order/map/index.tsx
@@ -1,5 +1,5 @@
 import { GoogleMap, MapMarker } from "../../map";
-import { IOrder } from "../../../interfaces";
+import type { IOrder } from "../../../interfaces";
 
 type Props = {
   order?: IOrder;
diff --git a/examples/finefoods-material-ui/src/components/order/products/index.tsx b/examples/finefoods-material-ui/src/components/order/products/index.tsx
index b80a10870693..18fd102aedf1 100644
--- a/examples/finefoods-material-ui/src/components/order/products/index.tsx
+++ b/examples/finefoods-material-ui/src/components/order/products/index.tsx
@@ -1,12 +1,12 @@
 import { useMemo } from "react";
 import { NumberField } from "@refinedev/mui";
 import { useTranslate } from "@refinedev/core";
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import Typography from "@mui/material/Typography";
 import Avatar from "@mui/material/Avatar";
 import Divider from "@mui/material/Divider";
 import Box from "@mui/material/Box";
-import { IOrder, IProduct } from "../../../interfaces";
+import type { IOrder, IProduct } from "../../../interfaces";
 import { getUniqueListWithCount } from "../../../utils";
 
 type Props = {
diff --git a/examples/finefoods-material-ui/src/components/order/tableColumnProducts/index.tsx b/examples/finefoods-material-ui/src/components/order/tableColumnProducts/index.tsx
index 8bca04640392..b41170e346cd 100644
--- a/examples/finefoods-material-ui/src/components/order/tableColumnProducts/index.tsx
+++ b/examples/finefoods-material-ui/src/components/order/tableColumnProducts/index.tsx
@@ -2,7 +2,7 @@ import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
 import Avatar from "@mui/material/Avatar";
 import { CustomTooltip } from "../../customTooltip";
-import { IOrder } from "../../../interfaces";
+import type { IOrder } from "../../../interfaces";
 import { getUniqueListWithCount } from "../../../utils";
 
 type Props = {
diff --git a/examples/finefoods-material-ui/src/components/product/drawer-form/index.tsx b/examples/finefoods-material-ui/src/components/product/drawer-form/index.tsx
index 5c577150c708..d7fd9c24b262 100644
--- a/examples/finefoods-material-ui/src/components/product/drawer-form/index.tsx
+++ b/examples/finefoods-material-ui/src/components/product/drawer-form/index.tsx
@@ -1,5 +1,5 @@
 import {
-  HttpError,
+  type HttpError,
   useApiUrl,
   useGetToPath,
   useGo,
@@ -23,7 +23,7 @@ import ToggleButtonGroup from "@mui/material/ToggleButtonGroup";
 import FormLabel from "@mui/material/FormLabel";
 import { Drawer, DrawerHeader, ProductImageUpload } from "../../../components";
 import { useImageUpload } from "../../../utils";
-import { ICategory, IFile, IProduct, Nullable } from "../../../interfaces";
+import type { ICategory, IFile, IProduct, Nullable } from "../../../interfaces";
 
 type Props = {
   action: "create" | "edit";
diff --git a/examples/finefoods-material-ui/src/components/product/image-upload/index.tsx b/examples/finefoods-material-ui/src/components/product/image-upload/index.tsx
index 1630d4f1b055..343b3d99291f 100644
--- a/examples/finefoods-material-ui/src/components/product/image-upload/index.tsx
+++ b/examples/finefoods-material-ui/src/components/product/image-upload/index.tsx
@@ -1,5 +1,5 @@
 import { useTranslate } from "@refinedev/core";
-import { SxProps, styled, useTheme } from "@mui/material/styles";
+import { type SxProps, styled, useTheme } from "@mui/material/styles";
 import PhotoOutlinedIcon from "@mui/icons-material/PhotoOutlined";
 import CloudUploadOutlinedIcon from "@mui/icons-material/CloudUploadOutlined";
 import Button from "@mui/material/Button";
diff --git a/examples/finefoods-material-ui/src/components/product/list-card/index.tsx b/examples/finefoods-material-ui/src/components/product/list-card/index.tsx
index c2633b245b8c..dd0445bcc748 100644
--- a/examples/finefoods-material-ui/src/components/product/list-card/index.tsx
+++ b/examples/finefoods-material-ui/src/components/product/list-card/index.tsx
@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 import { useGo, useNavigation, useTranslate } from "@refinedev/core";
-import { NumberField, UseDataGridReturnType } from "@refinedev/mui";
+import { NumberField, type UseDataGridReturnType } from "@refinedev/mui";
 import Typography from "@mui/material/Typography";
-import { ICategory, IProduct } from "../../../interfaces";
+import type { ICategory, IProduct } from "../../../interfaces";
 import { useLocation } from "react-router-dom";
 import { ProductStatus } from "../status";
 import Grid from "@mui/material/Grid";
diff --git a/examples/finefoods-material-ui/src/components/product/list-table/index.tsx b/examples/finefoods-material-ui/src/components/product/list-table/index.tsx
index 782b5e33a57c..81b18980db92 100644
--- a/examples/finefoods-material-ui/src/components/product/list-table/index.tsx
+++ b/examples/finefoods-material-ui/src/components/product/list-table/index.tsx
@@ -1,10 +1,10 @@
 import { useMemo } from "react";
 import { useGo, useNavigation, useTranslate } from "@refinedev/core";
-import { NumberField, UseDataGridReturnType } from "@refinedev/mui";
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { NumberField, type UseDataGridReturnType } from "@refinedev/mui";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import Typography from "@mui/material/Typography";
 import Avatar from "@mui/material/Avatar";
-import { ICategory, IProduct } from "../../../interfaces";
+import type { ICategory, IProduct } from "../../../interfaces";
 import { useLocation } from "react-router-dom";
 import IconButton from "@mui/material/IconButton";
 import EditOutlinedIcon from "@mui/icons-material/EditOutlined";
diff --git a/examples/finefoods-material-ui/src/components/product/status/index.tsx b/examples/finefoods-material-ui/src/components/product/status/index.tsx
index 1259f3cd51e9..eb3f0a9f4c46 100644
--- a/examples/finefoods-material-ui/src/components/product/status/index.tsx
+++ b/examples/finefoods-material-ui/src/components/product/status/index.tsx
@@ -1,10 +1,10 @@
-import Chip, { ChipProps } from "@mui/material/Chip";
+import Chip, { type ChipProps } from "@mui/material/Chip";
 import { useTranslate } from "@refinedev/core";
 import CheckCircleIcon from "@mui/icons-material/CheckCircle";
 import BlockOutlinedIcon from "@mui/icons-material/BlockOutlined";
 import { useTheme } from "@mui/material/styles";
 import { green } from "@mui/material/colors";
-import { IProduct } from "../../../interfaces";
+import type { IProduct } from "../../../interfaces";
 
 type Props = {
   value: IProduct["isActive"];
diff --git a/examples/finefoods-material-ui/src/components/refine-list-view/index.tsx b/examples/finefoods-material-ui/src/components/refine-list-view/index.tsx
index 63207b37b60d..091edba4bd93 100644
--- a/examples/finefoods-material-ui/src/components/refine-list-view/index.tsx
+++ b/examples/finefoods-material-ui/src/components/refine-list-view/index.tsx
@@ -1,4 +1,4 @@
-import { List, ListProps } from "@refinedev/mui";
+import { List, type ListProps } from "@refinedev/mui";
 
 type Props = {} & ListProps;
 
diff --git a/examples/finefoods-material-ui/src/components/store/courier-table/index.tsx b/examples/finefoods-material-ui/src/components/store/courier-table/index.tsx
index 11cff5a2d9bf..71e1b06cddf7 100644
--- a/examples/finefoods-material-ui/src/components/store/courier-table/index.tsx
+++ b/examples/finefoods-material-ui/src/components/store/courier-table/index.tsx
@@ -1,11 +1,11 @@
 import { useMemo } from "react";
 import { useNavigation, useTranslate } from "@refinedev/core";
 import { useDataGrid } from "@refinedev/mui";
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import Avatar from "@mui/material/Avatar";
 import Stack from "@mui/material/Stack";
 import Typography from "@mui/material/Typography";
-import { ICourier, IStore } from "../../../interfaces";
+import type { ICourier, IStore } from "../../../interfaces";
 import { CourierRating, CourierStatus } from "../../courier";
 
 type Props = {
diff --git a/examples/finefoods-material-ui/src/components/store/form/index.tsx b/examples/finefoods-material-ui/src/components/store/form/index.tsx
index fa342b87ede8..0d2bb7db423b 100644
--- a/examples/finefoods-material-ui/src/components/store/form/index.tsx
+++ b/examples/finefoods-material-ui/src/components/store/form/index.tsx
@@ -12,7 +12,7 @@ import ToggleButtonGroup from "@mui/material/ToggleButtonGroup";
 import Stack from "@mui/material/Stack";
 import Button from "@mui/material/Button";
 import InputMask from "react-input-mask";
-import { useStoreForm } from "./useStoreForm";
+import type { useStoreForm } from "./useStoreForm";
 
 type Props = {
   action: "create" | "edit";
diff --git a/examples/finefoods-material-ui/src/components/store/form/useStoreForm.tsx b/examples/finefoods-material-ui/src/components/store/form/useStoreForm.tsx
index 623f8bea51c3..bd289906ffe2 100644
--- a/examples/finefoods-material-ui/src/components/store/form/useStoreForm.tsx
+++ b/examples/finefoods-material-ui/src/components/store/form/useStoreForm.tsx
@@ -2,13 +2,13 @@ import { useForm } from "@refinedev/react-hook-form";
 import { useDebounceValue } from "usehooks-ts";
 import {
   convertLatLng,
-  LatLng,
+  type LatLng,
   getAddressWithLatLng,
   getLatLngWithAddress,
 } from "../../../utils";
-import { IStore } from "../../../interfaces";
+import type { IStore } from "../../../interfaces";
 import { useEffect, useState } from "react";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 type Props = {
   action: "create" | "edit";
diff --git a/examples/finefoods-material-ui/src/components/store/info-card/index.tsx b/examples/finefoods-material-ui/src/components/store/info-card/index.tsx
index 19f36dd889cc..7ac21660ffa4 100644
--- a/examples/finefoods-material-ui/src/components/store/info-card/index.tsx
+++ b/examples/finefoods-material-ui/src/components/store/info-card/index.tsx
@@ -1,11 +1,11 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 import { useTranslate } from "@refinedev/core";
 import {
   Box,
   Divider,
   Paper,
   Skeleton,
-  SxProps,
+  type SxProps,
   Typography,
   useTheme,
 } from "@mui/material";
@@ -13,7 +13,7 @@ import ArrowDropDownCircleOutlinedIcon from "@mui/icons-material/ArrowDropDownCi
 import AccountCircleOutlinedIcon from "@mui/icons-material/AccountCircleOutlined";
 import PlaceOutlinedIcon from "@mui/icons-material/PlaceOutlined";
 import PhoneOutlinedIcon from "@mui/icons-material/PhoneOutlined";
-import { IStore } from "../../../interfaces";
+import type { IStore } from "../../../interfaces";
 import { StoreStatus } from "../status";
 
 type Props = {
diff --git a/examples/finefoods-material-ui/src/components/store/map/all-stores-map.tsx b/examples/finefoods-material-ui/src/components/store/map/all-stores-map.tsx
index 67ddb637cce1..3d2cc78e428e 100644
--- a/examples/finefoods-material-ui/src/components/store/map/all-stores-map.tsx
+++ b/examples/finefoods-material-ui/src/components/store/map/all-stores-map.tsx
@@ -10,7 +10,7 @@ import PlaceOutlinedIcon from "@mui/icons-material/PlaceOutlined";
 import AccountCircleOutlinedIcon from "@mui/icons-material/AccountCircleOutlined";
 import { GoogleMap, AdvancedMarker } from "../../map";
 import { StoreStatus } from "../status";
-import { IStore } from "../../../interfaces";
+import type { IStore } from "../../../interfaces";
 
 export const AllStoresMap = () => {
   const t = useTranslate();
diff --git a/examples/finefoods-material-ui/src/components/store/map/store-map.tsx b/examples/finefoods-material-ui/src/components/store/map/store-map.tsx
index f9c746acabb1..6a3466854c13 100644
--- a/examples/finefoods-material-ui/src/components/store/map/store-map.tsx
+++ b/examples/finefoods-material-ui/src/components/store/map/store-map.tsx
@@ -2,7 +2,7 @@ import { useCallback } from "react";
 import _debounce from "lodash/debounce";
 import Box from "@mui/material/Box";
 import { GoogleMap, MapMarker } from "../../map";
-import { IStore } from "../../../interfaces";
+import type { IStore } from "../../../interfaces";
 import { convertLatLng } from "../../../utils";
 
 type Props = {
diff --git a/examples/finefoods-material-ui/src/components/store/status/index.tsx b/examples/finefoods-material-ui/src/components/store/status/index.tsx
index ed3248870932..00236a88864a 100644
--- a/examples/finefoods-material-ui/src/components/store/status/index.tsx
+++ b/examples/finefoods-material-ui/src/components/store/status/index.tsx
@@ -1,6 +1,6 @@
-import Chip, { ChipProps } from "@mui/material/Chip";
+import Chip, { type ChipProps } from "@mui/material/Chip";
 import { useTranslate } from "@refinedev/core";
-import { IStore } from "../../../interfaces";
+import type { IStore } from "../../../interfaces";
 import CheckCircleIcon from "@mui/icons-material/CheckCircle";
 import BlockOutlinedIcon from "@mui/icons-material/BlockOutlined";
 import { useTheme } from "@mui/material/styles";
diff --git a/examples/finefoods-material-ui/src/components/store/table/index.tsx b/examples/finefoods-material-ui/src/components/store/table/index.tsx
index 8916e78520c2..87aa5932f95f 100644
--- a/examples/finefoods-material-ui/src/components/store/table/index.tsx
+++ b/examples/finefoods-material-ui/src/components/store/table/index.tsx
@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useNavigation, useTranslate } from "@refinedev/core";
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import {
   EditButton,
   ShowButton,
@@ -12,7 +12,7 @@ import Typography from "@mui/material/Typography";
 import { IconButton } from "@mui/material";
 import VisibilityOutlined from "@mui/icons-material/VisibilityOutlined";
 import { StoreStatus } from "../../../components";
-import { IStore } from "../../../interfaces";
+import type { IStore } from "../../../interfaces";
 
 export const StoreTable = () => {
   const t = useTranslate();
diff --git a/examples/finefoods-material-ui/src/contexts/index.tsx b/examples/finefoods-material-ui/src/contexts/index.tsx
index 7f9d3287b2bc..58cec380af87 100644
--- a/examples/finefoods-material-ui/src/contexts/index.tsx
+++ b/examples/finefoods-material-ui/src/contexts/index.tsx
@@ -1,6 +1,6 @@
 import React, {
   createContext,
-  PropsWithChildren,
+  type PropsWithChildren,
   useContext,
   useEffect,
   useState,
diff --git a/examples/finefoods-material-ui/src/hooks/useOrderCustomKbarActions/index.tsx b/examples/finefoods-material-ui/src/hooks/useOrderCustomKbarActions/index.tsx
index 12c62d056b49..0acc299ca5f6 100644
--- a/examples/finefoods-material-ui/src/hooks/useOrderCustomKbarActions/index.tsx
+++ b/examples/finefoods-material-ui/src/hooks/useOrderCustomKbarActions/index.tsx
@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useState } from "react";
 import { useTranslate, useUpdate } from "@refinedev/core";
 import {
-  Action,
+  type Action,
   createAction,
   Priority,
   useRegisterActions,
@@ -9,7 +9,7 @@ import {
 import CheckOutlined from "@mui/icons-material/CheckOutlined";
 import CloseOutlined from "@mui/icons-material/CloseOutlined";
 
-import { IOrder } from "../../interfaces";
+import type { IOrder } from "../../interfaces";
 
 export const useOrderCustomKbarActions = (order?: IOrder): void => {
   const t = useTranslate();
diff --git a/examples/finefoods-material-ui/src/pages/auth/index.tsx b/examples/finefoods-material-ui/src/pages/auth/index.tsx
index 86385abceeeb..9141a21b8dc0 100644
--- a/examples/finefoods-material-ui/src/pages/auth/index.tsx
+++ b/examples/finefoods-material-ui/src/pages/auth/index.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { AuthPage as MUIAuthPage, AuthProps } from "@refinedev/mui";
+import { AuthPage as MUIAuthPage, type AuthProps } from "@refinedev/mui";
 import { Link } from "react-router-dom";
 import Box from "@mui/material/Box";
 import {
diff --git a/examples/finefoods-material-ui/src/pages/categories/list.tsx b/examples/finefoods-material-ui/src/pages/categories/list.tsx
index f1201bfed7c8..1ff73abf7adb 100644
--- a/examples/finefoods-material-ui/src/pages/categories/list.tsx
+++ b/examples/finefoods-material-ui/src/pages/categories/list.tsx
@@ -1,7 +1,7 @@
 import React, { useMemo } from "react";
-import { HttpError, useList, useTranslate } from "@refinedev/core";
+import { type HttpError, useList, useTranslate } from "@refinedev/core";
 import { useDataGrid } from "@refinedev/mui";
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import Avatar from "@mui/material/Avatar";
 import Paper from "@mui/material/Paper";
 import Box from "@mui/material/Box";
@@ -11,7 +11,7 @@ import {
   CategoryStatus,
   CustomTooltip,
 } from "../../components";
-import { ICategory, IProduct } from "../../interfaces";
+import type { ICategory, IProduct } from "../../interfaces";
 
 export const CategoryList = () => {
   const t = useTranslate();
diff --git a/examples/finefoods-material-ui/src/pages/couriers/create.tsx b/examples/finefoods-material-ui/src/pages/couriers/create.tsx
index 4e6d2d917cc2..b82e3e7acbc7 100644
--- a/examples/finefoods-material-ui/src/pages/couriers/create.tsx
+++ b/examples/finefoods-material-ui/src/pages/couriers/create.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import {
   useTranslate,
   useApiUrl,
-  HttpError,
+  type HttpError,
   useGetToPath,
   useGo,
 } from "@refinedev/core";
@@ -10,7 +10,7 @@ import InputMask from "react-input-mask";
 import { useSearchParams } from "react-router-dom";
 import { useAutocomplete } from "@refinedev/mui";
 import {
-  UseStepsFormReturnType,
+  type UseStepsFormReturnType,
   useStepsForm,
 } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
@@ -30,7 +30,7 @@ import DialogContent from "@mui/material/DialogContent";
 import IconButton from "@mui/material/IconButton";
 import CloseIcon from "@mui/icons-material/Close";
 import type { TextFieldProps } from "@mui/material/TextField";
-import { ICourier, IFile, IStore, Nullable } from "../../interfaces";
+import type { ICourier, IFile, IStore, Nullable } from "../../interfaces";
 import { CourierImageUpload } from "../../components";
 import { useImageUpload } from "../../utils";
 import Divider from "@mui/material/Divider";
diff --git a/examples/finefoods-material-ui/src/pages/couriers/edit.tsx b/examples/finefoods-material-ui/src/pages/couriers/edit.tsx
index b93bd85f27dc..06c29bcdb5fd 100644
--- a/examples/finefoods-material-ui/src/pages/couriers/edit.tsx
+++ b/examples/finefoods-material-ui/src/pages/couriers/edit.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import InputMask from "react-input-mask";
 import {
   useTranslate,
-  HttpError,
+  type HttpError,
   useApiUrl,
   useNavigation,
 } from "@refinedev/core";
@@ -22,7 +22,7 @@ import Box from "@mui/material/Box";
 import Divider from "@mui/material/Divider";
 import ArrowBack from "@mui/icons-material/ArrowBack";
 import { useTheme } from "@mui/material/styles";
-import { ICourier, IFile, IStore, Nullable } from "../../interfaces";
+import type { ICourier, IFile, IStore, Nullable } from "../../interfaces";
 import { CourierImageUpload, CourierTableReviews } from "../../components";
 import { useImageUpload } from "../../utils";
 
diff --git a/examples/finefoods-material-ui/src/pages/couriers/list.tsx b/examples/finefoods-material-ui/src/pages/couriers/list.tsx
index e30fa69ca36b..c953df0b6793 100644
--- a/examples/finefoods-material-ui/src/pages/couriers/list.tsx
+++ b/examples/finefoods-material-ui/src/pages/couriers/list.tsx
@@ -1,13 +1,13 @@
-import { PropsWithChildren, useMemo } from "react";
+import { type PropsWithChildren, useMemo } from "react";
 import { useGo, useNavigation, useTranslate } from "@refinedev/core";
 import { CreateButton, EditButton, useDataGrid } from "@refinedev/mui";
 import { useLocation } from "react-router-dom";
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import Paper from "@mui/material/Paper";
 import Avatar from "@mui/material/Avatar";
 import Typography from "@mui/material/Typography";
 import { CourierRating, CourierStatus, RefineListView } from "../../components";
-import { ICourier } from "../../interfaces";
+import type { ICourier } from "../../interfaces";
 
 export const CourierList = ({ children }: PropsWithChildren) => {
   const go = useGo();
diff --git a/examples/finefoods-material-ui/src/pages/customers/list.tsx b/examples/finefoods-material-ui/src/pages/customers/list.tsx
index d8aa45ebb68e..7677fe547939 100644
--- a/examples/finefoods-material-ui/src/pages/customers/list.tsx
+++ b/examples/finefoods-material-ui/src/pages/customers/list.tsx
@@ -1,6 +1,6 @@
-import React, { PropsWithChildren, useMemo } from "react";
+import React, { type PropsWithChildren, useMemo } from "react";
 import {
-  HttpError,
+  type HttpError,
   useExport,
   useGo,
   useNavigation,
@@ -8,13 +8,13 @@ import {
 } from "@refinedev/core";
 import { useLocation } from "react-router-dom";
 import { DateField, ExportButton, useDataGrid } from "@refinedev/mui";
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import Avatar from "@mui/material/Avatar";
 import Typography from "@mui/material/Typography";
 import VisibilityOutlined from "@mui/icons-material/VisibilityOutlined";
 import IconButton from "@mui/material/IconButton";
 import Paper from "@mui/material/Paper";
-import { IUser, IUserFilterVariables } from "../../interfaces";
+import type { IUser, IUserFilterVariables } from "../../interfaces";
 import { CustomTooltip, RefineListView } from "../../components";
 import { CustomerStatus } from "../../components/customer";
 
diff --git a/examples/finefoods-material-ui/src/pages/customers/show.tsx b/examples/finefoods-material-ui/src/pages/customers/show.tsx
index b8d8e32a89c9..d251f6b9e38b 100644
--- a/examples/finefoods-material-ui/src/pages/customers/show.tsx
+++ b/examples/finefoods-material-ui/src/pages/customers/show.tsx
@@ -1,13 +1,13 @@
 import React from "react";
 import {
-  HttpError,
+  type HttpError,
   useGetToPath,
   useGo,
   useShow,
   useTranslate,
 } from "@refinedev/core";
 import { useSearchParams } from "react-router-dom";
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import { DateField, NumberField, useDataGrid } from "@refinedev/mui";
 import Avatar from "@mui/material/Avatar";
 import Paper from "@mui/material/Paper";
@@ -18,7 +18,7 @@ import LocalPhoneOutlinedIcon from "@mui/icons-material/LocalPhoneOutlined";
 import ArrowCircleRightOutlinedIcon from "@mui/icons-material/ArrowCircleRightOutlined";
 import CheckCircleIcon from "@mui/icons-material/CheckCircle";
 import PlaceOutlinedIcon from "@mui/icons-material/PlaceOutlined";
-import { IOrder, IOrderFilterVariables, IUser } from "../../interfaces";
+import type { IOrder, IOrderFilterVariables, IUser } from "../../interfaces";
 import {
   OrderStatus,
   CustomerStatus,
diff --git a/examples/finefoods-material-ui/src/pages/dashboard/index.tsx b/examples/finefoods-material-ui/src/pages/dashboard/index.tsx
index 934ea9551063..63ac2e8d5ab7 100644
--- a/examples/finefoods-material-ui/src/pages/dashboard/index.tsx
+++ b/examples/finefoods-material-ui/src/pages/dashboard/index.tsx
@@ -23,7 +23,7 @@ import {
 } from "../../components/dashboard";
 import { TrendIcon } from "../../components/icons";
 import { Card, RefineListView } from "../../components";
-import { IOrderChart, ISalesChart } from "../../interfaces";
+import type { IOrderChart, ISalesChart } from "../../interfaces";
 
 type DateFilter = "lastWeek" | "lastMonth";
 
diff --git a/examples/finefoods-material-ui/src/pages/orders/list.tsx b/examples/finefoods-material-ui/src/pages/orders/list.tsx
index c00af9281d3c..cfc3de0c4d01 100644
--- a/examples/finefoods-material-ui/src/pages/orders/list.tsx
+++ b/examples/finefoods-material-ui/src/pages/orders/list.tsx
@@ -1,6 +1,6 @@
 import React, { useMemo } from "react";
 import {
-  HttpError,
+  type HttpError,
   useExport,
   useNavigation,
   useTranslate,
@@ -12,13 +12,17 @@ import {
   NumberField,
   useDataGrid,
 } from "@refinedev/mui";
-import { DataGrid, GridActionsCellItem, GridColDef } from "@mui/x-data-grid";
+import {
+  DataGrid,
+  GridActionsCellItem,
+  type GridColDef,
+} from "@mui/x-data-grid";
 import Typography from "@mui/material/Typography";
 import CheckOutlinedIcon from "@mui/icons-material/CheckOutlined";
 import CloseOutlinedIcon from "@mui/icons-material/CloseOutlined";
 import Paper from "@mui/material/Paper";
 import { OrderStatus, OrderTableColumnProducts } from "../../components/order";
-import { IOrder, IOrderFilterVariables } from "../../interfaces";
+import type { IOrder, IOrderFilterVariables } from "../../interfaces";
 import { RefineListView } from "../../components";
 
 export const OrderList = () => {
diff --git a/examples/finefoods-material-ui/src/pages/orders/show.tsx b/examples/finefoods-material-ui/src/pages/orders/show.tsx
index 008c5b4c047a..ff6f8915f4e3 100644
--- a/examples/finefoods-material-ui/src/pages/orders/show.tsx
+++ b/examples/finefoods-material-ui/src/pages/orders/show.tsx
@@ -18,7 +18,7 @@ import {
   Card,
 } from "../../components";
 import { RefineListView } from "../../components";
-import { IOrder } from "../../interfaces";
+import type { IOrder } from "../../interfaces";
 
 export const OrderShow = () => {
   const t = useTranslate();
diff --git a/examples/finefoods-material-ui/src/pages/products/list.tsx b/examples/finefoods-material-ui/src/pages/products/list.tsx
index 75fad149e15a..19f18d7e260b 100644
--- a/examples/finefoods-material-ui/src/pages/products/list.tsx
+++ b/examples/finefoods-material-ui/src/pages/products/list.tsx
@@ -1,4 +1,4 @@
-import React, { PropsWithChildren, useState } from "react";
+import React, { type PropsWithChildren, useState } from "react";
 import { useTranslate, useGo, useNavigation, useList } from "@refinedev/core";
 import { CreateButton, useDataGrid } from "@refinedev/mui";
 import ListOutlinedIcon from "@mui/icons-material/ListOutlined";
@@ -12,7 +12,7 @@ import {
   ProductListCard,
   RefineListView,
 } from "../../components";
-import { ICategory, IProduct } from "../../interfaces";
+import type { ICategory, IProduct } from "../../interfaces";
 
 type View = "table" | "card";
 
diff --git a/examples/finefoods-material-ui/src/utils/use-image-upload/index.ts b/examples/finefoods-material-ui/src/utils/use-image-upload/index.ts
index 2b0beb2829f5..ec1efe7f2418 100644
--- a/examples/finefoods-material-ui/src/utils/use-image-upload/index.ts
+++ b/examples/finefoods-material-ui/src/utils/use-image-upload/index.ts
@@ -1,5 +1,5 @@
 import axios from "axios";
-import { IFile } from "../../interfaces";
+import type { IFile } from "../../interfaces";
 
 type Props = {
   file: FileList[number];
diff --git a/examples/form-antd-custom-validation/src/pages/posts/create.tsx b/examples/form-antd-custom-validation/src/pages/posts/create.tsx
index 8a970509e8e7..735b9732971b 100644
--- a/examples/form-antd-custom-validation/src/pages/posts/create.tsx
+++ b/examples/form-antd-custom-validation/src/pages/posts/create.tsx
@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { HttpError, useApiUrl, useCustom } from "@refinedev/core";
+import { type HttpError, useApiUrl, useCustom } from "@refinedev/core";
 
 import { Create, useForm, useSelect } from "@refinedev/antd";
 
@@ -7,7 +7,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 interface PostUniqueCheckResponse {
   isAvailable: boolean;
diff --git a/examples/form-antd-custom-validation/src/pages/posts/edit.tsx b/examples/form-antd-custom-validation/src/pages/posts/edit.tsx
index 45d39156d184..b07ed68e9bcd 100644
--- a/examples/form-antd-custom-validation/src/pages/posts/edit.tsx
+++ b/examples/form-antd-custom-validation/src/pages/posts/edit.tsx
@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { HttpError, useApiUrl, useCustom } from "@refinedev/core";
+import { type HttpError, useApiUrl, useCustom } from "@refinedev/core";
 
 import { Edit, useForm, useSelect } from "@refinedev/antd";
 
@@ -7,7 +7,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 interface PostUniqueCheckResponse {
   isAvailable: boolean;
diff --git a/examples/form-antd-custom-validation/src/pages/posts/list.tsx b/examples/form-antd-custom-validation/src/pages/posts/list.tsx
index 605972a021c8..a72ebcd74254 100644
--- a/examples/form-antd-custom-validation/src/pages/posts/list.tsx
+++ b/examples/form-antd-custom-validation/src/pages/posts/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/form-antd-custom-validation/src/pages/posts/show.tsx b/examples/form-antd-custom-validation/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/form-antd-custom-validation/src/pages/posts/show.tsx
+++ b/examples/form-antd-custom-validation/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/form-antd-mutation-mode/src/App.tsx b/examples/form-antd-mutation-mode/src/App.tsx
index 6fbe5023c1b3..53a2abac7eee 100644
--- a/examples/form-antd-mutation-mode/src/App.tsx
+++ b/examples/form-antd-mutation-mode/src/App.tsx
@@ -1,4 +1,4 @@
-import { GitHubBanner, MutationMode, Refine } from "@refinedev/core";
+import { GitHubBanner, type MutationMode, Refine } from "@refinedev/core";
 import {
   useNotificationProvider,
   ThemedLayoutV2,
diff --git a/examples/form-antd-mutation-mode/src/components/mutation-mode-picker/index.tsx b/examples/form-antd-mutation-mode/src/components/mutation-mode-picker/index.tsx
index 44de9dcd30e3..3e92b32790e9 100644
--- a/examples/form-antd-mutation-mode/src/components/mutation-mode-picker/index.tsx
+++ b/examples/form-antd-mutation-mode/src/components/mutation-mode-picker/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { MutationMode } from "@refinedev/core";
+import type { MutationMode } from "@refinedev/core";
 import { Radio, Space, Typography } from "antd";
 
 interface Props {
diff --git a/examples/form-antd-mutation-mode/src/pages/posts/create.tsx b/examples/form-antd-mutation-mode/src/pages/posts/create.tsx
index 222d4695f75d..4cd0269cd6b3 100644
--- a/examples/form-antd-mutation-mode/src/pages/posts/create.tsx
+++ b/examples/form-antd-mutation-mode/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/form-antd-mutation-mode/src/pages/posts/edit.tsx b/examples/form-antd-mutation-mode/src/pages/posts/edit.tsx
index f1a51e33d046..3a1b2207f487 100644
--- a/examples/form-antd-mutation-mode/src/pages/posts/edit.tsx
+++ b/examples/form-antd-mutation-mode/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/form-antd-mutation-mode/src/pages/posts/list.tsx b/examples/form-antd-mutation-mode/src/pages/posts/list.tsx
index 5fd9c5ecd3f8..4aff7f645ece 100644
--- a/examples/form-antd-mutation-mode/src/pages/posts/list.tsx
+++ b/examples/form-antd-mutation-mode/src/pages/posts/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/form-antd-use-drawer-form/src/pages/posts/list.tsx b/examples/form-antd-use-drawer-form/src/pages/posts/list.tsx
index 2c3b3487738c..39b024d3a109 100644
--- a/examples/form-antd-use-drawer-form/src/pages/posts/list.tsx
+++ b/examples/form-antd-use-drawer-form/src/pages/posts/list.tsx
@@ -15,7 +15,7 @@ import {
 
 import { Table, Form, Select, Input, Drawer, Space, Typography } from "antd";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/form-antd-use-form/src/pages/posts/create.tsx b/examples/form-antd-use-form/src/pages/posts/create.tsx
index 222d4695f75d..4cd0269cd6b3 100644
--- a/examples/form-antd-use-form/src/pages/posts/create.tsx
+++ b/examples/form-antd-use-form/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/form-antd-use-form/src/pages/posts/edit.tsx b/examples/form-antd-use-form/src/pages/posts/edit.tsx
index f1a51e33d046..3a1b2207f487 100644
--- a/examples/form-antd-use-form/src/pages/posts/edit.tsx
+++ b/examples/form-antd-use-form/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/form-antd-use-form/src/pages/posts/list.tsx b/examples/form-antd-use-form/src/pages/posts/list.tsx
index 5fd9c5ecd3f8..4aff7f645ece 100644
--- a/examples/form-antd-use-form/src/pages/posts/list.tsx
+++ b/examples/form-antd-use-form/src/pages/posts/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/form-antd-use-modal-form/src/pages/posts/list.tsx b/examples/form-antd-use-modal-form/src/pages/posts/list.tsx
index 687772496502..121642ac7013 100644
--- a/examples/form-antd-use-modal-form/src/pages/posts/list.tsx
+++ b/examples/form-antd-use-modal-form/src/pages/posts/list.tsx
@@ -21,7 +21,7 @@ import {
   Spin,
 } from "antd";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/form-antd-use-steps-form/src/pages/posts/create.tsx b/examples/form-antd-use-steps-form/src/pages/posts/create.tsx
index 93f7a8ad3a49..e25d536895cd 100644
--- a/examples/form-antd-use-steps-form/src/pages/posts/create.tsx
+++ b/examples/form-antd-use-steps-form/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select, Button, Steps } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const {
diff --git a/examples/form-antd-use-steps-form/src/pages/posts/edit.tsx b/examples/form-antd-use-steps-form/src/pages/posts/edit.tsx
index bf0fa6fad787..f90ffe845f72 100644
--- a/examples/form-antd-use-steps-form/src/pages/posts/edit.tsx
+++ b/examples/form-antd-use-steps-form/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select, Button, Steps } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const {
diff --git a/examples/form-antd-use-steps-form/src/pages/posts/list.tsx b/examples/form-antd-use-steps-form/src/pages/posts/list.tsx
index 64bcb2c1a6e8..1d1dc4d19a59 100644
--- a/examples/form-antd-use-steps-form/src/pages/posts/list.tsx
+++ b/examples/form-antd-use-steps-form/src/pages/posts/list.tsx
@@ -4,7 +4,7 @@ import { List, TextField, useTable, EditButton } from "@refinedev/antd";
 
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/form-chakra-ui-mutation-mode/src/App.tsx b/examples/form-chakra-ui-mutation-mode/src/App.tsx
index 4641bc906c92..8fb96995d436 100644
--- a/examples/form-chakra-ui-mutation-mode/src/App.tsx
+++ b/examples/form-chakra-ui-mutation-mode/src/App.tsx
@@ -1,4 +1,4 @@
-import { GitHubBanner, MutationMode, Refine } from "@refinedev/core";
+import { GitHubBanner, type MutationMode, Refine } from "@refinedev/core";
 import {
   ErrorComponent,
   ThemedLayoutV2,
diff --git a/examples/form-chakra-ui-mutation-mode/src/components/mutation-mode-picker/index.tsx b/examples/form-chakra-ui-mutation-mode/src/components/mutation-mode-picker/index.tsx
index 2e6a135ea9fe..798f336daff9 100644
--- a/examples/form-chakra-ui-mutation-mode/src/components/mutation-mode-picker/index.tsx
+++ b/examples/form-chakra-ui-mutation-mode/src/components/mutation-mode-picker/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { MutationMode } from "@refinedev/core";
+import type { MutationMode } from "@refinedev/core";
 import { Radio, RadioGroup, VStack, Stack, Text, Box } from "@chakra-ui/react";
 
 interface Props {
diff --git a/examples/form-chakra-ui-mutation-mode/src/components/pagination/index.tsx b/examples/form-chakra-ui-mutation-mode/src/components/pagination/index.tsx
index 2d2fc2239993..1f3c65d6ebb0 100644
--- a/examples/form-chakra-ui-mutation-mode/src/components/pagination/index.tsx
+++ b/examples/form-chakra-ui-mutation-mode/src/components/pagination/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HStack, Button, Box } from "@chakra-ui/react";
 import { IconChevronRight, IconChevronLeft } from "@tabler/icons-react";
 import { usePagination } from "@refinedev/chakra-ui";
diff --git a/examples/form-chakra-ui-mutation-mode/src/components/table/columnFilter.tsx b/examples/form-chakra-ui-mutation-mode/src/components/table/columnFilter.tsx
index 381c1ba966f8..23dd9b37808e 100644
--- a/examples/form-chakra-ui-mutation-mode/src/components/table/columnFilter.tsx
+++ b/examples/form-chakra-ui-mutation-mode/src/components/table/columnFilter.tsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/form-chakra-ui-mutation-mode/src/components/table/columnSorter.tsx b/examples/form-chakra-ui-mutation-mode/src/components/table/columnSorter.tsx
index c27ec90c5228..5ce1ed9bcf73 100644
--- a/examples/form-chakra-ui-mutation-mode/src/components/table/columnSorter.tsx
+++ b/examples/form-chakra-ui-mutation-mode/src/components/table/columnSorter.tsx
@@ -6,7 +6,7 @@ import {
 } from "@tabler/icons-react";
 
 import type { SortDirection } from "@tanstack/react-table";
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/form-chakra-ui-mutation-mode/src/interfaces/index.d.ts b/examples/form-chakra-ui-mutation-mode/src/interfaces/index.d.ts
index d57cb1a6fd8d..4ebdc7c91fa7 100644
--- a/examples/form-chakra-ui-mutation-mode/src/interfaces/index.d.ts
+++ b/examples/form-chakra-ui-mutation-mode/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/form-chakra-ui-mutation-mode/src/pages/posts/create.tsx b/examples/form-chakra-ui-mutation-mode/src/pages/posts/create.tsx
index e44b37ad541a..d440cf1af0ba 100644
--- a/examples/form-chakra-ui-mutation-mode/src/pages/posts/create.tsx
+++ b/examples/form-chakra-ui-mutation-mode/src/pages/posts/create.tsx
@@ -6,10 +6,10 @@ import {
   Input,
   Select,
 } from "@chakra-ui/react";
-import { HttpError, useSelect } from "@refinedev/core";
+import { type HttpError, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostCreate = () => {
   const {
diff --git a/examples/form-chakra-ui-mutation-mode/src/pages/posts/edit.tsx b/examples/form-chakra-ui-mutation-mode/src/pages/posts/edit.tsx
index d9bd162d297c..645df021ff63 100644
--- a/examples/form-chakra-ui-mutation-mode/src/pages/posts/edit.tsx
+++ b/examples/form-chakra-ui-mutation-mode/src/pages/posts/edit.tsx
@@ -7,10 +7,10 @@ import {
   Input,
   Select,
 } from "@chakra-ui/react";
-import { HttpError, useSelect } from "@refinedev/core";
+import { type HttpError, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostEdit = () => {
   const {
diff --git a/examples/form-chakra-ui-mutation-mode/src/pages/posts/list.tsx b/examples/form-chakra-ui-mutation-mode/src/pages/posts/list.tsx
index 39ff6de570c2..22b94c2720f7 100644
--- a/examples/form-chakra-ui-mutation-mode/src/pages/posts/list.tsx
+++ b/examples/form-chakra-ui-mutation-mode/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -25,7 +25,7 @@ import {
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
 import { Pagination } from "../../components/pagination";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/form-chakra-ui-mutation-mode/src/pages/posts/show.tsx b/examples/form-chakra-ui-mutation-mode/src/pages/posts/show.tsx
index ce9f525855d1..0959476f6458 100644
--- a/examples/form-chakra-ui-mutation-mode/src/pages/posts/show.tsx
+++ b/examples/form-chakra-ui-mutation-mode/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/chakra-ui";
 
 import { Heading, Text, Spacer } from "@chakra-ui/react";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/form-chakra-ui-use-drawer-form/src/components/createPostDrawer/index.tsx b/examples/form-chakra-ui-use-drawer-form/src/components/createPostDrawer/index.tsx
index 9b38ba878544..35b62de34325 100644
--- a/examples/form-chakra-ui-use-drawer-form/src/components/createPostDrawer/index.tsx
+++ b/examples/form-chakra-ui-use-drawer-form/src/components/createPostDrawer/index.tsx
@@ -14,10 +14,10 @@ import {
   Select,
 } from "@chakra-ui/react";
 
-import { HttpError, useSelect } from "@refinedev/core";
-import { UseModalFormReturnType } from "@refinedev/react-hook-form";
+import { type HttpError, useSelect } from "@refinedev/core";
+import type { UseModalFormReturnType } from "@refinedev/react-hook-form";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const CreatePostDrawer: React.FC<
   UseModalFormReturnType<IPost, HttpError, IPost>
diff --git a/examples/form-chakra-ui-use-drawer-form/src/components/editPostDrawer/index.tsx b/examples/form-chakra-ui-use-drawer-form/src/components/editPostDrawer/index.tsx
index ae102e71fb2c..b693861992d8 100644
--- a/examples/form-chakra-ui-use-drawer-form/src/components/editPostDrawer/index.tsx
+++ b/examples/form-chakra-ui-use-drawer-form/src/components/editPostDrawer/index.tsx
@@ -14,10 +14,10 @@ import {
   Select,
 } from "@chakra-ui/react";
 
-import { HttpError, useSelect } from "@refinedev/core";
-import { UseModalFormReturnType } from "@refinedev/react-hook-form";
+import { type HttpError, useSelect } from "@refinedev/core";
+import type { UseModalFormReturnType } from "@refinedev/react-hook-form";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const EditPostDrawer: React.FC<
   UseModalFormReturnType<IPost, HttpError, IPost>
diff --git a/examples/form-chakra-ui-use-drawer-form/src/components/pagination/index.tsx b/examples/form-chakra-ui-use-drawer-form/src/components/pagination/index.tsx
index 2d2fc2239993..1f3c65d6ebb0 100644
--- a/examples/form-chakra-ui-use-drawer-form/src/components/pagination/index.tsx
+++ b/examples/form-chakra-ui-use-drawer-form/src/components/pagination/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HStack, Button, Box } from "@chakra-ui/react";
 import { IconChevronRight, IconChevronLeft } from "@tabler/icons-react";
 import { usePagination } from "@refinedev/chakra-ui";
diff --git a/examples/form-chakra-ui-use-drawer-form/src/components/table/columnFilter.tsx b/examples/form-chakra-ui-use-drawer-form/src/components/table/columnFilter.tsx
index 381c1ba966f8..23dd9b37808e 100644
--- a/examples/form-chakra-ui-use-drawer-form/src/components/table/columnFilter.tsx
+++ b/examples/form-chakra-ui-use-drawer-form/src/components/table/columnFilter.tsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/form-chakra-ui-use-drawer-form/src/components/table/columnSorter.tsx b/examples/form-chakra-ui-use-drawer-form/src/components/table/columnSorter.tsx
index fe2d050322e5..288118d8536b 100644
--- a/examples/form-chakra-ui-use-drawer-form/src/components/table/columnSorter.tsx
+++ b/examples/form-chakra-ui-use-drawer-form/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 import type { SortDirection } from "@tanstack/react-table";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
diff --git a/examples/form-chakra-ui-use-drawer-form/src/interfaces/index.d.ts b/examples/form-chakra-ui-use-drawer-form/src/interfaces/index.d.ts
index d57cb1a6fd8d..4ebdc7c91fa7 100644
--- a/examples/form-chakra-ui-use-drawer-form/src/interfaces/index.d.ts
+++ b/examples/form-chakra-ui-use-drawer-form/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/form-chakra-ui-use-drawer-form/src/pages/posts/list.tsx b/examples/form-chakra-ui-use-drawer-form/src/pages/posts/list.tsx
index bd9f6072aeec..5e05c3f41a1f 100644
--- a/examples/form-chakra-ui-use-drawer-form/src/pages/posts/list.tsx
+++ b/examples/form-chakra-ui-use-drawer-form/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, HttpError, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, type HttpError, useMany } from "@refinedev/core";
 import { List, EditButton, DateField } from "@refinedev/chakra-ui";
 import {
   Table,
@@ -25,7 +25,7 @@ import {
   EditPostDrawer,
 } from "../../components";
 
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const createDrawerFormProps = useModalForm<IPost, HttpError, IPost>({
diff --git a/examples/form-chakra-ui-use-form/src/components/pagination/index.tsx b/examples/form-chakra-ui-use-form/src/components/pagination/index.tsx
index 2d2fc2239993..1f3c65d6ebb0 100644
--- a/examples/form-chakra-ui-use-form/src/components/pagination/index.tsx
+++ b/examples/form-chakra-ui-use-form/src/components/pagination/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HStack, Button, Box } from "@chakra-ui/react";
 import { IconChevronRight, IconChevronLeft } from "@tabler/icons-react";
 import { usePagination } from "@refinedev/chakra-ui";
diff --git a/examples/form-chakra-ui-use-form/src/components/table/columnFilter.tsx b/examples/form-chakra-ui-use-form/src/components/table/columnFilter.tsx
index 381c1ba966f8..23dd9b37808e 100644
--- a/examples/form-chakra-ui-use-form/src/components/table/columnFilter.tsx
+++ b/examples/form-chakra-ui-use-form/src/components/table/columnFilter.tsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/form-chakra-ui-use-form/src/components/table/columnSorter.tsx b/examples/form-chakra-ui-use-form/src/components/table/columnSorter.tsx
index fe2d050322e5..288118d8536b 100644
--- a/examples/form-chakra-ui-use-form/src/components/table/columnSorter.tsx
+++ b/examples/form-chakra-ui-use-form/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 import type { SortDirection } from "@tanstack/react-table";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
diff --git a/examples/form-chakra-ui-use-form/src/interfaces/index.d.ts b/examples/form-chakra-ui-use-form/src/interfaces/index.d.ts
index d57cb1a6fd8d..4ebdc7c91fa7 100644
--- a/examples/form-chakra-ui-use-form/src/interfaces/index.d.ts
+++ b/examples/form-chakra-ui-use-form/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/form-chakra-ui-use-form/src/pages/posts/create.tsx b/examples/form-chakra-ui-use-form/src/pages/posts/create.tsx
index c6dcdbc4d184..bcca82eacd9e 100644
--- a/examples/form-chakra-ui-use-form/src/pages/posts/create.tsx
+++ b/examples/form-chakra-ui-use-form/src/pages/posts/create.tsx
@@ -7,10 +7,10 @@ import {
   Select,
   Textarea,
 } from "@chakra-ui/react";
-import { HttpError, useSelect } from "@refinedev/core";
+import { type HttpError, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostCreate = () => {
   const {
diff --git a/examples/form-chakra-ui-use-form/src/pages/posts/edit.tsx b/examples/form-chakra-ui-use-form/src/pages/posts/edit.tsx
index 0e02634a72db..e117e95bdafb 100644
--- a/examples/form-chakra-ui-use-form/src/pages/posts/edit.tsx
+++ b/examples/form-chakra-ui-use-form/src/pages/posts/edit.tsx
@@ -8,10 +8,10 @@ import {
   Select,
   Textarea,
 } from "@chakra-ui/react";
-import { HttpError, useSelect } from "@refinedev/core";
+import { type HttpError, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostEdit = () => {
   const {
diff --git a/examples/form-chakra-ui-use-form/src/pages/posts/list.tsx b/examples/form-chakra-ui-use-form/src/pages/posts/list.tsx
index af36dcc5dfdb..d898c0509dd9 100644
--- a/examples/form-chakra-ui-use-form/src/pages/posts/list.tsx
+++ b/examples/form-chakra-ui-use-form/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -25,7 +25,7 @@ import {
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
 import { Pagination } from "../../components/pagination";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/form-chakra-ui-use-form/src/pages/posts/show.tsx b/examples/form-chakra-ui-use-form/src/pages/posts/show.tsx
index ce9f525855d1..0959476f6458 100644
--- a/examples/form-chakra-ui-use-form/src/pages/posts/show.tsx
+++ b/examples/form-chakra-ui-use-form/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/chakra-ui";
 
 import { Heading, Text, Spacer } from "@chakra-ui/react";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/form-chakra-use-modal-form/src/components/createPostModal/index.tsx b/examples/form-chakra-use-modal-form/src/components/createPostModal/index.tsx
index 91544e2a00d4..05f2657b1a9a 100644
--- a/examples/form-chakra-use-modal-form/src/components/createPostModal/index.tsx
+++ b/examples/form-chakra-use-modal-form/src/components/createPostModal/index.tsx
@@ -15,9 +15,9 @@ import {
 } from "@chakra-ui/react";
 
 import { useSelect } from "@refinedev/core";
-import { UseModalFormReturnType } from "@refinedev/react-hook-form";
+import type { UseModalFormReturnType } from "@refinedev/react-hook-form";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const CreatePostModal: React.FC<UseModalFormReturnType<IPost>> = ({
   saveButtonProps,
diff --git a/examples/form-chakra-use-modal-form/src/components/editPostModal/index.tsx b/examples/form-chakra-use-modal-form/src/components/editPostModal/index.tsx
index 06958dcfb1f8..9a7bf8440832 100644
--- a/examples/form-chakra-use-modal-form/src/components/editPostModal/index.tsx
+++ b/examples/form-chakra-use-modal-form/src/components/editPostModal/index.tsx
@@ -15,9 +15,9 @@ import {
 } from "@chakra-ui/react";
 
 import { useSelect } from "@refinedev/core";
-import { UseModalFormReturnType } from "@refinedev/react-hook-form";
+import type { UseModalFormReturnType } from "@refinedev/react-hook-form";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const EditPostModal: React.FC<UseModalFormReturnType<IPost>> = ({
   saveButtonProps,
diff --git a/examples/form-chakra-use-modal-form/src/components/pagination/index.tsx b/examples/form-chakra-use-modal-form/src/components/pagination/index.tsx
index 97206e8cf48f..568a20e3aff3 100644
--- a/examples/form-chakra-use-modal-form/src/components/pagination/index.tsx
+++ b/examples/form-chakra-use-modal-form/src/components/pagination/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HStack, Button, Box } from "@chakra-ui/react";
 import { IconChevronRight, IconChevronLeft } from "@tabler/icons-react";
 import { usePagination } from "@refinedev/chakra-ui";
diff --git a/examples/form-chakra-use-modal-form/src/components/table/columnFilter.tsx b/examples/form-chakra-use-modal-form/src/components/table/columnFilter.tsx
index 381c1ba966f8..23dd9b37808e 100644
--- a/examples/form-chakra-use-modal-form/src/components/table/columnFilter.tsx
+++ b/examples/form-chakra-use-modal-form/src/components/table/columnFilter.tsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/form-chakra-use-modal-form/src/components/table/columnSorter.tsx b/examples/form-chakra-use-modal-form/src/components/table/columnSorter.tsx
index fe2d050322e5..288118d8536b 100644
--- a/examples/form-chakra-use-modal-form/src/components/table/columnSorter.tsx
+++ b/examples/form-chakra-use-modal-form/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 import type { SortDirection } from "@tanstack/react-table";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
diff --git a/examples/form-chakra-use-modal-form/src/interfaces/index.d.ts b/examples/form-chakra-use-modal-form/src/interfaces/index.d.ts
index d57cb1a6fd8d..4ebdc7c91fa7 100644
--- a/examples/form-chakra-use-modal-form/src/interfaces/index.d.ts
+++ b/examples/form-chakra-use-modal-form/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/form-chakra-use-modal-form/src/pages/posts/list.tsx b/examples/form-chakra-use-modal-form/src/pages/posts/list.tsx
index f5dedf291b12..bffb72466d85 100644
--- a/examples/form-chakra-use-modal-form/src/pages/posts/list.tsx
+++ b/examples/form-chakra-use-modal-form/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import { List, EditButton, DateField } from "@refinedev/chakra-ui";
 import {
   Table,
@@ -25,7 +25,7 @@ import {
   EditPostModal,
 } from "../../components";
 
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const createModalFormProps = useModalForm<IPost>({
diff --git a/examples/form-core-use-form/src/pages/posts/create.tsx b/examples/form-core-use-form/src/pages/posts/create.tsx
index ff7cf7a596b8..9cd56e95c5c0 100644
--- a/examples/form-core-use-form/src/pages/posts/create.tsx
+++ b/examples/form-core-use-form/src/pages/posts/create.tsx
@@ -1,6 +1,6 @@
-import { HttpError, useForm } from "@refinedev/core";
+import { type HttpError, useForm } from "@refinedev/core";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 type FormValues = Omit<IPost, "id">;
 
diff --git a/examples/form-core-use-form/src/pages/posts/edit.tsx b/examples/form-core-use-form/src/pages/posts/edit.tsx
index cce159ac8e8f..e668618d1a3e 100644
--- a/examples/form-core-use-form/src/pages/posts/edit.tsx
+++ b/examples/form-core-use-form/src/pages/posts/edit.tsx
@@ -1,6 +1,6 @@
 import { AutoSaveIndicator, useForm } from "@refinedev/core";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 type FormValues = Omit<IPost, "id">;
 
diff --git a/examples/form-core-use-form/src/pages/posts/list.tsx b/examples/form-core-use-form/src/pages/posts/list.tsx
index b31d93ccde6c..7f746993163b 100644
--- a/examples/form-core-use-form/src/pages/posts/list.tsx
+++ b/examples/form-core-use-form/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { useList, useNavigation } from "@refinedev/core";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 const PAGE_SIZE = 10;
 
diff --git a/examples/form-core-use-form/src/pages/posts/show.tsx b/examples/form-core-use-form/src/pages/posts/show.tsx
index 1776e1edfd21..6271d07542c5 100644
--- a/examples/form-core-use-form/src/pages/posts/show.tsx
+++ b/examples/form-core-use-form/src/pages/posts/show.tsx
@@ -1,6 +1,6 @@
 import { useShow } from "@refinedev/core";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/form-mantine-mutation-mode/src/App.tsx b/examples/form-mantine-mutation-mode/src/App.tsx
index e34b3f493478..1d13bc598e3d 100644
--- a/examples/form-mantine-mutation-mode/src/App.tsx
+++ b/examples/form-mantine-mutation-mode/src/App.tsx
@@ -1,4 +1,4 @@
-import { GitHubBanner, MutationMode, Refine } from "@refinedev/core";
+import { GitHubBanner, type MutationMode, Refine } from "@refinedev/core";
 import {
   ThemedLayoutV2,
   ErrorComponent,
diff --git a/examples/form-mantine-mutation-mode/src/components/mutation-mode-picker/index.tsx b/examples/form-mantine-mutation-mode/src/components/mutation-mode-picker/index.tsx
index 0e383d576ffc..413d43feb997 100644
--- a/examples/form-mantine-mutation-mode/src/components/mutation-mode-picker/index.tsx
+++ b/examples/form-mantine-mutation-mode/src/components/mutation-mode-picker/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { MutationMode } from "@refinedev/core";
+import type { MutationMode } from "@refinedev/core";
 import { Radio, Group, Text, Card } from "@mantine/core";
 
 interface Props {
diff --git a/examples/form-mantine-mutation-mode/src/components/table/columnFilter.tsx b/examples/form-mantine-mutation-mode/src/components/table/columnFilter.tsx
index 86cad3cb69c0..17c6939949f5 100644
--- a/examples/form-mantine-mutation-mode/src/components/table/columnFilter.tsx
+++ b/examples/form-mantine-mutation-mode/src/components/table/columnFilter.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/form-mantine-mutation-mode/src/components/table/columnSorter.tsx b/examples/form-mantine-mutation-mode/src/components/table/columnSorter.tsx
index f71ed1bbd4ec..b2a74d55a35e 100644
--- a/examples/form-mantine-mutation-mode/src/components/table/columnSorter.tsx
+++ b/examples/form-mantine-mutation-mode/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/form-mantine-mutation-mode/src/interfaces/index.d.ts b/examples/form-mantine-mutation-mode/src/interfaces/index.d.ts
index 582a7731788a..1e9dc13d2385 100644
--- a/examples/form-mantine-mutation-mode/src/interfaces/index.d.ts
+++ b/examples/form-mantine-mutation-mode/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/form-mantine-mutation-mode/src/pages/posts/edit.tsx b/examples/form-mantine-mutation-mode/src/pages/posts/edit.tsx
index a304abba3bac..0263807ea69f 100644
--- a/examples/form-mantine-mutation-mode/src/pages/posts/edit.tsx
+++ b/examples/form-mantine-mutation-mode/src/pages/posts/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm, useSelect } from "@refinedev/mantine";
 import { Select, TextInput, Text } from "@mantine/core";
 import MDEditor from "@uiw/react-md-editor";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/form-mantine-mutation-mode/src/pages/posts/list.tsx b/examples/form-mantine-mutation-mode/src/pages/posts/list.tsx
index da435d6c609b..fae9b29ef748 100644
--- a/examples/form-mantine-mutation-mode/src/pages/posts/list.tsx
+++ b/examples/form-mantine-mutation-mode/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import { List, EditButton, DeleteButton, DateField } from "@refinedev/mantine";
 
 import {
@@ -14,7 +14,7 @@ import {
 } from "@mantine/core";
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/form-mantine-use-drawer-form/src/components/createPostDrawer.tsx b/examples/form-mantine-use-drawer-form/src/components/createPostDrawer.tsx
index 2720b1434137..9795e9eea729 100644
--- a/examples/form-mantine-use-drawer-form/src/components/createPostDrawer.tsx
+++ b/examples/form-mantine-use-drawer-form/src/components/createPostDrawer.tsx
@@ -1,6 +1,6 @@
-import { BaseRecord, HttpError } from "@refinedev/core";
+import type { BaseRecord, HttpError } from "@refinedev/core";
 import {
-  UseModalFormReturnType as UseDrawerFormReturnType,
+  type UseModalFormReturnType as UseDrawerFormReturnType,
   useSelect,
   SaveButton,
 } from "@refinedev/mantine";
diff --git a/examples/form-mantine-use-drawer-form/src/components/editPostDrawer.tsx b/examples/form-mantine-use-drawer-form/src/components/editPostDrawer.tsx
index e8ffa9b9b55c..d271107aff3a 100644
--- a/examples/form-mantine-use-drawer-form/src/components/editPostDrawer.tsx
+++ b/examples/form-mantine-use-drawer-form/src/components/editPostDrawer.tsx
@@ -1,6 +1,6 @@
-import { BaseRecord, HttpError } from "@refinedev/core";
+import type { BaseRecord, HttpError } from "@refinedev/core";
 import {
-  UseModalFormReturnType as UseDrawerFormReturnType,
+  type UseModalFormReturnType as UseDrawerFormReturnType,
   useSelect,
   SaveButton,
 } from "@refinedev/mantine";
diff --git a/examples/form-mantine-use-drawer-form/src/components/table/columnFilter.tsx b/examples/form-mantine-use-drawer-form/src/components/table/columnFilter.tsx
index 86cad3cb69c0..17c6939949f5 100644
--- a/examples/form-mantine-use-drawer-form/src/components/table/columnFilter.tsx
+++ b/examples/form-mantine-use-drawer-form/src/components/table/columnFilter.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/form-mantine-use-drawer-form/src/components/table/columnSorter.tsx b/examples/form-mantine-use-drawer-form/src/components/table/columnSorter.tsx
index f71ed1bbd4ec..b2a74d55a35e 100644
--- a/examples/form-mantine-use-drawer-form/src/components/table/columnSorter.tsx
+++ b/examples/form-mantine-use-drawer-form/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/form-mantine-use-drawer-form/src/interfaces/index.d.ts b/examples/form-mantine-use-drawer-form/src/interfaces/index.d.ts
index 582a7731788a..1e9dc13d2385 100644
--- a/examples/form-mantine-use-drawer-form/src/interfaces/index.d.ts
+++ b/examples/form-mantine-use-drawer-form/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/form-mantine-use-drawer-form/src/pages/posts/list.tsx b/examples/form-mantine-use-drawer-form/src/pages/posts/list.tsx
index f3a650923e50..f065945e4abd 100644
--- a/examples/form-mantine-use-drawer-form/src/pages/posts/list.tsx
+++ b/examples/form-mantine-use-drawer-form/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   EditButton,
@@ -21,7 +21,7 @@ import {
 
 import { CreatePostDrawer, EditPostDrawer } from "../../components";
 import { ColumnFilter, ColumnSorter } from "../../components/table";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const initialValues = {
diff --git a/examples/form-mantine-use-form/src/components/table/columnFilter.tsx b/examples/form-mantine-use-form/src/components/table/columnFilter.tsx
index 86cad3cb69c0..17c6939949f5 100644
--- a/examples/form-mantine-use-form/src/components/table/columnFilter.tsx
+++ b/examples/form-mantine-use-form/src/components/table/columnFilter.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/form-mantine-use-form/src/components/table/columnSorter.tsx b/examples/form-mantine-use-form/src/components/table/columnSorter.tsx
index f71ed1bbd4ec..b2a74d55a35e 100644
--- a/examples/form-mantine-use-form/src/components/table/columnSorter.tsx
+++ b/examples/form-mantine-use-form/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/form-mantine-use-form/src/interfaces/index.d.ts b/examples/form-mantine-use-form/src/interfaces/index.d.ts
index 582a7731788a..1e9dc13d2385 100644
--- a/examples/form-mantine-use-form/src/interfaces/index.d.ts
+++ b/examples/form-mantine-use-form/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/form-mantine-use-form/src/pages/posts/edit.tsx b/examples/form-mantine-use-form/src/pages/posts/edit.tsx
index a304abba3bac..0263807ea69f 100644
--- a/examples/form-mantine-use-form/src/pages/posts/edit.tsx
+++ b/examples/form-mantine-use-form/src/pages/posts/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm, useSelect } from "@refinedev/mantine";
 import { Select, TextInput, Text } from "@mantine/core";
 import MDEditor from "@uiw/react-md-editor";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/form-mantine-use-form/src/pages/posts/list.tsx b/examples/form-mantine-use-form/src/pages/posts/list.tsx
index c9b81f1d9b3a..6be52e0098f6 100644
--- a/examples/form-mantine-use-form/src/pages/posts/list.tsx
+++ b/examples/form-mantine-use-form/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   EditButton,
@@ -20,7 +20,7 @@ import {
 } from "@mantine/core";
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/form-mantine-use-form/src/pages/posts/show.tsx b/examples/form-mantine-use-form/src/pages/posts/show.tsx
index 1b2c631af210..3d053fc585ea 100644
--- a/examples/form-mantine-use-form/src/pages/posts/show.tsx
+++ b/examples/form-mantine-use-form/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/mantine";
 
 import { Title, Text } from "@mantine/core";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/form-mantine-use-modal-form/src/components/createPostModal.tsx b/examples/form-mantine-use-modal-form/src/components/createPostModal.tsx
index 4c1ea1e886ed..853f68149095 100644
--- a/examples/form-mantine-use-modal-form/src/components/createPostModal.tsx
+++ b/examples/form-mantine-use-modal-form/src/components/createPostModal.tsx
@@ -1,6 +1,6 @@
-import { BaseRecord, HttpError } from "@refinedev/core";
+import type { BaseRecord, HttpError } from "@refinedev/core";
 import {
-  UseModalFormReturnType,
+  type UseModalFormReturnType,
   useSelect,
   SaveButton,
 } from "@refinedev/mantine";
diff --git a/examples/form-mantine-use-modal-form/src/components/editPostModal.tsx b/examples/form-mantine-use-modal-form/src/components/editPostModal.tsx
index 206d23d2e171..108749328211 100644
--- a/examples/form-mantine-use-modal-form/src/components/editPostModal.tsx
+++ b/examples/form-mantine-use-modal-form/src/components/editPostModal.tsx
@@ -1,6 +1,6 @@
-import { BaseRecord, HttpError } from "@refinedev/core";
+import type { BaseRecord, HttpError } from "@refinedev/core";
 import {
-  UseModalFormReturnType,
+  type UseModalFormReturnType,
   useSelect,
   SaveButton,
 } from "@refinedev/mantine";
diff --git a/examples/form-mantine-use-modal-form/src/components/table/columnFilter.tsx b/examples/form-mantine-use-modal-form/src/components/table/columnFilter.tsx
index 86cad3cb69c0..17c6939949f5 100644
--- a/examples/form-mantine-use-modal-form/src/components/table/columnFilter.tsx
+++ b/examples/form-mantine-use-modal-form/src/components/table/columnFilter.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/form-mantine-use-modal-form/src/components/table/columnSorter.tsx b/examples/form-mantine-use-modal-form/src/components/table/columnSorter.tsx
index f71ed1bbd4ec..b2a74d55a35e 100644
--- a/examples/form-mantine-use-modal-form/src/components/table/columnSorter.tsx
+++ b/examples/form-mantine-use-modal-form/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/form-mantine-use-modal-form/src/interfaces/index.d.ts b/examples/form-mantine-use-modal-form/src/interfaces/index.d.ts
index 582a7731788a..1e9dc13d2385 100644
--- a/examples/form-mantine-use-modal-form/src/interfaces/index.d.ts
+++ b/examples/form-mantine-use-modal-form/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/form-mantine-use-modal-form/src/pages/posts/list.tsx b/examples/form-mantine-use-modal-form/src/pages/posts/list.tsx
index 03424d46c2d9..caa4829e33f8 100644
--- a/examples/form-mantine-use-modal-form/src/pages/posts/list.tsx
+++ b/examples/form-mantine-use-modal-form/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   EditButton,
@@ -21,7 +21,7 @@ import {
 
 import { CreatePostModal, EditPostModal } from "../../components";
 import { ColumnFilter, ColumnSorter } from "../../components/table";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const initialValues = {
diff --git a/examples/form-mantine-use-steps-form/src/components/table/columnFilter.tsx b/examples/form-mantine-use-steps-form/src/components/table/columnFilter.tsx
index 80240b69763d..4021b7ef0faf 100644
--- a/examples/form-mantine-use-steps-form/src/components/table/columnFilter.tsx
+++ b/examples/form-mantine-use-steps-form/src/components/table/columnFilter.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/form-mantine-use-steps-form/src/components/table/columnSorter.tsx b/examples/form-mantine-use-steps-form/src/components/table/columnSorter.tsx
index f71ed1bbd4ec..b2a74d55a35e 100644
--- a/examples/form-mantine-use-steps-form/src/components/table/columnSorter.tsx
+++ b/examples/form-mantine-use-steps-form/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/form-mantine-use-steps-form/src/interfaces/index.d.ts b/examples/form-mantine-use-steps-form/src/interfaces/index.d.ts
index 582a7731788a..1e9dc13d2385 100644
--- a/examples/form-mantine-use-steps-form/src/interfaces/index.d.ts
+++ b/examples/form-mantine-use-steps-form/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/form-mantine-use-steps-form/src/pages/posts/list.tsx b/examples/form-mantine-use-steps-form/src/pages/posts/list.tsx
index da435d6c609b..fae9b29ef748 100644
--- a/examples/form-mantine-use-steps-form/src/pages/posts/list.tsx
+++ b/examples/form-mantine-use-steps-form/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import { List, EditButton, DeleteButton, DateField } from "@refinedev/mantine";
 
 import {
@@ -14,7 +14,7 @@ import {
 } from "@mantine/core";
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/form-material-ui-mutation-mode/src/App.tsx b/examples/form-material-ui-mutation-mode/src/App.tsx
index 4724aca260b6..c4aa18c954ce 100644
--- a/examples/form-material-ui-mutation-mode/src/App.tsx
+++ b/examples/form-material-ui-mutation-mode/src/App.tsx
@@ -1,4 +1,4 @@
-import { GitHubBanner, MutationMode, Refine } from "@refinedev/core";
+import { GitHubBanner, type MutationMode, Refine } from "@refinedev/core";
 import {
   ThemedLayoutV2,
   ErrorComponent,
diff --git a/examples/form-material-ui-mutation-mode/src/components/mutation-mode-picker/index.tsx b/examples/form-material-ui-mutation-mode/src/components/mutation-mode-picker/index.tsx
index 2efe21027596..9c557eeef3c1 100644
--- a/examples/form-material-ui-mutation-mode/src/components/mutation-mode-picker/index.tsx
+++ b/examples/form-material-ui-mutation-mode/src/components/mutation-mode-picker/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { MutationMode } from "@refinedev/core";
+import type { MutationMode } from "@refinedev/core";
 import Radio from "@mui/material/Radio";
 import RadioGroup from "@mui/material/RadioGroup";
 import FormControlLabel from "@mui/material/FormControlLabel";
diff --git a/examples/form-material-ui-mutation-mode/src/pages/posts/create.tsx b/examples/form-material-ui-mutation-mode/src/pages/posts/create.tsx
index a49d8b7d9e3d..7ab02be91a14 100644
--- a/examples/form-material-ui-mutation-mode/src/pages/posts/create.tsx
+++ b/examples/form-material-ui-mutation-mode/src/pages/posts/create.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Create, useAutocomplete } from "@refinedev/mui";
 import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
@@ -7,7 +7,7 @@ import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
+import type { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
 
 export const PostCreate: React.FC = () => {
   const {
diff --git a/examples/form-material-ui-mutation-mode/src/pages/posts/edit.tsx b/examples/form-material-ui-mutation-mode/src/pages/posts/edit.tsx
index cbe34d3cd6b0..f81bbe02c056 100644
--- a/examples/form-material-ui-mutation-mode/src/pages/posts/edit.tsx
+++ b/examples/form-material-ui-mutation-mode/src/pages/posts/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Edit, useAutocomplete } from "@refinedev/mui";
 import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
@@ -7,7 +7,7 @@ import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
+import type { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/form-material-ui-mutation-mode/src/pages/posts/list.tsx b/examples/form-material-ui-mutation-mode/src/pages/posts/list.tsx
index 3ae186633700..019ac589494f 100644
--- a/examples/form-material-ui-mutation-mode/src/pages/posts/list.tsx
+++ b/examples/form-material-ui-mutation-mode/src/pages/posts/list.tsx
@@ -2,9 +2,9 @@ import { useMany } from "@refinedev/core";
 import { EditButton, List, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>();
diff --git a/examples/form-material-ui-use-drawer-form/src/components/createPostDrawer.tsx b/examples/form-material-ui-use-drawer-form/src/components/createPostDrawer.tsx
index e025d7d5faf2..bead99876da3 100644
--- a/examples/form-material-ui-use-drawer-form/src/components/createPostDrawer.tsx
+++ b/examples/form-material-ui-use-drawer-form/src/components/createPostDrawer.tsx
@@ -4,12 +4,12 @@ import Box from "@mui/material/Box";
 import Drawer from "@mui/material/Drawer";
 import IconButton from "@mui/material/IconButton";
 import TextField from "@mui/material/TextField";
-import { UseModalFormReturnType } from "@refinedev/react-hook-form";
+import type { UseModalFormReturnType } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 import CloseOutlined from "@mui/icons-material/CloseOutlined";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
-import { ICategory, IPost, IStatus, Nullable } from "../interfaces";
+import type { ICategory, IPost, IStatus, Nullable } from "../interfaces";
 
 export const CreatePostDrawer: React.FC<
   UseModalFormReturnType<IPost, HttpError, Nullable<IPost>>
diff --git a/examples/form-material-ui-use-drawer-form/src/components/editPostDrawer.tsx b/examples/form-material-ui-use-drawer-form/src/components/editPostDrawer.tsx
index d602d37d5abf..d80433c7b1a3 100644
--- a/examples/form-material-ui-use-drawer-form/src/components/editPostDrawer.tsx
+++ b/examples/form-material-ui-use-drawer-form/src/components/editPostDrawer.tsx
@@ -1,15 +1,15 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Edit, useAutocomplete } from "@refinedev/mui";
 import Autocomplete from "@mui/material/Autocomplete";
 import Box from "@mui/material/Box";
 import Drawer from "@mui/material/Drawer";
 import IconButton from "@mui/material/IconButton";
 import TextField from "@mui/material/TextField";
-import { UseModalFormReturnType } from "@refinedev/react-hook-form";
+import type { UseModalFormReturnType } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 import CloseOutlined from "@mui/icons-material/CloseOutlined";
 
-import { ICategory, IPost, IStatus, Nullable } from "../interfaces";
+import type { ICategory, IPost, IStatus, Nullable } from "../interfaces";
 
 export const EditPostDrawer: React.FC<
   UseModalFormReturnType<IPost, HttpError, Nullable<IPost>>
diff --git a/examples/form-material-ui-use-drawer-form/src/pages/posts/list.tsx b/examples/form-material-ui-use-drawer-form/src/pages/posts/list.tsx
index a7ee44e29282..33a620cef346 100644
--- a/examples/form-material-ui-use-drawer-form/src/pages/posts/list.tsx
+++ b/examples/form-material-ui-use-drawer-form/src/pages/posts/list.tsx
@@ -1,11 +1,11 @@
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
-import { HttpError, useMany } from "@refinedev/core";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
+import { type HttpError, useMany } from "@refinedev/core";
 import { EditButton, List, useDataGrid } from "@refinedev/mui";
 import { useModalForm } from "@refinedev/react-hook-form";
 import React from "react";
 
 import { CreatePostDrawer, EditPostDrawer } from "../../components";
-import { ICategory, IPost, Nullable } from "../../interfaces";
+import type { ICategory, IPost, Nullable } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>();
diff --git a/examples/form-material-ui-use-form/src/pages/posts/create.tsx b/examples/form-material-ui-use-form/src/pages/posts/create.tsx
index a49d8b7d9e3d..7ab02be91a14 100644
--- a/examples/form-material-ui-use-form/src/pages/posts/create.tsx
+++ b/examples/form-material-ui-use-form/src/pages/posts/create.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Create, useAutocomplete } from "@refinedev/mui";
 import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
@@ -7,7 +7,7 @@ import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
+import type { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
 
 export const PostCreate: React.FC = () => {
   const {
diff --git a/examples/form-material-ui-use-form/src/pages/posts/edit.tsx b/examples/form-material-ui-use-form/src/pages/posts/edit.tsx
index cbe34d3cd6b0..f81bbe02c056 100644
--- a/examples/form-material-ui-use-form/src/pages/posts/edit.tsx
+++ b/examples/form-material-ui-use-form/src/pages/posts/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Edit, useAutocomplete } from "@refinedev/mui";
 import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
@@ -7,7 +7,7 @@ import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
+import type { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/form-material-ui-use-form/src/pages/posts/list.tsx b/examples/form-material-ui-use-form/src/pages/posts/list.tsx
index 0ac9294f0689..8da7958905e0 100644
--- a/examples/form-material-ui-use-form/src/pages/posts/list.tsx
+++ b/examples/form-material-ui-use-form/src/pages/posts/list.tsx
@@ -2,9 +2,9 @@ import { useMany } from "@refinedev/core";
 import { EditButton, List, ShowButton, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>();
diff --git a/examples/form-material-ui-use-modal-form/src/components/createPostModal.tsx b/examples/form-material-ui-use-modal-form/src/components/createPostModal.tsx
index 1f0bc26478a9..c062175bbe67 100644
--- a/examples/form-material-ui-use-modal-form/src/components/createPostModal.tsx
+++ b/examples/form-material-ui-use-modal-form/src/components/createPostModal.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { SaveButton, useAutocomplete } from "@refinedev/mui";
 
 import Autocomplete from "@mui/material/Autocomplete";
@@ -10,11 +10,11 @@ import DialogContent from "@mui/material/DialogContent";
 import DialogTitle from "@mui/material/DialogTitle";
 import TextField from "@mui/material/TextField";
 
-import { UseModalFormReturnType } from "@refinedev/react-hook-form";
+import type { UseModalFormReturnType } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { ICategory, IPost, IStatus, Nullable } from "../interfaces";
+import type { ICategory, IPost, IStatus, Nullable } from "../interfaces";
 
 export const CreatePostModal: React.FC<
   UseModalFormReturnType<IPost, HttpError, Nullable<IPost>>
diff --git a/examples/form-material-ui-use-modal-form/src/components/editPostModal.tsx b/examples/form-material-ui-use-modal-form/src/components/editPostModal.tsx
index a0b155f78b59..bd6a0c9c4a96 100644
--- a/examples/form-material-ui-use-modal-form/src/components/editPostModal.tsx
+++ b/examples/form-material-ui-use-modal-form/src/components/editPostModal.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { SaveButton, useAutocomplete } from "@refinedev/mui";
 
 import Autocomplete from "@mui/material/Autocomplete";
@@ -10,11 +10,11 @@ import DialogContent from "@mui/material/DialogContent";
 import DialogTitle from "@mui/material/DialogTitle";
 import TextField from "@mui/material/TextField";
 
-import { UseModalFormReturnType } from "@refinedev/react-hook-form";
+import type { UseModalFormReturnType } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { ICategory, IPost, IStatus, Nullable } from "../interfaces";
+import type { ICategory, IPost, IStatus, Nullable } from "../interfaces";
 
 export const EditPostModal: React.FC<
   UseModalFormReturnType<IPost, HttpError, Nullable<IPost>>
diff --git a/examples/form-material-ui-use-modal-form/src/pages/posts/list.tsx b/examples/form-material-ui-use-modal-form/src/pages/posts/list.tsx
index a8092a21f72d..ea988273affb 100644
--- a/examples/form-material-ui-use-modal-form/src/pages/posts/list.tsx
+++ b/examples/form-material-ui-use-modal-form/src/pages/posts/list.tsx
@@ -1,11 +1,11 @@
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
-import { HttpError, useMany } from "@refinedev/core";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
+import { type HttpError, useMany } from "@refinedev/core";
 import { EditButton, List, useDataGrid } from "@refinedev/mui";
 import { useModalForm } from "@refinedev/react-hook-form";
 import React from "react";
 
 import { CreatePostModal, EditPostModal } from "../../components";
-import { ICategory, IPost, Nullable } from "../../interfaces";
+import type { ICategory, IPost, Nullable } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>();
diff --git a/examples/form-material-ui-use-steps-form/src/pages/posts/create.tsx b/examples/form-material-ui-use-steps-form/src/pages/posts/create.tsx
index defda57bc0bb..6c5c417e7d0a 100644
--- a/examples/form-material-ui-use-steps-form/src/pages/posts/create.tsx
+++ b/examples/form-material-ui-use-steps-form/src/pages/posts/create.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Create, useAutocomplete, SaveButton } from "@refinedev/mui";
 import { useTheme } from "@mui/material/styles";
 
@@ -15,7 +15,7 @@ import { useStepsForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
+import type { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
 
 const stepTitles = ["Title", "Status and category", "Slug and content"];
 
diff --git a/examples/form-material-ui-use-steps-form/src/pages/posts/edit.tsx b/examples/form-material-ui-use-steps-form/src/pages/posts/edit.tsx
index b462fb0fb46b..745bb59c6046 100644
--- a/examples/form-material-ui-use-steps-form/src/pages/posts/edit.tsx
+++ b/examples/form-material-ui-use-steps-form/src/pages/posts/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Edit, useAutocomplete, SaveButton } from "@refinedev/mui";
 import { useTheme } from "@mui/material/styles";
 
@@ -15,7 +15,7 @@ import { useStepsForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
+import type { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
 
 const stepTitles = [
   "Edit Title",
diff --git a/examples/form-material-ui-use-steps-form/src/pages/posts/list.tsx b/examples/form-material-ui-use-steps-form/src/pages/posts/list.tsx
index dd8bb6e9ecaf..61daf9f35add 100644
--- a/examples/form-material-ui-use-steps-form/src/pages/posts/list.tsx
+++ b/examples/form-material-ui-use-steps-form/src/pages/posts/list.tsx
@@ -2,9 +2,9 @@ import { useMany } from "@refinedev/core";
 import { EditButton, List, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>();
diff --git a/examples/form-react-hook-form-use-form/src/pages/posts/list.tsx b/examples/form-react-hook-form-use-form/src/pages/posts/list.tsx
index 64b3a6987eec..ef7e327e1bd0 100644
--- a/examples/form-react-hook-form-use-form/src/pages/posts/list.tsx
+++ b/examples/form-react-hook-form-use-form/src/pages/posts/list.tsx
@@ -1,6 +1,6 @@
 import { useTable, useNavigation } from "@refinedev/core";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { tableQueryResult } = useTable<IPost>({
diff --git a/examples/form-react-hook-form-use-modal-form/src/components/post/create.tsx b/examples/form-react-hook-form-use-modal-form/src/components/post/create.tsx
index 3a88fa36470b..eae9aa58ab51 100644
--- a/examples/form-react-hook-form-use-modal-form/src/components/post/create.tsx
+++ b/examples/form-react-hook-form-use-modal-form/src/components/post/create.tsx
@@ -1,7 +1,7 @@
-import { HttpError } from "@refinedev/core";
-import { UseModalFormReturnType } from "@refinedev/react-hook-form";
+import type { HttpError } from "@refinedev/core";
+import type { UseModalFormReturnType } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 import { Modal } from "../../components/modal";
 
 export const CreatePost: React.FC<
diff --git a/examples/form-react-hook-form-use-modal-form/src/components/post/edit.tsx b/examples/form-react-hook-form-use-modal-form/src/components/post/edit.tsx
index aaf4abba8c78..d19cb6573a84 100644
--- a/examples/form-react-hook-form-use-modal-form/src/components/post/edit.tsx
+++ b/examples/form-react-hook-form-use-modal-form/src/components/post/edit.tsx
@@ -1,8 +1,8 @@
-import { HttpError } from "@refinedev/core";
-import { UseModalFormReturnType } from "@refinedev/react-hook-form";
+import type { HttpError } from "@refinedev/core";
+import type { UseModalFormReturnType } from "@refinedev/react-hook-form";
 
 import { Modal } from "../../components/modal";
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const EditPost: React.FC<
   UseModalFormReturnType<IPost, HttpError, IPost>
diff --git a/examples/form-react-hook-form-use-modal-form/src/pages/posts/list.tsx b/examples/form-react-hook-form-use-modal-form/src/pages/posts/list.tsx
index 8ed761dc9108..d817ca021f1a 100644
--- a/examples/form-react-hook-form-use-modal-form/src/pages/posts/list.tsx
+++ b/examples/form-react-hook-form-use-modal-form/src/pages/posts/list.tsx
@@ -1,8 +1,8 @@
-import { HttpError, useTable } from "@refinedev/core";
+import { type HttpError, useTable } from "@refinedev/core";
 import { useModalForm } from "@refinedev/react-hook-form";
 
 import { CreatePost, EditPost } from "../../components";
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { tableQueryResult } = useTable<IPost>({
diff --git a/examples/form-react-hook-form-use-steps-form/src/pages/posts/create.tsx b/examples/form-react-hook-form-use-steps-form/src/pages/posts/create.tsx
index 024b669f4fc9..7b253ca825e0 100644
--- a/examples/form-react-hook-form-use-steps-form/src/pages/posts/create.tsx
+++ b/examples/form-react-hook-form-use-steps-form/src/pages/posts/create.tsx
@@ -1,8 +1,8 @@
-import { useSelect, HttpError } from "@refinedev/core";
+import { useSelect, type HttpError } from "@refinedev/core";
 import { useStepsForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 const stepTitles = ["Title", "Status", "Category and content"];
 
diff --git a/examples/form-react-hook-form-use-steps-form/src/pages/posts/edit.tsx b/examples/form-react-hook-form-use-steps-form/src/pages/posts/edit.tsx
index 2599fad8ed80..b6fb095d91b8 100644
--- a/examples/form-react-hook-form-use-steps-form/src/pages/posts/edit.tsx
+++ b/examples/form-react-hook-form-use-steps-form/src/pages/posts/edit.tsx
@@ -1,8 +1,8 @@
-import { useSelect, HttpError } from "@refinedev/core";
+import { useSelect, type HttpError } from "@refinedev/core";
 import { useStepsForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 const stepTitles = ["Title", "Status", "Category and content"];
 
diff --git a/examples/form-react-hook-form-use-steps-form/src/pages/posts/list.tsx b/examples/form-react-hook-form-use-steps-form/src/pages/posts/list.tsx
index 5b0ed952d6c7..d1809f18f7ce 100644
--- a/examples/form-react-hook-form-use-steps-form/src/pages/posts/list.tsx
+++ b/examples/form-react-hook-form-use-steps-form/src/pages/posts/list.tsx
@@ -1,6 +1,6 @@
 import { useTable, useNavigation, useMany } from "@refinedev/core";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { tableQueryResult } = useTable<IPost>({
diff --git a/examples/form-save-and-continue/src/pages/posts/create.tsx b/examples/form-save-and-continue/src/pages/posts/create.tsx
index fe561c565103..a66252bf24cb 100644
--- a/examples/form-save-and-continue/src/pages/posts/create.tsx
+++ b/examples/form-save-and-continue/src/pages/posts/create.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { useSelect, useForm, useNavigation } from "@refinedev/core";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostCreate: React.FC = () => {
   const [formValues, setFormValues] = useState({
diff --git a/examples/form-save-and-continue/src/pages/posts/edit.tsx b/examples/form-save-and-continue/src/pages/posts/edit.tsx
index c2d0117f78cd..37e99e2b482e 100644
--- a/examples/form-save-and-continue/src/pages/posts/edit.tsx
+++ b/examples/form-save-and-continue/src/pages/posts/edit.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { useSelect, useForm, useNavigation } from "@refinedev/core";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const { formLoading, onFinish, redirect, queryResult } = useForm<IPost>({
diff --git a/examples/form-save-and-continue/src/pages/posts/list.tsx b/examples/form-save-and-continue/src/pages/posts/list.tsx
index 9b6aaa702ec6..812767886b3e 100644
--- a/examples/form-save-and-continue/src/pages/posts/list.tsx
+++ b/examples/form-save-and-continue/src/pages/posts/list.tsx
@@ -1,6 +1,6 @@
 import { useTable, useNavigation } from "@refinedev/core";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { tableQueryResult } = useTable<IPost>({
diff --git a/examples/i18n-nextjs/src/app/_refine_context.tsx b/examples/i18n-nextjs/src/app/_refine_context.tsx
index e70787e949af..eda23cb97261 100644
--- a/examples/i18n-nextjs/src/app/_refine_context.tsx
+++ b/examples/i18n-nextjs/src/app/_refine_context.tsx
@@ -5,7 +5,7 @@ import { useNotificationProvider } from "@refinedev/antd";
 import { GitHubBanner, Refine } from "@refinedev/core";
 import { RefineKbar, RefineKbarProvider } from "@refinedev/kbar";
 import routerProvider from "@refinedev/nextjs-router";
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 import { ColorModeContextProvider } from "@contexts/color-mode";
 import { dataProvider } from "@providers/data-provider";
 import { useTranslation } from "next-i18next";
diff --git a/examples/i18n-nextjs/src/app/blog-posts/page.tsx b/examples/i18n-nextjs/src/app/blog-posts/page.tsx
index ef5c0e8ddd9c..edc8a2f7f093 100644
--- a/examples/i18n-nextjs/src/app/blog-posts/page.tsx
+++ b/examples/i18n-nextjs/src/app/blog-posts/page.tsx
@@ -9,7 +9,7 @@ import {
   ShowButton,
   useTable,
 } from "@refinedev/antd";
-import { BaseRecord, useMany, useTranslation } from "@refinedev/core";
+import { type BaseRecord, useMany, useTranslation } from "@refinedev/core";
 import { Space, Table, Typography } from "antd";
 
 export default function BlogPostList() {
diff --git a/examples/i18n-nextjs/src/app/categories/page.tsx b/examples/i18n-nextjs/src/app/categories/page.tsx
index d467cf2634b9..e27f867d9557 100644
--- a/examples/i18n-nextjs/src/app/categories/page.tsx
+++ b/examples/i18n-nextjs/src/app/categories/page.tsx
@@ -7,7 +7,7 @@ import {
   ShowButton,
   useTable,
 } from "@refinedev/antd";
-import { BaseRecord, useTranslate } from "@refinedev/core";
+import { type BaseRecord, useTranslate } from "@refinedev/core";
 import { Space, Table } from "antd";
 
 export default function CategoryList() {
diff --git a/examples/i18n-nextjs/src/app/layout.tsx b/examples/i18n-nextjs/src/app/layout.tsx
index 68f6138a6c15..8e48bd0e6456 100644
--- a/examples/i18n-nextjs/src/app/layout.tsx
+++ b/examples/i18n-nextjs/src/app/layout.tsx
@@ -1,4 +1,4 @@
-import { Metadata } from "next";
+import type { Metadata } from "next";
 import { cookies } from "next/headers";
 import React, { Suspense } from "react";
 import { AntdRegistry } from "@ant-design/nextjs-registry";
diff --git a/examples/i18n-nextjs/src/components/header/index.tsx b/examples/i18n-nextjs/src/components/header/index.tsx
index 9af163758aa4..023ecc55e7cf 100644
--- a/examples/i18n-nextjs/src/components/header/index.tsx
+++ b/examples/i18n-nextjs/src/components/header/index.tsx
@@ -9,7 +9,7 @@ import {
   Avatar,
   Button,
   Dropdown,
-  MenuProps,
+  type MenuProps,
   Space,
   Switch,
   Typography,
diff --git a/examples/i18n-nextjs/src/contexts/color-mode/index.tsx b/examples/i18n-nextjs/src/contexts/color-mode/index.tsx
index 4e0bc7f41eb0..9cb15d967a04 100644
--- a/examples/i18n-nextjs/src/contexts/color-mode/index.tsx
+++ b/examples/i18n-nextjs/src/contexts/color-mode/index.tsx
@@ -4,7 +4,7 @@ import { RefineThemes } from "@refinedev/antd";
 import { App as AntdApp, ConfigProvider, theme } from "antd";
 import Cookies from "js-cookie";
 import React, {
-  PropsWithChildren,
+  type PropsWithChildren,
   createContext,
   useEffect,
   useLayoutEffect,
diff --git a/examples/i18n-react/src/components/header/index.tsx b/examples/i18n-react/src/components/header/index.tsx
index 38968feca35c..fd2871f6d255 100644
--- a/examples/i18n-react/src/components/header/index.tsx
+++ b/examples/i18n-react/src/components/header/index.tsx
@@ -6,7 +6,7 @@ import {
   Button,
   Dropdown,
   Avatar,
-  MenuProps,
+  type MenuProps,
 } from "antd";
 import { useTranslation as usei18nextTranslation } from "react-i18next";
 
diff --git a/examples/i18n-react/src/pages/posts/create.tsx b/examples/i18n-react/src/pages/posts/create.tsx
index 31bf3bc66ab8..a0b43b61be42 100644
--- a/examples/i18n-react/src/pages/posts/create.tsx
+++ b/examples/i18n-react/src/pages/posts/create.tsx
@@ -3,7 +3,7 @@ import { Create, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { translate } = useTranslation();
diff --git a/examples/i18n-react/src/pages/posts/edit.tsx b/examples/i18n-react/src/pages/posts/edit.tsx
index 1dd0f4af89a8..5d5bb562610b 100644
--- a/examples/i18n-react/src/pages/posts/edit.tsx
+++ b/examples/i18n-react/src/pages/posts/edit.tsx
@@ -3,7 +3,7 @@ import { Edit, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { translate } = useTranslation();
diff --git a/examples/i18n-react/src/pages/posts/list.tsx b/examples/i18n-react/src/pages/posts/list.tsx
index c0dda41bc3e9..7c27f0d8cf9b 100644
--- a/examples/i18n-react/src/pages/posts/list.tsx
+++ b/examples/i18n-react/src/pages/posts/list.tsx
@@ -8,7 +8,7 @@ import {
 } from "@refinedev/antd";
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { translate } = useTranslation();
diff --git a/examples/i18n-react/src/pages/posts/show.tsx b/examples/i18n-react/src/pages/posts/show.tsx
index 4792f5ad2dc8..66789854b78d 100644
--- a/examples/i18n-react/src/pages/posts/show.tsx
+++ b/examples/i18n-react/src/pages/posts/show.tsx
@@ -2,7 +2,7 @@ import { useShow, useOne, useTranslation } from "@refinedev/core";
 import { Show, MarkdownField } from "@refinedev/antd";
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/import-export-antd/src/pages/posts/create.tsx b/examples/import-export-antd/src/pages/posts/create.tsx
index afd1c941708b..395fd90e1b6e 100644
--- a/examples/import-export-antd/src/pages/posts/create.tsx
+++ b/examples/import-export-antd/src/pages/posts/create.tsx
@@ -3,7 +3,7 @@ import { useForm, useSelect, Create } from "@refinedev/antd";
 import { Form, Input, Select } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/import-export-antd/src/pages/posts/edit.tsx b/examples/import-export-antd/src/pages/posts/edit.tsx
index 0d56bd295639..311aca1c7768 100644
--- a/examples/import-export-antd/src/pages/posts/edit.tsx
+++ b/examples/import-export-antd/src/pages/posts/edit.tsx
@@ -3,7 +3,7 @@ import { Edit, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/import-export-antd/src/pages/posts/list.tsx b/examples/import-export-antd/src/pages/posts/list.tsx
index a69057f58447..72e90d11acbd 100644
--- a/examples/import-export-antd/src/pages/posts/list.tsx
+++ b/examples/import-export-antd/src/pages/posts/list.tsx
@@ -11,7 +11,7 @@ import {
 } from "@refinedev/antd";
 import { Space, Table } from "antd";
 
-import { IPost, ICategory, IPostFile } from "../../interfaces";
+import type { IPost, ICategory, IPostFile } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/import-export-antd/src/pages/posts/show.tsx b/examples/import-export-antd/src/pages/posts/show.tsx
index 666f3684795d..89beb7215d37 100644
--- a/examples/import-export-antd/src/pages/posts/show.tsx
+++ b/examples/import-export-antd/src/pages/posts/show.tsx
@@ -2,7 +2,7 @@ import { useShow, useOne } from "@refinedev/core";
 import { MarkdownField, Show } from "@refinedev/antd";
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/import-export-mantine/src/components/table/columnFilter.tsx b/examples/import-export-mantine/src/components/table/columnFilter.tsx
index 86cad3cb69c0..17c6939949f5 100644
--- a/examples/import-export-mantine/src/components/table/columnFilter.tsx
+++ b/examples/import-export-mantine/src/components/table/columnFilter.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/import-export-mantine/src/components/table/columnSorter.tsx b/examples/import-export-mantine/src/components/table/columnSorter.tsx
index f71ed1bbd4ec..b2a74d55a35e 100644
--- a/examples/import-export-mantine/src/components/table/columnSorter.tsx
+++ b/examples/import-export-mantine/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/import-export-mantine/src/interfaces/index.d.ts b/examples/import-export-mantine/src/interfaces/index.d.ts
index 582a7731788a..1e9dc13d2385 100644
--- a/examples/import-export-mantine/src/interfaces/index.d.ts
+++ b/examples/import-export-mantine/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/import-export-mantine/src/pages/posts/list.tsx b/examples/import-export-mantine/src/pages/posts/list.tsx
index a0e583501196..7a28762a8b7b 100644
--- a/examples/import-export-mantine/src/pages/posts/list.tsx
+++ b/examples/import-export-mantine/src/pages/posts/list.tsx
@@ -1,13 +1,13 @@
 import React from "react";
 import {
-  GetManyResponse,
+  type GetManyResponse,
   useExport,
   useImport,
   useMany,
   useNotification,
 } from "@refinedev/core";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import {
   List,
   DeleteButton,
@@ -26,7 +26,7 @@ import {
 } from "@mantine/core";
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/import-export-material-ui/src/pages/list.tsx b/examples/import-export-material-ui/src/pages/list.tsx
index eba31b203bba..adc3d07a3d14 100644
--- a/examples/import-export-material-ui/src/pages/list.tsx
+++ b/examples/import-export-material-ui/src/pages/list.tsx
@@ -6,11 +6,11 @@ import {
   useNotification,
 } from "@refinedev/core";
 import { ExportButton, ImportButton, List, useDataGrid } from "@refinedev/mui";
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
 import Stack from "@mui/material/Stack";
 
-import { ICategory, IPost } from "../interfaces";
+import type { ICategory, IPost } from "../interfaces";
 
 export const ImportList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>();
diff --git a/examples/inferencer-antd/src/authProvider.ts b/examples/inferencer-antd/src/authProvider.ts
index 2e46d253a7a4..21e3414c77cf 100644
--- a/examples/inferencer-antd/src/authProvider.ts
+++ b/examples/inferencer-antd/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 export const TOKEN_KEY = "refine-auth";
 
diff --git a/examples/inferencer-antd/src/components/header/index.tsx b/examples/inferencer-antd/src/components/header/index.tsx
index 143c21a1e6e1..c46534140941 100644
--- a/examples/inferencer-antd/src/components/header/index.tsx
+++ b/examples/inferencer-antd/src/components/header/index.tsx
@@ -6,7 +6,7 @@ import {
   Avatar,
   Button,
   Dropdown,
-  MenuProps,
+  type MenuProps,
   Space,
   Switch,
   Typography,
diff --git a/examples/inferencer-antd/src/contexts/color-mode/index.tsx b/examples/inferencer-antd/src/contexts/color-mode/index.tsx
index 1396121b4a0a..03734b60727f 100644
--- a/examples/inferencer-antd/src/contexts/color-mode/index.tsx
+++ b/examples/inferencer-antd/src/contexts/color-mode/index.tsx
@@ -1,6 +1,11 @@
 import { RefineThemes } from "@refinedev/antd";
 import { ConfigProvider, theme } from "antd";
-import { PropsWithChildren, createContext, useEffect, useState } from "react";
+import {
+  type PropsWithChildren,
+  createContext,
+  useEffect,
+  useState,
+} from "react";
 
 type ColorModeContextType = {
   mode: string;
diff --git a/examples/inferencer-chakra-ui/src/authProvider.ts b/examples/inferencer-chakra-ui/src/authProvider.ts
index 2e46d253a7a4..21e3414c77cf 100644
--- a/examples/inferencer-chakra-ui/src/authProvider.ts
+++ b/examples/inferencer-chakra-ui/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 export const TOKEN_KEY = "refine-auth";
 
diff --git a/examples/inferencer-chakra-ui/src/components/header/index.tsx b/examples/inferencer-chakra-ui/src/components/header/index.tsx
index 12f5698f98b1..5d12438f0585 100644
--- a/examples/inferencer-chakra-ui/src/components/header/index.tsx
+++ b/examples/inferencer-chakra-ui/src/components/header/index.tsx
@@ -1,7 +1,7 @@
 import {
   Avatar,
   Box,
-  BoxProps,
+  type BoxProps,
   HStack,
   Icon,
   IconButton,
@@ -15,7 +15,7 @@ import {
 } from "@chakra-ui/react";
 import {
   HamburgerMenu,
-  RefineThemedLayoutV2HeaderProps,
+  type RefineThemedLayoutV2HeaderProps,
 } from "@refinedev/chakra-ui";
 import { useGetIdentity, useGetLocale, useSetLocale } from "@refinedev/core";
 import { IconLanguage, IconMoon, IconSun } from "@tabler/icons-react";
diff --git a/examples/inferencer-graphql-hasura/src/contexts/color-mode/index.tsx b/examples/inferencer-graphql-hasura/src/contexts/color-mode/index.tsx
index 1396121b4a0a..03734b60727f 100644
--- a/examples/inferencer-graphql-hasura/src/contexts/color-mode/index.tsx
+++ b/examples/inferencer-graphql-hasura/src/contexts/color-mode/index.tsx
@@ -1,6 +1,11 @@
 import { RefineThemes } from "@refinedev/antd";
 import { ConfigProvider, theme } from "antd";
-import { PropsWithChildren, createContext, useEffect, useState } from "react";
+import {
+  type PropsWithChildren,
+  createContext,
+  useEffect,
+  useState,
+} from "react";
 
 type ColorModeContextType = {
   mode: string;
diff --git a/examples/inferencer-headless/src/authProvider.ts b/examples/inferencer-headless/src/authProvider.ts
index 2e46d253a7a4..21e3414c77cf 100644
--- a/examples/inferencer-headless/src/authProvider.ts
+++ b/examples/inferencer-headless/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 export const TOKEN_KEY = "refine-auth";
 
diff --git a/examples/inferencer-headless/src/components/layout/index.tsx b/examples/inferencer-headless/src/components/layout/index.tsx
index d6cef81f094a..1f1ec3a36ee8 100644
--- a/examples/inferencer-headless/src/components/layout/index.tsx
+++ b/examples/inferencer-headless/src/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { Breadcrumb } from "../breadcrumb";
 import { Menu } from "../menu";
 
diff --git a/examples/inferencer-mantine/src/App.tsx b/examples/inferencer-mantine/src/App.tsx
index d8a46427c373..3879f98d41ca 100644
--- a/examples/inferencer-mantine/src/App.tsx
+++ b/examples/inferencer-mantine/src/App.tsx
@@ -9,7 +9,7 @@ import {
 } from "@refinedev/mantine";
 
 import {
-  ColorScheme,
+  type ColorScheme,
   ColorSchemeProvider,
   Global,
   MantineProvider,
diff --git a/examples/inferencer-mantine/src/authProvider.ts b/examples/inferencer-mantine/src/authProvider.ts
index 2e46d253a7a4..21e3414c77cf 100644
--- a/examples/inferencer-mantine/src/authProvider.ts
+++ b/examples/inferencer-mantine/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 export const TOKEN_KEY = "refine-auth";
 
diff --git a/examples/inferencer-mantine/src/components/header/index.tsx b/examples/inferencer-mantine/src/components/header/index.tsx
index 556c8ba097aa..04bf4a7eb2d7 100644
--- a/examples/inferencer-mantine/src/components/header/index.tsx
+++ b/examples/inferencer-mantine/src/components/header/index.tsx
@@ -5,7 +5,7 @@ import {
   Group,
   Header as MantineHeader,
   Menu,
-  Sx,
+  type Sx,
   Title,
   useMantineColorScheme,
   useMantineTheme,
@@ -13,7 +13,7 @@ import {
 import { useGetIdentity, useGetLocale, useSetLocale } from "@refinedev/core";
 import {
   HamburgerMenu,
-  RefineThemedLayoutV2HeaderProps,
+  type RefineThemedLayoutV2HeaderProps,
 } from "@refinedev/mantine";
 import { IconLanguage, IconMoonStars, IconSun } from "@tabler/icons-react";
 import i18n from "i18next";
diff --git a/examples/inferencer-material-ui/src/authProvider.ts b/examples/inferencer-material-ui/src/authProvider.ts
index 2e46d253a7a4..21e3414c77cf 100644
--- a/examples/inferencer-material-ui/src/authProvider.ts
+++ b/examples/inferencer-material-ui/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 export const TOKEN_KEY = "refine-auth";
 
diff --git a/examples/inferencer-material-ui/src/components/header/index.tsx b/examples/inferencer-material-ui/src/components/header/index.tsx
index 0ee23f548a69..5324f5ae475a 100644
--- a/examples/inferencer-material-ui/src/components/header/index.tsx
+++ b/examples/inferencer-material-ui/src/components/header/index.tsx
@@ -10,7 +10,10 @@ import Stack from "@mui/material/Stack";
 import Toolbar from "@mui/material/Toolbar";
 import Typography from "@mui/material/Typography";
 import { useGetIdentity, useGetLocale, useSetLocale } from "@refinedev/core";
-import { HamburgerMenu, RefineThemedLayoutV2HeaderProps } from "@refinedev/mui";
+import {
+  HamburgerMenu,
+  type RefineThemedLayoutV2HeaderProps,
+} from "@refinedev/mui";
 import i18n from "i18next";
 import React, { useContext } from "react";
 import { ColorModeContext } from "../../contexts/color-mode";
diff --git a/examples/inferencer-material-ui/src/contexts/color-mode/index.tsx b/examples/inferencer-material-ui/src/contexts/color-mode/index.tsx
index 2aa57d8e20fe..d437fa4faf9d 100644
--- a/examples/inferencer-material-ui/src/contexts/color-mode/index.tsx
+++ b/examples/inferencer-material-ui/src/contexts/color-mode/index.tsx
@@ -1,7 +1,7 @@
 import { ThemeProvider } from "@mui/material/styles";
 import { RefineThemes } from "@refinedev/mui";
 import React, {
-  PropsWithChildren,
+  type PropsWithChildren,
   createContext,
   useEffect,
   useState,
diff --git a/examples/input-custom/src/pages/posts/create.tsx b/examples/input-custom/src/pages/posts/create.tsx
index 61b523bcca41..02a3405b3b2e 100644
--- a/examples/input-custom/src/pages/posts/create.tsx
+++ b/examples/input-custom/src/pages/posts/create.tsx
@@ -3,7 +3,7 @@ import { Create, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/input-custom/src/pages/posts/edit.tsx b/examples/input-custom/src/pages/posts/edit.tsx
index 0d56bd295639..311aca1c7768 100644
--- a/examples/input-custom/src/pages/posts/edit.tsx
+++ b/examples/input-custom/src/pages/posts/edit.tsx
@@ -3,7 +3,7 @@ import { Edit, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/input-custom/src/pages/posts/list.tsx b/examples/input-custom/src/pages/posts/list.tsx
index 0ee140524474..21a603d9f33c 100644
--- a/examples/input-custom/src/pages/posts/list.tsx
+++ b/examples/input-custom/src/pages/posts/list.tsx
@@ -8,7 +8,7 @@ import {
 } from "@refinedev/antd";
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/input-custom/src/pages/posts/show.tsx b/examples/input-custom/src/pages/posts/show.tsx
index 17fea85a5eb6..6d41853130ca 100644
--- a/examples/input-custom/src/pages/posts/show.tsx
+++ b/examples/input-custom/src/pages/posts/show.tsx
@@ -2,7 +2,7 @@ import { useShow, useOne } from "@refinedev/core";
 import { Show, MarkdownField } from "@refinedev/antd";
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/input-date-picker/src/pages/posts/create.tsx b/examples/input-date-picker/src/pages/posts/create.tsx
index e3a0f68bfb47..1a9d1dfb79d7 100644
--- a/examples/input-date-picker/src/pages/posts/create.tsx
+++ b/examples/input-date-picker/src/pages/posts/create.tsx
@@ -5,7 +5,7 @@ import dayjs from "dayjs";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/input-date-picker/src/pages/posts/edit.tsx b/examples/input-date-picker/src/pages/posts/edit.tsx
index d16f8dd9468f..7470b2f84c31 100644
--- a/examples/input-date-picker/src/pages/posts/edit.tsx
+++ b/examples/input-date-picker/src/pages/posts/edit.tsx
@@ -4,7 +4,7 @@ import { DatePicker, Form, Input, Select } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 import dayjs from "dayjs";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/input-date-picker/src/pages/posts/list.tsx b/examples/input-date-picker/src/pages/posts/list.tsx
index 57b55e5bf57e..cbbe057f0bcd 100644
--- a/examples/input-date-picker/src/pages/posts/list.tsx
+++ b/examples/input-date-picker/src/pages/posts/list.tsx
@@ -12,7 +12,7 @@ import {
 } from "@refinedev/antd";
 import { Table, Space, Select, Radio } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/input-date-picker/src/pages/posts/show.tsx b/examples/input-date-picker/src/pages/posts/show.tsx
index ae644101c6fb..883159bba476 100644
--- a/examples/input-date-picker/src/pages/posts/show.tsx
+++ b/examples/input-date-picker/src/pages/posts/show.tsx
@@ -2,7 +2,7 @@ import { useShow, useOne } from "@refinedev/core";
 import { Show, MarkdownField, DateField } from "@refinedev/antd";
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/invoicer/src/components/form/form-item-editable-input-text/index.tsx b/examples/invoicer/src/components/form/form-item-editable-input-text/index.tsx
index 84d8c6afd6a5..d36571eb0fba 100644
--- a/examples/invoicer/src/components/form/form-item-editable-input-text/index.tsx
+++ b/examples/invoicer/src/components/form/form-item-editable-input-text/index.tsx
@@ -3,7 +3,7 @@ import {
   Button,
   Flex,
   Form,
-  FormItemProps,
+  type FormItemProps,
   Input,
   Skeleton,
   Typography,
diff --git a/examples/invoicer/src/components/icons/icon-invoicer.tsx b/examples/invoicer/src/components/icons/icon-invoicer.tsx
index 46bd09597aa5..736ada80b1b8 100644
--- a/examples/invoicer/src/components/icons/icon-invoicer.tsx
+++ b/examples/invoicer/src/components/icons/icon-invoicer.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 import { useConfigProvider } from "@/providers/config-provider";
 
 export const IconInvoicerLogo = (props: SVGProps<SVGSVGElement>) => {
diff --git a/examples/invoicer/src/pages/accounts/edit.tsx b/examples/invoicer/src/pages/accounts/edit.tsx
index 993ab62570ef..95e644f88db7 100644
--- a/examples/invoicer/src/pages/accounts/edit.tsx
+++ b/examples/invoicer/src/pages/accounts/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError, useNavigation } from "@refinedev/core";
+import { type HttpError, useNavigation } from "@refinedev/core";
 import {
   DateField,
   DeleteButton,
@@ -25,7 +25,7 @@ import {
   FormItemEditableText,
   FormItemUploadLogo,
 } from "@/components/form";
-import { Account, AccountForm } from "@/types";
+import type { Account, AccountForm } from "@/types";
 
 export const AccountsPageEdit = () => {
   const { listUrl } = useNavigation();
diff --git a/examples/invoicer/src/pages/clients/list.tsx b/examples/invoicer/src/pages/clients/list.tsx
index d7a5393409e1..c73323f95ff8 100644
--- a/examples/invoicer/src/pages/clients/list.tsx
+++ b/examples/invoicer/src/pages/clients/list.tsx
@@ -1,4 +1,4 @@
-import { type PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { getDefaultFilter, useGo } from "@refinedev/core";
 import {
   CreateButton,
diff --git a/examples/invoicer/src/pages/invoices/list.tsx b/examples/invoicer/src/pages/invoices/list.tsx
index cb38fab128b5..0081fe5045c4 100644
--- a/examples/invoicer/src/pages/invoices/list.tsx
+++ b/examples/invoicer/src/pages/invoices/list.tsx
@@ -15,7 +15,7 @@ import { Avatar, Flex, Input, Select, Table, Typography } from "antd";
 import { EyeOutlined, SearchOutlined } from "@ant-design/icons";
 import { API_URL } from "@/utils/constants";
 import { getRandomColorFromString } from "@/utils/get-random-color";
-import { Invoice } from "@/types";
+import type { Invoice } from "@/types";
 
 export const InvoicePageList = () => {
   const go = useGo();
diff --git a/examples/invoicer/src/types/index.ts b/examples/invoicer/src/types/index.ts
index 51fdb1699ac0..e02fdc842873 100644
--- a/examples/invoicer/src/types/index.ts
+++ b/examples/invoicer/src/types/index.ts
@@ -1,5 +1,5 @@
-import { UploadFile } from "antd";
-import { UploadChangeParam } from "antd/lib/upload";
+import type { UploadFile } from "antd";
+import type { UploadChangeParam } from "antd/lib/upload";
 
 export type UploadResponse = UploadChangeParam<UploadFile<Media[]>>;
 
diff --git a/examples/live-provider-ably/src/components/sider/index.tsx b/examples/live-provider-ably/src/components/sider/index.tsx
index cba61c4a9b25..1d33ffdfda69 100644
--- a/examples/live-provider-ably/src/components/sider/index.tsx
+++ b/examples/live-provider-ably/src/components/sider/index.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import {
-  ITreeMenu,
+  type ITreeMenu,
   CanAccess,
   useIsExistAuthentication,
   useTranslate,
@@ -10,7 +10,7 @@ import {
   useSubscription,
 } from "@refinedev/core";
 import { Link } from "react-router-dom";
-import { Sider, ThemedTitleV2 } from "@refinedev/antd";
+import { type Sider, ThemedTitleV2 } from "@refinedev/antd";
 import { Layout as AntdLayout, Menu, Grid, theme, Button, Badge } from "antd";
 import {
   LogoutOutlined,
diff --git a/examples/live-provider-ably/src/components/sider/styles.ts b/examples/live-provider-ably/src/components/sider/styles.ts
index d05126a1e8aa..2505646adb89 100644
--- a/examples/live-provider-ably/src/components/sider/styles.ts
+++ b/examples/live-provider-ably/src/components/sider/styles.ts
@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 
 export const antLayoutSider: CSSProperties = {
   position: "relative",
diff --git a/examples/live-provider-ably/src/pages/categories/create.tsx b/examples/live-provider-ably/src/pages/categories/create.tsx
index e85964f9a502..2e4b8b6936eb 100644
--- a/examples/live-provider-ably/src/pages/categories/create.tsx
+++ b/examples/live-provider-ably/src/pages/categories/create.tsx
@@ -1,7 +1,7 @@
 import { Create, useForm } from "@refinedev/antd";
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryCreate = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/live-provider-ably/src/pages/categories/edit.tsx b/examples/live-provider-ably/src/pages/categories/edit.tsx
index 868d49f544ca..00ec8b55fadc 100644
--- a/examples/live-provider-ably/src/pages/categories/edit.tsx
+++ b/examples/live-provider-ably/src/pages/categories/edit.tsx
@@ -1,7 +1,7 @@
 import { Edit, useForm } from "@refinedev/antd";
 import { Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryEdit = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/live-provider-ably/src/pages/categories/list.tsx b/examples/live-provider-ably/src/pages/categories/list.tsx
index 2edd3e42f3f1..d6379b5413e7 100644
--- a/examples/live-provider-ably/src/pages/categories/list.tsx
+++ b/examples/live-provider-ably/src/pages/categories/list.tsx
@@ -7,7 +7,7 @@ import {
 } from "@refinedev/antd";
 import { Table, Space } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryList = () => {
   const { tableProps } = useTable<ICategory>();
diff --git a/examples/live-provider-ably/src/pages/categories/show.tsx b/examples/live-provider-ably/src/pages/categories/show.tsx
index d9b9374337ee..384f249dd890 100644
--- a/examples/live-provider-ably/src/pages/categories/show.tsx
+++ b/examples/live-provider-ably/src/pages/categories/show.tsx
@@ -2,7 +2,7 @@ import { useShow } from "@refinedev/core";
 import { Show } from "@refinedev/antd";
 import { Typography } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/live-provider-ably/src/pages/posts/create.tsx b/examples/live-provider-ably/src/pages/posts/create.tsx
index 61b523bcca41..02a3405b3b2e 100644
--- a/examples/live-provider-ably/src/pages/posts/create.tsx
+++ b/examples/live-provider-ably/src/pages/posts/create.tsx
@@ -3,7 +3,7 @@ import { Create, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/live-provider-ably/src/pages/posts/edit.tsx b/examples/live-provider-ably/src/pages/posts/edit.tsx
index 6388b22c754b..f85ae11d0b3d 100644
--- a/examples/live-provider-ably/src/pages/posts/edit.tsx
+++ b/examples/live-provider-ably/src/pages/posts/edit.tsx
@@ -9,7 +9,7 @@ import {
 import { Alert, Form, Input, Select } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const [deprecated, setDeprecated] = useState<
diff --git a/examples/live-provider-ably/src/pages/posts/list.tsx b/examples/live-provider-ably/src/pages/posts/list.tsx
index 090722525b99..caa27403a4a6 100644
--- a/examples/live-provider-ably/src/pages/posts/list.tsx
+++ b/examples/live-provider-ably/src/pages/posts/list.tsx
@@ -11,7 +11,7 @@ import {
 } from "@refinedev/antd";
 import { Table, Space, Select, Radio } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/live-provider-ably/src/pages/posts/show.tsx b/examples/live-provider-ably/src/pages/posts/show.tsx
index 54fc9dda59b3..22e03cb8911e 100644
--- a/examples/live-provider-ably/src/pages/posts/show.tsx
+++ b/examples/live-provider-ably/src/pages/posts/show.tsx
@@ -10,7 +10,7 @@ import {
 } from "@refinedev/antd";
 import { Typography, Alert } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/loading-overtime/src/pages/posts/create.tsx b/examples/loading-overtime/src/pages/posts/create.tsx
index e0a4c28ff667..0fff7fed6e74 100644
--- a/examples/loading-overtime/src/pages/posts/create.tsx
+++ b/examples/loading-overtime/src/pages/posts/create.tsx
@@ -5,7 +5,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>({
diff --git a/examples/loading-overtime/src/pages/posts/edit.tsx b/examples/loading-overtime/src/pages/posts/edit.tsx
index 8ac846ad03ac..541c82f7508c 100644
--- a/examples/loading-overtime/src/pages/posts/edit.tsx
+++ b/examples/loading-overtime/src/pages/posts/edit.tsx
@@ -5,7 +5,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>({
diff --git a/examples/loading-overtime/src/pages/posts/list.tsx b/examples/loading-overtime/src/pages/posts/list.tsx
index 63b54430fefb..c5249fb51d54 100644
--- a/examples/loading-overtime/src/pages/posts/list.tsx
+++ b/examples/loading-overtime/src/pages/posts/list.tsx
@@ -13,7 +13,7 @@ import {
 
 import { Table, Space, Select, Radio, Spin, Result } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, filters, overtime } = useTable<IPost>({
diff --git a/examples/loading-overtime/src/pages/posts/show.tsx b/examples/loading-overtime/src/pages/posts/show.tsx
index ca5932bbb1c5..65573501d8d4 100644
--- a/examples/loading-overtime/src/pages/posts/show.tsx
+++ b/examples/loading-overtime/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/mern-dashboard-client/src/App.tsx b/examples/mern-dashboard-client/src/App.tsx
index 87b216b43557..59a87574b99e 100644
--- a/examples/mern-dashboard-client/src/App.tsx
+++ b/examples/mern-dashboard-client/src/App.tsx
@@ -7,7 +7,7 @@ import CssBaseline from "@mui/material/CssBaseline";
 import GlobalStyles from "@mui/material/GlobalStyles";
 import {
   GitHubBanner,
-  LegacyAuthProvider as AuthProvider,
+  type LegacyAuthProvider as AuthProvider,
   Refine,
 } from "@refinedev/core";
 import {
@@ -22,7 +22,7 @@ import dataProvider from "@refinedev/simple-rest";
 import axios from "axios";
 import { Header, Layout, Sider, Title } from "components/layout";
 import { ColorModeContextProvider } from "contexts";
-import { CredentialResponse } from "interfaces/google";
+import type { CredentialResponse } from "interfaces/google";
 import { parseJwt } from "utils/parse-jwt";
 
 import {
diff --git a/examples/mern-dashboard-client/src/components/agent/AgentCard.tsx b/examples/mern-dashboard-client/src/components/agent/AgentCard.tsx
index 06e9aed7c33e..c3b383f08c43 100644
--- a/examples/mern-dashboard-client/src/components/agent/AgentCard.tsx
+++ b/examples/mern-dashboard-client/src/components/agent/AgentCard.tsx
@@ -8,7 +8,7 @@ import Stack from "@mui/material/Stack";
 import Typography from "@mui/material/Typography";
 import { Link } from "react-router-dom";
 
-import { AgentCardProp, InfoBarProps } from "interfaces/agent";
+import type { AgentCardProp, InfoBarProps } from "interfaces/agent";
 
 function checkImage(url: any) {
   const img = new Image();
diff --git a/examples/mern-dashboard-client/src/components/charts/PieChart.tsx b/examples/mern-dashboard-client/src/components/charts/PieChart.tsx
index a3ed425fb2d5..4f00e071a97b 100644
--- a/examples/mern-dashboard-client/src/components/charts/PieChart.tsx
+++ b/examples/mern-dashboard-client/src/components/charts/PieChart.tsx
@@ -3,7 +3,7 @@ import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
 import Stack from "@mui/material/Stack";
 
-import { PieChartProps } from "interfaces/home";
+import type { PieChartProps } from "interfaces/home";
 
 const PieChart = ({ title, value, series, colors }: PieChartProps) => {
   return (
diff --git a/examples/mern-dashboard-client/src/components/charts/chart.config.ts b/examples/mern-dashboard-client/src/components/charts/chart.config.ts
index 3f2dae198a7f..bc7f6f54a748 100644
--- a/examples/mern-dashboard-client/src/components/charts/chart.config.ts
+++ b/examples/mern-dashboard-client/src/components/charts/chart.config.ts
@@ -1,4 +1,4 @@
-import { ApexOptions } from "apexcharts";
+import type { ApexOptions } from "apexcharts";
 
 export const TotalRevenueSeries = [
   {
diff --git a/examples/mern-dashboard-client/src/components/common/CustomButton.tsx b/examples/mern-dashboard-client/src/components/common/CustomButton.tsx
index adb58f4c59a7..e598447ca1d1 100644
--- a/examples/mern-dashboard-client/src/components/common/CustomButton.tsx
+++ b/examples/mern-dashboard-client/src/components/common/CustomButton.tsx
@@ -1,6 +1,6 @@
 import Button from "@mui/material/Button";
 
-import { CustomButtonProps } from "interfaces/common";
+import type { CustomButtonProps } from "interfaces/common";
 
 const CustomButton = ({
   type,
diff --git a/examples/mern-dashboard-client/src/components/common/Form.tsx b/examples/mern-dashboard-client/src/components/common/Form.tsx
index 6bc96885e5cd..cadbe2434674 100644
--- a/examples/mern-dashboard-client/src/components/common/Form.tsx
+++ b/examples/mern-dashboard-client/src/components/common/Form.tsx
@@ -9,7 +9,7 @@ import Select from "@mui/material/Select";
 import MenuItem from "@mui/material/MenuItem";
 import Button from "@mui/material/Button";
 
-import { FormProps } from "interfaces/common";
+import type { FormProps } from "interfaces/common";
 import CustomButton from "./CustomButton";
 
 const Form = ({
diff --git a/examples/mern-dashboard-client/src/components/common/Profile.tsx b/examples/mern-dashboard-client/src/components/common/Profile.tsx
index be7f1800deab..83648be0a05a 100644
--- a/examples/mern-dashboard-client/src/components/common/Profile.tsx
+++ b/examples/mern-dashboard-client/src/components/common/Profile.tsx
@@ -5,7 +5,7 @@ import Box from "@mui/material/Box";
 import Stack from "@mui/material/Stack";
 import Typography from "@mui/material/Typography";
 
-import { ProfileProps, PropertyProps } from "interfaces/common";
+import type { ProfileProps, PropertyProps } from "interfaces/common";
 import PropertyCard from "./PropertyCard";
 
 function checkImage(url: any) {
diff --git a/examples/mern-dashboard-client/src/components/common/PropertyCard.tsx b/examples/mern-dashboard-client/src/components/common/PropertyCard.tsx
index 674aa98aaee9..68d957016256 100644
--- a/examples/mern-dashboard-client/src/components/common/PropertyCard.tsx
+++ b/examples/mern-dashboard-client/src/components/common/PropertyCard.tsx
@@ -7,7 +7,7 @@ import CardMedia from "@mui/material/CardMedia";
 import CardContent from "@mui/material/CardContent";
 import Stack from "@mui/material/Stack";
 
-import { PropertyCardProps } from "interfaces/property";
+import type { PropertyCardProps } from "interfaces/property";
 
 const PropertyCard = ({
   id,
diff --git a/examples/mern-dashboard-client/src/components/layout/layout/index.tsx b/examples/mern-dashboard-client/src/components/layout/layout/index.tsx
index 836c113071a8..62b2807d8d44 100644
--- a/examples/mern-dashboard-client/src/components/layout/layout/index.tsx
+++ b/examples/mern-dashboard-client/src/components/layout/layout/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { LayoutProps } from "@refinedev/core";
+import type { LayoutProps } from "@refinedev/core";
 import Box from "@mui/material/Box";
 
 import { Sider as DefaultSider } from "../sider";
diff --git a/examples/mern-dashboard-client/src/components/layout/sider/index.tsx b/examples/mern-dashboard-client/src/components/layout/sider/index.tsx
index a3ca171bcb28..159524005f03 100644
--- a/examples/mern-dashboard-client/src/components/layout/sider/index.tsx
+++ b/examples/mern-dashboard-client/src/components/layout/sider/index.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { Sider as DefaultSider } from "@refinedev/mui";
+import type { Sider as DefaultSider } from "@refinedev/mui";
 
 import Box from "@mui/material/Box";
 import Drawer from "@mui/material/Drawer";
@@ -22,7 +22,7 @@ import MenuRounded from "@mui/icons-material/MenuRounded";
 import Dashboard from "@mui/icons-material/Dashboard";
 import {
   CanAccess,
-  ITreeMenu,
+  type ITreeMenu,
   useIsExistAuthentication,
   useLogout,
   useTitle,
diff --git a/examples/mern-dashboard-client/src/components/layout/title/index.tsx b/examples/mern-dashboard-client/src/components/layout/title/index.tsx
index 5a8d8da4e9b9..9f4f633d366a 100644
--- a/examples/mern-dashboard-client/src/components/layout/title/index.tsx
+++ b/examples/mern-dashboard-client/src/components/layout/title/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { useRouterContext, TitleProps } from "@refinedev/core";
+import { useRouterContext, type TitleProps } from "@refinedev/core";
 import Button from "@mui/material/Button";
 
 import { logo, yariga } from "assets";
diff --git a/examples/mern-dashboard-client/src/contexts/index.tsx b/examples/mern-dashboard-client/src/contexts/index.tsx
index 927a12476187..f85f965ef25a 100644
--- a/examples/mern-dashboard-client/src/contexts/index.tsx
+++ b/examples/mern-dashboard-client/src/contexts/index.tsx
@@ -1,5 +1,5 @@
 import React, {
-  PropsWithChildren,
+  type PropsWithChildren,
   createContext,
   useEffect,
   useState,
diff --git a/examples/mern-dashboard-client/src/interfaces/agent.d.ts b/examples/mern-dashboard-client/src/interfaces/agent.d.ts
index c5f7d4d42b89..2916c2ccde06 100644
--- a/examples/mern-dashboard-client/src/interfaces/agent.d.ts
+++ b/examples/mern-dashboard-client/src/interfaces/agent.d.ts
@@ -1,4 +1,4 @@
-import { BaseKey } from "@refinedev/core";
+import type { BaseKey } from "@refinedev/core";
 
 export interface AgentCardProp {
   id?: BaseKey | undefined;
diff --git a/examples/mern-dashboard-client/src/interfaces/property.d.ts b/examples/mern-dashboard-client/src/interfaces/property.d.ts
index a7ea3ae723e5..5ed7cdc774ea 100644
--- a/examples/mern-dashboard-client/src/interfaces/property.d.ts
+++ b/examples/mern-dashboard-client/src/interfaces/property.d.ts
@@ -1,4 +1,4 @@
-import { BaseKey } from "@refinedev/core";
+import type { BaseKey } from "@refinedev/core";
 
 export interface FormFieldProp {
   title: string;
diff --git a/examples/mern-dashboard-client/src/pages/create-property.tsx b/examples/mern-dashboard-client/src/pages/create-property.tsx
index 80dd61c40187..c531016733cb 100644
--- a/examples/mern-dashboard-client/src/pages/create-property.tsx
+++ b/examples/mern-dashboard-client/src/pages/create-property.tsx
@@ -2,7 +2,7 @@ import { useState } from "react";
 import { useGetIdentity } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { FieldValues } from "react-hook-form";
+import type { FieldValues } from "react-hook-form";
 
 import Form from "components/common/Form";
 
diff --git a/examples/mern-dashboard-client/src/pages/edit-property.tsx b/examples/mern-dashboard-client/src/pages/edit-property.tsx
index 3cf7ce2debff..1afaaa1cf7d6 100644
--- a/examples/mern-dashboard-client/src/pages/edit-property.tsx
+++ b/examples/mern-dashboard-client/src/pages/edit-property.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { useGetIdentity } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
-import { FieldValues } from "react-hook-form";
+import type { FieldValues } from "react-hook-form";
 import Form from "components/common/Form";
 
 const CreateProperty = () => {
diff --git a/examples/mern-dashboard-client/src/pages/login.tsx b/examples/mern-dashboard-client/src/pages/login.tsx
index 524ee40c0a44..632601d0e70a 100644
--- a/examples/mern-dashboard-client/src/pages/login.tsx
+++ b/examples/mern-dashboard-client/src/pages/login.tsx
@@ -5,7 +5,7 @@ import Box from "@mui/material/Box";
 
 import { yariga } from "../assets";
 
-import { CredentialResponse } from "../interfaces/google";
+import type { CredentialResponse } from "../interfaces/google";
 
 export const Login: React.FC = () => {
   const { mutate: login } = useLogin<CredentialResponse>({
diff --git a/examples/mern-dashboard-client/src/reportWebVitals.ts b/examples/mern-dashboard-client/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/mern-dashboard-client/src/reportWebVitals.ts
+++ b/examples/mern-dashboard-client/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/mern-dashboard-client/src/utils/parse-jwt.ts b/examples/mern-dashboard-client/src/utils/parse-jwt.ts
index d3a318c4da16..291894ca47c2 100644
--- a/examples/mern-dashboard-client/src/utils/parse-jwt.ts
+++ b/examples/mern-dashboard-client/src/utils/parse-jwt.ts
@@ -1,4 +1,4 @@
-import { UserPayload } from "interfaces/google";
+import type { UserPayload } from "interfaces/google";
 
 export function parseJwt(token: string): UserPayload {
   const base64Url = token.split(".")[1];
diff --git a/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/create.tsx b/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/create.tsx
index 4b1a131e810c..c77292210aa3 100644
--- a/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/create.tsx
+++ b/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/create.tsx
@@ -5,7 +5,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>({
diff --git a/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/edit.tsx b/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/edit.tsx
index ac9edd05e78f..1a956d8a75ba 100644
--- a/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/edit.tsx
+++ b/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/edit.tsx
@@ -5,7 +5,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult, autoSaveProps } =
diff --git a/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/list.tsx b/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/list.tsx
index e9f326ce0409..4050ec3ca682 100644
--- a/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/list.tsx
+++ b/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/list.tsx
@@ -13,7 +13,7 @@ import {
 
 import { Radio, Select, Space, Table } from "antd";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 const PostList = () => {
   const { tableProps, filters } = useTable<IPost>({
diff --git a/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/show.tsx b/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/show.tsx
index 5519b71faba3..5322f0895a15 100644
--- a/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/show.tsx
+++ b/examples/monorepo-module-federation/apps/blog-posts/src/pages/blog-posts/show.tsx
@@ -3,7 +3,7 @@ import { useOne, useShow } from "@refinedev/core";
 
 import { Typography } from "antd";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/monorepo-module-federation/apps/categories/src/pages/categories/create.tsx b/examples/monorepo-module-federation/apps/categories/src/pages/categories/create.tsx
index 278138794771..1f65c56c5867 100644
--- a/examples/monorepo-module-federation/apps/categories/src/pages/categories/create.tsx
+++ b/examples/monorepo-module-federation/apps/categories/src/pages/categories/create.tsx
@@ -2,7 +2,7 @@ import { Create, useForm } from "@refinedev/antd";
 
 import { Checkbox, Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 const CategoryCreate = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/monorepo-module-federation/apps/categories/src/pages/categories/edit.tsx b/examples/monorepo-module-federation/apps/categories/src/pages/categories/edit.tsx
index ac02b87d00ce..7991b28addec 100644
--- a/examples/monorepo-module-federation/apps/categories/src/pages/categories/edit.tsx
+++ b/examples/monorepo-module-federation/apps/categories/src/pages/categories/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Checkbox, Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 const CategoryEdit = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/monorepo-module-federation/apps/categories/src/pages/categories/list.tsx b/examples/monorepo-module-federation/apps/categories/src/pages/categories/list.tsx
index 6127678b0283..b3c33d4457c5 100644
--- a/examples/monorepo-module-federation/apps/categories/src/pages/categories/list.tsx
+++ b/examples/monorepo-module-federation/apps/categories/src/pages/categories/list.tsx
@@ -8,7 +8,7 @@ import {
 
 import { Space, Table } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 const CategoryList = () => {
   const { tableProps } = useTable<ICategory>();
diff --git a/examples/monorepo-module-federation/apps/categories/src/pages/categories/show.tsx b/examples/monorepo-module-federation/apps/categories/src/pages/categories/show.tsx
index 7e621775adec..5f070bc894fb 100644
--- a/examples/monorepo-module-federation/apps/categories/src/pages/categories/show.tsx
+++ b/examples/monorepo-module-federation/apps/categories/src/pages/categories/show.tsx
@@ -4,7 +4,7 @@ import { Show } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/monorepo-module-federation/apps/host/src/App.tsx b/examples/monorepo-module-federation/apps/host/src/App.tsx
index 07ba0d756036..a1f0a24d63eb 100644
--- a/examples/monorepo-module-federation/apps/host/src/App.tsx
+++ b/examples/monorepo-module-federation/apps/host/src/App.tsx
@@ -24,7 +24,7 @@ import { ColorModeContextProvider } from "./contexts/color-mode";
 import { ForgotPassword } from "./pages/forgotPassword";
 import { Login } from "./pages/login";
 import { Register } from "./pages/register";
-import { ExtendedWindow } from "./types";
+import type { ExtendedWindow } from "./types";
 
 const BlogPostList = React.lazy(() => import("blog_posts/BlogPostList"));
 const BlogPostShow = React.lazy(() => import("blog_posts/BlogPostShow"));
diff --git a/examples/monorepo-module-federation/apps/host/src/authProvider.ts b/examples/monorepo-module-federation/apps/host/src/authProvider.ts
index 2e46d253a7a4..21e3414c77cf 100644
--- a/examples/monorepo-module-federation/apps/host/src/authProvider.ts
+++ b/examples/monorepo-module-federation/apps/host/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 export const TOKEN_KEY = "refine-auth";
 
diff --git a/examples/monorepo-module-federation/apps/host/src/contexts/color-mode/index.tsx b/examples/monorepo-module-federation/apps/host/src/contexts/color-mode/index.tsx
index 941429e0bbbb..07aa4ccb2323 100644
--- a/examples/monorepo-module-federation/apps/host/src/contexts/color-mode/index.tsx
+++ b/examples/monorepo-module-federation/apps/host/src/contexts/color-mode/index.tsx
@@ -1,6 +1,11 @@
 import { RefineThemes } from "@refinedev/antd";
 import { ConfigProvider, theme } from "antd";
-import { createContext, PropsWithChildren, useEffect, useState } from "react";
+import {
+  createContext,
+  type PropsWithChildren,
+  useEffect,
+  useState,
+} from "react";
 
 type ColorModeContextType = {
   mode: string;
diff --git a/examples/monorepo-with-lerna-bootstrap/apps/my-refine-app/src/authProvider.ts b/examples/monorepo-with-lerna-bootstrap/apps/my-refine-app/src/authProvider.ts
index 2e46d253a7a4..21e3414c77cf 100644
--- a/examples/monorepo-with-lerna-bootstrap/apps/my-refine-app/src/authProvider.ts
+++ b/examples/monorepo-with-lerna-bootstrap/apps/my-refine-app/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 export const TOKEN_KEY = "refine-auth";
 
diff --git a/examples/monorepo-with-lerna-bootstrap/apps/my-refine-app/src/contexts/color-mode/index.tsx b/examples/monorepo-with-lerna-bootstrap/apps/my-refine-app/src/contexts/color-mode/index.tsx
index e6a039c4d284..5da7d3d9fb81 100644
--- a/examples/monorepo-with-lerna-bootstrap/apps/my-refine-app/src/contexts/color-mode/index.tsx
+++ b/examples/monorepo-with-lerna-bootstrap/apps/my-refine-app/src/contexts/color-mode/index.tsx
@@ -1,4 +1,9 @@
-import { PropsWithChildren, createContext, useEffect, useState } from "react";
+import {
+  type PropsWithChildren,
+  createContext,
+  useEffect,
+  useState,
+} from "react";
 import { ConfigProvider, theme } from "antd";
 import { RefineThemes } from "@refinedev/antd";
 
diff --git a/examples/monorepo-with-lerna/apps/my-refine-app/src/authProvider.ts b/examples/monorepo-with-lerna/apps/my-refine-app/src/authProvider.ts
index 2e46d253a7a4..21e3414c77cf 100644
--- a/examples/monorepo-with-lerna/apps/my-refine-app/src/authProvider.ts
+++ b/examples/monorepo-with-lerna/apps/my-refine-app/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 export const TOKEN_KEY = "refine-auth";
 
diff --git a/examples/monorepo-with-lerna/apps/my-refine-app/src/contexts/color-mode/index.tsx b/examples/monorepo-with-lerna/apps/my-refine-app/src/contexts/color-mode/index.tsx
index e6a039c4d284..5da7d3d9fb81 100644
--- a/examples/monorepo-with-lerna/apps/my-refine-app/src/contexts/color-mode/index.tsx
+++ b/examples/monorepo-with-lerna/apps/my-refine-app/src/contexts/color-mode/index.tsx
@@ -1,4 +1,9 @@
-import { PropsWithChildren, createContext, useEffect, useState } from "react";
+import {
+  type PropsWithChildren,
+  createContext,
+  useEffect,
+  useState,
+} from "react";
 import { ConfigProvider, theme } from "antd";
 import { RefineThemes } from "@refinedev/antd";
 
diff --git a/examples/monorepo-with-turbo/apps/my-refine-app/src/authProvider.ts b/examples/monorepo-with-turbo/apps/my-refine-app/src/authProvider.ts
index 2e46d253a7a4..21e3414c77cf 100644
--- a/examples/monorepo-with-turbo/apps/my-refine-app/src/authProvider.ts
+++ b/examples/monorepo-with-turbo/apps/my-refine-app/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 export const TOKEN_KEY = "refine-auth";
 
diff --git a/examples/monorepo-with-turbo/apps/my-refine-app/src/contexts/color-mode/index.tsx b/examples/monorepo-with-turbo/apps/my-refine-app/src/contexts/color-mode/index.tsx
index e6a039c4d284..5da7d3d9fb81 100644
--- a/examples/monorepo-with-turbo/apps/my-refine-app/src/contexts/color-mode/index.tsx
+++ b/examples/monorepo-with-turbo/apps/my-refine-app/src/contexts/color-mode/index.tsx
@@ -1,4 +1,9 @@
-import { PropsWithChildren, createContext, useEffect, useState } from "react";
+import {
+  type PropsWithChildren,
+  createContext,
+  useEffect,
+  useState,
+} from "react";
 import { ConfigProvider, theme } from "antd";
 import { RefineThemes } from "@refinedev/antd";
 
diff --git a/examples/multi-level-menu/src/pages/categories/create.tsx b/examples/multi-level-menu/src/pages/categories/create.tsx
index d12340561a45..657fe21cace2 100644
--- a/examples/multi-level-menu/src/pages/categories/create.tsx
+++ b/examples/multi-level-menu/src/pages/categories/create.tsx
@@ -1,7 +1,7 @@
 import { Create, useForm } from "@refinedev/antd";
 import { Checkbox, Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryCreate = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/multi-level-menu/src/pages/categories/edit.tsx b/examples/multi-level-menu/src/pages/categories/edit.tsx
index 3ef11d447317..fad30dc59cd6 100644
--- a/examples/multi-level-menu/src/pages/categories/edit.tsx
+++ b/examples/multi-level-menu/src/pages/categories/edit.tsx
@@ -1,7 +1,7 @@
 import { Edit, useForm } from "@refinedev/antd";
 import { Checkbox, Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryEdit = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/multi-level-menu/src/pages/categories/list.tsx b/examples/multi-level-menu/src/pages/categories/list.tsx
index ab4487754a82..c558de4a4f18 100644
--- a/examples/multi-level-menu/src/pages/categories/list.tsx
+++ b/examples/multi-level-menu/src/pages/categories/list.tsx
@@ -7,7 +7,7 @@ import {
 } from "@refinedev/antd";
 import { Table, Space } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryList = () => {
   const { tableProps } = useTable<ICategory>();
diff --git a/examples/multi-level-menu/src/pages/posts/create.tsx b/examples/multi-level-menu/src/pages/posts/create.tsx
index 294b7c578802..1fe57f33609d 100644
--- a/examples/multi-level-menu/src/pages/posts/create.tsx
+++ b/examples/multi-level-menu/src/pages/posts/create.tsx
@@ -4,7 +4,7 @@ import { Form, Input, Select } from "antd";
 import { useForm, useSelect } from "@refinedev/antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/multi-level-menu/src/pages/posts/edit.tsx b/examples/multi-level-menu/src/pages/posts/edit.tsx
index 12c91f4b1943..7ca6d24dfb74 100644
--- a/examples/multi-level-menu/src/pages/posts/edit.tsx
+++ b/examples/multi-level-menu/src/pages/posts/edit.tsx
@@ -4,7 +4,7 @@ import { Form, Input, Select } from "antd";
 import { useForm, useSelect } from "@refinedev/antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>({
diff --git a/examples/multi-level-menu/src/pages/posts/list.tsx b/examples/multi-level-menu/src/pages/posts/list.tsx
index e60d4e65bf1a..2a43f52f41eb 100644
--- a/examples/multi-level-menu/src/pages/posts/list.tsx
+++ b/examples/multi-level-menu/src/pages/posts/list.tsx
@@ -10,7 +10,7 @@ import {
 import { Table, Space, Select, Radio } from "antd";
 import { useTable, useSelect } from "@refinedev/antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, filters } = useTable<IPost>();
diff --git a/examples/multi-level-menu/src/pages/posts/show.tsx b/examples/multi-level-menu/src/pages/posts/show.tsx
index 17fea85a5eb6..6d41853130ca 100644
--- a/examples/multi-level-menu/src/pages/posts/show.tsx
+++ b/examples/multi-level-menu/src/pages/posts/show.tsx
@@ -2,7 +2,7 @@ import { useShow, useOne } from "@refinedev/core";
 import { Show, MarkdownField } from "@refinedev/antd";
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/multi-level-menu/src/pages/users/create.tsx b/examples/multi-level-menu/src/pages/users/create.tsx
index 8c8e12a926b0..52c3141578e7 100644
--- a/examples/multi-level-menu/src/pages/users/create.tsx
+++ b/examples/multi-level-menu/src/pages/users/create.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { Create, useForm } from "@refinedev/antd";
 import { Form, Input } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 export const UserCreate = () => {
   const { formProps, saveButtonProps } = useForm<IUser>();
diff --git a/examples/multi-level-menu/src/pages/users/edit.tsx b/examples/multi-level-menu/src/pages/users/edit.tsx
index d7468d55dcba..5c76420b12ed 100644
--- a/examples/multi-level-menu/src/pages/users/edit.tsx
+++ b/examples/multi-level-menu/src/pages/users/edit.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { Edit, useForm } from "@refinedev/antd";
 import { Form, Input } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 export const UserEdit = () => {
   const { formProps, saveButtonProps } = useForm<IUser>();
diff --git a/examples/multi-level-menu/src/pages/users/list.tsx b/examples/multi-level-menu/src/pages/users/list.tsx
index ee10005680d4..52748d304be9 100644
--- a/examples/multi-level-menu/src/pages/users/list.tsx
+++ b/examples/multi-level-menu/src/pages/users/list.tsx
@@ -8,7 +8,7 @@ import {
 } from "@refinedev/antd";
 import { Table, Space } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 export const UserList = () => {
   const { tableProps } = useTable<IUser>();
diff --git a/examples/multi-level-menu/src/pages/users/show.tsx b/examples/multi-level-menu/src/pages/users/show.tsx
index 30f3c8eb1274..bd987923a34f 100644
--- a/examples/multi-level-menu/src/pages/users/show.tsx
+++ b/examples/multi-level-menu/src/pages/users/show.tsx
@@ -2,7 +2,7 @@ import { useShow } from "@refinedev/core";
 import { Show, EmailField, ImageField } from "@refinedev/antd";
 import { Typography, Space } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/multi-tenancy-appwrite/src/authProvider.ts b/examples/multi-tenancy-appwrite/src/authProvider.ts
index 49aa985ce30d..58f4fbc13061 100644
--- a/examples/multi-tenancy-appwrite/src/authProvider.ts
+++ b/examples/multi-tenancy-appwrite/src/authProvider.ts
@@ -1,5 +1,5 @@
-import { AppwriteException } from "@refinedev/appwrite";
-import { AuthProvider } from "@refinedev/core";
+import type { AppwriteException } from "@refinedev/appwrite";
+import type { AuthProvider } from "@refinedev/core";
 
 import { account } from "./utility";
 
diff --git a/examples/multi-tenancy-appwrite/src/components/header/index.tsx b/examples/multi-tenancy-appwrite/src/components/header/index.tsx
index f3ee33de8cf2..70e4d0de9043 100644
--- a/examples/multi-tenancy-appwrite/src/components/header/index.tsx
+++ b/examples/multi-tenancy-appwrite/src/components/header/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Layout as AntdLayout, Typography, Avatar, Space, theme } from "antd";
 import { useActiveAuthProvider, useGetIdentity } from "@refinedev/core";
-import { RefineThemedLayoutV2HeaderProps } from "@refinedev/antd";
+import type { RefineThemedLayoutV2HeaderProps } from "@refinedev/antd";
 
 import { StoreSelect } from "../select";
 
diff --git a/examples/multi-tenancy-appwrite/src/components/product/create.tsx b/examples/multi-tenancy-appwrite/src/components/product/create.tsx
index a4651405e962..441772fc31ac 100644
--- a/examples/multi-tenancy-appwrite/src/components/product/create.tsx
+++ b/examples/multi-tenancy-appwrite/src/components/product/create.tsx
@@ -1,7 +1,14 @@
-import { Form, FormProps, Input, Upload, ModalProps, Modal } from "antd";
+import {
+  Form,
+  type FormProps,
+  Input,
+  Upload,
+  type ModalProps,
+  Modal,
+} from "antd";
 import { Permission, Role } from "@refinedev/appwrite";
 import { useParsed } from "@refinedev/core";
-import { RcFile } from "antd/lib/upload/interface";
+import type { RcFile } from "antd/lib/upload/interface";
 
 import { normalizeFile, storage } from "../../utility";
 
diff --git a/examples/multi-tenancy-appwrite/src/components/product/edit.tsx b/examples/multi-tenancy-appwrite/src/components/product/edit.tsx
index 1d68eef91f9e..c62a694a0a6a 100644
--- a/examples/multi-tenancy-appwrite/src/components/product/edit.tsx
+++ b/examples/multi-tenancy-appwrite/src/components/product/edit.tsx
@@ -1,6 +1,13 @@
 import { useParsed } from "@refinedev/core";
-import { RcFile } from "antd/lib/upload/interface";
-import { Modal, Form, Input, ModalProps, FormProps, Upload } from "antd";
+import type { RcFile } from "antd/lib/upload/interface";
+import {
+  Modal,
+  Form,
+  Input,
+  type ModalProps,
+  type FormProps,
+  Upload,
+} from "antd";
 
 import { normalizeFile, storage } from "../../utility";
 
diff --git a/examples/multi-tenancy-appwrite/src/components/product/item.tsx b/examples/multi-tenancy-appwrite/src/components/product/item.tsx
index d9f3100993e4..8c82e9cefd6b 100644
--- a/examples/multi-tenancy-appwrite/src/components/product/item.tsx
+++ b/examples/multi-tenancy-appwrite/src/components/product/item.tsx
@@ -2,7 +2,7 @@ import { ShowButton } from "@refinedev/antd";
 import { EditOutlined } from "@ant-design/icons";
 import { Card } from "antd";
 
-import { IProduct } from "../../interfaces";
+import type { IProduct } from "../../interfaces";
 
 type ProductItemProps = {
   item: IProduct;
diff --git a/examples/multi-tenancy-appwrite/src/components/product/show.tsx b/examples/multi-tenancy-appwrite/src/components/product/show.tsx
index e1e883ea3f3e..0c2fed59f9dc 100644
--- a/examples/multi-tenancy-appwrite/src/components/product/show.tsx
+++ b/examples/multi-tenancy-appwrite/src/components/product/show.tsx
@@ -2,7 +2,7 @@ import { useShow } from "@refinedev/core";
 import { Show, ImageField } from "@refinedev/antd";
 import { Typography, Space } from "antd";
 
-import { IProduct } from "../../interfaces";
+import type { IProduct } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/multi-tenancy-appwrite/src/components/select/index.tsx b/examples/multi-tenancy-appwrite/src/components/select/index.tsx
index f4c9126fc11c..3a51fe148d6d 100644
--- a/examples/multi-tenancy-appwrite/src/components/select/index.tsx
+++ b/examples/multi-tenancy-appwrite/src/components/select/index.tsx
@@ -2,7 +2,7 @@ import { useSelect } from "@refinedev/antd";
 import { useGetToPath, useGo, useParsed } from "@refinedev/core";
 import { Select } from "antd";
 
-import { IStore } from "../../interfaces";
+import type { IStore } from "../../interfaces";
 import { resources } from "../../utility/appwriteClient";
 
 export const StoreSelect: React.FC = () => {
diff --git a/examples/multi-tenancy-appwrite/src/pages/orders/create.tsx b/examples/multi-tenancy-appwrite/src/pages/orders/create.tsx
index 6b4f729f15a1..d5c2b913dccd 100644
--- a/examples/multi-tenancy-appwrite/src/pages/orders/create.tsx
+++ b/examples/multi-tenancy-appwrite/src/pages/orders/create.tsx
@@ -1,8 +1,8 @@
-import { HttpError, useParsed } from "@refinedev/core";
+import { type HttpError, useParsed } from "@refinedev/core";
 import { Create, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select, InputNumber } from "antd";
 
-import { IOrder, IProduct } from "../../interfaces";
+import type { IOrder, IProduct } from "../../interfaces";
 import { resources } from "../../utility/appwriteClient";
 
 export const OrderCreate = () => {
diff --git a/examples/multi-tenancy-appwrite/src/pages/orders/edit.tsx b/examples/multi-tenancy-appwrite/src/pages/orders/edit.tsx
index d4c5cd93fe1f..bddc3ca5728d 100644
--- a/examples/multi-tenancy-appwrite/src/pages/orders/edit.tsx
+++ b/examples/multi-tenancy-appwrite/src/pages/orders/edit.tsx
@@ -2,7 +2,7 @@ import { useParsed } from "@refinedev/core";
 import { Edit, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select, InputNumber } from "antd";
 
-import { IOrder, IProduct } from "../../interfaces";
+import type { IOrder, IProduct } from "../../interfaces";
 import { resources } from "../../utility/appwriteClient";
 
 export const OrderEdit = () => {
diff --git a/examples/multi-tenancy-appwrite/src/pages/orders/list.tsx b/examples/multi-tenancy-appwrite/src/pages/orders/list.tsx
index 9b7366a51992..955f15d89d3b 100644
--- a/examples/multi-tenancy-appwrite/src/pages/orders/list.tsx
+++ b/examples/multi-tenancy-appwrite/src/pages/orders/list.tsx
@@ -10,7 +10,7 @@ import {
 } from "@refinedev/antd";
 import { Table, Space } from "antd";
 
-import { IOrder, IProduct } from "../../interfaces";
+import type { IOrder, IProduct } from "../../interfaces";
 import { resources } from "../../utility/appwriteClient";
 
 export const OrderList = () => {
diff --git a/examples/multi-tenancy-appwrite/src/pages/products/list.tsx b/examples/multi-tenancy-appwrite/src/pages/products/list.tsx
index 0a08ebf58347..a6951c316448 100644
--- a/examples/multi-tenancy-appwrite/src/pages/products/list.tsx
+++ b/examples/multi-tenancy-appwrite/src/pages/products/list.tsx
@@ -1,4 +1,4 @@
-import { HttpError, useParsed } from "@refinedev/core";
+import { type HttpError, useParsed } from "@refinedev/core";
 
 import {
   useSimpleList,
@@ -13,7 +13,7 @@ import {
   EditProduct,
   CreateProduct,
 } from "../../components/product";
-import { IProduct } from "../../interfaces";
+import type { IProduct } from "../../interfaces";
 import { resources } from "../../utility/appwriteClient";
 
 export const ProductList = () => {
diff --git a/examples/multi-tenancy-appwrite/src/utility/normalize.ts b/examples/multi-tenancy-appwrite/src/utility/normalize.ts
index 257d4584ff1b..937f48d542b3 100644
--- a/examples/multi-tenancy-appwrite/src/utility/normalize.ts
+++ b/examples/multi-tenancy-appwrite/src/utility/normalize.ts
@@ -1,4 +1,4 @@
-import { UploadFile } from "antd/lib/upload/interface";
+import type { UploadFile } from "antd/lib/upload/interface";
 
 interface UploadResponse {
   url: string;
diff --git a/examples/multi-tenancy-strapi/src/authProvider.ts b/examples/multi-tenancy-strapi/src/authProvider.ts
index f484c0d4168d..ae8620760f31 100644
--- a/examples/multi-tenancy-strapi/src/authProvider.ts
+++ b/examples/multi-tenancy-strapi/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { AuthHelper } from "@refinedev/strapi-v4";
 
 import { TOKEN_KEY, API_URL } from "./constants";
diff --git a/examples/multi-tenancy-strapi/src/components/header/index.tsx b/examples/multi-tenancy-strapi/src/components/header/index.tsx
index 4dee4aff02ef..29d7c3ce6d09 100644
--- a/examples/multi-tenancy-strapi/src/components/header/index.tsx
+++ b/examples/multi-tenancy-strapi/src/components/header/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Layout as AntdLayout, Typography, Avatar, Space, theme } from "antd";
 import { useGetIdentity } from "@refinedev/core";
-import { RefineThemedLayoutV2HeaderProps } from "@refinedev/antd";
+import type { RefineThemedLayoutV2HeaderProps } from "@refinedev/antd";
 
 import { StoreSelect } from "../select";
 
diff --git a/examples/multi-tenancy-strapi/src/components/product/create.tsx b/examples/multi-tenancy-strapi/src/components/product/create.tsx
index 2ad967732e79..0749bb3ae41b 100644
--- a/examples/multi-tenancy-strapi/src/components/product/create.tsx
+++ b/examples/multi-tenancy-strapi/src/components/product/create.tsx
@@ -1,6 +1,13 @@
 import { useParsed } from "@refinedev/core";
 import { mediaUploadMapper, getValueProps } from "@refinedev/strapi-v4";
-import { Form, FormProps, Input, Upload, ModalProps, Modal } from "antd";
+import {
+  Form,
+  type FormProps,
+  Input,
+  Upload,
+  type ModalProps,
+  Modal,
+} from "antd";
 
 import { TOKEN_KEY, API_URL } from "../../constants";
 
diff --git a/examples/multi-tenancy-strapi/src/components/product/edit.tsx b/examples/multi-tenancy-strapi/src/components/product/edit.tsx
index 7772400cbe8b..61653649e730 100644
--- a/examples/multi-tenancy-strapi/src/components/product/edit.tsx
+++ b/examples/multi-tenancy-strapi/src/components/product/edit.tsx
@@ -1,4 +1,11 @@
-import { Modal, Form, Input, ModalProps, FormProps, Upload } from "antd";
+import {
+  Modal,
+  Form,
+  Input,
+  type ModalProps,
+  type FormProps,
+  Upload,
+} from "antd";
 import { getValueProps, mediaUploadMapper } from "@refinedev/strapi-v4";
 
 import { TOKEN_KEY, API_URL } from "../../constants";
diff --git a/examples/multi-tenancy-strapi/src/components/product/item.tsx b/examples/multi-tenancy-strapi/src/components/product/item.tsx
index 5267666392c7..07456c572dbd 100644
--- a/examples/multi-tenancy-strapi/src/components/product/item.tsx
+++ b/examples/multi-tenancy-strapi/src/components/product/item.tsx
@@ -2,7 +2,7 @@ import { DeleteButton } from "@refinedev/antd";
 import { EditOutlined } from "@ant-design/icons";
 import { Card } from "antd";
 
-import { IProduct } from "../../interfaces";
+import type { IProduct } from "../../interfaces";
 import { API_URL } from "../../constants";
 
 type ProductItemProps = {
diff --git a/examples/multi-tenancy-strapi/src/components/select/index.tsx b/examples/multi-tenancy-strapi/src/components/select/index.tsx
index a3828474068c..8f72ba7f6a3d 100644
--- a/examples/multi-tenancy-strapi/src/components/select/index.tsx
+++ b/examples/multi-tenancy-strapi/src/components/select/index.tsx
@@ -2,7 +2,7 @@ import { useSelect } from "@refinedev/antd";
 import { Select } from "antd";
 import { useGetToPath, useGo, useParsed } from "@refinedev/core";
 
-import { IStore } from "../../interfaces";
+import type { IStore } from "../../interfaces";
 
 type SelectProps = {
   onSelect?: () => void;
diff --git a/examples/multi-tenancy-strapi/src/pages/order/create.tsx b/examples/multi-tenancy-strapi/src/pages/order/create.tsx
index 9e8177ee65af..205e5cef46da 100644
--- a/examples/multi-tenancy-strapi/src/pages/order/create.tsx
+++ b/examples/multi-tenancy-strapi/src/pages/order/create.tsx
@@ -1,8 +1,8 @@
-import { HttpError, useParsed } from "@refinedev/core";
+import { type HttpError, useParsed } from "@refinedev/core";
 import { Create, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select, InputNumber } from "antd";
 
-import { IOrder, IOrderForm, IProduct } from "../../interfaces";
+import type { IOrder, IOrderForm, IProduct } from "../../interfaces";
 
 export const OrderCreate = () => {
   const { params } = useParsed<{ tenant: string }>();
diff --git a/examples/multi-tenancy-strapi/src/pages/order/edit.tsx b/examples/multi-tenancy-strapi/src/pages/order/edit.tsx
index eba8daa7cf9f..5054ed6cf2c4 100644
--- a/examples/multi-tenancy-strapi/src/pages/order/edit.tsx
+++ b/examples/multi-tenancy-strapi/src/pages/order/edit.tsx
@@ -1,8 +1,8 @@
-import { HttpError, useParsed } from "@refinedev/core";
+import { type HttpError, useParsed } from "@refinedev/core";
 import { useForm, useSelect, Edit } from "@refinedev/antd";
 import { Form, Input, Select, InputNumber } from "antd";
 
-import { IOrder, IProduct } from "../../interfaces";
+import type { IOrder, IProduct } from "../../interfaces";
 
 export const OrderEdit = () => {
   const { params } = useParsed<{ tenant: string }>();
diff --git a/examples/multi-tenancy-strapi/src/pages/order/list.tsx b/examples/multi-tenancy-strapi/src/pages/order/list.tsx
index e481e1d0ba27..0b9776e09bef 100644
--- a/examples/multi-tenancy-strapi/src/pages/order/list.tsx
+++ b/examples/multi-tenancy-strapi/src/pages/order/list.tsx
@@ -10,7 +10,7 @@ import {
 } from "@refinedev/antd";
 import { Table, Space } from "antd";
 
-import { IOrder } from "../../interfaces";
+import type { IOrder } from "../../interfaces";
 import { API_URL } from "../../constants";
 
 export const OrderList = () => {
diff --git a/examples/multi-tenancy-strapi/src/pages/product/list.tsx b/examples/multi-tenancy-strapi/src/pages/product/list.tsx
index fed63326cf7c..2f0b911a2c11 100644
--- a/examples/multi-tenancy-strapi/src/pages/product/list.tsx
+++ b/examples/multi-tenancy-strapi/src/pages/product/list.tsx
@@ -1,4 +1,4 @@
-import { HttpError, useParsed } from "@refinedev/core";
+import { type HttpError, useParsed } from "@refinedev/core";
 import {
   useSimpleList,
   useModalForm,
@@ -12,7 +12,7 @@ import {
   CreateProduct,
   EditProduct,
 } from "../../components/product";
-import { IProduct } from "../../interfaces";
+import type { IProduct } from "../../interfaces";
 
 export const ProductList = () => {
   const { params } = useParsed<{ tenant: string }>();
diff --git a/examples/new-routing-example/src/pages/posts/create.tsx b/examples/new-routing-example/src/pages/posts/create.tsx
index 61b523bcca41..02a3405b3b2e 100644
--- a/examples/new-routing-example/src/pages/posts/create.tsx
+++ b/examples/new-routing-example/src/pages/posts/create.tsx
@@ -3,7 +3,7 @@ import { Create, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/new-routing-example/src/pages/posts/edit.tsx b/examples/new-routing-example/src/pages/posts/edit.tsx
index 650c47e1ccd4..f66824f924bf 100644
--- a/examples/new-routing-example/src/pages/posts/edit.tsx
+++ b/examples/new-routing-example/src/pages/posts/edit.tsx
@@ -3,7 +3,7 @@ import { Edit, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>({
diff --git a/examples/new-routing-example/src/pages/posts/list.tsx b/examples/new-routing-example/src/pages/posts/list.tsx
index a9b1c31c8dfb..53a965c2a1c1 100644
--- a/examples/new-routing-example/src/pages/posts/list.tsx
+++ b/examples/new-routing-example/src/pages/posts/list.tsx
@@ -11,7 +11,7 @@ import {
 } from "@refinedev/antd";
 import { Table, Space, Select, Radio } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, filters } = useTable<IPost>({
diff --git a/examples/new-routing-example/src/pages/posts/show.tsx b/examples/new-routing-example/src/pages/posts/show.tsx
index 17fea85a5eb6..6d41853130ca 100644
--- a/examples/new-routing-example/src/pages/posts/show.tsx
+++ b/examples/new-routing-example/src/pages/posts/show.tsx
@@ -2,7 +2,7 @@ import { useShow, useOne } from "@refinedev/core";
 import { Show, MarkdownField } from "@refinedev/antd";
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/pixels-admin/src/components/canvas/item.tsx b/examples/pixels-admin/src/components/canvas/item.tsx
index ffd05e1d5aa7..ea00435e43b0 100644
--- a/examples/pixels-admin/src/components/canvas/item.tsx
+++ b/examples/pixels-admin/src/components/canvas/item.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import { TPixel, TCanvas } from "../../types";
+import type { TPixel, TCanvas } from "../../types";
 import { DEFAULT_SCALE, PIXEL_SIZE } from "../../utility/constants";
 
 type CanvasItemProps = {
diff --git a/examples/pixels-admin/src/components/layout/title/index.tsx b/examples/pixels-admin/src/components/layout/title/index.tsx
index a56353ed7e78..54a2f17ec0a0 100644
--- a/examples/pixels-admin/src/components/layout/title/index.tsx
+++ b/examples/pixels-admin/src/components/layout/title/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { TitleProps } from "@refinedev/core";
+import type { TitleProps } from "@refinedev/core";
 import { Link } from "react-router-dom";
 
 export const Title: React.FC<TitleProps> = ({ collapsed }) => (
diff --git a/examples/pixels-admin/src/components/logs/list.tsx b/examples/pixels-admin/src/components/logs/list.tsx
index d0717b4c5b64..c2f053d2774b 100644
--- a/examples/pixels-admin/src/components/logs/list.tsx
+++ b/examples/pixels-admin/src/components/logs/list.tsx
@@ -2,7 +2,7 @@ import { useLogList } from "@refinedev/core";
 import { Avatar, List as AntdList, Typography } from "antd";
 
 import { formattedDate, timeFromNow } from "../../utility/time";
-import { TCanvas } from "../../types";
+import type { TCanvas } from "../../types";
 
 type TLogListProps = {
   currentCanvas: TCanvas | {};
diff --git a/examples/pixels-admin/src/pages/auth/index.tsx b/examples/pixels-admin/src/pages/auth/index.tsx
index ffa97ba85ec4..384302ffa261 100644
--- a/examples/pixels-admin/src/pages/auth/index.tsx
+++ b/examples/pixels-admin/src/pages/auth/index.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Link } from "react-router-dom";
-import { AuthPage as AntdAuthPage, AuthProps } from "@refinedev/antd";
+import { AuthPage as AntdAuthPage, type AuthProps } from "@refinedev/antd";
 import { Image } from "antd";
 
 import { StackBanner } from "../../components/banners";
diff --git a/examples/pixels-admin/src/pages/canvases/list.tsx b/examples/pixels-admin/src/pages/canvases/list.tsx
index a9db7f13d783..9554ee9283b1 100644
--- a/examples/pixels-admin/src/pages/canvases/list.tsx
+++ b/examples/pixels-admin/src/pages/canvases/list.tsx
@@ -8,7 +8,7 @@ import {
 } from "@refinedev/antd";
 import { Table, Form, Button, Space, Tag, Modal, Avatar } from "antd";
 
-import { TCanvas } from "../../types/canvas";
+import type { TCanvas } from "../../types/canvas";
 import { LogList } from "../../components/logs";
 import { CanvasItem } from "../../components/canvas";
 
diff --git a/examples/pixels-admin/src/pages/users/list.tsx b/examples/pixels-admin/src/pages/users/list.tsx
index af6b74331890..6c5e158cf4a9 100644
--- a/examples/pixels-admin/src/pages/users/list.tsx
+++ b/examples/pixels-admin/src/pages/users/list.tsx
@@ -2,7 +2,7 @@ import { useTable, List } from "@refinedev/antd";
 import { Table, Avatar } from "antd";
 import { UserOutlined } from "@ant-design/icons";
 
-import { TUser } from "../../types/user";
+import type { TUser } from "../../types/user";
 
 export const UserList = () => {
   const { tableProps } = useTable<TUser>();
diff --git a/examples/pixels-admin/src/providers/accessControlProvider.ts b/examples/pixels-admin/src/providers/accessControlProvider.ts
index ae3fe40ce71d..a725848a0022 100644
--- a/examples/pixels-admin/src/providers/accessControlProvider.ts
+++ b/examples/pixels-admin/src/providers/accessControlProvider.ts
@@ -1,5 +1,5 @@
 import { newEnforcer } from "casbin";
-import { CanParams, CanReturnType } from "@refinedev/core";
+import type { CanParams, CanReturnType } from "@refinedev/core";
 
 import { adapter, model } from "../casbin/accessControl";
 import { authProvider } from "./authProvider";
diff --git a/examples/pixels-admin/src/providers/auditLogProvider.ts b/examples/pixels-admin/src/providers/auditLogProvider.ts
index 861254442164..a2af7e408655 100644
--- a/examples/pixels-admin/src/providers/auditLogProvider.ts
+++ b/examples/pixels-admin/src/providers/auditLogProvider.ts
@@ -1,4 +1,4 @@
-import { AuditLogProvider } from "@refinedev/core";
+import type { AuditLogProvider } from "@refinedev/core";
 import { dataProvider } from "@refinedev/supabase";
 
 import { supabaseClient } from "../utility";
diff --git a/examples/pixels-admin/src/providers/authProvider.ts b/examples/pixels-admin/src/providers/authProvider.ts
index cbf76da8a93d..4accb9d6d38c 100644
--- a/examples/pixels-admin/src/providers/authProvider.ts
+++ b/examples/pixels-admin/src/providers/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 import { supabaseClient } from "../utility";
 
diff --git a/examples/pixels-admin/src/types/canvas.ts b/examples/pixels-admin/src/types/canvas.ts
index 41d166d139c9..59ac5ea82d86 100644
--- a/examples/pixels-admin/src/types/canvas.ts
+++ b/examples/pixels-admin/src/types/canvas.ts
@@ -1,4 +1,4 @@
-import { TPixel } from "./pixel";
+import type { TPixel } from "./pixel";
 
 export type TCanvas = {
   id: string;
diff --git a/examples/pixels/src/components/avatar/avatar-panel.tsx b/examples/pixels/src/components/avatar/avatar-panel.tsx
index 7079811b7227..eb85f3817a6e 100644
--- a/examples/pixels/src/components/avatar/avatar-panel.tsx
+++ b/examples/pixels/src/components/avatar/avatar-panel.tsx
@@ -3,7 +3,7 @@ import { UserOutlined } from "@ant-design/icons";
 import { Typography, Space, Avatar } from "antd";
 
 import { getUniqueContributorsAvatarURL } from "../../utility";
-import { Pixel } from "../../types";
+import type { Pixel } from "../../types";
 
 const { Title } = Typography;
 
diff --git a/examples/pixels/src/components/avatar/contributors.tsx b/examples/pixels/src/components/avatar/contributors.tsx
index 1ff741ad163f..3adffcbfb054 100644
--- a/examples/pixels/src/components/avatar/contributors.tsx
+++ b/examples/pixels/src/components/avatar/contributors.tsx
@@ -3,7 +3,7 @@ import { UserOutlined } from "@ant-design/icons";
 import { Avatar } from "antd";
 
 import { getUniqueContributorsAvatarURL } from "../../utility";
-import { Pixel } from "../../types";
+import type { Pixel } from "../../types";
 
 type ContributorsProps = {
   pixels: Pixel[];
diff --git a/examples/pixels/src/components/canvas/create.tsx b/examples/pixels/src/components/canvas/create.tsx
index 08bb31c6231a..bcd6b82f670d 100644
--- a/examples/pixels/src/components/canvas/create.tsx
+++ b/examples/pixels/src/components/canvas/create.tsx
@@ -1,9 +1,16 @@
 import React, { useState } from "react";
 import { useGetIdentity } from "@refinedev/core";
-import { Form, FormProps, Input, Modal, ModalProps, Radio } from "antd";
+import {
+  Form,
+  type FormProps,
+  Input,
+  Modal,
+  type ModalProps,
+  Radio,
+} from "antd";
 
 import { getRandomName, DEFAULT_CANVAS_SIZE } from "../../utility";
-import { User } from "../../types";
+import type { User } from "../../types";
 
 type CreateCanvasProps = {
   modalProps: ModalProps;
diff --git a/examples/pixels/src/components/canvas/display.tsx b/examples/pixels/src/components/canvas/display.tsx
index 7838bc7e28be..59346ed8fdbd 100644
--- a/examples/pixels/src/components/canvas/display.tsx
+++ b/examples/pixels/src/components/canvas/display.tsx
@@ -1,8 +1,8 @@
-import React, { ReactElement } from "react";
+import React, { type ReactElement } from "react";
 import { useList } from "@refinedev/core";
 
-import { Canvas } from "../../types/canvas";
-import { Pixel } from "../../types/pixel";
+import type { Canvas } from "../../types/canvas";
+import type { Pixel } from "../../types/pixel";
 
 type DisplayCanvasProps = {
   canvas: Canvas;
diff --git a/examples/pixels/src/components/canvas/item.tsx b/examples/pixels/src/components/canvas/item.tsx
index 42c423668874..dc3aca162fc0 100644
--- a/examples/pixels/src/components/canvas/item.tsx
+++ b/examples/pixels/src/components/canvas/item.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Typography } from "antd";
 
-import { Pixel, Canvas } from "../../types";
+import type { Pixel, Canvas } from "../../types";
 import { DEFAULT_SCALE, PIXEL_SIZE } from "../../utility/constants";
 
 const { Text } = Typography;
diff --git a/examples/pixels/src/components/canvas/tile.tsx b/examples/pixels/src/components/canvas/tile.tsx
index c1d2e81d424a..17bd23cc72b7 100644
--- a/examples/pixels/src/components/canvas/tile.tsx
+++ b/examples/pixels/src/components/canvas/tile.tsx
@@ -4,7 +4,7 @@ import { Skeleton } from "antd";
 
 import { CanvasItem, DisplayCanvas } from "./index";
 import { Contributors } from "../../components/avatar";
-import { Canvas } from "../../types";
+import type { Canvas } from "../../types";
 
 type CanvasTileProps = {
   canvas: Canvas;
diff --git a/examples/pixels/src/components/layout/header/index.tsx b/examples/pixels/src/components/layout/header/index.tsx
index cc649be43deb..54315b4fca31 100644
--- a/examples/pixels/src/components/layout/header/index.tsx
+++ b/examples/pixels/src/components/layout/header/index.tsx
@@ -17,7 +17,7 @@ import {
 import { Button, Image, Space } from "antd";
 
 import { CreateCanvas } from "../../../components/canvas";
-import { Canvas } from "../../../types";
+import type { Canvas } from "../../../types";
 
 export const Header: React.FC = () => {
   const { data } = useIsAuthenticated();
diff --git a/examples/pixels/src/components/layout/layout/index.tsx b/examples/pixels/src/components/layout/layout/index.tsx
index 1cd902bbb916..0ad274df8844 100644
--- a/examples/pixels/src/components/layout/layout/index.tsx
+++ b/examples/pixels/src/components/layout/layout/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { LayoutProps } from "@refinedev/core";
+import type { LayoutProps } from "@refinedev/core";
 import { Layout as AntdLayout } from "antd";
 
 import { Header } from "../../../components/layout";
diff --git a/examples/pixels/src/pages/auth/index.tsx b/examples/pixels/src/pages/auth/index.tsx
index 5b33f69f8c54..2685dc651fc5 100644
--- a/examples/pixels/src/pages/auth/index.tsx
+++ b/examples/pixels/src/pages/auth/index.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { AuthPage as AntdAuthPage, AuthProps } from "@refinedev/antd";
+import { AuthPage as AntdAuthPage, type AuthProps } from "@refinedev/antd";
 import { Link } from "react-router-dom";
 import { Image } from "antd";
 
diff --git a/examples/pixels/src/pages/canvases/featured-list.tsx b/examples/pixels/src/pages/canvases/featured-list.tsx
index 08e93aade495..60a5e75f597c 100644
--- a/examples/pixels/src/pages/canvases/featured-list.tsx
+++ b/examples/pixels/src/pages/canvases/featured-list.tsx
@@ -3,7 +3,7 @@ import { List, Skeleton } from "antd";
 
 import { CanvasTile } from "../../components/canvas";
 import { SponsorsBanner } from "../../components/banners";
-import { Canvas } from "../../types";
+import type { Canvas } from "../../types";
 
 export const CanvasFeaturedList: React.FC = () => {
   const { listProps, queryResult } = useSimpleList<Canvas>({
diff --git a/examples/pixels/src/pages/canvases/list.tsx b/examples/pixels/src/pages/canvases/list.tsx
index 6dc4eca19751..d541e3803fc1 100644
--- a/examples/pixels/src/pages/canvases/list.tsx
+++ b/examples/pixels/src/pages/canvases/list.tsx
@@ -3,7 +3,7 @@ import { List, Skeleton } from "antd";
 
 import { CanvasTile } from "../../components/canvas";
 import { SponsorsBanner } from "../../components/banners";
-import { Canvas } from "../../types";
+import type { Canvas } from "../../types";
 
 export const CanvasList: React.FC = () => {
   const { listProps, queryResult } = useSimpleList<Canvas>({
diff --git a/examples/pixels/src/pages/canvases/show.tsx b/examples/pixels/src/pages/canvases/show.tsx
index 4eac70fb3613..ede9adc9c85b 100644
--- a/examples/pixels/src/pages/canvases/show.tsx
+++ b/examples/pixels/src/pages/canvases/show.tsx
@@ -15,8 +15,8 @@ import { Button, Typography, Spin, Modal } from "antd";
 import { CanvasItem, DisplayCanvas } from "../../components/canvas";
 import { ColorSelect } from "../../components/color-select";
 import { AvatarPanel } from "../../components/avatar";
-import { colors } from "../../utility";
-import { Canvas } from "../../types";
+import type { colors } from "../../utility";
+import type { Canvas } from "../../types";
 import { LogList } from "../../components/logs";
 
 const { Title } = Typography;
diff --git a/examples/pixels/src/providers/auditLogProvider.ts b/examples/pixels/src/providers/auditLogProvider.ts
index 861254442164..a2af7e408655 100644
--- a/examples/pixels/src/providers/auditLogProvider.ts
+++ b/examples/pixels/src/providers/auditLogProvider.ts
@@ -1,4 +1,4 @@
-import { AuditLogProvider } from "@refinedev/core";
+import type { AuditLogProvider } from "@refinedev/core";
 import { dataProvider } from "@refinedev/supabase";
 
 import { supabaseClient } from "../utility";
diff --git a/examples/pixels/src/providers/authProvider.ts b/examples/pixels/src/providers/authProvider.ts
index 91186a999053..f5cb74382f40 100644
--- a/examples/pixels/src/providers/authProvider.ts
+++ b/examples/pixels/src/providers/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 import { supabaseClient } from "../utility";
 
diff --git a/examples/pixels/src/utility/get-unique-contributors-avatar-url.ts b/examples/pixels/src/utility/get-unique-contributors-avatar-url.ts
index 21076dfeedc9..c9dbd9dd0e23 100644
--- a/examples/pixels/src/utility/get-unique-contributors-avatar-url.ts
+++ b/examples/pixels/src/utility/get-unique-contributors-avatar-url.ts
@@ -1,4 +1,4 @@
-import { Pixel } from "../types/pixel";
+import type { Pixel } from "../types/pixel";
 
 export const getUniqueContributorsAvatarURL = (pixels: Pixel[] | undefined) => {
   const contributorsAvatar = pixels?.map(
diff --git a/examples/pixels/src/utility/get-user-query-ids.ts b/examples/pixels/src/utility/get-user-query-ids.ts
index 9f212fce36b4..c7d3af824e9f 100644
--- a/examples/pixels/src/utility/get-user-query-ids.ts
+++ b/examples/pixels/src/utility/get-user-query-ids.ts
@@ -1,4 +1,4 @@
-import { Pixel } from "../types/pixel";
+import type { Pixel } from "../types/pixel";
 
 export const getUserQueryIds = (pixels: Pixel[] | undefined): string[] => {
   const ids: string[] | undefined = pixels?.map((pixel: any) => pixel.user_id);
diff --git a/examples/refine-week-invoice-generator/src/authProvider.ts b/examples/refine-week-invoice-generator/src/authProvider.ts
index 8adb065b2092..9c96bc5979e7 100644
--- a/examples/refine-week-invoice-generator/src/authProvider.ts
+++ b/examples/refine-week-invoice-generator/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { AuthHelper } from "@refinedev/strapi-v4";
 
 import { API_URL, TOKEN_KEY } from "./constants";
diff --git a/examples/refine-week-invoice-generator/src/components/client/create.tsx b/examples/refine-week-invoice-generator/src/components/client/create.tsx
index 1a95ffb83c72..c92c3752a8c4 100755
--- a/examples/refine-week-invoice-generator/src/components/client/create.tsx
+++ b/examples/refine-week-invoice-generator/src/components/client/create.tsx
@@ -2,17 +2,17 @@ import { Create, useSelect, useModalForm } from "@refinedev/antd";
 
 import {
   Drawer,
-  DrawerProps,
+  type DrawerProps,
   Form,
-  FormProps,
+  type FormProps,
   Input,
-  ButtonProps,
+  type ButtonProps,
   Grid,
   Select,
   Button,
 } from "antd";
 
-import { IContact } from "../../interfaces";
+import type { IContact } from "../../interfaces";
 import { CreateContact } from "../../components/contact";
 
 type CreateClientProps = {
diff --git a/examples/refine-week-invoice-generator/src/components/client/edit.tsx b/examples/refine-week-invoice-generator/src/components/client/edit.tsx
index f63de06cdcd3..ce2df568bfdf 100755
--- a/examples/refine-week-invoice-generator/src/components/client/edit.tsx
+++ b/examples/refine-week-invoice-generator/src/components/client/edit.tsx
@@ -1,15 +1,15 @@
 import { Edit, useSelect } from "@refinedev/antd";
 import {
   Drawer,
-  DrawerProps,
+  type DrawerProps,
   Form,
-  FormProps,
+  type FormProps,
   Input,
-  ButtonProps,
+  type ButtonProps,
   Grid,
   Select,
 } from "antd";
-import { IClient, IContact } from "../../interfaces";
+import type { IClient, IContact } from "../../interfaces";
 
 type EditClientProps = {
   drawerProps: DrawerProps;
diff --git a/examples/refine-week-invoice-generator/src/components/company/create.tsx b/examples/refine-week-invoice-generator/src/components/company/create.tsx
index 47ee3d1fdb71..d13c3a95b0f4 100755
--- a/examples/refine-week-invoice-generator/src/components/company/create.tsx
+++ b/examples/refine-week-invoice-generator/src/components/company/create.tsx
@@ -1,5 +1,13 @@
 import { useApiUrl } from "@refinedev/core";
-import { Modal, Form, Input, Grid, ModalProps, FormProps, Upload } from "antd";
+import {
+  Modal,
+  Form,
+  Input,
+  Grid,
+  type ModalProps,
+  type FormProps,
+  Upload,
+} from "antd";
 
 import { getValueProps, mediaUploadMapper } from "@refinedev/strapi-v4";
 
diff --git a/examples/refine-week-invoice-generator/src/components/company/edit.tsx b/examples/refine-week-invoice-generator/src/components/company/edit.tsx
index 9212737326ac..301cd1522a08 100755
--- a/examples/refine-week-invoice-generator/src/components/company/edit.tsx
+++ b/examples/refine-week-invoice-generator/src/components/company/edit.tsx
@@ -1,4 +1,12 @@
-import { Modal, Form, Input, Grid, ModalProps, FormProps, Upload } from "antd";
+import {
+  Modal,
+  Form,
+  Input,
+  Grid,
+  type ModalProps,
+  type FormProps,
+  Upload,
+} from "antd";
 import { getValueProps, mediaUploadMapper } from "@refinedev/strapi-v4";
 
 import { TOKEN_KEY, API_URL } from "../../constants";
diff --git a/examples/refine-week-invoice-generator/src/components/contact/create.tsx b/examples/refine-week-invoice-generator/src/components/contact/create.tsx
index 224c728423f7..25e16a040099 100755
--- a/examples/refine-week-invoice-generator/src/components/contact/create.tsx
+++ b/examples/refine-week-invoice-generator/src/components/contact/create.tsx
@@ -1,5 +1,13 @@
 import { useSelect } from "@refinedev/antd";
-import { Form, Modal, Input, ModalProps, FormProps, Select, Grid } from "antd";
+import {
+  Form,
+  Modal,
+  Input,
+  type ModalProps,
+  type FormProps,
+  Select,
+  Grid,
+} from "antd";
 
 type CreateContactProps = {
   modalProps: ModalProps;
diff --git a/examples/refine-week-invoice-generator/src/components/mission/create.tsx b/examples/refine-week-invoice-generator/src/components/mission/create.tsx
index 0e3fc7182902..b326bdd4764c 100755
--- a/examples/refine-week-invoice-generator/src/components/mission/create.tsx
+++ b/examples/refine-week-invoice-generator/src/components/mission/create.tsx
@@ -1,4 +1,11 @@
-import { Form, Input, ModalProps, FormProps, Modal, InputNumber } from "antd";
+import {
+  Form,
+  Input,
+  type ModalProps,
+  type FormProps,
+  Modal,
+  InputNumber,
+} from "antd";
 
 type CreateMissionProps = {
   modalProps: ModalProps;
diff --git a/examples/refine-week-invoice-generator/src/components/mission/edit.tsx b/examples/refine-week-invoice-generator/src/components/mission/edit.tsx
index 9eea2fa659de..3d391a9d4203 100755
--- a/examples/refine-week-invoice-generator/src/components/mission/edit.tsx
+++ b/examples/refine-week-invoice-generator/src/components/mission/edit.tsx
@@ -1,4 +1,11 @@
-import { Form, Input, ModalProps, FormProps, Modal, InputNumber } from "antd";
+import {
+  Form,
+  Input,
+  type ModalProps,
+  type FormProps,
+  Modal,
+  InputNumber,
+} from "antd";
 
 type EditMissionProps = {
   modalProps: ModalProps;
diff --git a/examples/refine-week-invoice-generator/src/components/pdf/pdfLayout.tsx b/examples/refine-week-invoice-generator/src/components/pdf/pdfLayout.tsx
index edfdbd9ed7db..57df747f5acd 100755
--- a/examples/refine-week-invoice-generator/src/components/pdf/pdfLayout.tsx
+++ b/examples/refine-week-invoice-generator/src/components/pdf/pdfLayout.tsx
@@ -8,7 +8,7 @@ import {
   PDFViewer,
 } from "@react-pdf/renderer";
 
-import { IInvoice } from "../../interfaces";
+import type { IInvoice } from "../../interfaces";
 import { API_URL } from "../../constants";
 
 type PdfProps = {
diff --git a/examples/refine-week-invoice-generator/src/contexts/color-mode/index.tsx b/examples/refine-week-invoice-generator/src/contexts/color-mode/index.tsx
index 43bd92ff52fb..064dd69b7431 100644
--- a/examples/refine-week-invoice-generator/src/contexts/color-mode/index.tsx
+++ b/examples/refine-week-invoice-generator/src/contexts/color-mode/index.tsx
@@ -1,5 +1,10 @@
 import { ConfigProvider, theme, App as AntdApp } from "antd";
-import { PropsWithChildren, createContext, useEffect, useState } from "react";
+import {
+  type PropsWithChildren,
+  createContext,
+  useEffect,
+  useState,
+} from "react";
 
 import { RefineThemes } from "@refinedev/antd";
 
diff --git a/examples/refine-week-invoice-generator/src/pages/clients/list.tsx b/examples/refine-week-invoice-generator/src/pages/clients/list.tsx
index cd85262446bd..57114d06173c 100755
--- a/examples/refine-week-invoice-generator/src/pages/clients/list.tsx
+++ b/examples/refine-week-invoice-generator/src/pages/clients/list.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import {
   List,
   useDrawerForm,
@@ -10,7 +10,7 @@ import {
 } from "@refinedev/antd";
 import { Space, Table } from "antd";
 
-import { IClient, IContact } from "../../interfaces";
+import { type IClient, IContact } from "../../interfaces";
 import { CreateClient, EditClient } from "../../components/client";
 
 export const ClientList = () => {
diff --git a/examples/refine-week-invoice-generator/src/pages/companies/list.tsx b/examples/refine-week-invoice-generator/src/pages/companies/list.tsx
index 9f3e2a1f09a7..85bd1fd56151 100755
--- a/examples/refine-week-invoice-generator/src/pages/companies/list.tsx
+++ b/examples/refine-week-invoice-generator/src/pages/companies/list.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import {
   List,
   useModalForm,
@@ -8,7 +8,7 @@ import {
 } from "@refinedev/antd";
 import { Space, Table } from "antd";
 
-import { ICompany } from "../../interfaces";
+import type { ICompany } from "../../interfaces";
 import { CreateCompany, EditCompany } from "../../components/company";
 import { API_URL } from "../../constants";
 
diff --git a/examples/refine-week-invoice-generator/src/pages/contacts/edit.tsx b/examples/refine-week-invoice-generator/src/pages/contacts/edit.tsx
index b75b323f15d1..18c31944a16b 100755
--- a/examples/refine-week-invoice-generator/src/pages/contacts/edit.tsx
+++ b/examples/refine-week-invoice-generator/src/pages/contacts/edit.tsx
@@ -1,7 +1,7 @@
 import { Edit, useForm, useSelect } from "@refinedev/antd";
 import { Form, Select, Input } from "antd";
 
-import { IContact } from "../../interfaces";
+import type { IContact } from "../../interfaces";
 
 export const EditContact = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IContact>({
diff --git a/examples/refine-week-invoice-generator/src/pages/contacts/list.tsx b/examples/refine-week-invoice-generator/src/pages/contacts/list.tsx
index f5e184ffd586..269fa8693f32 100755
--- a/examples/refine-week-invoice-generator/src/pages/contacts/list.tsx
+++ b/examples/refine-week-invoice-generator/src/pages/contacts/list.tsx
@@ -9,7 +9,7 @@ import {
 } from "@refinedev/antd";
 import { Table, Space } from "antd";
 
-import { IContact } from "../../interfaces";
+import type { IContact } from "../../interfaces";
 import { CreateContact } from "../../components/contact";
 
 export const ContactList: React.FC = () => {
diff --git a/examples/refine-week-invoice-generator/src/pages/invoices/create.tsx b/examples/refine-week-invoice-generator/src/pages/invoices/create.tsx
index ddb7978512ee..470d1acae256 100755
--- a/examples/refine-week-invoice-generator/src/pages/invoices/create.tsx
+++ b/examples/refine-week-invoice-generator/src/pages/invoices/create.tsx
@@ -1,7 +1,7 @@
 import { Create, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select, DatePicker } from "antd";
 
-import { ICompany, IContact, IMission, IInvoice } from "../../interfaces";
+import type { ICompany, IContact, IMission, IInvoice } from "../../interfaces";
 
 export const CreateInvoice = () => {
   const { formProps, saveButtonProps } = useForm<IInvoice>();
diff --git a/examples/refine-week-invoice-generator/src/pages/invoices/edit.tsx b/examples/refine-week-invoice-generator/src/pages/invoices/edit.tsx
index 6afa67ff5698..9b7deb56202b 100755
--- a/examples/refine-week-invoice-generator/src/pages/invoices/edit.tsx
+++ b/examples/refine-week-invoice-generator/src/pages/invoices/edit.tsx
@@ -1,7 +1,7 @@
 import { useForm, useSelect, Edit } from "@refinedev/antd";
 import { Form, Input, Select } from "antd";
 
-import { IInvoice, IMission } from "../../interfaces";
+import type { IInvoice, IMission } from "../../interfaces";
 
 export const EditInvoice = () => {
   const { formProps, saveButtonProps } = useForm<IInvoice>({
diff --git a/examples/refine-week-invoice-generator/src/pages/invoices/list.tsx b/examples/refine-week-invoice-generator/src/pages/invoices/list.tsx
index 301f04168008..7616e84f5f8f 100755
--- a/examples/refine-week-invoice-generator/src/pages/invoices/list.tsx
+++ b/examples/refine-week-invoice-generator/src/pages/invoices/list.tsx
@@ -14,7 +14,7 @@ import * as Icons from "@ant-design/icons";
 
 import { Table, Space, Button, Modal } from "antd";
 
-import { IInvoice, IMission } from "../../interfaces";
+import type { IInvoice, IMission } from "../../interfaces";
 import { PdfLayout } from "../../components/pdf";
 
 const { FilePdfOutlined } = Icons;
diff --git a/examples/refine-week-invoice-generator/src/pages/missions/list.tsx b/examples/refine-week-invoice-generator/src/pages/missions/list.tsx
index 9aa16d6f4238..498cde734256 100755
--- a/examples/refine-week-invoice-generator/src/pages/missions/list.tsx
+++ b/examples/refine-week-invoice-generator/src/pages/missions/list.tsx
@@ -7,7 +7,7 @@ import {
 } from "@refinedev/antd";
 import { Table } from "antd";
 
-import { IMission } from "../../interfaces";
+import type { IMission } from "../../interfaces";
 import { CreateMission, EditMission } from "../../components/mission";
 
 export const MissionList: React.FC = () => {
diff --git a/examples/search/src/components/header.tsx b/examples/search/src/components/header.tsx
index 83754eb59f47..a2df33232b88 100644
--- a/examples/search/src/components/header.tsx
+++ b/examples/search/src/components/header.tsx
@@ -5,7 +5,7 @@ import { Layout as AntdLayout, AutoComplete, Input, Typography } from "antd";
 import routerProvider from "@refinedev/react-router-v6/legacy";
 import debounce from "lodash/debounce";
 
-import { ICategory, IOptions, IPost } from "../interfaces";
+import type { ICategory, IOptions, IPost } from "../interfaces";
 
 const { Link } = routerProvider;
 const { Text } = Typography;
diff --git a/examples/search/src/pages/categories/create.tsx b/examples/search/src/pages/categories/create.tsx
index d12340561a45..657fe21cace2 100644
--- a/examples/search/src/pages/categories/create.tsx
+++ b/examples/search/src/pages/categories/create.tsx
@@ -1,7 +1,7 @@
 import { Create, useForm } from "@refinedev/antd";
 import { Checkbox, Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryCreate = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/search/src/pages/categories/edit.tsx b/examples/search/src/pages/categories/edit.tsx
index 3ef11d447317..fad30dc59cd6 100644
--- a/examples/search/src/pages/categories/edit.tsx
+++ b/examples/search/src/pages/categories/edit.tsx
@@ -1,7 +1,7 @@
 import { Edit, useForm } from "@refinedev/antd";
 import { Checkbox, Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryEdit = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/search/src/pages/categories/list.tsx b/examples/search/src/pages/categories/list.tsx
index 0d3fc8225e1e..660cb3ec3edd 100644
--- a/examples/search/src/pages/categories/list.tsx
+++ b/examples/search/src/pages/categories/list.tsx
@@ -7,7 +7,7 @@ import {
 } from "@refinedev/antd";
 import { Table, Space } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryList = () => {
   const { tableProps } = useTable<ICategory>();
diff --git a/examples/search/src/pages/categories/show.tsx b/examples/search/src/pages/categories/show.tsx
index d9b9374337ee..384f249dd890 100644
--- a/examples/search/src/pages/categories/show.tsx
+++ b/examples/search/src/pages/categories/show.tsx
@@ -2,7 +2,7 @@ import { useShow } from "@refinedev/core";
 import { Show } from "@refinedev/antd";
 import { Typography } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/search/src/pages/posts/create.tsx b/examples/search/src/pages/posts/create.tsx
index 61b523bcca41..02a3405b3b2e 100644
--- a/examples/search/src/pages/posts/create.tsx
+++ b/examples/search/src/pages/posts/create.tsx
@@ -3,7 +3,7 @@ import { Create, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/search/src/pages/posts/edit.tsx b/examples/search/src/pages/posts/edit.tsx
index 0d56bd295639..311aca1c7768 100644
--- a/examples/search/src/pages/posts/edit.tsx
+++ b/examples/search/src/pages/posts/edit.tsx
@@ -3,7 +3,7 @@ import { Edit, useForm, useSelect } from "@refinedev/antd";
 import { Form, Input, Select } from "antd";
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/search/src/pages/posts/list.tsx b/examples/search/src/pages/posts/list.tsx
index dd57f57eecb5..bb000cde06c8 100644
--- a/examples/search/src/pages/posts/list.tsx
+++ b/examples/search/src/pages/posts/list.tsx
@@ -9,7 +9,7 @@ import {
 } from "@refinedev/antd";
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/search/src/pages/posts/show.tsx b/examples/search/src/pages/posts/show.tsx
index 17fea85a5eb6..6d41853130ca 100644
--- a/examples/search/src/pages/posts/show.tsx
+++ b/examples/search/src/pages/posts/show.tsx
@@ -2,7 +2,7 @@ import { useShow, useOne } from "@refinedev/core";
 import { Show, MarkdownField } from "@refinedev/antd";
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/server-side-form-validation-antd/src/App.tsx b/examples/server-side-form-validation-antd/src/App.tsx
index 6de6bd4254b6..4648a4bdfb15 100644
--- a/examples/server-side-form-validation-antd/src/App.tsx
+++ b/examples/server-side-form-validation-antd/src/App.tsx
@@ -1,4 +1,4 @@
-import { GitHubBanner, HttpError, Refine } from "@refinedev/core";
+import { GitHubBanner, type HttpError, Refine } from "@refinedev/core";
 import {
   useNotificationProvider,
   ThemedLayoutV2,
diff --git a/examples/server-side-form-validation-antd/src/pages/posts/create.tsx b/examples/server-side-form-validation-antd/src/pages/posts/create.tsx
index d5a4e7edf4cc..886f1c38bece 100644
--- a/examples/server-side-form-validation-antd/src/pages/posts/create.tsx
+++ b/examples/server-side-form-validation-antd/src/pages/posts/create.tsx
@@ -5,7 +5,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/server-side-form-validation-antd/src/pages/posts/edit.tsx b/examples/server-side-form-validation-antd/src/pages/posts/edit.tsx
index cc3b1201ec31..a20f27ef247c 100644
--- a/examples/server-side-form-validation-antd/src/pages/posts/edit.tsx
+++ b/examples/server-side-form-validation-antd/src/pages/posts/edit.tsx
@@ -1,12 +1,12 @@
 import React from "react";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Edit, useForm, useSelect } from "@refinedev/antd";
 
 import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<
diff --git a/examples/server-side-form-validation-antd/src/pages/posts/list.tsx b/examples/server-side-form-validation-antd/src/pages/posts/list.tsx
index 80a517fa8ad5..f24b59adb00e 100644
--- a/examples/server-side-form-validation-antd/src/pages/posts/list.tsx
+++ b/examples/server-side-form-validation-antd/src/pages/posts/list.tsx
@@ -13,7 +13,7 @@ import {
 
 import { Table, Space, Select, Radio } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, filters } = useTable<IPost>({
diff --git a/examples/server-side-form-validation-antd/src/pages/posts/show.tsx b/examples/server-side-form-validation-antd/src/pages/posts/show.tsx
index ca5932bbb1c5..65573501d8d4 100644
--- a/examples/server-side-form-validation-antd/src/pages/posts/show.tsx
+++ b/examples/server-side-form-validation-antd/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/server-side-form-validation-chakra-ui/src/App.tsx b/examples/server-side-form-validation-chakra-ui/src/App.tsx
index d44dc39aa1a1..de9a6a115415 100644
--- a/examples/server-side-form-validation-chakra-ui/src/App.tsx
+++ b/examples/server-side-form-validation-chakra-ui/src/App.tsx
@@ -1,4 +1,4 @@
-import { GitHubBanner, HttpError, Refine } from "@refinedev/core";
+import { GitHubBanner, type HttpError, Refine } from "@refinedev/core";
 import {
   ErrorComponent,
   ThemedLayoutV2,
diff --git a/examples/server-side-form-validation-chakra-ui/src/components/pagination/index.tsx b/examples/server-side-form-validation-chakra-ui/src/components/pagination/index.tsx
index 2d2fc2239993..1f3c65d6ebb0 100644
--- a/examples/server-side-form-validation-chakra-ui/src/components/pagination/index.tsx
+++ b/examples/server-side-form-validation-chakra-ui/src/components/pagination/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HStack, Button, Box } from "@chakra-ui/react";
 import { IconChevronRight, IconChevronLeft } from "@tabler/icons-react";
 import { usePagination } from "@refinedev/chakra-ui";
diff --git a/examples/server-side-form-validation-chakra-ui/src/components/table/columnFilter.tsx b/examples/server-side-form-validation-chakra-ui/src/components/table/columnFilter.tsx
index 381c1ba966f8..23dd9b37808e 100644
--- a/examples/server-side-form-validation-chakra-ui/src/components/table/columnFilter.tsx
+++ b/examples/server-side-form-validation-chakra-ui/src/components/table/columnFilter.tsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/server-side-form-validation-chakra-ui/src/components/table/columnSorter.tsx b/examples/server-side-form-validation-chakra-ui/src/components/table/columnSorter.tsx
index fdf9c5be8139..f0a60ce2f472 100644
--- a/examples/server-side-form-validation-chakra-ui/src/components/table/columnSorter.tsx
+++ b/examples/server-side-form-validation-chakra-ui/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/server-side-form-validation-chakra-ui/src/interfaces/index.d.ts b/examples/server-side-form-validation-chakra-ui/src/interfaces/index.d.ts
index d57cb1a6fd8d..4ebdc7c91fa7 100644
--- a/examples/server-side-form-validation-chakra-ui/src/interfaces/index.d.ts
+++ b/examples/server-side-form-validation-chakra-ui/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/server-side-form-validation-chakra-ui/src/pages/posts/create.tsx b/examples/server-side-form-validation-chakra-ui/src/pages/posts/create.tsx
index 84793ecfcec6..85efe78a3c14 100644
--- a/examples/server-side-form-validation-chakra-ui/src/pages/posts/create.tsx
+++ b/examples/server-side-form-validation-chakra-ui/src/pages/posts/create.tsx
@@ -7,10 +7,10 @@ import {
   Select,
   Textarea,
 } from "@chakra-ui/react";
-import { HttpError, useSelect } from "@refinedev/core";
+import { type HttpError, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostCreate = () => {
   const {
diff --git a/examples/server-side-form-validation-chakra-ui/src/pages/posts/edit.tsx b/examples/server-side-form-validation-chakra-ui/src/pages/posts/edit.tsx
index 68fbda262814..7f5d33021f1d 100644
--- a/examples/server-side-form-validation-chakra-ui/src/pages/posts/edit.tsx
+++ b/examples/server-side-form-validation-chakra-ui/src/pages/posts/edit.tsx
@@ -8,10 +8,10 @@ import {
   Select,
   Textarea,
 } from "@chakra-ui/react";
-import { HttpError, useSelect } from "@refinedev/core";
+import { type HttpError, useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostEdit = () => {
   const {
diff --git a/examples/server-side-form-validation-chakra-ui/src/pages/posts/list.tsx b/examples/server-side-form-validation-chakra-ui/src/pages/posts/list.tsx
index af36dcc5dfdb..d898c0509dd9 100644
--- a/examples/server-side-form-validation-chakra-ui/src/pages/posts/list.tsx
+++ b/examples/server-side-form-validation-chakra-ui/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -25,7 +25,7 @@ import {
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
 import { Pagination } from "../../components/pagination";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/server-side-form-validation-chakra-ui/src/pages/posts/show.tsx b/examples/server-side-form-validation-chakra-ui/src/pages/posts/show.tsx
index ce9f525855d1..0959476f6458 100644
--- a/examples/server-side-form-validation-chakra-ui/src/pages/posts/show.tsx
+++ b/examples/server-side-form-validation-chakra-ui/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/chakra-ui";
 
 import { Heading, Text, Spacer } from "@chakra-ui/react";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/server-side-form-validation-mantine/src/App.tsx b/examples/server-side-form-validation-mantine/src/App.tsx
index 1a8a555562d7..d04d14e6ba3b 100644
--- a/examples/server-side-form-validation-mantine/src/App.tsx
+++ b/examples/server-side-form-validation-mantine/src/App.tsx
@@ -1,4 +1,4 @@
-import { GitHubBanner, HttpError, Refine } from "@refinedev/core";
+import { GitHubBanner, type HttpError, Refine } from "@refinedev/core";
 import {
   ThemedLayoutV2,
   ErrorComponent,
diff --git a/examples/server-side-form-validation-mantine/src/components/table/columnFilter.tsx b/examples/server-side-form-validation-mantine/src/components/table/columnFilter.tsx
index 86cad3cb69c0..17c6939949f5 100644
--- a/examples/server-side-form-validation-mantine/src/components/table/columnFilter.tsx
+++ b/examples/server-side-form-validation-mantine/src/components/table/columnFilter.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/server-side-form-validation-mantine/src/components/table/columnSorter.tsx b/examples/server-side-form-validation-mantine/src/components/table/columnSorter.tsx
index f71ed1bbd4ec..b2a74d55a35e 100644
--- a/examples/server-side-form-validation-mantine/src/components/table/columnSorter.tsx
+++ b/examples/server-side-form-validation-mantine/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/server-side-form-validation-mantine/src/interfaces/index.d.ts b/examples/server-side-form-validation-mantine/src/interfaces/index.d.ts
index 61e172973540..d8dbff1142b2 100644
--- a/examples/server-side-form-validation-mantine/src/interfaces/index.d.ts
+++ b/examples/server-side-form-validation-mantine/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ITag {
   id: number;
diff --git a/examples/server-side-form-validation-mantine/src/pages/posts/create.tsx b/examples/server-side-form-validation-mantine/src/pages/posts/create.tsx
index ec78aa156acd..a89c72ff1488 100644
--- a/examples/server-side-form-validation-mantine/src/pages/posts/create.tsx
+++ b/examples/server-side-form-validation-mantine/src/pages/posts/create.tsx
@@ -1,7 +1,7 @@
 import { Create, useForm, useSelect } from "@refinedev/mantine";
 import { Select, TextInput, Text, MultiSelect } from "@mantine/core";
 import MDEditor from "@uiw/react-md-editor";
-import { ITag } from "../../interfaces";
+import type { ITag } from "../../interfaces";
 
 export const PostCreate: React.FC = () => {
   const { saveButtonProps, getInputProps, errors } = useForm({
diff --git a/examples/server-side-form-validation-mantine/src/pages/posts/edit.tsx b/examples/server-side-form-validation-mantine/src/pages/posts/edit.tsx
index 406b4c2a8427..5ac718810a88 100644
--- a/examples/server-side-form-validation-mantine/src/pages/posts/edit.tsx
+++ b/examples/server-side-form-validation-mantine/src/pages/posts/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm, useSelect } from "@refinedev/mantine";
 import { Select, TextInput, Text, MultiSelect } from "@mantine/core";
 import MDEditor from "@uiw/react-md-editor";
 
-import { ICategory, ITag } from "../../interfaces";
+import type { ICategory, ITag } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/server-side-form-validation-mantine/src/pages/posts/list.tsx b/examples/server-side-form-validation-mantine/src/pages/posts/list.tsx
index 98ccc47eff7f..984b95a9a310 100644
--- a/examples/server-side-form-validation-mantine/src/pages/posts/list.tsx
+++ b/examples/server-side-form-validation-mantine/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -20,7 +20,7 @@ import {
 } from "@mantine/core";
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/server-side-form-validation-mantine/src/pages/posts/show.tsx b/examples/server-side-form-validation-mantine/src/pages/posts/show.tsx
index 908925df943c..90a0a0a8eafb 100644
--- a/examples/server-side-form-validation-mantine/src/pages/posts/show.tsx
+++ b/examples/server-side-form-validation-mantine/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/mantine";
 
 import { Title, Text, Badge, Flex } from "@mantine/core";
 
-import { ICategory, IPost, ITag } from "../../interfaces";
+import type { ICategory, IPost, ITag } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/server-side-form-validation-material-ui/src/App.tsx b/examples/server-side-form-validation-material-ui/src/App.tsx
index 675faffb7fb4..e5e1bd76aca3 100644
--- a/examples/server-side-form-validation-material-ui/src/App.tsx
+++ b/examples/server-side-form-validation-material-ui/src/App.tsx
@@ -1,4 +1,4 @@
-import { GitHubBanner, HttpError, Refine } from "@refinedev/core";
+import { GitHubBanner, type HttpError, Refine } from "@refinedev/core";
 import {
   ThemedLayoutV2,
   ErrorComponent,
diff --git a/examples/server-side-form-validation-material-ui/src/pages/posts/create.tsx b/examples/server-side-form-validation-material-ui/src/pages/posts/create.tsx
index 4d1ebcae30cc..d50ebf998bce 100644
--- a/examples/server-side-form-validation-material-ui/src/pages/posts/create.tsx
+++ b/examples/server-side-form-validation-material-ui/src/pages/posts/create.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Create, useAutocomplete } from "@refinedev/mui";
 import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
@@ -7,7 +7,7 @@ import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
+import type { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
 
 export const PostCreate: React.FC = () => {
   const {
diff --git a/examples/server-side-form-validation-material-ui/src/pages/posts/edit.tsx b/examples/server-side-form-validation-material-ui/src/pages/posts/edit.tsx
index af187558c5db..c090b1b84e06 100644
--- a/examples/server-side-form-validation-material-ui/src/pages/posts/edit.tsx
+++ b/examples/server-side-form-validation-material-ui/src/pages/posts/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Edit, useAutocomplete } from "@refinedev/mui";
 import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
@@ -7,7 +7,7 @@ import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
+import type { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/server-side-form-validation-material-ui/src/pages/posts/list.tsx b/examples/server-side-form-validation-material-ui/src/pages/posts/list.tsx
index 0ac9294f0689..8da7958905e0 100644
--- a/examples/server-side-form-validation-material-ui/src/pages/posts/list.tsx
+++ b/examples/server-side-form-validation-material-ui/src/pages/posts/list.tsx
@@ -2,9 +2,9 @@ import { useMany } from "@refinedev/core";
 import { EditButton, List, ShowButton, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>();
diff --git a/examples/store/pages/_app.tsx b/examples/store/pages/_app.tsx
index 65cfc08af02c..dbb7c4eea14b 100644
--- a/examples/store/pages/_app.tsx
+++ b/examples/store/pages/_app.tsx
@@ -1,13 +1,13 @@
 import React from "react";
-import { AppProps } from "next/app";
+import type { AppProps } from "next/app";
 import Script from "next/script";
-import { NextPage } from "next";
+import type { NextPage } from "next";
 
-import { GetListResponse, GitHubBanner, Refine } from "@refinedev/core";
+import { type GetListResponse, GitHubBanner, Refine } from "@refinedev/core";
 import routerProvider from "@refinedev/nextjs-router/pages";
 import dataProvider, { authProvider } from "@refinedev/medusa";
 import NextNProgress from "nextjs-progressbar";
-import { ProductCollection } from "@medusajs/medusa";
+import type { ProductCollection } from "@medusajs/medusa";
 
 import { SEO } from "@components";
 import Layout from "@components/common/Layout";
diff --git a/examples/store/pages/account/addresses.tsx b/examples/store/pages/account/addresses.tsx
index 73b468e1cb2a..8e94c29b2726 100644
--- a/examples/store/pages/account/addresses.tsx
+++ b/examples/store/pages/account/addresses.tsx
@@ -1,4 +1,4 @@
-import { NextPage } from "next";
+import type { NextPage } from "next";
 
 import { AccountLayout, AddressesTemplate } from "@components";
 
diff --git a/examples/store/pages/account/index.tsx b/examples/store/pages/account/index.tsx
index 73aad3a73530..7ba92d2c6571 100644
--- a/examples/store/pages/account/index.tsx
+++ b/examples/store/pages/account/index.tsx
@@ -1,5 +1,5 @@
 import { useGetIdentity, useOne } from "@refinedev/core";
-import { Customer, StoreCustomersListOrdersRes } from "@medusajs/medusa";
+import type { Customer, StoreCustomersListOrdersRes } from "@medusajs/medusa";
 
 import { AccountLayout, Overview } from "@components/account";
 
diff --git a/examples/store/pages/account/orders.tsx b/examples/store/pages/account/orders.tsx
index 3bbf491fe541..4cdd2989ed4b 100644
--- a/examples/store/pages/account/orders.tsx
+++ b/examples/store/pages/account/orders.tsx
@@ -1,5 +1,5 @@
-import { ReactElement, ReactNode } from "react";
-import { NextPage } from "next";
+import type { ReactElement, ReactNode } from "react";
+import type { NextPage } from "next";
 
 import { AccountLayout } from "@components/account";
 import { OrdersTemplate } from "@components/orders/OrdersTemplate";
diff --git a/examples/store/pages/index.tsx b/examples/store/pages/index.tsx
index 4bd142e246a9..18b117ccd712 100644
--- a/examples/store/pages/index.tsx
+++ b/examples/store/pages/index.tsx
@@ -1,15 +1,19 @@
 import React from "react";
-import { GetServerSideProps } from "next";
+import type { GetServerSideProps } from "next";
 import {
-  CrudFilter,
-  GetListResponse,
+  type CrudFilter,
+  type GetListResponse,
   useGo,
   useList,
   useParsed,
   useTable,
 } from "@refinedev/core";
 import { dataProvider } from "@refinedev/medusa";
-import { Product, ProductCollection, StoreCartsRes } from "@medusajs/medusa";
+import type {
+  Product,
+  ProductCollection,
+  StoreCartsRes,
+} from "@medusajs/medusa";
 import nookies from "nookies";
 
 import { useCartContext } from "@lib/context";
diff --git a/examples/store/pages/order/confirmed/[id].tsx b/examples/store/pages/order/confirmed/[id].tsx
index 16176af235bd..c125363e6ce5 100644
--- a/examples/store/pages/order/confirmed/[id].tsx
+++ b/examples/store/pages/order/confirmed/[id].tsx
@@ -1,6 +1,6 @@
 import { useRouter } from "next/router";
 import { useOne } from "@refinedev/core";
-import { Order } from "@medusajs/medusa";
+import type { Order } from "@medusajs/medusa";
 
 import { IS_BROWSER } from "src/contants";
 import { SEO } from "@components/common";
diff --git a/examples/store/pages/order/details/[id].tsx b/examples/store/pages/order/details/[id].tsx
index 2b4e53539749..6ee1f8979d7d 100644
--- a/examples/store/pages/order/details/[id].tsx
+++ b/examples/store/pages/order/details/[id].tsx
@@ -1,6 +1,6 @@
 import { useRouter } from "next/router";
 import { useOne } from "@refinedev/core";
-import { Order } from "@medusajs/medusa";
+import type { Order } from "@medusajs/medusa";
 
 import { IS_BROWSER } from "src/contants";
 import { SEO } from "@components/common";
diff --git a/examples/store/pages/product/[handle].tsx b/examples/store/pages/product/[handle].tsx
index 128d77f0ccb1..bbfa5c624f96 100644
--- a/examples/store/pages/product/[handle].tsx
+++ b/examples/store/pages/product/[handle].tsx
@@ -1,9 +1,9 @@
 import React from "react";
 import clsx from "clsx";
-import { useList, GetListResponse } from "@refinedev/core";
-import { GetServerSideProps } from "next";
+import { useList, type GetListResponse } from "@refinedev/core";
+import type { GetServerSideProps } from "next";
 import { dataProvider } from "@refinedev/medusa";
-import { Product, ProductOption, ProductVariant } from "@medusajs/medusa";
+import type { Product, ProductOption, ProductVariant } from "@medusajs/medusa";
 
 import {
   getProductVariant,
diff --git a/examples/store/src/components/account/AccountInfo/AccountInfo.tsx b/examples/store/src/components/account/AccountInfo/AccountInfo.tsx
index 1263de9e520b..de1a5fc54713 100644
--- a/examples/store/src/components/account/AccountInfo/AccountInfo.tsx
+++ b/examples/store/src/components/account/AccountInfo/AccountInfo.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect, PropsWithChildren } from "react";
+import { useState, useEffect, type PropsWithChildren } from "react";
 import cn from "clsx";
 import { Disclosure } from "@headlessui/react";
 
diff --git a/examples/store/src/components/account/AccountLayout/AccountLayout.tsx b/examples/store/src/components/account/AccountLayout/AccountLayout.tsx
index 9ef4446c34fd..72fbff111ace 100644
--- a/examples/store/src/components/account/AccountLayout/AccountLayout.tsx
+++ b/examples/store/src/components/account/AccountLayout/AccountLayout.tsx
@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 import { useGetIdentity } from "@refinedev/core";
-import { Customer } from "@medusajs/medusa";
+import type { Customer } from "@medusajs/medusa";
 
 import { AccountNav, LoadingDots, UnderlineLink } from "@components";
 
diff --git a/examples/store/src/components/account/OverviewTemplate/OverviewTemplate.tsx b/examples/store/src/components/account/OverviewTemplate/OverviewTemplate.tsx
index 99215e10034c..a123736e9862 100644
--- a/examples/store/src/components/account/OverviewTemplate/OverviewTemplate.tsx
+++ b/examples/store/src/components/account/OverviewTemplate/OverviewTemplate.tsx
@@ -1,4 +1,4 @@
-import { Customer, Order } from "@medusajs/medusa";
+import type { Customer, Order } from "@medusajs/medusa";
 import Link from "next/link";
 
 import { ChevronDown, User, Package, MapPin } from "@icons";
diff --git a/examples/store/src/components/address/AddAddress/AddAddress.tsx b/examples/store/src/components/address/AddAddress/AddAddress.tsx
index 5f1dcf3fb7a1..73abdad4251d 100644
--- a/examples/store/src/components/address/AddAddress/AddAddress.tsx
+++ b/examples/store/src/components/address/AddAddress/AddAddress.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useList } from "@refinedev/core";
 import { useModalForm } from "@refinedev/react-hook-form";
-import { Country, Region } from "@medusajs/medusa";
+import type { Country, Region } from "@medusajs/medusa";
 
 import { Modal, Button, LoadingDots, Input, NativeSelect } from "@components";
 import { Plus } from "@icons";
diff --git a/examples/store/src/components/address/AddressBook/AddressBook.tsx b/examples/store/src/components/address/AddressBook/AddressBook.tsx
index dff362ceb2dd..9286738400bc 100644
--- a/examples/store/src/components/address/AddressBook/AddressBook.tsx
+++ b/examples/store/src/components/address/AddressBook/AddressBook.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { Customer } from "@medusajs/medusa";
+import type { Customer } from "@medusajs/medusa";
 
 import { AddAddress, EditAddress } from "@components";
 
diff --git a/examples/store/src/components/address/AddressTemplate/AddressTemplate.tsx b/examples/store/src/components/address/AddressTemplate/AddressTemplate.tsx
index 05a70df429e2..e9311c049cc0 100644
--- a/examples/store/src/components/address/AddressTemplate/AddressTemplate.tsx
+++ b/examples/store/src/components/address/AddressTemplate/AddressTemplate.tsx
@@ -1,5 +1,5 @@
 import { useOne } from "@refinedev/core";
-import { StoreCustomersRes } from "@medusajs/medusa";
+import type { StoreCustomersRes } from "@medusajs/medusa";
 
 import { AddressBook } from "@components";
 
diff --git a/examples/store/src/components/address/EditAddress/EditAddress.tsx b/examples/store/src/components/address/EditAddress/EditAddress.tsx
index 35c146871d36..9f053d3bea67 100644
--- a/examples/store/src/components/address/EditAddress/EditAddress.tsx
+++ b/examples/store/src/components/address/EditAddress/EditAddress.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import cn from "clsx";
 import { useModalForm } from "@refinedev/react-hook-form";
-import { Address, Country, Region } from "@medusajs/medusa";
+import type { Address, Country, Region } from "@medusajs/medusa";
 import { useDelete, useList } from "@refinedev/core";
 
 import { Trash, Edit } from "@icons";
diff --git a/examples/store/src/components/auth/LoginView.tsx b/examples/store/src/components/auth/LoginView.tsx
index a9e37491e385..5628e3f577ad 100644
--- a/examples/store/src/components/auth/LoginView.tsx
+++ b/examples/store/src/components/auth/LoginView.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { useForm } from "@refinedev/react-hook-form";
-import { HttpError, useIsAuthenticated, useLogin } from "@refinedev/core";
+import { type HttpError, useIsAuthenticated, useLogin } from "@refinedev/core";
 
 import { useUI } from "@lib/context";
 import { emailRegex } from "@lib/regex";
diff --git a/examples/store/src/components/auth/SignUpView.tsx b/examples/store/src/components/auth/SignUpView.tsx
index 907766ab1cfb..48a5075857e5 100644
--- a/examples/store/src/components/auth/SignUpView.tsx
+++ b/examples/store/src/components/auth/SignUpView.tsx
@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { useForm } from "@refinedev/react-hook-form";
-import { HttpError, useLogin } from "@refinedev/core";
+import { type HttpError, useLogin } from "@refinedev/core";
 
 import { Info } from "@components/icons";
 import { Logo, Button, Input } from "@components/ui";
diff --git a/examples/store/src/components/cart/CartItem/CartItem.tsx b/examples/store/src/components/cart/CartItem/CartItem.tsx
index 229df175fd5b..4cceb34880a3 100644
--- a/examples/store/src/components/cart/CartItem/CartItem.tsx
+++ b/examples/store/src/components/cart/CartItem/CartItem.tsx
@@ -1,9 +1,9 @@
-import { ChangeEvent, useEffect, useMemo, useState } from "react";
+import { type ChangeEvent, useEffect, useMemo, useState } from "react";
 import Image from "next/legacy/image";
 import Link from "next/link";
 import cn, { clsx } from "clsx";
 import { useDelete, useInvalidate, useUpdate } from "@refinedev/core";
-import { LineItem } from "@medusajs/medusa";
+import type { LineItem } from "@medusajs/medusa";
 import { formatAmount } from "medusa-react";
 
 import { Quantity } from "@components";
diff --git a/examples/store/src/components/cart/CheckoutCartItem/CheckoutCartItem.tsx b/examples/store/src/components/cart/CheckoutCartItem/CheckoutCartItem.tsx
index 494f73b082c6..74e76aae186b 100644
--- a/examples/store/src/components/cart/CheckoutCartItem/CheckoutCartItem.tsx
+++ b/examples/store/src/components/cart/CheckoutCartItem/CheckoutCartItem.tsx
@@ -1,9 +1,9 @@
-import { ChangeEvent, useEffect, useMemo, useState } from "react";
+import { type ChangeEvent, useEffect, useMemo, useState } from "react";
 import Image from "next/legacy/image";
 import Link from "next/link";
 import cn, { clsx } from "clsx";
 import { useDelete, useInvalidate, useUpdate } from "@refinedev/core";
-import { LineItem } from "@medusajs/medusa";
+import type { LineItem } from "@medusajs/medusa";
 import { formatAmount } from "medusa-react";
 
 import { Quantity } from "@components";
diff --git a/examples/store/src/components/checkout/AddressSelect/AddressSelect.tsx b/examples/store/src/components/checkout/AddressSelect/AddressSelect.tsx
index 3d1a75702535..1ff6156ec1c1 100644
--- a/examples/store/src/components/checkout/AddressSelect/AddressSelect.tsx
+++ b/examples/store/src/components/checkout/AddressSelect/AddressSelect.tsx
@@ -1,6 +1,6 @@
 import { Fragment, useMemo, useState } from "react";
 import { Listbox, Transition } from "@headlessui/react";
-import { Address } from "@medusajs/medusa";
+import type { Address } from "@medusajs/medusa";
 import { isEqual, omit } from "lodash";
 import { useWatch } from "react-hook-form";
 import cn from "clsx";
diff --git a/examples/store/src/components/checkout/BillingAddress/BillingAddress.tsx b/examples/store/src/components/checkout/BillingAddress/BillingAddress.tsx
index ead9166dabac..5750df63ad40 100644
--- a/examples/store/src/components/checkout/BillingAddress/BillingAddress.tsx
+++ b/examples/store/src/components/checkout/BillingAddress/BillingAddress.tsx
@@ -1,7 +1,7 @@
 import { useFormContext } from "react-hook-form";
 
 import { Input, CountrySelect } from "@components";
-import { CheckoutFormValues } from "@lib/context/checkout";
+import type { CheckoutFormValues } from "@lib/context/checkout";
 
 export const BillingAddress: React.FC = () => {
   const {
diff --git a/examples/store/src/components/checkout/CardTotals/CardTotals.tsx b/examples/store/src/components/checkout/CardTotals/CardTotals.tsx
index c5e7ea461712..9863409bead2 100644
--- a/examples/store/src/components/checkout/CardTotals/CardTotals.tsx
+++ b/examples/store/src/components/checkout/CardTotals/CardTotals.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { Cart } from "@medusajs/medusa";
+import type { Cart } from "@medusajs/medusa";
 import { formatAmount } from "medusa-react";
 import clsx from "clsx";
 
diff --git a/examples/store/src/components/checkout/CartItems/index.tsx b/examples/store/src/components/checkout/CartItems/index.tsx
index 47fb26d1857e..ecf5e32cbb3c 100644
--- a/examples/store/src/components/checkout/CartItems/index.tsx
+++ b/examples/store/src/components/checkout/CartItems/index.tsx
@@ -1,5 +1,5 @@
 import { CheckoutCartItem } from "@components/cart";
-import { Cart } from "@medusajs/medusa";
+import type { Cart } from "@medusajs/medusa";
 import clsx from "clsx";
 import React from "react";
 
diff --git a/examples/store/src/components/checkout/DiscountCode/DiscountCode.tsx b/examples/store/src/components/checkout/DiscountCode/DiscountCode.tsx
index 1d0b6ea3fa8f..72bdd008f396 100644
--- a/examples/store/src/components/checkout/DiscountCode/DiscountCode.tsx
+++ b/examples/store/src/components/checkout/DiscountCode/DiscountCode.tsx
@@ -1,6 +1,6 @@
 import React, { useMemo } from "react";
 import { formatAmount } from "medusa-react";
-import { Cart } from "@medusajs/medusa";
+import type { Cart } from "@medusajs/medusa";
 import { useForm } from "react-hook-form";
 import { useDelete, useInvalidate, useUpdate } from "@refinedev/core";
 
diff --git a/examples/store/src/components/checkout/GiftCard/GiftCard.tsx b/examples/store/src/components/checkout/GiftCard/GiftCard.tsx
index e9ae15318332..f47a87b0b7cc 100644
--- a/examples/store/src/components/checkout/GiftCard/GiftCard.tsx
+++ b/examples/store/src/components/checkout/GiftCard/GiftCard.tsx
@@ -1,5 +1,5 @@
 import React, { useMemo } from "react";
-import { Cart } from "@medusajs/medusa";
+import type { Cart } from "@medusajs/medusa";
 import { useForm } from "react-hook-form";
 import { useInvalidate, useUpdate } from "@refinedev/core";
 
diff --git a/examples/store/src/components/checkout/PaymentButton/PaymentButton.tsx b/examples/store/src/components/checkout/PaymentButton/PaymentButton.tsx
index f64251fd3e00..b55603af3ebd 100644
--- a/examples/store/src/components/checkout/PaymentButton/PaymentButton.tsx
+++ b/examples/store/src/components/checkout/PaymentButton/PaymentButton.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { PaymentSession } from "@medusajs/medusa";
+import type { PaymentSession } from "@medusajs/medusa";
 import { useElements, useStripe } from "@stripe/react-stripe-js";
 
 import { Cross, Spinner } from "@components/icons";
diff --git a/examples/store/src/components/checkout/PaymentContainer/PaymentContainer.tsx b/examples/store/src/components/checkout/PaymentContainer/PaymentContainer.tsx
index 8552aee52435..95c44704deea 100644
--- a/examples/store/src/components/checkout/PaymentContainer/PaymentContainer.tsx
+++ b/examples/store/src/components/checkout/PaymentContainer/PaymentContainer.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import clsx from "clsx";
-import { PaymentSession } from "@medusajs/medusa";
+import type { PaymentSession } from "@medusajs/medusa";
 
 import { PaymentStripe, Radio } from "@components";
 
diff --git a/examples/store/src/components/checkout/PaymentStripe/PaymentStripe.tsx b/examples/store/src/components/checkout/PaymentStripe/PaymentStripe.tsx
index 537b388224ec..754c3a60f03c 100644
--- a/examples/store/src/components/checkout/PaymentStripe/PaymentStripe.tsx
+++ b/examples/store/src/components/checkout/PaymentStripe/PaymentStripe.tsx
@@ -4,7 +4,7 @@ import {
   CardExpiryElement,
   CardNumberElement,
 } from "@stripe/react-stripe-js";
-import {
+import type {
   StripeCardCvcElementOptions,
   StripeCardExpiryElementOptions,
   StripeCardNumberElementOptions,
diff --git a/examples/store/src/components/checkout/PaymentWrapper/PaymentWrapper.tsx b/examples/store/src/components/checkout/PaymentWrapper/PaymentWrapper.tsx
index 53ab2a0e9d90..25d92742c7de 100644
--- a/examples/store/src/components/checkout/PaymentWrapper/PaymentWrapper.tsx
+++ b/examples/store/src/components/checkout/PaymentWrapper/PaymentWrapper.tsx
@@ -1,7 +1,7 @@
-import React, { PropsWithChildren } from "react";
-import { PaymentSession } from "@medusajs/medusa";
+import React, { type PropsWithChildren } from "react";
+import type { PaymentSession } from "@medusajs/medusa";
 import { Elements } from "@stripe/react-stripe-js";
-import { loadStripe, StripeElementsOptions } from "@stripe/stripe-js";
+import { loadStripe, type StripeElementsOptions } from "@stripe/stripe-js";
 
 interface WrapperProps {
   paymentSession?: PaymentSession | null;
diff --git a/examples/store/src/components/checkout/Shipping/Shipping.tsx b/examples/store/src/components/checkout/Shipping/Shipping.tsx
index a4f6bb28386d..2755ab132c65 100644
--- a/examples/store/src/components/checkout/Shipping/Shipping.tsx
+++ b/examples/store/src/components/checkout/Shipping/Shipping.tsx
@@ -3,7 +3,7 @@ import clsx from "clsx";
 import { RadioGroup } from "@headlessui/react";
 import { Controller, useForm } from "react-hook-form";
 import { ErrorMessage } from "@hookform/error-message";
-import { Cart } from "@medusajs/medusa";
+import type { Cart } from "@medusajs/medusa";
 
 import { StepContainer, Radio, LoadingDots } from "@components";
 import { Spinner } from "@components/icons";
diff --git a/examples/store/src/components/checkout/ShippingAddress/ShippingAddress.tsx b/examples/store/src/components/checkout/ShippingAddress/ShippingAddress.tsx
index a07058d9f330..e14ce6113ca4 100644
--- a/examples/store/src/components/checkout/ShippingAddress/ShippingAddress.tsx
+++ b/examples/store/src/components/checkout/ShippingAddress/ShippingAddress.tsx
@@ -1,9 +1,9 @@
 import { useOne } from "@refinedev/core";
 import { useFormContext } from "react-hook-form";
-import { Customer } from "@medusajs/medusa";
+import type { Customer } from "@medusajs/medusa";
 
 import { emailRegex } from "@lib/regex";
-import { CheckoutFormValues } from "@lib/context";
+import type { CheckoutFormValues } from "@lib/context";
 import { Input, CountrySelect, AddressSelect } from "@components";
 import clsx from "clsx";
 
diff --git a/examples/store/src/components/common/Avatar/Avatar.tsx b/examples/store/src/components/common/Avatar/Avatar.tsx
index 73eefdcd3841..7becd7570242 100644
--- a/examples/store/src/components/common/Avatar/Avatar.tsx
+++ b/examples/store/src/components/common/Avatar/Avatar.tsx
@@ -1,6 +1,6 @@
 import { useRef } from "react";
 import { useGetIdentity } from "@refinedev/core";
-import { Customer } from "@medusajs/medusa";
+import type { Customer } from "@medusajs/medusa";
 
 export const Avatar: React.FC = () => {
   const ref = useRef() as React.MutableRefObject<HTMLInputElement>;
diff --git a/examples/store/src/components/common/CountrySelect/CountrySelect.tsx b/examples/store/src/components/common/CountrySelect/CountrySelect.tsx
index c26c78e1df1a..8534bb3f4afc 100644
--- a/examples/store/src/components/common/CountrySelect/CountrySelect.tsx
+++ b/examples/store/src/components/common/CountrySelect/CountrySelect.tsx
@@ -1,6 +1,6 @@
 import { useOne } from "@refinedev/core";
 import { useFormContext } from "react-hook-form";
-import { Cart, Country } from "@medusajs/medusa";
+import type { Cart, Country } from "@medusajs/medusa";
 
 import { useCartContext } from "@lib/context";
 import { NativeSelect } from "@components";
diff --git a/examples/store/src/components/common/Layout/Layout.tsx b/examples/store/src/components/common/Layout/Layout.tsx
index 3e901b60f3a0..f7c3fb68cf94 100644
--- a/examples/store/src/components/common/Layout/Layout.tsx
+++ b/examples/store/src/components/common/Layout/Layout.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { LayoutProps } from "@refinedev/core";
+import type { LayoutProps } from "@refinedev/core";
 import dynamic from "next/dynamic";
 
 import { Sidebar, Button, LoadingDots } from "@components/ui";
diff --git a/examples/store/src/components/common/LineItemOptions/LineItemOptions.tsx b/examples/store/src/components/common/LineItemOptions/LineItemOptions.tsx
index d2c62c384e4e..500800a082cb 100644
--- a/examples/store/src/components/common/LineItemOptions/LineItemOptions.tsx
+++ b/examples/store/src/components/common/LineItemOptions/LineItemOptions.tsx
@@ -1,4 +1,4 @@
-import { ProductOptionValue, ProductVariant } from "@medusajs/medusa";
+import type { ProductOptionValue, ProductVariant } from "@medusajs/medusa";
 
 interface LineItemOptionsProps {
   variant: ProductVariant;
diff --git a/examples/store/src/components/common/LineItemPrice/LineItemPrice.tsx b/examples/store/src/components/common/LineItemPrice/LineItemPrice.tsx
index 6f8e5f9342d2..8f7edea133d7 100644
--- a/examples/store/src/components/common/LineItemPrice/LineItemPrice.tsx
+++ b/examples/store/src/components/common/LineItemPrice/LineItemPrice.tsx
@@ -1,9 +1,9 @@
-import { Region } from "@medusajs/medusa";
+import type { Region } from "@medusajs/medusa";
 import cn from "clsx";
 import { formatAmount } from "medusa-react";
 
 import { getPercentageDiff } from "@lib/getPercentageDiff";
-import { CalculatedVariant } from "src/types/medusa";
+import type { CalculatedVariant } from "src/types/medusa";
 
 type LineItemPriceProps = {
   variant: CalculatedVariant;
diff --git a/examples/store/src/components/common/NativeSelect/NativeSelect.tsx b/examples/store/src/components/common/NativeSelect/NativeSelect.tsx
index 7240f94487ec..933945409d51 100644
--- a/examples/store/src/components/common/NativeSelect/NativeSelect.tsx
+++ b/examples/store/src/components/common/NativeSelect/NativeSelect.tsx
@@ -2,7 +2,7 @@ import { ErrorMessage } from "@hookform/error-message";
 import cn, { clsx } from "clsx";
 import {
   forwardRef,
-  SelectHTMLAttributes,
+  type SelectHTMLAttributes,
   useEffect,
   useImperativeHandle,
   useRef,
diff --git a/examples/store/src/components/common/SEO/SEO.tsx b/examples/store/src/components/common/SEO/SEO.tsx
index 490e4fee9092..0c28c6f7397c 100644
--- a/examples/store/src/components/common/SEO/SEO.tsx
+++ b/examples/store/src/components/common/SEO/SEO.tsx
@@ -1,5 +1,5 @@
 import Head from "next/head";
-import { Fragment, ReactNode } from "react";
+import { Fragment, type ReactNode } from "react";
 import config from "@config/seo_meta.json";
 
 const storeUrl = "store.refine.dev";
diff --git a/examples/store/src/components/common/SidebarLayout/SidebarLayout.tsx b/examples/store/src/components/common/SidebarLayout/SidebarLayout.tsx
index 3a32f74e2e9a..ea28cdc41beb 100644
--- a/examples/store/src/components/common/SidebarLayout/SidebarLayout.tsx
+++ b/examples/store/src/components/common/SidebarLayout/SidebarLayout.tsx
@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
 import { Cross } from "@components/icons";
 import { UserNav } from "@components/common/UserNav";
diff --git a/examples/store/src/components/common/Thumbnail/Thumbnail.tsx b/examples/store/src/components/common/Thumbnail/Thumbnail.tsx
index b83610c420c6..1529ba0e6aa5 100644
--- a/examples/store/src/components/common/Thumbnail/Thumbnail.tsx
+++ b/examples/store/src/components/common/Thumbnail/Thumbnail.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import cn from "clsx";
-import { Image as MedusaImage } from "@medusajs/medusa";
+import type { Image as MedusaImage } from "@medusajs/medusa";
 import Image from "next/legacy/image";
 
 import { PlaceholderImage } from "@icons";
diff --git a/examples/store/src/components/common/UserNav/UserNav.tsx b/examples/store/src/components/common/UserNav/UserNav.tsx
index ced04fd6c03e..ca6f5f90f843 100644
--- a/examples/store/src/components/common/UserNav/UserNav.tsx
+++ b/examples/store/src/components/common/UserNav/UserNav.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useIsAuthenticated } from "@refinedev/core";
 import cn from "clsx";
-import { LineItem } from "@medusajs/medusa";
+import type { LineItem } from "@medusajs/medusa";
 
 import { useUI } from "@lib/context";
 import { Bag, User } from "@components/icons";
diff --git a/examples/store/src/components/icons/ArrowRight.tsx b/examples/store/src/components/icons/ArrowRight.tsx
index 4d1e091f3679..8cbe42f2a100 100644
--- a/examples/store/src/components/icons/ArrowRight.tsx
+++ b/examples/store/src/components/icons/ArrowRight.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const ArrowRight: React.FC<IconProps> = ({ ...props }) => {
   return (
diff --git a/examples/store/src/components/icons/Bag.tsx b/examples/store/src/components/icons/Bag.tsx
index 90714957b85e..9f31010b19a5 100644
--- a/examples/store/src/components/icons/Bag.tsx
+++ b/examples/store/src/components/icons/Bag.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const Bag: React.FC<IconProps> = ({ ...props }) => {
   return (
diff --git a/examples/store/src/components/icons/Check.tsx b/examples/store/src/components/icons/Check.tsx
index 3228c4230804..7dd411347fc0 100644
--- a/examples/store/src/components/icons/Check.tsx
+++ b/examples/store/src/components/icons/Check.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const Check: React.FC<IconProps> = ({ ...props }) => {
   return (
diff --git a/examples/store/src/components/icons/ChevronDown.tsx b/examples/store/src/components/icons/ChevronDown.tsx
index 36f6a87ce5bb..79d15c46f3c7 100644
--- a/examples/store/src/components/icons/ChevronDown.tsx
+++ b/examples/store/src/components/icons/ChevronDown.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const ChevronDown: React.FC<IconProps> = ({ ...props }) => {
   return (
diff --git a/examples/store/src/components/icons/Edit.tsx b/examples/store/src/components/icons/Edit.tsx
index 770029104544..933ae28092ab 100644
--- a/examples/store/src/components/icons/Edit.tsx
+++ b/examples/store/src/components/icons/Edit.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const Edit: React.FC<IconProps> = ({
   size = "20",
diff --git a/examples/store/src/components/icons/Info.tsx b/examples/store/src/components/icons/Info.tsx
index c9f6ad8cd76e..db9282cc00d1 100644
--- a/examples/store/src/components/icons/Info.tsx
+++ b/examples/store/src/components/icons/Info.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const Info: React.FC<IconProps> = ({ ...props }) => {
   return (
diff --git a/examples/store/src/components/icons/MapPin.tsx b/examples/store/src/components/icons/MapPin.tsx
index 8edac33b605f..aeb5c5f5ac97 100644
--- a/examples/store/src/components/icons/MapPin.tsx
+++ b/examples/store/src/components/icons/MapPin.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const MapPin: React.FC<IconProps> = ({
   size = "20",
diff --git a/examples/store/src/components/icons/Menu.tsx b/examples/store/src/components/icons/Menu.tsx
index f1a0a8a8b1db..122694691a46 100644
--- a/examples/store/src/components/icons/Menu.tsx
+++ b/examples/store/src/components/icons/Menu.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const Menu: React.FC<IconProps> = ({ ...props }) => {
   return (
diff --git a/examples/store/src/components/icons/Minus.tsx b/examples/store/src/components/icons/Minus.tsx
index eba27776ebd4..7655e6545895 100644
--- a/examples/store/src/components/icons/Minus.tsx
+++ b/examples/store/src/components/icons/Minus.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const Minus: React.FC<IconProps> = ({ ...props }) => {
   return (
diff --git a/examples/store/src/components/icons/Moon.tsx b/examples/store/src/components/icons/Moon.tsx
index 67a5109833c2..d17e5902d4db 100644
--- a/examples/store/src/components/icons/Moon.tsx
+++ b/examples/store/src/components/icons/Moon.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const Moon: React.FC<IconProps> = ({ ...props }) => {
   return (
diff --git a/examples/store/src/components/icons/Package.tsx b/examples/store/src/components/icons/Package.tsx
index 4d88d86794d3..f32aef7bc492 100644
--- a/examples/store/src/components/icons/Package.tsx
+++ b/examples/store/src/components/icons/Package.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const Package: React.FC<IconProps> = ({
   size = "20",
diff --git a/examples/store/src/components/icons/PlaceholderImage.tsx b/examples/store/src/components/icons/PlaceholderImage.tsx
index ae89d89fcbfb..6e27e7255cf8 100644
--- a/examples/store/src/components/icons/PlaceholderImage.tsx
+++ b/examples/store/src/components/icons/PlaceholderImage.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const PlaceholderImage: React.FC<IconProps> = ({
   size = "20",
diff --git a/examples/store/src/components/icons/Plus.tsx b/examples/store/src/components/icons/Plus.tsx
index 2091285f2997..c6968c2191f9 100644
--- a/examples/store/src/components/icons/Plus.tsx
+++ b/examples/store/src/components/icons/Plus.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const Plus: React.FC<IconProps> = ({ ...props }) => {
   return (
diff --git a/examples/store/src/components/icons/Spinner.tsx b/examples/store/src/components/icons/Spinner.tsx
index dc399fef5ad2..81b3350e857b 100644
--- a/examples/store/src/components/icons/Spinner.tsx
+++ b/examples/store/src/components/icons/Spinner.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const Spinner: React.FC<IconProps> = ({
   size = "16",
diff --git a/examples/store/src/components/icons/Trash.tsx b/examples/store/src/components/icons/Trash.tsx
index 5d6c661c615c..b2b7b5307d58 100644
--- a/examples/store/src/components/icons/Trash.tsx
+++ b/examples/store/src/components/icons/Trash.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const Trash: React.FC<IconProps> = ({
   size = "16",
diff --git a/examples/store/src/components/icons/User.tsx b/examples/store/src/components/icons/User.tsx
index e58cc71b5d5b..aeab8d2f2bfa 100644
--- a/examples/store/src/components/icons/User.tsx
+++ b/examples/store/src/components/icons/User.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const User: React.FC<IconProps> = ({
   size = "16",
diff --git a/examples/store/src/components/orders/Items/Items.tsx b/examples/store/src/components/orders/Items/Items.tsx
index 822044c2e4d0..bde84cbd37f5 100644
--- a/examples/store/src/components/orders/Items/Items.tsx
+++ b/examples/store/src/components/orders/Items/Items.tsx
@@ -1,5 +1,5 @@
 import Link from "next/link";
-import { LineItem, Region } from "@medusajs/medusa";
+import type { LineItem, Region } from "@medusajs/medusa";
 
 import { CalculatedVariant } from "src/types/medusa";
 import { useEnrichedLineItems } from "@lib/hooks";
diff --git a/examples/store/src/components/orders/OrderCard/OrderCard.tsx b/examples/store/src/components/orders/OrderCard/OrderCard.tsx
index 8337fc8fcd26..bec2356b626f 100644
--- a/examples/store/src/components/orders/OrderCard/OrderCard.tsx
+++ b/examples/store/src/components/orders/OrderCard/OrderCard.tsx
@@ -1,6 +1,6 @@
 import Link from "next/link";
 import { useMemo } from "react";
-import { Order } from "@medusajs/medusa";
+import type { Order } from "@medusajs/medusa";
 import { formatAmount } from "medusa-react";
 
 import { Button, Thumbnail } from "@components";
diff --git a/examples/store/src/components/orders/OrderCompletedTemplate/OrderCompletedTemplate.tsx b/examples/store/src/components/orders/OrderCompletedTemplate/OrderCompletedTemplate.tsx
index c720fbc0752c..45102adf6e69 100644
--- a/examples/store/src/components/orders/OrderCompletedTemplate/OrderCompletedTemplate.tsx
+++ b/examples/store/src/components/orders/OrderCompletedTemplate/OrderCompletedTemplate.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { Order } from "@medusajs/medusa";
+import type { Order } from "@medusajs/medusa";
 
 import { OrderDetails } from "../OrderDetails";
 import { Items } from "../Items";
diff --git a/examples/store/src/components/orders/OrderDetails/OrderDetails.tsx b/examples/store/src/components/orders/OrderDetails/OrderDetails.tsx
index 7beeb8fa28e8..9366f780fbe9 100644
--- a/examples/store/src/components/orders/OrderDetails/OrderDetails.tsx
+++ b/examples/store/src/components/orders/OrderDetails/OrderDetails.tsx
@@ -1,4 +1,4 @@
-import { Order } from "@medusajs/medusa";
+import type { Order } from "@medusajs/medusa";
 import clsx from "clsx";
 
 interface OrderDetailsProps {
diff --git a/examples/store/src/components/orders/OrderDetailsTemplate/OrderDetailsTemplate.tsx b/examples/store/src/components/orders/OrderDetailsTemplate/OrderDetailsTemplate.tsx
index 03381ac0f67b..2167628df278 100644
--- a/examples/store/src/components/orders/OrderDetailsTemplate/OrderDetailsTemplate.tsx
+++ b/examples/store/src/components/orders/OrderDetailsTemplate/OrderDetailsTemplate.tsx
@@ -1,4 +1,4 @@
-import { Order } from "@medusajs/medusa";
+import type { Order } from "@medusajs/medusa";
 
 import { Help } from "../Help";
 import { Items } from "../Items";
diff --git a/examples/store/src/components/orders/OrderOverview/OrderOverview.tsx b/examples/store/src/components/orders/OrderOverview/OrderOverview.tsx
index 78b120c68caa..4051d482ed00 100644
--- a/examples/store/src/components/orders/OrderOverview/OrderOverview.tsx
+++ b/examples/store/src/components/orders/OrderOverview/OrderOverview.tsx
@@ -1,6 +1,6 @@
 import Link from "next/link";
 import { useOne } from "@refinedev/core";
-import { Customer } from "@medusajs/medusa";
+import type { Customer } from "@medusajs/medusa";
 
 import { Button, LoadingDots } from "@components";
 import { OrderCard } from "../OrderCard";
diff --git a/examples/store/src/components/orders/OrderSummary/OrderSummary.tsx b/examples/store/src/components/orders/OrderSummary/OrderSummary.tsx
index 4601d6059606..9f1025626599 100644
--- a/examples/store/src/components/orders/OrderSummary/OrderSummary.tsx
+++ b/examples/store/src/components/orders/OrderSummary/OrderSummary.tsx
@@ -1,4 +1,4 @@
-import { Order } from "@medusajs/medusa";
+import type { Order } from "@medusajs/medusa";
 import clsx from "clsx";
 import { formatAmount } from "medusa-react";
 
diff --git a/examples/store/src/components/orders/PaymentDetails/PaymentDetails.tsx b/examples/store/src/components/orders/PaymentDetails/PaymentDetails.tsx
index 44c88d01c52d..1da794339671 100644
--- a/examples/store/src/components/orders/PaymentDetails/PaymentDetails.tsx
+++ b/examples/store/src/components/orders/PaymentDetails/PaymentDetails.tsx
@@ -1,4 +1,4 @@
-import { Payment, PaymentStatus } from "@medusajs/medusa";
+import type { Payment, PaymentStatus } from "@medusajs/medusa";
 import clsx from "clsx";
 
 interface PaymentDetailsProps {
diff --git a/examples/store/src/components/orders/ShippingDetails/ShippingDetails.tsx b/examples/store/src/components/orders/ShippingDetails/ShippingDetails.tsx
index 3531e93956a7..15f2e822d56e 100644
--- a/examples/store/src/components/orders/ShippingDetails/ShippingDetails.tsx
+++ b/examples/store/src/components/orders/ShippingDetails/ShippingDetails.tsx
@@ -1,4 +1,4 @@
-import { Address, ShippingMethod } from "@medusajs/medusa";
+import type { Address, ShippingMethod } from "@medusajs/medusa";
 import clsx from "clsx";
 
 interface ShippingDetailsProps {
diff --git a/examples/store/src/components/product/helpers.ts b/examples/store/src/components/product/helpers.ts
index be1095e9d5c0..259279489b2d 100644
--- a/examples/store/src/components/product/helpers.ts
+++ b/examples/store/src/components/product/helpers.ts
@@ -1,7 +1,11 @@
 // import type { Product } from "@commerce/types/product";
 export type SelectedOptions = Record<string, string | null>;
-import { Dispatch, SetStateAction } from "react";
-import { Product, ProductOptionValue, ProductVariant } from "@medusajs/medusa";
+import type { Dispatch, SetStateAction } from "react";
+import type {
+  Product,
+  ProductOptionValue,
+  ProductVariant,
+} from "@medusajs/medusa";
 
 export type MedusaProduct = Awaited<Product>;
 
diff --git a/examples/store/src/components/product/product-grid-item.tsx b/examples/store/src/components/product/product-grid-item.tsx
index 2c828930552f..a6d0f2e6a80d 100644
--- a/examples/store/src/components/product/product-grid-item.tsx
+++ b/examples/store/src/components/product/product-grid-item.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import clsx from "clsx";
 import Link from "next/link";
 import Image from "next/legacy/image";
-import { Product } from "@medusajs/medusa";
+import type { Product } from "@medusajs/medusa";
 
 import { PLACEHOLDER_IMAGE_SRC } from "src/contants";
 import { currencySymbolFromCode } from "@components/product/helpers";
diff --git a/examples/store/src/components/product/product-option-picker.tsx b/examples/store/src/components/product/product-option-picker.tsx
index 6e48d5b7d37e..5f690729be42 100644
--- a/examples/store/src/components/product/product-option-picker.tsx
+++ b/examples/store/src/components/product/product-option-picker.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import clsx from "clsx";
-import { ProductOption } from "@medusajs/medusa";
+import type { ProductOption } from "@medusajs/medusa";
 
 type Props = {
   option: ProductOption;
diff --git a/examples/store/src/components/product/product-slider.tsx b/examples/store/src/components/product/product-slider.tsx
index e3a28f944969..038fdefc5d6f 100644
--- a/examples/store/src/components/product/product-slider.tsx
+++ b/examples/store/src/components/product/product-slider.tsx
@@ -3,7 +3,7 @@ import clsx from "clsx";
 import "keen-slider/keen-slider.min.css";
 import { useKeenSlider } from "keen-slider/react";
 import Image from "next/legacy/image";
-import { Product } from "@medusajs/medusa";
+import type { Product } from "@medusajs/medusa";
 
 type Props = {
   product: Product;
diff --git a/examples/store/src/components/profile/ProfileBillingAddress/ProfileBillingAddress.tsx b/examples/store/src/components/profile/ProfileBillingAddress/ProfileBillingAddress.tsx
index 456419468226..3e53ac06d26e 100644
--- a/examples/store/src/components/profile/ProfileBillingAddress/ProfileBillingAddress.tsx
+++ b/examples/store/src/components/profile/ProfileBillingAddress/ProfileBillingAddress.tsx
@@ -2,7 +2,7 @@ import React, { useEffect, useMemo } from "react";
 import { useList } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import { useWatch } from "react-hook-form";
-import {
+import type {
   Country,
   Customer,
   Region,
diff --git a/examples/store/src/components/profile/ProfileEmail/ProfileEmail.tsx b/examples/store/src/components/profile/ProfileEmail/ProfileEmail.tsx
index 2f9e9c0c53d4..2ff3ae43b02a 100644
--- a/examples/store/src/components/profile/ProfileEmail/ProfileEmail.tsx
+++ b/examples/store/src/components/profile/ProfileEmail/ProfileEmail.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import { useForm } from "@refinedev/react-hook-form";
 import { useWatch } from "react-hook-form";
-import { Customer } from "@medusajs/medusa";
+import type { Customer } from "@medusajs/medusa";
 
 import { Input } from "@components";
 import { AccountInfo } from "@components/account";
diff --git a/examples/store/src/components/profile/ProfileName/ProfileName.tsx b/examples/store/src/components/profile/ProfileName/ProfileName.tsx
index e08532aed793..50444f4fffb1 100644
--- a/examples/store/src/components/profile/ProfileName/ProfileName.tsx
+++ b/examples/store/src/components/profile/ProfileName/ProfileName.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import { Customer } from "@medusajs/medusa";
+import type { Customer } from "@medusajs/medusa";
 import { useForm } from "@refinedev/react-hook-form";
 
 import { useWatch } from "react-hook-form";
diff --git a/examples/store/src/components/profile/ProfilePassword/ProfilePassword.tsx b/examples/store/src/components/profile/ProfilePassword/ProfilePassword.tsx
index f12578310e06..4266f96e34ae 100644
--- a/examples/store/src/components/profile/ProfilePassword/ProfilePassword.tsx
+++ b/examples/store/src/components/profile/ProfilePassword/ProfilePassword.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import { Customer } from "@medusajs/medusa";
+import type { Customer } from "@medusajs/medusa";
 import { useForm } from "@refinedev/react-hook-form";
 import { useCreate } from "@refinedev/core";
 
diff --git a/examples/store/src/components/profile/ProfilePhone/ProfilePhone.tsx b/examples/store/src/components/profile/ProfilePhone/ProfilePhone.tsx
index 63a379e5482d..8b65f4dac889 100644
--- a/examples/store/src/components/profile/ProfilePhone/ProfilePhone.tsx
+++ b/examples/store/src/components/profile/ProfilePhone/ProfilePhone.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import { useForm } from "@refinedev/react-hook-form";
 import { useWatch } from "react-hook-form";
-import { Customer } from "@medusajs/medusa";
+import type { Customer } from "@medusajs/medusa";
 
 import { Input } from "@components";
 import { AccountInfo } from "@components/account";
diff --git a/examples/store/src/components/ui/Button/Button.tsx b/examples/store/src/components/ui/Button/Button.tsx
index fcb0fc6a590c..aa0a34de819d 100644
--- a/examples/store/src/components/ui/Button/Button.tsx
+++ b/examples/store/src/components/ui/Button/Button.tsx
@@ -1,7 +1,7 @@
 import React, {
   forwardRef,
-  ButtonHTMLAttributes,
-  JSXElementConstructor,
+  type ButtonHTMLAttributes,
+  type JSXElementConstructor,
   useRef,
 } from "react";
 import cn from "clsx";
diff --git a/examples/store/src/components/ui/Link/Link.tsx b/examples/store/src/components/ui/Link/Link.tsx
index 9f7e7dee14d7..0b8a96711777 100644
--- a/examples/store/src/components/ui/Link/Link.tsx
+++ b/examples/store/src/components/ui/Link/Link.tsx
@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
-import NextLink, { LinkProps as NextLinkProps } from "next/link";
+import type { PropsWithChildren } from "react";
+import NextLink, { type LinkProps as NextLinkProps } from "next/link";
 
 export const Link: React.FC<PropsWithChildren<NextLinkProps>> = ({
   href,
diff --git a/examples/store/src/components/ui/Logo/Logo.tsx b/examples/store/src/components/ui/Logo/Logo.tsx
index 19c5913e541a..bba8c2044ec2 100644
--- a/examples/store/src/components/ui/Logo/Logo.tsx
+++ b/examples/store/src/components/ui/Logo/Logo.tsx
@@ -1,4 +1,4 @@
-import { IconProps } from "src/types/icon";
+import type { IconProps } from "src/types/icon";
 
 export const Logo: React.FC<IconProps & { short?: boolean }> = ({
   short,
diff --git a/examples/store/src/components/ui/Modal/Modal.tsx b/examples/store/src/components/ui/Modal/Modal.tsx
index babe56e28454..8bd13b782a21 100644
--- a/examples/store/src/components/ui/Modal/Modal.tsx
+++ b/examples/store/src/components/ui/Modal/Modal.tsx
@@ -1,4 +1,4 @@
-import { useRef, useEffect, useCallback, PropsWithChildren } from "react";
+import { useRef, useEffect, useCallback, type PropsWithChildren } from "react";
 import { disableBodyScroll, clearAllBodyScrollLocks } from "body-scroll-lock";
 
 import { Cross } from "@components/icons";
diff --git a/examples/store/src/components/ui/Sidebar/Sidebar.tsx b/examples/store/src/components/ui/Sidebar/Sidebar.tsx
index 39a9c1e1789b..bd955841085e 100644
--- a/examples/store/src/components/ui/Sidebar/Sidebar.tsx
+++ b/examples/store/src/components/ui/Sidebar/Sidebar.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, PropsWithChildren } from "react";
+import { useEffect, useRef, type PropsWithChildren } from "react";
 import cn, { clsx } from "clsx";
 
 import { disableBodyScroll, clearAllBodyScrollLocks } from "body-scroll-lock";
diff --git a/examples/store/src/lib/context/cart.tsx b/examples/store/src/lib/context/cart.tsx
index 20e08ae071ad..cd56a888ecca 100644
--- a/examples/store/src/lib/context/cart.tsx
+++ b/examples/store/src/lib/context/cart.tsx
@@ -1,5 +1,5 @@
-import React, { useEffect, useState, PropsWithChildren } from "react";
-import { Region, StoreCartsRes, Cart } from "@medusajs/medusa";
+import React, { useEffect, useState, type PropsWithChildren } from "react";
+import type { Region, StoreCartsRes, Cart } from "@medusajs/medusa";
 import {
   useCreate,
   useDelete,
diff --git a/examples/store/src/lib/context/checkout.tsx b/examples/store/src/lib/context/checkout.tsx
index 8644f199c07a..ee02ea09df51 100644
--- a/examples/store/src/lib/context/checkout.tsx
+++ b/examples/store/src/lib/context/checkout.tsx
@@ -1,5 +1,5 @@
 import React, { createContext, useContext, useEffect, useMemo } from "react";
-import {
+import type {
   Address,
   Cart,
   Customer,
@@ -12,7 +12,7 @@ import { useRouter } from "next/router";
 import { FormProvider, useForm, useFormContext } from "react-hook-form";
 import { useCreate, useInvalidate, useOne, useUpdate } from "@refinedev/core";
 
-import { useToggleState, StateType } from "@lib/hooks";
+import { useToggleState, type StateType } from "@lib/hooks";
 import { useCartContext } from "@lib/context";
 import { Wrapper } from "@components/checkout";
 
diff --git a/examples/store/src/lib/context/ui.tsx b/examples/store/src/lib/context/ui.tsx
index 6745a43ce79a..7498a22b2002 100644
--- a/examples/store/src/lib/context/ui.tsx
+++ b/examples/store/src/lib/context/ui.tsx
@@ -1,4 +1,9 @@
-import React, { FC, PropsWithChildren, useCallback, useMemo } from "react";
+import React, {
+  type FC,
+  type PropsWithChildren,
+  useCallback,
+  useMemo,
+} from "react";
 import { ThemeProvider } from "next-themes";
 
 export interface State {
diff --git a/examples/store/src/lib/hooks/useEnrichedLineItems.ts b/examples/store/src/lib/hooks/useEnrichedLineItems.ts
index 0ad55929fba9..52c29c2d6f21 100644
--- a/examples/store/src/lib/hooks/useEnrichedLineItems.ts
+++ b/examples/store/src/lib/hooks/useEnrichedLineItems.ts
@@ -1,6 +1,6 @@
 import { useMemo } from "react";
-import { CrudFilters, useList, useOne } from "@refinedev/core";
-import { Cart, LineItem, Product } from "@medusajs/medusa";
+import { type CrudFilters, useList, useOne } from "@refinedev/core";
+import type { Cart, LineItem, Product } from "@medusajs/medusa";
 import omit from "lodash/omit";
 
 /**
diff --git a/examples/store/src/lib/hooks/useProductPrice.ts b/examples/store/src/lib/hooks/useProductPrice.ts
index 5b616ea89f3d..662055cc73f3 100644
--- a/examples/store/src/lib/hooks/useProductPrice.ts
+++ b/examples/store/src/lib/hooks/useProductPrice.ts
@@ -1,9 +1,9 @@
 import { useMemo } from "react";
 import { useList } from "@refinedev/core";
-import { Product } from "@medusajs/medusa";
+import type { Product } from "@medusajs/medusa";
 import { formatAmount } from "medusa-react";
 
-import { CalculatedVariant } from "../../types/medusa";
+import type { CalculatedVariant } from "../../types/medusa";
 import { useCartContext } from "@lib/context";
 import { getPercentageDiff } from "@lib/getPercentageDiff";
 
diff --git a/examples/store/src/types/medusa.ts b/examples/store/src/types/medusa.ts
index aade7fcdabfc..ed357d4b009c 100644
--- a/examples/store/src/types/medusa.ts
+++ b/examples/store/src/types/medusa.ts
@@ -1,4 +1,4 @@
-import { ProductVariant } from "@medusajs/medusa";
+import type { ProductVariant } from "@medusajs/medusa";
 
 export type CalculatedVariant = ProductVariant & {
   calculated_price: number;
diff --git a/examples/table-antd-advanced/src/pages/categories/create.tsx b/examples/table-antd-advanced/src/pages/categories/create.tsx
index 35240339b8ed..79ccc335c61f 100644
--- a/examples/table-antd-advanced/src/pages/categories/create.tsx
+++ b/examples/table-antd-advanced/src/pages/categories/create.tsx
@@ -2,7 +2,7 @@ import { Create, useForm } from "@refinedev/antd";
 
 import { Checkbox, Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryCreate = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/table-antd-advanced/src/pages/categories/edit.tsx b/examples/table-antd-advanced/src/pages/categories/edit.tsx
index d4b5b2ccc8b5..410146f5519c 100644
--- a/examples/table-antd-advanced/src/pages/categories/edit.tsx
+++ b/examples/table-antd-advanced/src/pages/categories/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm } from "@refinedev/antd";
 
 import { Checkbox, Form, Input } from "antd";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const CategoryEdit = () => {
   const { formProps, saveButtonProps } = useForm<ICategory>();
diff --git a/examples/table-antd-advanced/src/pages/categories/list.tsx b/examples/table-antd-advanced/src/pages/categories/list.tsx
index 48aa61a5c520..240d25ec507e 100644
--- a/examples/table-antd-advanced/src/pages/categories/list.tsx
+++ b/examples/table-antd-advanced/src/pages/categories/list.tsx
@@ -8,7 +8,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const CategoryList = () => {
   const { tableProps } = useTable<ICategory>();
diff --git a/examples/table-antd-advanced/src/pages/posts/create.tsx b/examples/table-antd-advanced/src/pages/posts/create.tsx
index 1584d39ac3e3..2bcf74182b56 100644
--- a/examples/table-antd-advanced/src/pages/posts/create.tsx
+++ b/examples/table-antd-advanced/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/table-antd-advanced/src/pages/posts/edit.tsx b/examples/table-antd-advanced/src/pages/posts/edit.tsx
index 71fb6a382e09..a7ac2428084d 100644
--- a/examples/table-antd-advanced/src/pages/posts/edit.tsx
+++ b/examples/table-antd-advanced/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/table-antd-advanced/src/pages/posts/list.tsx b/examples/table-antd-advanced/src/pages/posts/list.tsx
index bde994525d8d..b5ac531259d4 100644
--- a/examples/table-antd-advanced/src/pages/posts/list.tsx
+++ b/examples/table-antd-advanced/src/pages/posts/list.tsx
@@ -15,7 +15,7 @@ import { Table, Form, Input, Select, Space, Button } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const [selectedRowKeys, setSelectedRowKeys] = React.useState<React.Key[]>([]);
diff --git a/examples/table-antd-advanced/src/pages/posts/show.tsx b/examples/table-antd-advanced/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/table-antd-advanced/src/pages/posts/show.tsx
+++ b/examples/table-antd-advanced/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/table-antd-table-filter/src/pages/posts/create.tsx b/examples/table-antd-table-filter/src/pages/posts/create.tsx
index f0e7ea138945..01b5f945752f 100644
--- a/examples/table-antd-table-filter/src/pages/posts/create.tsx
+++ b/examples/table-antd-table-filter/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/table-antd-table-filter/src/pages/posts/edit.tsx b/examples/table-antd-table-filter/src/pages/posts/edit.tsx
index 10d648253e96..4951431377df 100644
--- a/examples/table-antd-table-filter/src/pages/posts/edit.tsx
+++ b/examples/table-antd-table-filter/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/table-antd-table-filter/src/pages/posts/list.tsx b/examples/table-antd-table-filter/src/pages/posts/list.tsx
index 85d6abfe2892..de9175aad69b 100644
--- a/examples/table-antd-table-filter/src/pages/posts/list.tsx
+++ b/examples/table-antd-table-filter/src/pages/posts/list.tsx
@@ -1,4 +1,4 @@
-import { useMany, CrudFilters, HttpError } from "@refinedev/core";
+import { useMany, type CrudFilters, type HttpError } from "@refinedev/core";
 
 import {
   List,
@@ -22,12 +22,12 @@ import {
   Card,
   Select,
   Tag,
-  FormProps,
+  type FormProps,
   Row,
   Col,
 } from "antd";
 
-import { IPost, ICategory, IPostFilterVariables } from "../../interfaces";
+import type { IPost, ICategory, IPostFilterVariables } from "../../interfaces";
 
 const { RangePicker } = DatePicker;
 
diff --git a/examples/table-antd-table-filter/src/pages/posts/show.tsx b/examples/table-antd-table-filter/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/table-antd-table-filter/src/pages/posts/show.tsx
+++ b/examples/table-antd-table-filter/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/table-antd-use-delete-many/src/pages/posts/create.tsx b/examples/table-antd-use-delete-many/src/pages/posts/create.tsx
index f0e7ea138945..01b5f945752f 100644
--- a/examples/table-antd-use-delete-many/src/pages/posts/create.tsx
+++ b/examples/table-antd-use-delete-many/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/table-antd-use-delete-many/src/pages/posts/edit.tsx b/examples/table-antd-use-delete-many/src/pages/posts/edit.tsx
index 10d648253e96..4951431377df 100644
--- a/examples/table-antd-use-delete-many/src/pages/posts/edit.tsx
+++ b/examples/table-antd-use-delete-many/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/table-antd-use-delete-many/src/pages/posts/list.tsx b/examples/table-antd-use-delete-many/src/pages/posts/list.tsx
index 466ad7538743..92422e67e93e 100644
--- a/examples/table-antd-use-delete-many/src/pages/posts/list.tsx
+++ b/examples/table-antd-use-delete-many/src/pages/posts/list.tsx
@@ -11,7 +11,7 @@ import {
 
 import { Table, Space, Button } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/table-antd-use-delete-many/src/pages/posts/show.tsx b/examples/table-antd-use-delete-many/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/table-antd-use-delete-many/src/pages/posts/show.tsx
+++ b/examples/table-antd-use-delete-many/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/table-antd-use-editable-table/src/pages/posts/list.tsx b/examples/table-antd-use-editable-table/src/pages/posts/list.tsx
index e5e779c087ce..117dd8fb6b63 100644
--- a/examples/table-antd-use-editable-table/src/pages/posts/list.tsx
+++ b/examples/table-antd-use-editable-table/src/pages/posts/list.tsx
@@ -8,7 +8,7 @@ import {
 
 import { Table, Form, Space, Button, Input } from "antd";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList = () => {
   const {
diff --git a/examples/table-antd-use-table/src/pages/posts/list.tsx b/examples/table-antd-use-table/src/pages/posts/list.tsx
index 9516f966223c..05ebac6795e9 100644
--- a/examples/table-antd-use-table/src/pages/posts/list.tsx
+++ b/examples/table-antd-use-table/src/pages/posts/list.tsx
@@ -9,10 +9,10 @@ import {
   useSelect,
 } from "@refinedev/antd";
 
-import { FilterDropdownProps } from "antd/lib/table/interface";
+import type { FilterDropdownProps } from "antd/lib/table/interface";
 import { Table, Radio, Select, Input } from "antd";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, sorter, filters } = useTable<IPost>({
diff --git a/examples/table-antd-use-update-many/src/pages/posts/create.tsx b/examples/table-antd-use-update-many/src/pages/posts/create.tsx
index f0e7ea138945..01b5f945752f 100644
--- a/examples/table-antd-use-update-many/src/pages/posts/create.tsx
+++ b/examples/table-antd-use-update-many/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/table-antd-use-update-many/src/pages/posts/edit.tsx b/examples/table-antd-use-update-many/src/pages/posts/edit.tsx
index 10d648253e96..4951431377df 100644
--- a/examples/table-antd-use-update-many/src/pages/posts/edit.tsx
+++ b/examples/table-antd-use-update-many/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/table-antd-use-update-many/src/pages/posts/list.tsx b/examples/table-antd-use-update-many/src/pages/posts/list.tsx
index 294ec50b3453..4613ac2dff3b 100644
--- a/examples/table-antd-use-update-many/src/pages/posts/list.tsx
+++ b/examples/table-antd-use-update-many/src/pages/posts/list.tsx
@@ -11,7 +11,7 @@ import {
 
 import { Table, Space, Button } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/table-antd-use-update-many/src/pages/posts/show.tsx b/examples/table-antd-use-update-many/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/table-antd-use-update-many/src/pages/posts/show.tsx
+++ b/examples/table-antd-use-update-many/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/table-chakra-ui-advanced/src/components/pagination/index.tsx b/examples/table-chakra-ui-advanced/src/components/pagination/index.tsx
index 2d2fc2239993..1f3c65d6ebb0 100644
--- a/examples/table-chakra-ui-advanced/src/components/pagination/index.tsx
+++ b/examples/table-chakra-ui-advanced/src/components/pagination/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HStack, Button, Box } from "@chakra-ui/react";
 import { IconChevronRight, IconChevronLeft } from "@tabler/icons-react";
 import { usePagination } from "@refinedev/chakra-ui";
diff --git a/examples/table-chakra-ui-advanced/src/components/table/columnFilter.tsx b/examples/table-chakra-ui-advanced/src/components/table/columnFilter.tsx
index 381c1ba966f8..23dd9b37808e 100644
--- a/examples/table-chakra-ui-advanced/src/components/table/columnFilter.tsx
+++ b/examples/table-chakra-ui-advanced/src/components/table/columnFilter.tsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/table-chakra-ui-advanced/src/components/table/columnSorter.tsx b/examples/table-chakra-ui-advanced/src/components/table/columnSorter.tsx
index fe2d050322e5..288118d8536b 100644
--- a/examples/table-chakra-ui-advanced/src/components/table/columnSorter.tsx
+++ b/examples/table-chakra-ui-advanced/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 import type { SortDirection } from "@tanstack/react-table";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
diff --git a/examples/table-chakra-ui-advanced/src/interfaces/index.d.ts b/examples/table-chakra-ui-advanced/src/interfaces/index.d.ts
index d57cb1a6fd8d..4ebdc7c91fa7 100644
--- a/examples/table-chakra-ui-advanced/src/interfaces/index.d.ts
+++ b/examples/table-chakra-ui-advanced/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/table-chakra-ui-advanced/src/pages/posts/list.tsx b/examples/table-chakra-ui-advanced/src/pages/posts/list.tsx
index fbc39b13499e..38eb6bc3949a 100644
--- a/examples/table-chakra-ui-advanced/src/pages/posts/list.tsx
+++ b/examples/table-chakra-ui-advanced/src/pages/posts/list.tsx
@@ -1,8 +1,8 @@
 import React, { Fragment, useCallback } from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender, Row } from "@tanstack/react-table";
+import { type ColumnDef, flexRender, type Row } from "@tanstack/react-table";
 import {
-  GetManyResponse,
+  type GetManyResponse,
   useDeleteMany,
   useMany,
   useSelect,
@@ -38,7 +38,7 @@ import { IconChevronDown, IconChevronRight } from "@tabler/icons-react";
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
 import { Pagination } from "../../components/pagination";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const {
diff --git a/examples/table-chakra-ui-basic/src/components/pagination/index.tsx b/examples/table-chakra-ui-basic/src/components/pagination/index.tsx
index 42334d11c1d1..a26ccbf84254 100644
--- a/examples/table-chakra-ui-basic/src/components/pagination/index.tsx
+++ b/examples/table-chakra-ui-basic/src/components/pagination/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HStack, Button, Box } from "@chakra-ui/react";
 import { IconChevronRight, IconChevronLeft } from "@tabler/icons-react";
 import { usePagination } from "@refinedev/chakra-ui";
diff --git a/examples/table-chakra-ui-basic/src/components/table/columnFilter.tsx b/examples/table-chakra-ui-basic/src/components/table/columnFilter.tsx
index b83e752df69e..872ba96e6735 100644
--- a/examples/table-chakra-ui-basic/src/components/table/columnFilter.tsx
+++ b/examples/table-chakra-ui-basic/src/components/table/columnFilter.tsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/table-chakra-ui-basic/src/components/table/columnSorter.tsx b/examples/table-chakra-ui-basic/src/components/table/columnSorter.tsx
index 1c57eb898e02..dd414216cffb 100644
--- a/examples/table-chakra-ui-basic/src/components/table/columnSorter.tsx
+++ b/examples/table-chakra-ui-basic/src/components/table/columnSorter.tsx
@@ -1,7 +1,7 @@
 import { IconButton } from "@chakra-ui/react";
 import { IconChevronDown, IconSelector } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/table-chakra-ui-basic/src/interfaces/index.d.ts b/examples/table-chakra-ui-basic/src/interfaces/index.d.ts
index d57cb1a6fd8d..4ebdc7c91fa7 100644
--- a/examples/table-chakra-ui-basic/src/interfaces/index.d.ts
+++ b/examples/table-chakra-ui-basic/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/table-chakra-ui-basic/src/pages/posts/create.tsx b/examples/table-chakra-ui-basic/src/pages/posts/create.tsx
index d72bdddf9449..9e63292412d6 100644
--- a/examples/table-chakra-ui-basic/src/pages/posts/create.tsx
+++ b/examples/table-chakra-ui-basic/src/pages/posts/create.tsx
@@ -9,7 +9,7 @@ import {
 import { useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostCreate = () => {
   const {
diff --git a/examples/table-chakra-ui-basic/src/pages/posts/edit.tsx b/examples/table-chakra-ui-basic/src/pages/posts/edit.tsx
index 57d5fed1eeb4..8d5596c118c3 100644
--- a/examples/table-chakra-ui-basic/src/pages/posts/edit.tsx
+++ b/examples/table-chakra-ui-basic/src/pages/posts/edit.tsx
@@ -10,7 +10,7 @@ import {
 import { useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostEdit = () => {
   const {
diff --git a/examples/table-chakra-ui-basic/src/pages/posts/list.tsx b/examples/table-chakra-ui-basic/src/pages/posts/list.tsx
index cee2a33f3c92..86aadc0100c1 100644
--- a/examples/table-chakra-ui-basic/src/pages/posts/list.tsx
+++ b/examples/table-chakra-ui-basic/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -25,7 +25,7 @@ import {
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
 import { Pagination } from "../../components/pagination";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/table-chakra-ui-basic/src/pages/posts/show.tsx b/examples/table-chakra-ui-basic/src/pages/posts/show.tsx
index ce9f525855d1..0959476f6458 100644
--- a/examples/table-chakra-ui-basic/src/pages/posts/show.tsx
+++ b/examples/table-chakra-ui-basic/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/chakra-ui";
 
 import { Heading, Text, Spacer } from "@chakra-ui/react";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/table-handson/src/pages/posts/list.tsx b/examples/table-handson/src/pages/posts/list.tsx
index 4a0a4d8162f5..4454b2496ea2 100644
--- a/examples/table-handson/src/pages/posts/list.tsx
+++ b/examples/table-handson/src/pages/posts/list.tsx
@@ -5,7 +5,7 @@ import { HotTable } from "@handsontable/react";
 import { registerAllModules } from "handsontable/registry";
 import "handsontable/dist/handsontable.full.min.css";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 type Config = {
   column: number;
diff --git a/examples/table-mantine-advanced/src/components/table/columnFilter.tsx b/examples/table-mantine-advanced/src/components/table/columnFilter.tsx
index 80240b69763d..4021b7ef0faf 100644
--- a/examples/table-mantine-advanced/src/components/table/columnFilter.tsx
+++ b/examples/table-mantine-advanced/src/components/table/columnFilter.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/table-mantine-advanced/src/components/table/columnSorter.tsx b/examples/table-mantine-advanced/src/components/table/columnSorter.tsx
index f71ed1bbd4ec..b2a74d55a35e 100644
--- a/examples/table-mantine-advanced/src/components/table/columnSorter.tsx
+++ b/examples/table-mantine-advanced/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/table-mantine-advanced/src/interfaces/index.d.ts b/examples/table-mantine-advanced/src/interfaces/index.d.ts
index 582a7731788a..1e9dc13d2385 100644
--- a/examples/table-mantine-advanced/src/interfaces/index.d.ts
+++ b/examples/table-mantine-advanced/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/table-mantine-advanced/src/pages/posts/list.tsx b/examples/table-mantine-advanced/src/pages/posts/list.tsx
index 444c27a09d2b..c10c9ac60325 100644
--- a/examples/table-mantine-advanced/src/pages/posts/list.tsx
+++ b/examples/table-mantine-advanced/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React, { useCallback } from "react";
-import { GetManyResponse, useDeleteMany, useMany } from "@refinedev/core";
+import { type GetManyResponse, useDeleteMany, useMany } from "@refinedev/core";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender, Row } from "@tanstack/react-table";
+import { type ColumnDef, flexRender, type Row } from "@tanstack/react-table";
 import {
   useForm,
   SaveButton,
@@ -30,7 +30,7 @@ import MDEditor from "@uiw/react-md-editor";
 import { IconChevronDown, IconChevronRight } from "@tabler/icons-react";
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const {
diff --git a/examples/table-mantine-basic/src/components/table/columnFilter.tsx b/examples/table-mantine-basic/src/components/table/columnFilter.tsx
index 8d8dc2e05b55..9be1257b9a31 100644
--- a/examples/table-mantine-basic/src/components/table/columnFilter.tsx
+++ b/examples/table-mantine-basic/src/components/table/columnFilter.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/table-mantine-basic/src/components/table/columnSorter.tsx b/examples/table-mantine-basic/src/components/table/columnSorter.tsx
index 706148844233..e9a6ac5c7bf4 100644
--- a/examples/table-mantine-basic/src/components/table/columnSorter.tsx
+++ b/examples/table-mantine-basic/src/components/table/columnSorter.tsx
@@ -1,7 +1,7 @@
 import { ActionIcon } from "@mantine/core";
 import { IconChevronDown, IconSelector } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/table-mantine-basic/src/interfaces/index.d.ts b/examples/table-mantine-basic/src/interfaces/index.d.ts
index 582a7731788a..1e9dc13d2385 100644
--- a/examples/table-mantine-basic/src/interfaces/index.d.ts
+++ b/examples/table-mantine-basic/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/table-mantine-basic/src/pages/posts/list.tsx b/examples/table-mantine-basic/src/pages/posts/list.tsx
index dbd12899454d..47a07419a95d 100644
--- a/examples/table-mantine-basic/src/pages/posts/list.tsx
+++ b/examples/table-mantine-basic/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import { List, DeleteButton, DateField } from "@refinedev/mantine";
 
 import {
@@ -14,7 +14,7 @@ import {
 } from "@mantine/core";
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/table-material-ui-advanced/src/pages/dataGrid/index.tsx b/examples/table-material-ui-advanced/src/pages/dataGrid/index.tsx
index c9ac2a17bea4..9fffe08985f3 100644
--- a/examples/table-material-ui-advanced/src/pages/dataGrid/index.tsx
+++ b/examples/table-material-ui-advanced/src/pages/dataGrid/index.tsx
@@ -1,16 +1,16 @@
-import { Option, useSelect } from "@refinedev/core";
+import { type Option, useSelect } from "@refinedev/core";
 import { List, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
 import {
   DataGrid,
   GridActionsCellItem,
-  GridColDef,
+  type GridColDef,
   GridToolbar,
-  GridValueFormatterParams,
+  type GridValueFormatterParams,
 } from "@mui/x-data-grid";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const BasicDataGrid: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>();
diff --git a/examples/table-material-ui-advanced/src/pages/table/index.tsx b/examples/table-material-ui-advanced/src/pages/table/index.tsx
index 118b20918738..f3f6b0c74d68 100644
--- a/examples/table-material-ui-advanced/src/pages/table/index.tsx
+++ b/examples/table-material-ui-advanced/src/pages/table/index.tsx
@@ -1,13 +1,13 @@
 import { alpha } from "@mui/material/styles";
 import {
-  GetManyResponse,
+  type GetManyResponse,
   useDeleteMany,
   useMany,
   useSelect,
 } from "@refinedev/core";
 import { DeleteButton, EditButton, List, SaveButton } from "@refinedev/mui";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender, Row } from "@tanstack/react-table";
+import { type ColumnDef, flexRender, type Row } from "@tanstack/react-table";
 import React, { useCallback, useEffect } from "react";
 
 import Button from "@mui/material/Button";
@@ -33,7 +33,7 @@ import { Controller } from "react-hook-form";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const {
diff --git a/examples/table-material-ui-cursor-pagination/src/pages/posts/list.tsx b/examples/table-material-ui-cursor-pagination/src/pages/posts/list.tsx
index 153cc1823925..db4b594120bb 100644
--- a/examples/table-material-ui-cursor-pagination/src/pages/posts/list.tsx
+++ b/examples/table-material-ui-cursor-pagination/src/pages/posts/list.tsx
@@ -1,9 +1,9 @@
 import { List, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
-import { ICommit } from "../../interfaces";
+import type { ICommit } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const [next, setNext] = React.useState<string | undefined>(undefined);
diff --git a/examples/table-material-ui-cursor-pagination/src/rest-data-provider/index.ts b/examples/table-material-ui-cursor-pagination/src/rest-data-provider/index.ts
index 950d3b0c1d28..863c40bc2083 100644
--- a/examples/table-material-ui-cursor-pagination/src/rest-data-provider/index.ts
+++ b/examples/table-material-ui-cursor-pagination/src/rest-data-provider/index.ts
@@ -1,5 +1,5 @@
-import axios, { AxiosInstance } from "axios";
-import { DataProvider } from "@refinedev/core";
+import axios, { type AxiosInstance } from "axios";
+import type { DataProvider } from "@refinedev/core";
 
 const axiosInstance = axios.create();
 
diff --git a/examples/table-material-ui-data-grid-pro/src/pages/posts/list.tsx b/examples/table-material-ui-data-grid-pro/src/pages/posts/list.tsx
index ed185c9a05bd..99376bbc129e 100644
--- a/examples/table-material-ui-data-grid-pro/src/pages/posts/list.tsx
+++ b/examples/table-material-ui-data-grid-pro/src/pages/posts/list.tsx
@@ -1,10 +1,10 @@
-import { GridValueFormatterParams } from "@mui/x-data-grid";
-import { DataGridPro, GridColDef } from "@mui/x-data-grid-pro";
-import { Option, useSelect } from "@refinedev/core";
+import type { GridValueFormatterParams } from "@mui/x-data-grid";
+import { DataGridPro, type GridColDef } from "@mui/x-data-grid-pro";
+import { type Option, useSelect } from "@refinedev/core";
 import { List, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>({
diff --git a/examples/table-material-ui-table-filter/src/pages/posts/list.tsx b/examples/table-material-ui-table-filter/src/pages/posts/list.tsx
index c4f62533e263..287169ce5679 100644
--- a/examples/table-material-ui-table-filter/src/pages/posts/list.tsx
+++ b/examples/table-material-ui-table-filter/src/pages/posts/list.tsx
@@ -1,11 +1,11 @@
 import {
-  CrudFilters,
+  type CrudFilters,
   getDefaultFilter,
-  HttpError,
+  type HttpError,
   useMany,
 } from "@refinedev/core";
 import { List, TagField, useAutocomplete, useDataGrid } from "@refinedev/mui";
-import React, { ComponentProps, useMemo } from "react";
+import React, { type ComponentProps, useMemo } from "react";
 
 import Autocomplete from "@mui/material/Autocomplete";
 import Box from "@mui/material/Box";
@@ -18,12 +18,12 @@ import InputAdornment from "@mui/material/InputAdornment";
 import TextField from "@mui/material/TextField";
 
 import SearchOutlined from "@mui/icons-material/SearchOutlined";
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import {
+import type {
   ICategory,
   IPost,
   IPostFilterVariables,
diff --git a/examples/table-material-ui-use-data-grid/src/pages/posts/list.tsx b/examples/table-material-ui-use-data-grid/src/pages/posts/list.tsx
index c73d76ce2dc4..1043a77e16fc 100644
--- a/examples/table-material-ui-use-data-grid/src/pages/posts/list.tsx
+++ b/examples/table-material-ui-use-data-grid/src/pages/posts/list.tsx
@@ -1,14 +1,14 @@
-import { Option, useSelect } from "@refinedev/core";
+import { type Option, useSelect } from "@refinedev/core";
 import { List, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
 import {
   DataGrid,
-  GridColDef,
-  GridValueFormatterParams,
+  type GridColDef,
+  type GridValueFormatterParams,
 } from "@mui/x-data-grid";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>({
diff --git a/examples/table-material-ui-use-delete-many/src/pages/posts/list.tsx b/examples/table-material-ui-use-delete-many/src/pages/posts/list.tsx
index 251f94e60eea..a49a059759e5 100644
--- a/examples/table-material-ui-use-delete-many/src/pages/posts/list.tsx
+++ b/examples/table-material-ui-use-delete-many/src/pages/posts/list.tsx
@@ -1,16 +1,16 @@
-import { Option, useDeleteMany, useSelect } from "@refinedev/core";
+import { type Option, useDeleteMany, useSelect } from "@refinedev/core";
 import { List, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
 import Button from "@mui/material/Button";
 import {
   DataGrid,
-  GridColDef,
-  GridRowSelectionModel,
-  GridValueFormatterParams,
+  type GridColDef,
+  type GridRowSelectionModel,
+  type GridValueFormatterParams,
 } from "@mui/x-data-grid";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const [selectedRowKeys, setSelectedRowKeys] =
diff --git a/examples/table-material-ui-use-update-many/src/pages/posts/list.tsx b/examples/table-material-ui-use-update-many/src/pages/posts/list.tsx
index 85dc28b2ab4d..52908ef95d9e 100644
--- a/examples/table-material-ui-use-update-many/src/pages/posts/list.tsx
+++ b/examples/table-material-ui-use-update-many/src/pages/posts/list.tsx
@@ -1,16 +1,16 @@
-import { Option, useSelect, useUpdateMany } from "@refinedev/core";
+import { type Option, useSelect, useUpdateMany } from "@refinedev/core";
 import { List, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
 import Button from "@mui/material/Button";
 import {
   DataGrid,
-  GridValueFormatterParams,
-  GridColDef,
-  GridRowSelectionModel,
+  type GridValueFormatterParams,
+  type GridColDef,
+  type GridRowSelectionModel,
 } from "@mui/x-data-grid";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const [selectedRowKeys, setSelectedRowKeys] =
diff --git a/examples/table-react-table-advanced/src/pages/posts/list.tsx b/examples/table-react-table-advanced/src/pages/posts/list.tsx
index faa1c4b629c7..fd92a0065a2b 100644
--- a/examples/table-react-table-advanced/src/pages/posts/list.tsx
+++ b/examples/table-react-table-advanced/src/pages/posts/list.tsx
@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect } from "react";
 import {
-  GetManyResponse,
+  type GetManyResponse,
   useDeleteMany,
   useMany,
   useSelect,
@@ -8,11 +8,11 @@ import {
 import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender, Row } from "@tanstack/react-table";
+import { type ColumnDef, flexRender, type Row } from "@tanstack/react-table";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const {
diff --git a/examples/table-react-table-advanced/src/react-table-config.d.ts b/examples/table-react-table-advanced/src/react-table-config.d.ts
index b92a19d98707..7e6190b53040 100644
--- a/examples/table-react-table-advanced/src/react-table-config.d.ts
+++ b/examples/table-react-table-advanced/src/react-table-config.d.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   UseColumnOrderInstanceProps,
   UseColumnOrderState,
   UseExpandedHooks,
diff --git a/examples/table-react-table-basic/src/pages/posts/list.tsx b/examples/table-react-table-basic/src/pages/posts/list.tsx
index fd37c25187ed..bd916859206f 100644
--- a/examples/table-react-table-basic/src/pages/posts/list.tsx
+++ b/examples/table-react-table-basic/src/pages/posts/list.tsx
@@ -1,9 +1,9 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
 
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/template-chakra-ui/src/reportWebVitals.ts b/examples/template-chakra-ui/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/template-chakra-ui/src/reportWebVitals.ts
+++ b/examples/template-chakra-ui/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/template-headless/src/components/layout/index.tsx b/examples/template-headless/src/components/layout/index.tsx
index f6f489fe2e87..330edd006fc0 100644
--- a/examples/template-headless/src/components/layout/index.tsx
+++ b/examples/template-headless/src/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 
 import { Menu } from "../menu";
 import { Breadcrumb } from "../breadcrumb";
diff --git a/examples/template-headless/src/reportWebVitals.ts b/examples/template-headless/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/template-headless/src/reportWebVitals.ts
+++ b/examples/template-headless/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/template-mantine/src/reportWebVitals.ts b/examples/template-mantine/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/template-mantine/src/reportWebVitals.ts
+++ b/examples/template-mantine/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/template-material-ui/src/reportWebVitals.ts b/examples/template-material-ui/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/template-material-ui/src/reportWebVitals.ts
+++ b/examples/template-material-ui/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/theme-antd-demo/src/App.tsx b/examples/theme-antd-demo/src/App.tsx
index 1fc6c41f57e9..da44f363c6e7 100644
--- a/examples/theme-antd-demo/src/App.tsx
+++ b/examples/theme-antd-demo/src/App.tsx
@@ -8,7 +8,7 @@ import {
   AuthPage,
 } from "@refinedev/antd";
 import { GoogleOutlined, GithubOutlined } from "@ant-design/icons";
-import { ConfigProvider, ThemeConfig, theme } from "antd";
+import { ConfigProvider, type ThemeConfig, theme } from "antd";
 import dataProvider from "@refinedev/simple-rest";
 import routerProvider, {
   CatchAllNavigate,
diff --git a/examples/theme-antd-demo/src/components/theme-settings/index.tsx b/examples/theme-antd-demo/src/components/theme-settings/index.tsx
index 9b0013287cd0..c32c77a9124a 100644
--- a/examples/theme-antd-demo/src/components/theme-settings/index.tsx
+++ b/examples/theme-antd-demo/src/components/theme-settings/index.tsx
@@ -1,6 +1,6 @@
-import { FC, useState } from "react";
+import { type FC, useState } from "react";
 import { useModal } from "@refinedev/core";
-import { Button, Modal, Space, ThemeConfig, theme } from "antd";
+import { Button, Modal, Space, type ThemeConfig, theme } from "antd";
 import { RefineThemes } from "@refinedev/antd";
 
 type ThemeName = keyof typeof RefineThemes;
diff --git a/examples/theme-antd-demo/src/pages/posts/create.tsx b/examples/theme-antd-demo/src/pages/posts/create.tsx
index e7ee90ca3ada..22d417d9f12f 100644
--- a/examples/theme-antd-demo/src/pages/posts/create.tsx
+++ b/examples/theme-antd-demo/src/pages/posts/create.tsx
@@ -5,7 +5,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>({
diff --git a/examples/theme-antd-demo/src/pages/posts/edit.tsx b/examples/theme-antd-demo/src/pages/posts/edit.tsx
index 8ac846ad03ac..541c82f7508c 100644
--- a/examples/theme-antd-demo/src/pages/posts/edit.tsx
+++ b/examples/theme-antd-demo/src/pages/posts/edit.tsx
@@ -5,7 +5,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>({
diff --git a/examples/theme-antd-demo/src/pages/posts/list.tsx b/examples/theme-antd-demo/src/pages/posts/list.tsx
index 80a517fa8ad5..f24b59adb00e 100644
--- a/examples/theme-antd-demo/src/pages/posts/list.tsx
+++ b/examples/theme-antd-demo/src/pages/posts/list.tsx
@@ -13,7 +13,7 @@ import {
 
 import { Table, Space, Select, Radio } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, filters } = useTable<IPost>({
diff --git a/examples/theme-antd-demo/src/pages/posts/show.tsx b/examples/theme-antd-demo/src/pages/posts/show.tsx
index ca5932bbb1c5..65573501d8d4 100644
--- a/examples/theme-antd-demo/src/pages/posts/show.tsx
+++ b/examples/theme-antd-demo/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/theme-antd-demo/src/utils/authProvider.ts b/examples/theme-antd-demo/src/utils/authProvider.ts
index 8cbcb43fd5d4..554be736ff4f 100644
--- a/examples/theme-antd-demo/src/utils/authProvider.ts
+++ b/examples/theme-antd-demo/src/utils/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 export const authProvider: AuthProvider = {
   login: async ({ providerName, email }) => {
diff --git a/examples/theme-chakra-ui-demo/src/authProvider.ts b/examples/theme-chakra-ui-demo/src/authProvider.ts
index 8cbcb43fd5d4..554be736ff4f 100644
--- a/examples/theme-chakra-ui-demo/src/authProvider.ts
+++ b/examples/theme-chakra-ui-demo/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 export const authProvider: AuthProvider = {
   login: async ({ providerName, email }) => {
diff --git a/examples/theme-chakra-ui-demo/src/components/pagination/index.tsx b/examples/theme-chakra-ui-demo/src/components/pagination/index.tsx
index 2d2fc2239993..1f3c65d6ebb0 100644
--- a/examples/theme-chakra-ui-demo/src/components/pagination/index.tsx
+++ b/examples/theme-chakra-ui-demo/src/components/pagination/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HStack, Button, Box } from "@chakra-ui/react";
 import { IconChevronRight, IconChevronLeft } from "@tabler/icons-react";
 import { usePagination } from "@refinedev/chakra-ui";
diff --git a/examples/theme-chakra-ui-demo/src/components/table/columnFilter.tsx b/examples/theme-chakra-ui-demo/src/components/table/columnFilter.tsx
index 381c1ba966f8..23dd9b37808e 100644
--- a/examples/theme-chakra-ui-demo/src/components/table/columnFilter.tsx
+++ b/examples/theme-chakra-ui-demo/src/components/table/columnFilter.tsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/theme-chakra-ui-demo/src/components/table/columnSorter.tsx b/examples/theme-chakra-ui-demo/src/components/table/columnSorter.tsx
index fe2d050322e5..288118d8536b 100644
--- a/examples/theme-chakra-ui-demo/src/components/table/columnSorter.tsx
+++ b/examples/theme-chakra-ui-demo/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 import type { SortDirection } from "@tanstack/react-table";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
diff --git a/examples/theme-chakra-ui-demo/src/components/theme-settings/index.tsx b/examples/theme-chakra-ui-demo/src/components/theme-settings/index.tsx
index 9354e8f1c048..0c1a357fc688 100644
--- a/examples/theme-chakra-ui-demo/src/components/theme-settings/index.tsx
+++ b/examples/theme-chakra-ui-demo/src/components/theme-settings/index.tsx
@@ -1,5 +1,5 @@
 import { useModal } from "@refinedev/core";
-import { RefineThemes, RefineTheme } from "@refinedev/chakra-ui";
+import { RefineThemes, type RefineTheme } from "@refinedev/chakra-ui";
 import {
   Button,
   HStack,
@@ -11,7 +11,7 @@ import {
   ModalOverlay,
   useColorMode,
 } from "@chakra-ui/react";
-import { FC } from "react";
+import type { FC } from "react";
 
 type ThemeName = keyof typeof RefineThemes;
 
diff --git a/examples/theme-chakra-ui-demo/src/interfaces/index.d.ts b/examples/theme-chakra-ui-demo/src/interfaces/index.d.ts
index 582a7731788a..1e9dc13d2385 100644
--- a/examples/theme-chakra-ui-demo/src/interfaces/index.d.ts
+++ b/examples/theme-chakra-ui-demo/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/theme-chakra-ui-demo/src/pages/posts/create.tsx b/examples/theme-chakra-ui-demo/src/pages/posts/create.tsx
index d72bdddf9449..9e63292412d6 100644
--- a/examples/theme-chakra-ui-demo/src/pages/posts/create.tsx
+++ b/examples/theme-chakra-ui-demo/src/pages/posts/create.tsx
@@ -9,7 +9,7 @@ import {
 import { useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostCreate = () => {
   const {
diff --git a/examples/theme-chakra-ui-demo/src/pages/posts/edit.tsx b/examples/theme-chakra-ui-demo/src/pages/posts/edit.tsx
index 57d5fed1eeb4..8d5596c118c3 100644
--- a/examples/theme-chakra-ui-demo/src/pages/posts/edit.tsx
+++ b/examples/theme-chakra-ui-demo/src/pages/posts/edit.tsx
@@ -10,7 +10,7 @@ import {
 import { useSelect } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostEdit = () => {
   const {
diff --git a/examples/theme-chakra-ui-demo/src/pages/posts/list.tsx b/examples/theme-chakra-ui-demo/src/pages/posts/list.tsx
index 2dca69716806..bde3ba2fbfa5 100644
--- a/examples/theme-chakra-ui-demo/src/pages/posts/list.tsx
+++ b/examples/theme-chakra-ui-demo/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -25,7 +25,7 @@ import {
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
 import { Pagination } from "../../components/pagination";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/theme-chakra-ui-demo/src/pages/posts/show.tsx b/examples/theme-chakra-ui-demo/src/pages/posts/show.tsx
index ce9f525855d1..0959476f6458 100644
--- a/examples/theme-chakra-ui-demo/src/pages/posts/show.tsx
+++ b/examples/theme-chakra-ui-demo/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/chakra-ui";
 
 import { Heading, Text, Spacer } from "@chakra-ui/react";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/theme-mantine-demo/src/App.tsx b/examples/theme-mantine-demo/src/App.tsx
index 411c0d561a4d..5e77707dde51 100644
--- a/examples/theme-mantine-demo/src/App.tsx
+++ b/examples/theme-mantine-demo/src/App.tsx
@@ -11,7 +11,7 @@ import { NotificationsProvider } from "@mantine/notifications";
 import {
   MantineProvider,
   Global,
-  ColorScheme,
+  type ColorScheme,
   ColorSchemeProvider,
 } from "@mantine/core";
 import dataProvider from "@refinedev/simple-rest";
diff --git a/examples/theme-mantine-demo/src/authProvider.ts b/examples/theme-mantine-demo/src/authProvider.ts
index 973ee70da49d..2f53c14d60c4 100644
--- a/examples/theme-mantine-demo/src/authProvider.ts
+++ b/examples/theme-mantine-demo/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 export const authProvider: AuthProvider = {
   login: async ({ providerName, email }) => {
diff --git a/examples/theme-mantine-demo/src/components/table/columnFilter.tsx b/examples/theme-mantine-demo/src/components/table/columnFilter.tsx
index 86cad3cb69c0..17c6939949f5 100644
--- a/examples/theme-mantine-demo/src/components/table/columnFilter.tsx
+++ b/examples/theme-mantine-demo/src/components/table/columnFilter.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/theme-mantine-demo/src/components/table/columnSorter.tsx b/examples/theme-mantine-demo/src/components/table/columnSorter.tsx
index f71ed1bbd4ec..b2a74d55a35e 100644
--- a/examples/theme-mantine-demo/src/components/table/columnSorter.tsx
+++ b/examples/theme-mantine-demo/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/theme-mantine-demo/src/components/theme-settings/index.tsx b/examples/theme-mantine-demo/src/components/theme-settings/index.tsx
index 43f575a5be76..b7cc4796fe22 100644
--- a/examples/theme-mantine-demo/src/components/theme-settings/index.tsx
+++ b/examples/theme-mantine-demo/src/components/theme-settings/index.tsx
@@ -2,13 +2,13 @@ import {
   Box,
   Button,
   Group,
-  MantineThemeOverride,
+  type MantineThemeOverride,
   Modal,
   useMantineColorScheme,
 } from "@mantine/core";
 import { useModal } from "@refinedev/core";
 import { RefineThemes } from "@refinedev/mantine";
-import { FC } from "react";
+import type { FC } from "react";
 
 type ThemeName = keyof typeof RefineThemes;
 
diff --git a/examples/theme-mantine-demo/src/interfaces/index.d.ts b/examples/theme-mantine-demo/src/interfaces/index.d.ts
index 582a7731788a..1e9dc13d2385 100644
--- a/examples/theme-mantine-demo/src/interfaces/index.d.ts
+++ b/examples/theme-mantine-demo/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/theme-mantine-demo/src/pages/posts/edit.tsx b/examples/theme-mantine-demo/src/pages/posts/edit.tsx
index 08fb2e05080c..37aed0345594 100644
--- a/examples/theme-mantine-demo/src/pages/posts/edit.tsx
+++ b/examples/theme-mantine-demo/src/pages/posts/edit.tsx
@@ -2,7 +2,7 @@ import { Edit, useForm, useSelect } from "@refinedev/mantine";
 import { Select, TextInput, Text } from "@mantine/core";
 import MDEditor from "@uiw/react-md-editor";
 
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/theme-mantine-demo/src/pages/posts/list.tsx b/examples/theme-mantine-demo/src/pages/posts/list.tsx
index 98ccc47eff7f..984b95a9a310 100644
--- a/examples/theme-mantine-demo/src/pages/posts/list.tsx
+++ b/examples/theme-mantine-demo/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -20,7 +20,7 @@ import {
 } from "@mantine/core";
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/theme-mantine-demo/src/pages/posts/show.tsx b/examples/theme-mantine-demo/src/pages/posts/show.tsx
index 109d90abdc0d..1dd1b40850b1 100644
--- a/examples/theme-mantine-demo/src/pages/posts/show.tsx
+++ b/examples/theme-mantine-demo/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/mantine";
 
 import { Title, Text } from "@mantine/core";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/theme-material-ui-demo/src/authProvider.ts b/examples/theme-material-ui-demo/src/authProvider.ts
index 8cbcb43fd5d4..554be736ff4f 100644
--- a/examples/theme-material-ui-demo/src/authProvider.ts
+++ b/examples/theme-material-ui-demo/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 export const authProvider: AuthProvider = {
   login: async ({ providerName, email }) => {
diff --git a/examples/theme-material-ui-demo/src/components/theme-settings/index.tsx b/examples/theme-material-ui-demo/src/components/theme-settings/index.tsx
index 6db3892d628a..38d60410033f 100644
--- a/examples/theme-material-ui-demo/src/components/theme-settings/index.tsx
+++ b/examples/theme-material-ui-demo/src/components/theme-settings/index.tsx
@@ -1,4 +1,4 @@
-import { FC, useMemo } from "react";
+import { type FC, useMemo } from "react";
 import { useModal } from "@refinedev/core";
 import { RefineThemes } from "@refinedev/mui";
 import Card from "@mui/material/Card";
diff --git a/examples/theme-material-ui-demo/src/pages/posts/create.tsx b/examples/theme-material-ui-demo/src/pages/posts/create.tsx
index 1c7368cc2d02..29aa2bd9356d 100644
--- a/examples/theme-material-ui-demo/src/pages/posts/create.tsx
+++ b/examples/theme-material-ui-demo/src/pages/posts/create.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Create, useAutocomplete } from "@refinedev/mui";
 import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
@@ -7,7 +7,7 @@ import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
+import type { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
 
 export const PostCreate: React.FC = () => {
   const {
diff --git a/examples/theme-material-ui-demo/src/pages/posts/edit.tsx b/examples/theme-material-ui-demo/src/pages/posts/edit.tsx
index b4913a184d6c..5ade870b3715 100644
--- a/examples/theme-material-ui-demo/src/pages/posts/edit.tsx
+++ b/examples/theme-material-ui-demo/src/pages/posts/edit.tsx
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Edit, useAutocomplete } from "@refinedev/mui";
 import Box from "@mui/material/Box";
 import TextField from "@mui/material/TextField";
@@ -7,7 +7,7 @@ import { useForm } from "@refinedev/react-hook-form";
 
 import { Controller } from "react-hook-form";
 
-import { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
+import type { IPost, ICategory, Nullable, IStatus } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const {
diff --git a/examples/theme-material-ui-demo/src/pages/posts/list.tsx b/examples/theme-material-ui-demo/src/pages/posts/list.tsx
index 3ae186633700..019ac589494f 100644
--- a/examples/theme-material-ui-demo/src/pages/posts/list.tsx
+++ b/examples/theme-material-ui-demo/src/pages/posts/list.tsx
@@ -2,9 +2,9 @@ import { useMany } from "@refinedev/core";
 import { EditButton, List, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>();
diff --git a/examples/tutorial-antd/src/pages/blog-posts/list.tsx b/examples/tutorial-antd/src/pages/blog-posts/list.tsx
index dee625151b72..79396b2c85a4 100644
--- a/examples/tutorial-antd/src/pages/blog-posts/list.tsx
+++ b/examples/tutorial-antd/src/pages/blog-posts/list.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { BaseRecord, useMany } from "@refinedev/core";
+import { type BaseRecord, useMany } from "@refinedev/core";
 import {
   useTable,
   List,
diff --git a/examples/tutorial-antd/src/reportWebVitals.ts b/examples/tutorial-antd/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/tutorial-antd/src/reportWebVitals.ts
+++ b/examples/tutorial-antd/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/tutorial-chakra-ui/src/components/table/ColumnFilter.tsx b/examples/tutorial-chakra-ui/src/components/table/ColumnFilter.tsx
index 74764fa10bd0..03bc087cfff2 100644
--- a/examples/tutorial-chakra-ui/src/components/table/ColumnFilter.tsx
+++ b/examples/tutorial-chakra-ui/src/components/table/ColumnFilter.tsx
@@ -9,7 +9,7 @@ import {
   HStack,
 } from "@chakra-ui/react";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export const ColumnFilter: React.FC<{ column: Column<any, any> }> = ({
   column,
diff --git a/examples/tutorial-chakra-ui/src/components/table/ColumnSorter.tsx b/examples/tutorial-chakra-ui/src/components/table/ColumnSorter.tsx
index 3bf6ad7c722c..8b25844f27e3 100644
--- a/examples/tutorial-chakra-ui/src/components/table/ColumnSorter.tsx
+++ b/examples/tutorial-chakra-ui/src/components/table/ColumnSorter.tsx
@@ -4,7 +4,7 @@ import {
   IconChevronUp,
   IconSelector,
 } from "@tabler/icons-react";
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export const ColumnSorter: React.FC<{ column: Column<any, any> }> = ({
   column,
diff --git a/examples/tutorial-chakra-ui/src/pages/blog-posts/list.tsx b/examples/tutorial-chakra-ui/src/pages/blog-posts/list.tsx
index 5352a03ee71d..6447c62ef011 100644
--- a/examples/tutorial-chakra-ui/src/pages/blog-posts/list.tsx
+++ b/examples/tutorial-chakra-ui/src/pages/blog-posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import {
   List,
   usePagination,
diff --git a/examples/tutorial-chakra-ui/src/reportWebVitals.ts b/examples/tutorial-chakra-ui/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/tutorial-chakra-ui/src/reportWebVitals.ts
+++ b/examples/tutorial-chakra-ui/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/tutorial-headless/src/components/layout/index.tsx b/examples/tutorial-headless/src/components/layout/index.tsx
index f6f489fe2e87..330edd006fc0 100644
--- a/examples/tutorial-headless/src/components/layout/index.tsx
+++ b/examples/tutorial-headless/src/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 
 import { Menu } from "../menu";
 import { Breadcrumb } from "../breadcrumb";
diff --git a/examples/tutorial-headless/src/pages/blog-posts/list.tsx b/examples/tutorial-headless/src/pages/blog-posts/list.tsx
index 0a0dbe2a48fe..d9ba99e2d6c5 100644
--- a/examples/tutorial-headless/src/pages/blog-posts/list.tsx
+++ b/examples/tutorial-headless/src/pages/blog-posts/list.tsx
@@ -1,12 +1,12 @@
 import React from "react";
 import {
   useNavigation,
-  GetManyResponse,
+  type GetManyResponse,
   useMany,
   useDelete,
 } from "@refinedev/core";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 
 export const BlogPostList = () => {
   const { mutate: deleteBlogPost } = useDelete();
diff --git a/examples/tutorial-headless/src/reportWebVitals.ts b/examples/tutorial-headless/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/tutorial-headless/src/reportWebVitals.ts
+++ b/examples/tutorial-headless/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/tutorial-mantine/src/components/table/ColumnFilter.tsx b/examples/tutorial-mantine/src/components/table/ColumnFilter.tsx
index 0bcbf60e84ac..800ad4b9be2b 100644
--- a/examples/tutorial-mantine/src/components/table/ColumnFilter.tsx
+++ b/examples/tutorial-mantine/src/components/table/ColumnFilter.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export const ColumnFilter: React.FC<{ column: Column<any, any> }> = ({
   column,
diff --git a/examples/tutorial-mantine/src/components/table/ColumnSorter.tsx b/examples/tutorial-mantine/src/components/table/ColumnSorter.tsx
index 102a5b1905da..a06fa24f5036 100644
--- a/examples/tutorial-mantine/src/components/table/ColumnSorter.tsx
+++ b/examples/tutorial-mantine/src/components/table/ColumnSorter.tsx
@@ -4,7 +4,7 @@ import {
   IconChevronUp,
   IconSelector,
 } from "@tabler/icons-react";
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export const ColumnSorter: React.FC<{ column: Column<any, any> }> = ({
   column,
diff --git a/examples/tutorial-mantine/src/pages/blog-posts/list.tsx b/examples/tutorial-mantine/src/pages/blog-posts/list.tsx
index 207a89a2ee2d..9f49afaadf9d 100644
--- a/examples/tutorial-mantine/src/pages/blog-posts/list.tsx
+++ b/examples/tutorial-mantine/src/pages/blog-posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import { ScrollArea, Table, Pagination, Group } from "@mantine/core";
 import {
   List,
diff --git a/examples/tutorial-mantine/src/reportWebVitals.ts b/examples/tutorial-mantine/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/tutorial-mantine/src/reportWebVitals.ts
+++ b/examples/tutorial-mantine/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/tutorial-material-ui/src/pages/blog-posts/list.tsx b/examples/tutorial-material-ui/src/pages/blog-posts/list.tsx
index fa2cfaa42d6b..85d4d2b59ab2 100644
--- a/examples/tutorial-material-ui/src/pages/blog-posts/list.tsx
+++ b/examples/tutorial-material-ui/src/pages/blog-posts/list.tsx
@@ -1,4 +1,4 @@
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import { useMany } from "@refinedev/core";
 import {
   DateField,
diff --git a/examples/tutorial-material-ui/src/reportWebVitals.ts b/examples/tutorial-material-ui/src/reportWebVitals.ts
index 5fa3583b7500..ad7f32fc1dee 100644
--- a/examples/tutorial-material-ui/src/reportWebVitals.ts
+++ b/examples/tutorial-material-ui/src/reportWebVitals.ts
@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals";
+import type { ReportHandler } from "web-vitals";
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
diff --git a/examples/upload-antd-base64/src/interfaces/index.d.ts b/examples/upload-antd-base64/src/interfaces/index.d.ts
index 49eaf19afaf7..a7b4884f90db 100644
--- a/examples/upload-antd-base64/src/interfaces/index.d.ts
+++ b/examples/upload-antd-base64/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { UploadFile } from "antd/lib/upload/interface";
+import type { UploadFile } from "antd/lib/upload/interface";
 
 export interface IUserAvatar {
   name: string;
diff --git a/examples/upload-antd-base64/src/pages/users/create.tsx b/examples/upload-antd-base64/src/pages/users/create.tsx
index 94cdb3ef35b0..fdde44dd0a7e 100644
--- a/examples/upload-antd-base64/src/pages/users/create.tsx
+++ b/examples/upload-antd-base64/src/pages/users/create.tsx
@@ -1,11 +1,11 @@
 import React from "react";
-import { file2Base64, HttpError } from "@refinedev/core";
+import { file2Base64, type HttpError } from "@refinedev/core";
 
 import { Create, useForm, getValueFromEvent } from "@refinedev/antd";
 
 import { Form, Input, Upload } from "antd";
 
-import { IUser, IUserVariable } from "../../interfaces";
+import type { IUser, IUserVariable } from "../../interfaces";
 
 export const UserCreate = () => {
   const { formProps, saveButtonProps } = useForm<
diff --git a/examples/upload-antd-base64/src/pages/users/edit.tsx b/examples/upload-antd-base64/src/pages/users/edit.tsx
index 81da35c4d114..e07db76457ef 100644
--- a/examples/upload-antd-base64/src/pages/users/edit.tsx
+++ b/examples/upload-antd-base64/src/pages/users/edit.tsx
@@ -1,11 +1,11 @@
 import React from "react";
-import { file2Base64, HttpError } from "@refinedev/core";
+import { file2Base64, type HttpError } from "@refinedev/core";
 
 import { Edit, useForm, getValueFromEvent } from "@refinedev/antd";
 
 import { Form, Input, Upload } from "antd";
 
-import { IUser, IUserVariable } from "../../interfaces";
+import type { IUser, IUserVariable } from "../../interfaces";
 
 export const UserEdit = () => {
   const { formProps, saveButtonProps } = useForm<
diff --git a/examples/upload-antd-base64/src/pages/users/list.tsx b/examples/upload-antd-base64/src/pages/users/list.tsx
index 454ab78e297e..876bb05c8cdb 100644
--- a/examples/upload-antd-base64/src/pages/users/list.tsx
+++ b/examples/upload-antd-base64/src/pages/users/list.tsx
@@ -9,7 +9,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 export const UserList = () => {
   const { tableProps } = useTable<IUser>();
diff --git a/examples/upload-antd-base64/src/pages/users/show.tsx b/examples/upload-antd-base64/src/pages/users/show.tsx
index 5f6c5664bdde..32e7a1573c4b 100644
--- a/examples/upload-antd-base64/src/pages/users/show.tsx
+++ b/examples/upload-antd-base64/src/pages/users/show.tsx
@@ -4,7 +4,7 @@ import { Show, EmailField, ImageField } from "@refinedev/antd";
 
 import { Typography, Space } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/upload-antd-multipart/src/pages/posts/create.tsx b/examples/upload-antd-multipart/src/pages/posts/create.tsx
index 083bb95208ed..b66c4ab1c5ae 100644
--- a/examples/upload-antd-multipart/src/pages/posts/create.tsx
+++ b/examples/upload-antd-multipart/src/pages/posts/create.tsx
@@ -7,7 +7,7 @@ import { Form, Input, Select, Upload } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/upload-antd-multipart/src/pages/posts/edit.tsx b/examples/upload-antd-multipart/src/pages/posts/edit.tsx
index a56e555eab3e..95090fd2b862 100644
--- a/examples/upload-antd-multipart/src/pages/posts/edit.tsx
+++ b/examples/upload-antd-multipart/src/pages/posts/edit.tsx
@@ -7,7 +7,7 @@ import { Form, Input, Select, Upload } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/upload-antd-multipart/src/pages/posts/list.tsx b/examples/upload-antd-multipart/src/pages/posts/list.tsx
index 2365cca6c0ae..716ff5bfa369 100644
--- a/examples/upload-antd-multipart/src/pages/posts/list.tsx
+++ b/examples/upload-antd-multipart/src/pages/posts/list.tsx
@@ -10,7 +10,7 @@ import {
 
 import { Table, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/upload-antd-multipart/src/pages/posts/show.tsx b/examples/upload-antd-multipart/src/pages/posts/show.tsx
index acd4b8376634..092fb2f5c2db 100644
--- a/examples/upload-antd-multipart/src/pages/posts/show.tsx
+++ b/examples/upload-antd-multipart/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField, ImageField } from "@refinedev/antd";
 
 import { Typography, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/upload-chakra-ui-basic64/src/components/pagination/index.tsx b/examples/upload-chakra-ui-basic64/src/components/pagination/index.tsx
index 2d2fc2239993..1f3c65d6ebb0 100644
--- a/examples/upload-chakra-ui-basic64/src/components/pagination/index.tsx
+++ b/examples/upload-chakra-ui-basic64/src/components/pagination/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HStack, Button, Box } from "@chakra-ui/react";
 import { IconChevronRight, IconChevronLeft } from "@tabler/icons-react";
 import { usePagination } from "@refinedev/chakra-ui";
diff --git a/examples/upload-chakra-ui-basic64/src/components/table/columnFilter.tsx b/examples/upload-chakra-ui-basic64/src/components/table/columnFilter.tsx
index 381c1ba966f8..23dd9b37808e 100644
--- a/examples/upload-chakra-ui-basic64/src/components/table/columnFilter.tsx
+++ b/examples/upload-chakra-ui-basic64/src/components/table/columnFilter.tsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/upload-chakra-ui-basic64/src/components/table/columnSorter.tsx b/examples/upload-chakra-ui-basic64/src/components/table/columnSorter.tsx
index fe2d050322e5..288118d8536b 100644
--- a/examples/upload-chakra-ui-basic64/src/components/table/columnSorter.tsx
+++ b/examples/upload-chakra-ui-basic64/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 import type { SortDirection } from "@tanstack/react-table";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
diff --git a/examples/upload-chakra-ui-basic64/src/interfaces/index.d.ts b/examples/upload-chakra-ui-basic64/src/interfaces/index.d.ts
index d57cb1a6fd8d..4ebdc7c91fa7 100644
--- a/examples/upload-chakra-ui-basic64/src/interfaces/index.d.ts
+++ b/examples/upload-chakra-ui-basic64/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/upload-chakra-ui-basic64/src/pages/posts/create.tsx b/examples/upload-chakra-ui-basic64/src/pages/posts/create.tsx
index 66a45c30d36c..164b6e80b506 100644
--- a/examples/upload-chakra-ui-basic64/src/pages/posts/create.tsx
+++ b/examples/upload-chakra-ui-basic64/src/pages/posts/create.tsx
@@ -17,7 +17,7 @@ import { useForm } from "@refinedev/react-hook-form";
 import Upload from "rc-upload";
 import { IconFileUpload } from "@tabler/icons-react";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostCreate = () => {
   const {
diff --git a/examples/upload-chakra-ui-basic64/src/pages/posts/edit.tsx b/examples/upload-chakra-ui-basic64/src/pages/posts/edit.tsx
index 841d9064717d..14575b70b0ce 100644
--- a/examples/upload-chakra-ui-basic64/src/pages/posts/edit.tsx
+++ b/examples/upload-chakra-ui-basic64/src/pages/posts/edit.tsx
@@ -18,7 +18,7 @@ import { useForm } from "@refinedev/react-hook-form";
 import Upload from "rc-upload";
 import { IconFileUpload } from "@tabler/icons-react";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostEdit = () => {
   const {
diff --git a/examples/upload-chakra-ui-basic64/src/pages/posts/list.tsx b/examples/upload-chakra-ui-basic64/src/pages/posts/list.tsx
index af36dcc5dfdb..d898c0509dd9 100644
--- a/examples/upload-chakra-ui-basic64/src/pages/posts/list.tsx
+++ b/examples/upload-chakra-ui-basic64/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -25,7 +25,7 @@ import {
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
 import { Pagination } from "../../components/pagination";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/upload-chakra-ui-basic64/src/pages/posts/show.tsx b/examples/upload-chakra-ui-basic64/src/pages/posts/show.tsx
index ce9f525855d1..0959476f6458 100644
--- a/examples/upload-chakra-ui-basic64/src/pages/posts/show.tsx
+++ b/examples/upload-chakra-ui-basic64/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/chakra-ui";
 
 import { Heading, Text, Spacer } from "@chakra-ui/react";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/upload-chakra-ui-multipart/src/components/pagination/index.tsx b/examples/upload-chakra-ui-multipart/src/components/pagination/index.tsx
index 2d2fc2239993..1f3c65d6ebb0 100644
--- a/examples/upload-chakra-ui-multipart/src/components/pagination/index.tsx
+++ b/examples/upload-chakra-ui-multipart/src/components/pagination/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 import { HStack, Button, Box } from "@chakra-ui/react";
 import { IconChevronRight, IconChevronLeft } from "@tabler/icons-react";
 import { usePagination } from "@refinedev/chakra-ui";
diff --git a/examples/upload-chakra-ui-multipart/src/components/table/columnFilter.tsx b/examples/upload-chakra-ui-multipart/src/components/table/columnFilter.tsx
index 381c1ba966f8..23dd9b37808e 100644
--- a/examples/upload-chakra-ui-multipart/src/components/table/columnFilter.tsx
+++ b/examples/upload-chakra-ui-multipart/src/components/table/columnFilter.tsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/upload-chakra-ui-multipart/src/components/table/columnSorter.tsx b/examples/upload-chakra-ui-multipart/src/components/table/columnSorter.tsx
index fe2d050322e5..288118d8536b 100644
--- a/examples/upload-chakra-ui-multipart/src/components/table/columnSorter.tsx
+++ b/examples/upload-chakra-ui-multipart/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 import type { SortDirection } from "@tanstack/react-table";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
diff --git a/examples/upload-chakra-ui-multipart/src/interfaces/index.d.ts b/examples/upload-chakra-ui-multipart/src/interfaces/index.d.ts
index d57cb1a6fd8d..4ebdc7c91fa7 100644
--- a/examples/upload-chakra-ui-multipart/src/interfaces/index.d.ts
+++ b/examples/upload-chakra-ui-multipart/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/upload-chakra-ui-multipart/src/pages/posts/create.tsx b/examples/upload-chakra-ui-multipart/src/pages/posts/create.tsx
index dfb0e436d03a..900baa8d96b5 100644
--- a/examples/upload-chakra-ui-multipart/src/pages/posts/create.tsx
+++ b/examples/upload-chakra-ui-multipart/src/pages/posts/create.tsx
@@ -18,7 +18,7 @@ import { useForm } from "@refinedev/react-hook-form";
 import Upload from "rc-upload";
 import { IconFileUpload } from "@tabler/icons-react";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostCreate = () => {
   const [uploading, setUploading] = useState(false);
diff --git a/examples/upload-chakra-ui-multipart/src/pages/posts/edit.tsx b/examples/upload-chakra-ui-multipart/src/pages/posts/edit.tsx
index 120da326e18d..65c5a94bc9b2 100644
--- a/examples/upload-chakra-ui-multipart/src/pages/posts/edit.tsx
+++ b/examples/upload-chakra-ui-multipart/src/pages/posts/edit.tsx
@@ -18,7 +18,7 @@ import { useForm } from "@refinedev/react-hook-form";
 import Upload from "rc-upload";
 import { IconFileUpload } from "@tabler/icons-react";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostEdit = () => {
   const [uploading, setUploading] = useState(false);
diff --git a/examples/upload-chakra-ui-multipart/src/pages/posts/list.tsx b/examples/upload-chakra-ui-multipart/src/pages/posts/list.tsx
index af36dcc5dfdb..d898c0509dd9 100644
--- a/examples/upload-chakra-ui-multipart/src/pages/posts/list.tsx
+++ b/examples/upload-chakra-ui-multipart/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -25,7 +25,7 @@ import {
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
 import { Pagination } from "../../components/pagination";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/upload-chakra-ui-multipart/src/pages/posts/show.tsx b/examples/upload-chakra-ui-multipart/src/pages/posts/show.tsx
index ce9f525855d1..0959476f6458 100644
--- a/examples/upload-chakra-ui-multipart/src/pages/posts/show.tsx
+++ b/examples/upload-chakra-ui-multipart/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/chakra-ui";
 
 import { Heading, Text, Spacer } from "@chakra-ui/react";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/upload-mantine-base64/src/components/table/columnFilter.tsx b/examples/upload-mantine-base64/src/components/table/columnFilter.tsx
index 86cad3cb69c0..17c6939949f5 100644
--- a/examples/upload-mantine-base64/src/components/table/columnFilter.tsx
+++ b/examples/upload-mantine-base64/src/components/table/columnFilter.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/upload-mantine-base64/src/components/table/columnSorter.tsx b/examples/upload-mantine-base64/src/components/table/columnSorter.tsx
index f71ed1bbd4ec..b2a74d55a35e 100644
--- a/examples/upload-mantine-base64/src/components/table/columnSorter.tsx
+++ b/examples/upload-mantine-base64/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/upload-mantine-base64/src/interfaces/index.d.ts b/examples/upload-mantine-base64/src/interfaces/index.d.ts
index 582a7731788a..1e9dc13d2385 100644
--- a/examples/upload-mantine-base64/src/interfaces/index.d.ts
+++ b/examples/upload-mantine-base64/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/upload-mantine-base64/src/pages/posts/create.tsx b/examples/upload-mantine-base64/src/pages/posts/create.tsx
index 929a72066ba9..67ee5a1e08c8 100644
--- a/examples/upload-mantine-base64/src/pages/posts/create.tsx
+++ b/examples/upload-mantine-base64/src/pages/posts/create.tsx
@@ -1,12 +1,16 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { useState } from "react";
 import { Create, useForm, useSelect } from "@refinedev/mantine";
 import { Select, TextInput, Text, SimpleGrid, Image } from "@mantine/core";
 import MDEditor from "@uiw/react-md-editor";
-import { Dropzone, IMAGE_MIME_TYPE, FileWithPath } from "@mantine/dropzone";
+import {
+  Dropzone,
+  IMAGE_MIME_TYPE,
+  type FileWithPath,
+} from "@mantine/dropzone";
 
 import { convertBase64 } from "../../utils";
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 interface FormValues {
   title: string;
diff --git a/examples/upload-mantine-base64/src/pages/posts/edit.tsx b/examples/upload-mantine-base64/src/pages/posts/edit.tsx
index b83449d73192..8715ce524c85 100644
--- a/examples/upload-mantine-base64/src/pages/posts/edit.tsx
+++ b/examples/upload-mantine-base64/src/pages/posts/edit.tsx
@@ -1,12 +1,16 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { useState } from "react";
 import { Edit, useForm, useSelect } from "@refinedev/mantine";
 import { Select, TextInput, Text, SimpleGrid, Image } from "@mantine/core";
 import MDEditor from "@uiw/react-md-editor";
-import { Dropzone, IMAGE_MIME_TYPE, FileWithPath } from "@mantine/dropzone";
+import {
+  Dropzone,
+  IMAGE_MIME_TYPE,
+  type FileWithPath,
+} from "@mantine/dropzone";
 
 import { convertBase64 } from "../../utils";
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 interface FormValues {
   title: string;
diff --git a/examples/upload-mantine-base64/src/pages/posts/list.tsx b/examples/upload-mantine-base64/src/pages/posts/list.tsx
index 98ccc47eff7f..984b95a9a310 100644
--- a/examples/upload-mantine-base64/src/pages/posts/list.tsx
+++ b/examples/upload-mantine-base64/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -20,7 +20,7 @@ import {
 } from "@mantine/core";
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/upload-mantine-base64/src/pages/posts/show.tsx b/examples/upload-mantine-base64/src/pages/posts/show.tsx
index 109d90abdc0d..1dd1b40850b1 100644
--- a/examples/upload-mantine-base64/src/pages/posts/show.tsx
+++ b/examples/upload-mantine-base64/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/mantine";
 
 import { Title, Text } from "@mantine/core";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/upload-mantine-multipart/src/components/table/columnFilter.tsx b/examples/upload-mantine-multipart/src/components/table/columnFilter.tsx
index 86cad3cb69c0..17c6939949f5 100644
--- a/examples/upload-mantine-multipart/src/components/table/columnFilter.tsx
+++ b/examples/upload-mantine-multipart/src/components/table/columnFilter.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { TextInput, Menu, ActionIcon, Stack, Group } from "@mantine/core";
 import { IconFilter, IconX, IconCheck } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
   // eslint-disable-next-line
diff --git a/examples/upload-mantine-multipart/src/components/table/columnSorter.tsx b/examples/upload-mantine-multipart/src/components/table/columnSorter.tsx
index f71ed1bbd4ec..b2a74d55a35e 100644
--- a/examples/upload-mantine-multipart/src/components/table/columnSorter.tsx
+++ b/examples/upload-mantine-multipart/src/components/table/columnSorter.tsx
@@ -5,7 +5,7 @@ import {
   IconChevronUp,
 } from "@tabler/icons-react";
 
-import { ColumnButtonProps } from "../../interfaces";
+import type { ColumnButtonProps } from "../../interfaces";
 
 export const ColumnSorter: React.FC<ColumnButtonProps> = ({ column }) => {
   if (!column.getCanSort()) {
diff --git a/examples/upload-mantine-multipart/src/interfaces/index.d.ts b/examples/upload-mantine-multipart/src/interfaces/index.d.ts
index 582a7731788a..1e9dc13d2385 100644
--- a/examples/upload-mantine-multipart/src/interfaces/index.d.ts
+++ b/examples/upload-mantine-multipart/src/interfaces/index.d.ts
@@ -1,4 +1,4 @@
-import { Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 
 export interface ICategory {
   id: number;
diff --git a/examples/upload-mantine-multipart/src/pages/posts/create.tsx b/examples/upload-mantine-multipart/src/pages/posts/create.tsx
index 33c0abd6987f..a6aa3d6fa181 100644
--- a/examples/upload-mantine-multipart/src/pages/posts/create.tsx
+++ b/examples/upload-mantine-multipart/src/pages/posts/create.tsx
@@ -1,12 +1,16 @@
 import { useEffect, useState } from "react";
 import axios from "axios";
-import { HttpError, useApiUrl } from "@refinedev/core";
+import { type HttpError, useApiUrl } from "@refinedev/core";
 import { Create, useForm, useSelect } from "@refinedev/mantine";
 import { Select, TextInput, Text, SimpleGrid, Image } from "@mantine/core";
 import MDEditor from "@uiw/react-md-editor";
-import { Dropzone, IMAGE_MIME_TYPE, FileWithPath } from "@mantine/dropzone";
+import {
+  Dropzone,
+  IMAGE_MIME_TYPE,
+  type FileWithPath,
+} from "@mantine/dropzone";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 interface FormValues {
   title: string;
diff --git a/examples/upload-mantine-multipart/src/pages/posts/edit.tsx b/examples/upload-mantine-multipart/src/pages/posts/edit.tsx
index 6723cc072344..39b43f5f36be 100644
--- a/examples/upload-mantine-multipart/src/pages/posts/edit.tsx
+++ b/examples/upload-mantine-multipart/src/pages/posts/edit.tsx
@@ -1,12 +1,16 @@
 import { useEffect, useState } from "react";
 import axios from "axios";
-import { HttpError, useApiUrl } from "@refinedev/core";
+import { type HttpError, useApiUrl } from "@refinedev/core";
 import { Edit, useForm, useSelect } from "@refinedev/mantine";
 import { Select, TextInput, Text, Image, SimpleGrid } from "@mantine/core";
 import MDEditor from "@uiw/react-md-editor";
-import { Dropzone, IMAGE_MIME_TYPE, FileWithPath } from "@mantine/dropzone";
+import {
+  Dropzone,
+  IMAGE_MIME_TYPE,
+  type FileWithPath,
+} from "@mantine/dropzone";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 interface FormValues {
   title: string;
diff --git a/examples/upload-mantine-multipart/src/pages/posts/list.tsx b/examples/upload-mantine-multipart/src/pages/posts/list.tsx
index 98ccc47eff7f..984b95a9a310 100644
--- a/examples/upload-mantine-multipart/src/pages/posts/list.tsx
+++ b/examples/upload-mantine-multipart/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
-import { GetManyResponse, useMany } from "@refinedev/core";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
+import { type GetManyResponse, useMany } from "@refinedev/core";
 import {
   List,
   ShowButton,
@@ -20,7 +20,7 @@ import {
 } from "@mantine/core";
 
 import { ColumnFilter, ColumnSorter } from "../../components/table";
-import { FilterElementProps, ICategory, IPost } from "../../interfaces";
+import type { FilterElementProps, ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const columns = React.useMemo<ColumnDef<IPost>[]>(
diff --git a/examples/upload-mantine-multipart/src/pages/posts/show.tsx b/examples/upload-mantine-multipart/src/pages/posts/show.tsx
index 109d90abdc0d..1dd1b40850b1 100644
--- a/examples/upload-mantine-multipart/src/pages/posts/show.tsx
+++ b/examples/upload-mantine-multipart/src/pages/posts/show.tsx
@@ -3,7 +3,7 @@ import { Show, MarkdownField } from "@refinedev/mantine";
 
 import { Title, Text } from "@mantine/core";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostShow: React.FC = () => {
   const { queryResult } = useShow<IPost>();
diff --git a/examples/upload-material-ui-base64/src/pages/posts/create.tsx b/examples/upload-material-ui-base64/src/pages/posts/create.tsx
index e4a9deb02a6b..f68aa66e9176 100644
--- a/examples/upload-material-ui-base64/src/pages/posts/create.tsx
+++ b/examples/upload-material-ui-base64/src/pages/posts/create.tsx
@@ -11,8 +11,8 @@ import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 import FileUploadIcon from "@mui/icons-material/FileUpload";
 
-import { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
-import { HttpError } from "@refinedev/core";
+import type { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
+import type { HttpError } from "@refinedev/core";
 
 export const PostCreate: React.FC = () => {
   const [isUploadLoading, setIsUploadLoading] = useState(false);
diff --git a/examples/upload-material-ui-base64/src/pages/posts/edit.tsx b/examples/upload-material-ui-base64/src/pages/posts/edit.tsx
index af2fc3deca2a..fe5ff3466d7b 100644
--- a/examples/upload-material-ui-base64/src/pages/posts/edit.tsx
+++ b/examples/upload-material-ui-base64/src/pages/posts/edit.tsx
@@ -11,8 +11,8 @@ import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 import FileUploadIcon from "@mui/icons-material/FileUpload";
 
-import { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
-import { HttpError } from "@refinedev/core";
+import type { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
+import type { HttpError } from "@refinedev/core";
 
 export const PostEdit: React.FC = () => {
   const [isUploadLoading, setIsUploadLoading] = useState(false);
diff --git a/examples/upload-material-ui-base64/src/pages/posts/list.tsx b/examples/upload-material-ui-base64/src/pages/posts/list.tsx
index 76f2bcef8cb5..d10800ccb6c1 100644
--- a/examples/upload-material-ui-base64/src/pages/posts/list.tsx
+++ b/examples/upload-material-ui-base64/src/pages/posts/list.tsx
@@ -2,9 +2,9 @@ import { useMany } from "@refinedev/core";
 import { EditButton, List, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>();
diff --git a/examples/upload-material-ui-multipart/src/pages/posts/create.tsx b/examples/upload-material-ui-multipart/src/pages/posts/create.tsx
index 26509190ad1e..568a9c02a417 100644
--- a/examples/upload-material-ui-multipart/src/pages/posts/create.tsx
+++ b/examples/upload-material-ui-multipart/src/pages/posts/create.tsx
@@ -8,12 +8,12 @@ import Stack from "@mui/material/Stack";
 import Input from "@mui/material/Input";
 import Typography from "@mui/material/Typography";
 import LoadingButton from "@mui/lab/LoadingButton";
-import { HttpError, useApiUrl } from "@refinedev/core";
+import { type HttpError, useApiUrl } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 import FileUploadIcon from "@mui/icons-material/FileUpload";
 
-import { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
+import type { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
 
 export const PostCreate: React.FC = () => {
   const [isUploadLoading, setIsUploadLoading] = useState(false);
diff --git a/examples/upload-material-ui-multipart/src/pages/posts/edit.tsx b/examples/upload-material-ui-multipart/src/pages/posts/edit.tsx
index f2d953418187..bfde680d53f8 100644
--- a/examples/upload-material-ui-multipart/src/pages/posts/edit.tsx
+++ b/examples/upload-material-ui-multipart/src/pages/posts/edit.tsx
@@ -8,12 +8,12 @@ import Input from "@mui/material/Input";
 import Stack from "@mui/material/Stack";
 import Typography from "@mui/material/Typography";
 import LoadingButton from "@mui/lab/LoadingButton";
-import { HttpError, useApiUrl } from "@refinedev/core";
+import { type HttpError, useApiUrl } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 import { Controller } from "react-hook-form";
 import FileUploadIcon from "@mui/icons-material/FileUpload";
 
-import { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
+import type { ICategory, IPost, IStatus, Nullable } from "../../interfaces";
 
 export const PostEdit: React.FC = () => {
   const [isUploadLoading, setIsUploadLoading] = useState(false);
diff --git a/examples/upload-material-ui-multipart/src/pages/posts/list.tsx b/examples/upload-material-ui-multipart/src/pages/posts/list.tsx
index 76f2bcef8cb5..d10800ccb6c1 100644
--- a/examples/upload-material-ui-multipart/src/pages/posts/list.tsx
+++ b/examples/upload-material-ui-multipart/src/pages/posts/list.tsx
@@ -2,9 +2,9 @@ import { useMany } from "@refinedev/core";
 import { EditButton, List, useDataGrid } from "@refinedev/mui";
 import React from "react";
 
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { dataGridProps } = useDataGrid<IPost>();
diff --git a/examples/use-infinite-list/src/App.tsx b/examples/use-infinite-list/src/App.tsx
index 083ecc8dd546..62b1e1c5a226 100644
--- a/examples/use-infinite-list/src/App.tsx
+++ b/examples/use-infinite-list/src/App.tsx
@@ -1,7 +1,7 @@
 import {
   GitHubBanner,
   Refine,
-  LayoutProps,
+  type LayoutProps,
   ErrorComponent,
 } from "@refinedev/core";
 import routerProvider, {
diff --git a/examples/use-infinite-list/src/github-data-provider/index.ts b/examples/use-infinite-list/src/github-data-provider/index.ts
index 471ffc94fb44..4bf92e4c8641 100644
--- a/examples/use-infinite-list/src/github-data-provider/index.ts
+++ b/examples/use-infinite-list/src/github-data-provider/index.ts
@@ -1,5 +1,5 @@
-import { AxiosInstance } from "axios";
-import { DataProvider } from "@refinedev/core";
+import type { AxiosInstance } from "axios";
+import type { DataProvider } from "@refinedev/core";
 import { axiosInstance } from "./utils";
 
 /*
diff --git a/examples/use-infinite-list/src/github-data-provider/utils/axios.ts b/examples/use-infinite-list/src/github-data-provider/utils/axios.ts
index 3b7eadb855f9..452a16bf99f7 100644
--- a/examples/use-infinite-list/src/github-data-provider/utils/axios.ts
+++ b/examples/use-infinite-list/src/github-data-provider/utils/axios.ts
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 // "axios" package should be installed to customize the http client
 import axios from "axios";
diff --git a/examples/use-infinite-list/src/pages/posts/list.tsx b/examples/use-infinite-list/src/pages/posts/list.tsx
index eb564eb433e6..9a4b829a5731 100644
--- a/examples/use-infinite-list/src/pages/posts/list.tsx
+++ b/examples/use-infinite-list/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useInfiniteList } from "@refinedev/core";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const {
diff --git a/examples/use-modal-antd/src/pages/posts/list.tsx b/examples/use-modal-antd/src/pages/posts/list.tsx
index a14f6c39cdfc..eaddaeffd655 100644
--- a/examples/use-modal-antd/src/pages/posts/list.tsx
+++ b/examples/use-modal-antd/src/pages/posts/list.tsx
@@ -2,7 +2,7 @@ import { List, useTable, useModal } from "@refinedev/antd";
 
 import { Table, Modal, Button } from "antd";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/use-simple-list-antd/src/pages/posts/list.tsx b/examples/use-simple-list-antd/src/pages/posts/list.tsx
index 16dd2a1aa372..53cf80f2eecf 100644
--- a/examples/use-simple-list-antd/src/pages/posts/list.tsx
+++ b/examples/use-simple-list-antd/src/pages/posts/list.tsx
@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 import {
   useMany,
-  CrudFilters,
-  HttpError,
+  type CrudFilters,
+  type HttpError,
   getDefaultFilter,
 } from "@refinedev/core";
 import { List, useSimpleList, NumberField, useSelect } from "@refinedev/antd";
@@ -19,7 +19,7 @@ import dayjs from "dayjs";
 const { RangePicker } = DatePicker;
 const { Text } = Typography;
 
-import { IPost, ICategory, IPostFilterVariables } from "../../interfaces";
+import type { IPost, ICategory, IPostFilterVariables } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { listProps, searchFormProps, filters } = useSimpleList<
diff --git a/examples/win95/src/components/browser/index.tsx b/examples/win95/src/components/browser/index.tsx
index 161c27550d0b..031d8691714e 100644
--- a/examples/win95/src/components/browser/index.tsx
+++ b/examples/win95/src/components/browser/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode } from "react";
+import type { PropsWithChildren, ReactNode } from "react";
 import styled from "styled-components";
 import { Select, Separator, Window } from "react95";
 import { AppLayoutHeader, AppLayoutMenu } from "@/components/layout";
diff --git a/examples/win95/src/components/icons/chevron-left.tsx b/examples/win95/src/components/icons/chevron-left.tsx
index 1a381e07d4bf..010ed6fc8d28 100644
--- a/examples/win95/src/components/icons/chevron-left.tsx
+++ b/examples/win95/src/components/icons/chevron-left.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const IconChevronLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/win95/src/components/icons/chevron-right.tsx b/examples/win95/src/components/icons/chevron-right.tsx
index 1be40dcee9b1..c6d7f9953ed1 100644
--- a/examples/win95/src/components/icons/chevron-right.tsx
+++ b/examples/win95/src/components/icons/chevron-right.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const IconChevronRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/win95/src/components/icons/close.tsx b/examples/win95/src/components/icons/close.tsx
index 754dab1c4c6c..ccd00734f5e8 100644
--- a/examples/win95/src/components/icons/close.tsx
+++ b/examples/win95/src/components/icons/close.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const IconClose = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/win95/src/components/icons/minimize.tsx b/examples/win95/src/components/icons/minimize.tsx
index 91e8ed9fb80c..3eba85318258 100644
--- a/examples/win95/src/components/icons/minimize.tsx
+++ b/examples/win95/src/components/icons/minimize.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const IconMinimize = (props: SVGProps<SVGSVGElement>) => (
   <div
diff --git a/examples/win95/src/components/icons/pagination-go-to-first.tsx b/examples/win95/src/components/icons/pagination-go-to-first.tsx
index f25c23e67717..76b695054764 100644
--- a/examples/win95/src/components/icons/pagination-go-to-first.tsx
+++ b/examples/win95/src/components/icons/pagination-go-to-first.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const IconPaginationGoToFirst = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/win95/src/components/icons/pagination-go-to-last.tsx b/examples/win95/src/components/icons/pagination-go-to-last.tsx
index 84c70ea841ed..9fbffd934757 100644
--- a/examples/win95/src/components/icons/pagination-go-to-last.tsx
+++ b/examples/win95/src/components/icons/pagination-go-to-last.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const IconPaginationGoToLast = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/win95/src/components/icons/pagination-next.tsx b/examples/win95/src/components/icons/pagination-next.tsx
index 6c6f5cb1e50b..c755d8cc907c 100644
--- a/examples/win95/src/components/icons/pagination-next.tsx
+++ b/examples/win95/src/components/icons/pagination-next.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const IconPaginationNext = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/win95/src/components/icons/pagination-prev.tsx b/examples/win95/src/components/icons/pagination-prev.tsx
index 57d9023b8d2e..a2291b376508 100644
--- a/examples/win95/src/components/icons/pagination-prev.tsx
+++ b/examples/win95/src/components/icons/pagination-prev.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const IconPaginationPrev = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/win95/src/components/icons/question.tsx b/examples/win95/src/components/icons/question.tsx
index a1be99f26d3b..16c56ee349d9 100644
--- a/examples/win95/src/components/icons/question.tsx
+++ b/examples/win95/src/components/icons/question.tsx
@@ -1,4 +1,4 @@
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const IconQuestionMark = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/examples/win95/src/components/image-pixelated/index.tsx b/examples/win95/src/components/image-pixelated/index.tsx
index 74eda1d2f13c..8c1fa0b098a9 100644
--- a/examples/win95/src/components/image-pixelated/index.tsx
+++ b/examples/win95/src/components/image-pixelated/index.tsx
@@ -1,6 +1,6 @@
 import {
-  DetailedHTMLProps,
-  ImgHTMLAttributes,
+  type DetailedHTMLProps,
+  type ImgHTMLAttributes,
   useLayoutEffect,
   useRef,
 } from "react";
diff --git a/examples/win95/src/components/layout/app/index.tsx b/examples/win95/src/components/layout/app/index.tsx
index 1846961307ff..3910649e9c4a 100644
--- a/examples/win95/src/components/layout/app/index.tsx
+++ b/examples/win95/src/components/layout/app/index.tsx
@@ -1,4 +1,9 @@
-import { Fragment, PropsWithChildren, ReactNode, useState } from "react";
+import {
+  Fragment,
+  type PropsWithChildren,
+  type ReactNode,
+  useState,
+} from "react";
 import {
   Button,
   Frame,
diff --git a/examples/win95/src/components/layout/common/index.tsx b/examples/win95/src/components/layout/common/index.tsx
index 2dd4e0a79e34..77ae9282d568 100644
--- a/examples/win95/src/components/layout/common/index.tsx
+++ b/examples/win95/src/components/layout/common/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import styled from "styled-components";
 import { ScrollView } from "react95";
 import { TaskBar } from "@/components/taskbar";
diff --git a/examples/win95/src/components/layout/video-club/layout.tsx b/examples/win95/src/components/layout/video-club/layout.tsx
index 1d43bf624ac6..0f5af49e33cd 100644
--- a/examples/win95/src/components/layout/video-club/layout.tsx
+++ b/examples/win95/src/components/layout/video-club/layout.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { useGo, useNavigation } from "@refinedev/core";
 import { Link, useNavigate } from "react-router-dom";
 import styled from "styled-components";
diff --git a/examples/win95/src/components/layout/video-club/subpage-layout.tsx b/examples/win95/src/components/layout/video-club/subpage-layout.tsx
index 97fdd31a9d1f..be7b07fcc6d5 100644
--- a/examples/win95/src/components/layout/video-club/subpage-layout.tsx
+++ b/examples/win95/src/components/layout/video-club/subpage-layout.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode } from "react";
+import type { PropsWithChildren, ReactNode } from "react";
 import styled from "styled-components";
 import { Hourglass, Window } from "react95";
 import { AppLayoutHeader } from "@/components/layout";
diff --git a/examples/win95/src/components/link-double-click/index.tsx b/examples/win95/src/components/link-double-click/index.tsx
index bd3864f30056..7be5f3c1ac44 100644
--- a/examples/win95/src/components/link-double-click/index.tsx
+++ b/examples/win95/src/components/link-double-click/index.tsx
@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { Link, LinkProps } from "react-router-dom";
+import { Link, type LinkProps } from "react-router-dom";
 
 type Props = {} & LinkProps;
 
diff --git a/examples/win95/src/components/media-player/player.tsx b/examples/win95/src/components/media-player/player.tsx
index 306c62216e27..594d376fa026 100644
--- a/examples/win95/src/components/media-player/player.tsx
+++ b/examples/win95/src/components/media-player/player.tsx
@@ -1,6 +1,6 @@
 import { Button, Separator, Slider, Window } from "react95";
 import styled from "styled-components";
-import { SVGProps, useRef, useState } from "react";
+import { type SVGProps, useRef, useState } from "react";
 import ReactPlayer from "react-player/youtube";
 import { getImagesUrl } from "@/utils/get-cdn-url";
 
diff --git a/examples/win95/src/components/notification/index.tsx b/examples/win95/src/components/notification/index.tsx
index 63ff3b9e94c3..325d6433bb40 100644
--- a/examples/win95/src/components/notification/index.tsx
+++ b/examples/win95/src/components/notification/index.tsx
@@ -1,5 +1,5 @@
-import { OpenNotificationParams } from "@refinedev/core";
-import styled, { CSSProperties } from "styled-components";
+import type { OpenNotificationParams } from "@refinedev/core";
+import styled, { type CSSProperties } from "styled-components";
 import { getImagesUrl } from "@/utils/get-cdn-url";
 
 type Props = {
diff --git a/examples/win95/src/components/pagination/index.tsx b/examples/win95/src/components/pagination/index.tsx
index 75ecaa6b8d65..9045376613ec 100644
--- a/examples/win95/src/components/pagination/index.tsx
+++ b/examples/win95/src/components/pagination/index.tsx
@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from "react";
+import type { Dispatch, SetStateAction } from "react";
 import { Button, TextInput } from "react95";
 import styled from "styled-components";
 import {
diff --git a/examples/win95/src/components/rvc-website/catalog.tsx b/examples/win95/src/components/rvc-website/catalog.tsx
index ff439d32e4c3..f31c7826837c 100644
--- a/examples/win95/src/components/rvc-website/catalog.tsx
+++ b/examples/win95/src/components/rvc-website/catalog.tsx
@@ -5,7 +5,7 @@ import styled from "styled-components";
 import { Browser } from "@/components/browser";
 import { RVCWebsiteLayout } from "@/components/rvc-website";
 import { RefineBanner } from "@/components/refine-banner";
-import { VideoTitle } from "@/types";
+import type { VideoTitle } from "@/types";
 
 export const RVCWebsiteCatalogPage = () => {
   const navigate = useNavigate();
diff --git a/examples/win95/src/components/rvc-website/layout.tsx b/examples/win95/src/components/rvc-website/layout.tsx
index c84c4803c082..a5d6c9842303 100644
--- a/examples/win95/src/components/rvc-website/layout.tsx
+++ b/examples/win95/src/components/rvc-website/layout.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import styled from "styled-components";
 import { RVCWebsiteLinks } from "@/components/rvc-website";
 import { getImagesUrl } from "@/utils/get-cdn-url";
diff --git a/examples/win95/src/components/table-members/index.tsx b/examples/win95/src/components/table-members/index.tsx
index 6f2224bc2568..70d9bf7344c3 100644
--- a/examples/win95/src/components/table-members/index.tsx
+++ b/examples/win95/src/components/table-members/index.tsx
@@ -14,7 +14,7 @@ import {
   TableFilterInputLabel,
   TableFilterInputText,
 } from "@/components/table";
-import { ExtendedMember } from "@/types";
+import type { ExtendedMember } from "@/types";
 import { hasActiveRental } from "@/utils/has-active-rental";
 import { Pagination } from "@/components/pagination";
 import { DangerIcon } from "@/components/icons";
diff --git a/examples/win95/src/components/tooltip/index.tsx b/examples/win95/src/components/tooltip/index.tsx
index c1e0cd5a646f..d7d2220fe066 100644
--- a/examples/win95/src/components/tooltip/index.tsx
+++ b/examples/win95/src/components/tooltip/index.tsx
@@ -1,5 +1,5 @@
-import { PropsWithChildren, ReactNode } from "react";
-import { Tooltip, TooltipProps } from "react95";
+import type { PropsWithChildren, ReactNode } from "react";
+import { Tooltip, type TooltipProps } from "react95";
 
 type Props = {
   content: ReactNode;
diff --git a/examples/win95/src/components/unsupported-resolution-handler/index.tsx b/examples/win95/src/components/unsupported-resolution-handler/index.tsx
index 2619da0f7f31..1d2625314228 100644
--- a/examples/win95/src/components/unsupported-resolution-handler/index.tsx
+++ b/examples/win95/src/components/unsupported-resolution-handler/index.tsx
@@ -1,5 +1,5 @@
 import { MINIMUM_APP_HEIGHT, MINIMUM_APP_WIDTH } from "@/utils/app-settings";
-import { PropsWithChildren, useEffect, useState } from "react";
+import { type PropsWithChildren, useEffect, useState } from "react";
 
 function getWindowDimensions() {
   const { innerWidth: width, innerHeight: height } = window;
diff --git a/examples/win95/src/providers/auth-provider/index.ts b/examples/win95/src/providers/auth-provider/index.ts
index 2f2e6f3528b4..803016189cb8 100644
--- a/examples/win95/src/providers/auth-provider/index.ts
+++ b/examples/win95/src/providers/auth-provider/index.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { supabaseClient } from "@/supabase-client";
 
 export const authProvider: AuthProvider = {
diff --git a/examples/win95/src/providers/notification-provider/index.tsx b/examples/win95/src/providers/notification-provider/index.tsx
index 3bba89c8666a..0bc4eada78e8 100644
--- a/examples/win95/src/providers/notification-provider/index.tsx
+++ b/examples/win95/src/providers/notification-provider/index.tsx
@@ -1,4 +1,4 @@
-import { NotificationProvider } from "@refinedev/core";
+import type { NotificationProvider } from "@refinedev/core";
 import toast from "react-hot-toast";
 import { Notification } from "@/components/notification";
 
diff --git a/examples/win95/src/providers/theme-provider/index.tsx b/examples/win95/src/providers/theme-provider/index.tsx
index 7803daffc122..6bada9c6b150 100644
--- a/examples/win95/src/providers/theme-provider/index.tsx
+++ b/examples/win95/src/providers/theme-provider/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 
 import {
   createGlobalStyle,
diff --git a/examples/win95/src/routes/login-page/index.tsx b/examples/win95/src/routes/login-page/index.tsx
index 9194b2b4a97e..11cf2184c98a 100644
--- a/examples/win95/src/routes/login-page/index.tsx
+++ b/examples/win95/src/routes/login-page/index.tsx
@@ -1,5 +1,5 @@
 import { useLogin } from "@refinedev/core";
-import { FormEvent } from "react";
+import type { FormEvent } from "react";
 import {
   Button,
   TextInput,
diff --git a/examples/win95/src/routes/rvc-website/home.tsx b/examples/win95/src/routes/rvc-website/home.tsx
index d76c2b10f4b1..12d7ad76da24 100644
--- a/examples/win95/src/routes/rvc-website/home.tsx
+++ b/examples/win95/src/routes/rvc-website/home.tsx
@@ -5,14 +5,14 @@ import { Link, useNavigate } from "react-router-dom";
 import { Counter } from "react95";
 import { Controller } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/react";
-import { Swiper as ISwiper } from "swiper/types";
+import type { Swiper as ISwiper } from "swiper/types";
 import "swiper/css";
 import { Browser } from "@/components/browser";
 import { ImagePixelated } from "@/components/image-pixelated";
 import { RVCWebsiteLayout, CatalogsList } from "@/components/rvc-website";
 import { RefineBanner } from "@/components/refine-banner";
 import { getTMDBImgLink } from "@/utils/get-tmdb-img-link";
-import { VideoTitle } from "@/types";
+import type { VideoTitle } from "@/types";
 import { getImagesUrl } from "@/utils/get-cdn-url";
 
 export const RVCWebsitePageHome = () => {
diff --git a/examples/win95/src/routes/rvc-website/title-detail.tsx b/examples/win95/src/routes/rvc-website/title-detail.tsx
index 892f4a3cc82c..7f2ca39460b5 100644
--- a/examples/win95/src/routes/rvc-website/title-detail.tsx
+++ b/examples/win95/src/routes/rvc-website/title-detail.tsx
@@ -13,7 +13,7 @@ import { MediaPlayer } from "@/components/media-player/player";
 import { getTMDBImgLink } from "@/utils/get-tmdb-img-link";
 import { getImagesUrl } from "@/utils/get-cdn-url";
 import { getHourFromMinutes } from "@/utils/get-hour-from-minutes";
-import { VideoTitle } from "@/types";
+import type { VideoTitle } from "@/types";
 
 export const RVCWebsitePageTitleDetails = () => {
   const { titleId } = useParams();
diff --git a/examples/win95/src/routes/video-club/members/create.tsx b/examples/win95/src/routes/video-club/members/create.tsx
index ac7cc0fd136b..fd604bfec402 100644
--- a/examples/win95/src/routes/video-club/members/create.tsx
+++ b/examples/win95/src/routes/video-club/members/create.tsx
@@ -1,9 +1,9 @@
 import { useNavigate } from "react-router-dom";
 import styled from "styled-components";
 import { Button, Frame, Separator, TextInput } from "react95";
-import { CSSProperties, useState } from "react";
+import { type CSSProperties, useState } from "react";
 import { useForm } from "@refinedev/react-hook-form";
-import { Controller, FieldValues } from "react-hook-form";
+import { Controller, type FieldValues } from "react-hook-form";
 import { VideoClubLayoutSubPage } from "@/components/layout";
 import { ArrowGreenPixelatedIcon } from "@/components/icons";
 import { ImagePixelated } from "@/components/image-pixelated";
@@ -11,7 +11,7 @@ import { supabaseClient } from "@/supabase-client";
 import { DEPOSIT } from "@/utils/app-settings";
 import { convertToUSD } from "@/utils/convert-to-usd";
 import { getImagesUrl } from "@/utils/get-cdn-url";
-import { Member } from "@/types";
+import type { Member } from "@/types";
 
 export const VideoClubMemberPageCreate = () => {
   const [memberPhoto, setMemberPhoto] = useState<string | null>(null);
diff --git a/examples/win95/src/routes/video-club/members/edit.tsx b/examples/win95/src/routes/video-club/members/edit.tsx
index 237c38ac9f83..6b6b8609f441 100644
--- a/examples/win95/src/routes/video-club/members/edit.tsx
+++ b/examples/win95/src/routes/video-club/members/edit.tsx
@@ -1,15 +1,15 @@
 import { useNavigate } from "react-router-dom";
 import styled from "styled-components";
 import { Button, Separator, TextInput } from "react95";
-import { CSSProperties, useState } from "react";
+import { type CSSProperties, useState } from "react";
 import { useForm } from "@refinedev/react-hook-form";
 import { useNavigation } from "@refinedev/core";
-import { Controller, FieldValues } from "react-hook-form";
+import { Controller, type FieldValues } from "react-hook-form";
 import { VideoClubLayoutSubPage } from "@/components/layout";
 import { ArrowGreenPixelatedIcon } from "@/components/icons";
 import { ImagePixelated } from "@/components/image-pixelated";
 import { supabaseClient } from "@/supabase-client";
-import { Member } from "@/types";
+import type { Member } from "@/types";
 
 export const VideoClubMemberPageEdit = () => {
   const [memberPhoto, setMemberPhoto] = useState<string | null>(null);
diff --git a/examples/win95/src/routes/video-club/members/list.tsx b/examples/win95/src/routes/video-club/members/list.tsx
index ccac77db8f15..1ad3d79d8037 100644
--- a/examples/win95/src/routes/video-club/members/list.tsx
+++ b/examples/win95/src/routes/video-club/members/list.tsx
@@ -18,7 +18,7 @@ import {
 import { Pagination } from "@/components/pagination";
 import { DangerIcon } from "@/components/icons";
 import { VideoClubLayoutSubPage } from "@/components/layout";
-import { ExtendedMember } from "@/types";
+import type { ExtendedMember } from "@/types";
 import { hasActiveRental } from "@/utils/has-active-rental";
 
 export const VideoClubMemberPageList = () => {
diff --git a/examples/win95/src/routes/video-club/members/show.tsx b/examples/win95/src/routes/video-club/members/show.tsx
index b720ecd4e1b9..64d54f583047 100644
--- a/examples/win95/src/routes/video-club/members/show.tsx
+++ b/examples/win95/src/routes/video-club/members/show.tsx
@@ -16,7 +16,7 @@ import {
 import { ImagePixelated } from "@/components/image-pixelated";
 import { NIGHTLY_RENTAL_FEE } from "@/utils/app-settings";
 import { convertToUSD } from "@/utils/convert-to-usd";
-import { ExtendedMember } from "@/types";
+import type { ExtendedMember } from "@/types";
 
 export const VideoClubMemberPageShow: React.FC = () => {
   const { id } = useParams();
diff --git a/examples/win95/src/routes/video-club/report/index.tsx b/examples/win95/src/routes/video-club/report/index.tsx
index 33936f0fc3b1..4135d0bc1722 100644
--- a/examples/win95/src/routes/video-club/report/index.tsx
+++ b/examples/win95/src/routes/video-club/report/index.tsx
@@ -16,7 +16,7 @@ import { VideoClubLayoutSubPage } from "@/components/layout";
 import { NIGHTLY_RENTAL_FEE } from "@/utils/app-settings";
 import { convertToUSD } from "@/utils/convert-to-usd";
 import { getImagesUrl } from "@/utils/get-cdn-url";
-import { Rental } from "@/types";
+import type { Rental } from "@/types";
 import { getToday } from "@/utils/get-today";
 
 const today = getToday();
diff --git a/examples/win95/src/routes/video-club/tapes/rent.tsx b/examples/win95/src/routes/video-club/tapes/rent.tsx
index 0c1547e18f07..2126a922bb53 100644
--- a/examples/win95/src/routes/video-club/tapes/rent.tsx
+++ b/examples/win95/src/routes/video-club/tapes/rent.tsx
@@ -3,7 +3,7 @@ import { useState, useEffect } from "react";
 import styled from "styled-components";
 import { Button, GroupBox, Select, Separator, TextInput } from "react95";
 import { useForm } from "@refinedev/react-hook-form";
-import { Controller, FieldValues } from "react-hook-form";
+import { Controller, type FieldValues } from "react-hook-form";
 import { Navigate, useNavigate, useParams } from "react-router-dom";
 import dayjs from "dayjs";
 import { VideoClubPageTapeSelectTitle } from "@/routes/video-club/tapes/select-title";
@@ -21,7 +21,7 @@ import { DangerIcon, IconChevronLeft } from "@/components/icons";
 import { ArrowGreenPixelatedIcon } from "@/components/icons/arrow-green-pixelated";
 import { NIGHTLY_RENTAL_FEE } from "@/utils/app-settings";
 import { convertToUSD } from "@/utils/convert-to-usd";
-import {
+import type {
   CreateRental,
   ExtendedMember,
   ExtendedVideoTitle,
diff --git a/examples/win95/src/routes/video-club/tapes/return.tsx b/examples/win95/src/routes/video-club/tapes/return.tsx
index c93d7ed56435..61f27abd5679 100644
--- a/examples/win95/src/routes/video-club/tapes/return.tsx
+++ b/examples/win95/src/routes/video-club/tapes/return.tsx
@@ -30,7 +30,7 @@ import { IconChevronLeft, ArrowGreenPixelatedIcon } from "@/components/icons";
 import { ImagePixelated } from "@/components/image-pixelated";
 import { NIGHTLY_RENTAL_FEE } from "@/utils/app-settings";
 import { convertToUSD } from "@/utils/convert-to-usd";
-import { ExtendedMember, ExtendedRental } from "@/types";
+import type { ExtendedMember, ExtendedRental } from "@/types";
 
 export const VideoClubPageTapeReturn = () => {
   const [selectedRentals, setSelectedRentals] = useState<ExtendedRental[]>([]);
diff --git a/examples/win95/src/routes/video-club/tapes/select-member.tsx b/examples/win95/src/routes/video-club/tapes/select-member.tsx
index cb666b7c0509..fb6f3d166c47 100644
--- a/examples/win95/src/routes/video-club/tapes/select-member.tsx
+++ b/examples/win95/src/routes/video-club/tapes/select-member.tsx
@@ -25,7 +25,7 @@ import {
 } from "@/components/icons";
 import { hasActiveRental } from "@/utils/has-active-rental";
 import { getImagesUrl } from "@/utils/get-cdn-url";
-import { ExtendedMember } from "@/types";
+import type { ExtendedMember } from "@/types";
 
 type Props = {
   variant: "rent" | "return";
diff --git a/examples/win95/src/routes/video-club/tapes/select-title.tsx b/examples/win95/src/routes/video-club/tapes/select-title.tsx
index efb1d955fdbd..dec036c5a4dd 100644
--- a/examples/win95/src/routes/video-club/tapes/select-title.tsx
+++ b/examples/win95/src/routes/video-club/tapes/select-title.tsx
@@ -30,7 +30,7 @@ import {
 } from "@/components/icons";
 import { OPTIONS_YEAR } from "@/utils/options-year";
 import { getImagesUrl } from "@/utils/get-cdn-url";
-import { ExtendedVideoTitle } from "@/types";
+import type { ExtendedVideoTitle } from "@/types";
 
 type Props = {
   selectedTitle?: ExtendedVideoTitle | null;
diff --git a/examples/win95/src/routes/video-club/titles/create.tsx b/examples/win95/src/routes/video-club/titles/create.tsx
index 3de7026355df..7f8009f5b52d 100644
--- a/examples/win95/src/routes/video-club/titles/create.tsx
+++ b/examples/win95/src/routes/video-club/titles/create.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import {
-  HttpError,
+  type HttpError,
   useCreate,
   useCreateMany,
   useNavigation,
@@ -20,12 +20,12 @@ import { VideoClubLayoutSubPage } from "@/components/layout";
 import { MediaPlayerModal } from "@/components/media-player";
 import { ImagePixelated } from "@/components/image-pixelated";
 import {
-  TitleByTmdbIdResponse,
+  type TitleByTmdbIdResponse,
   getTitleByTmdbId,
 } from "@/utils/get-title-by-tmdb-id";
 import { parseTmdbIdFromUrl } from "@/utils/parse-tmdb-id-from-url";
 import { getImagesUrl } from "@/utils/get-cdn-url";
-import { Tape, VideoTitle } from "@/types";
+import type { Tape, VideoTitle } from "@/types";
 
 export const VideoClubPageCreateTitle = () => {
   const navigate = useNavigate();
diff --git a/examples/win95/src/routes/video-club/titles/list.tsx b/examples/win95/src/routes/video-club/titles/list.tsx
index 1b4842baad3c..7ffb54178254 100644
--- a/examples/win95/src/routes/video-club/titles/list.tsx
+++ b/examples/win95/src/routes/video-club/titles/list.tsx
@@ -17,7 +17,7 @@ import { VideoClubLayoutSubPage } from "@/components/layout";
 import { Pagination } from "@/components/pagination";
 import { DangerIcon } from "@/components/icons";
 import { OPTIONS_YEAR } from "@/utils/options-year";
-import { ExtendedVideoTitle } from "@/types";
+import type { ExtendedVideoTitle } from "@/types";
 
 export const VideoClubPageBrowseTitles = () => {
   const navigate = useNavigate();
diff --git a/examples/win95/src/routes/video-club/titles/show.tsx b/examples/win95/src/routes/video-club/titles/show.tsx
index 31a1979189fc..372a0ece57e9 100644
--- a/examples/win95/src/routes/video-club/titles/show.tsx
+++ b/examples/win95/src/routes/video-club/titles/show.tsx
@@ -19,7 +19,7 @@ import { MediaPlayerModal } from "@/components/media-player";
 import { getTMDBImgLink } from "@/utils/get-tmdb-img-link";
 import { getImagesUrl } from "@/utils/get-cdn-url";
 import { NIGHTLY_RENTAL_FEE } from "@/utils/app-settings";
-import { ExtendedVideoTitle, Member, Rental } from "@/types";
+import type { ExtendedVideoTitle, Member, Rental } from "@/types";
 
 export const VideoClubPageShowTitle = () => {
   const [trailer, setTrailer] = useState(false);
diff --git a/examples/win95/src/utils/get-title-by-tmdb-id.ts b/examples/win95/src/utils/get-title-by-tmdb-id.ts
index dbea67fd2a9b..123460661905 100644
--- a/examples/win95/src/utils/get-title-by-tmdb-id.ts
+++ b/examples/win95/src/utils/get-title-by-tmdb-id.ts
@@ -1,5 +1,5 @@
 import { dataProvider, supabaseClient } from "@/supabase-client";
-import { TMDBMovieResponse, VideoTitle } from "@/types";
+import type { TMDBMovieResponse, VideoTitle } from "@/types";
 import { tmdbToTitle } from "@/utils/tmdb-to-title";
 
 export type TitleByTmdbIdResponse = {
diff --git a/examples/win95/src/utils/has-active-rental.ts b/examples/win95/src/utils/has-active-rental.ts
index 7f5cb49232fb..6badba230b27 100644
--- a/examples/win95/src/utils/has-active-rental.ts
+++ b/examples/win95/src/utils/has-active-rental.ts
@@ -1,4 +1,4 @@
-import { ExtendedMember } from "@/types";
+import type { ExtendedMember } from "@/types";
 
 type Props = {
   member: ExtendedMember;
diff --git a/examples/win95/src/utils/tmdb-to-title.ts b/examples/win95/src/utils/tmdb-to-title.ts
index 9bfb8ca52ee3..791b4d9c4cda 100644
--- a/examples/win95/src/utils/tmdb-to-title.ts
+++ b/examples/win95/src/utils/tmdb-to-title.ts
@@ -1,4 +1,4 @@
-import { TMDBMovieResponse, VideoTitle } from "@/types";
+import type { TMDBMovieResponse, VideoTitle } from "@/types";
 
 export const tmdbToTitle = (
   tmdbBody: TMDBMovieResponse,
diff --git a/examples/with-custom-pages/src/App.tsx b/examples/with-custom-pages/src/App.tsx
index 430842361d80..ef23334ad562 100644
--- a/examples/with-custom-pages/src/App.tsx
+++ b/examples/with-custom-pages/src/App.tsx
@@ -2,7 +2,7 @@ import {
   GitHubBanner,
   Refine,
   Authenticated,
-  AuthProvider,
+  type AuthProvider,
 } from "@refinedev/core";
 import {
   useNotificationProvider,
diff --git a/examples/with-custom-pages/src/pages/post-review/post-review.tsx b/examples/with-custom-pages/src/pages/post-review/post-review.tsx
index 759a8ba04ac2..1dd77c9e5d24 100644
--- a/examples/with-custom-pages/src/pages/post-review/post-review.tsx
+++ b/examples/with-custom-pages/src/pages/post-review/post-review.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography, Button, Space } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/with-custom-pages/src/pages/posts/create.tsx b/examples/with-custom-pages/src/pages/posts/create.tsx
index 1584d39ac3e3..2bcf74182b56 100644
--- a/examples/with-custom-pages/src/pages/posts/create.tsx
+++ b/examples/with-custom-pages/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/with-custom-pages/src/pages/posts/edit.tsx b/examples/with-custom-pages/src/pages/posts/edit.tsx
index 71fb6a382e09..a7ac2428084d 100644
--- a/examples/with-custom-pages/src/pages/posts/edit.tsx
+++ b/examples/with-custom-pages/src/pages/posts/edit.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/with-custom-pages/src/pages/posts/list.tsx b/examples/with-custom-pages/src/pages/posts/list.tsx
index 70e0b66903f8..cf273b24b2a4 100644
--- a/examples/with-custom-pages/src/pages/posts/list.tsx
+++ b/examples/with-custom-pages/src/pages/posts/list.tsx
@@ -11,7 +11,7 @@ import {
 
 import { Table, Space, Button } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps } = useTable<IPost>();
diff --git a/examples/with-custom-pages/src/pages/posts/show.tsx b/examples/with-custom-pages/src/pages/posts/show.tsx
index 3d3678bad3c3..dfd179a4d431 100644
--- a/examples/with-custom-pages/src/pages/posts/show.tsx
+++ b/examples/with-custom-pages/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/examples/with-meta-properties/src/pages/posts/list.tsx b/examples/with-meta-properties/src/pages/posts/list.tsx
index 7288b1f9ba6c..62ce103f40a0 100644
--- a/examples/with-meta-properties/src/pages/posts/list.tsx
+++ b/examples/with-meta-properties/src/pages/posts/list.tsx
@@ -1,7 +1,7 @@
 import { List, FilterDropdown, TagField, useTable } from "@refinedev/antd";
 import { Table, Radio } from "antd";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { tableProps } = useTable<IPost>({
diff --git a/examples/with-meta-properties/src/pages/users/list.tsx b/examples/with-meta-properties/src/pages/users/list.tsx
index 05752ad5194c..a95a9a5ce2ea 100644
--- a/examples/with-meta-properties/src/pages/users/list.tsx
+++ b/examples/with-meta-properties/src/pages/users/list.tsx
@@ -1,7 +1,7 @@
 import { List, useTable, EmailField } from "@refinedev/antd";
 import { Table } from "antd";
 
-import { IUser } from "../../interfaces";
+import type { IUser } from "../../interfaces";
 
 export const UserList: React.FC = () => {
   const { tableProps } = useTable<IUser>({
diff --git a/examples/with-meta-properties/src/rest-data-provider/index.ts b/examples/with-meta-properties/src/rest-data-provider/index.ts
index d01dc83fc38d..0457d74db78e 100644
--- a/examples/with-meta-properties/src/rest-data-provider/index.ts
+++ b/examples/with-meta-properties/src/rest-data-provider/index.ts
@@ -1,4 +1,4 @@
-import { DataProvider } from "@refinedev/core";
+import type { DataProvider } from "@refinedev/core";
 import dataProvider, { stringify } from "@refinedev/simple-rest";
 
 import { axiosInstance, generateSort, generateFilter } from "./utils";
diff --git a/examples/with-meta-properties/src/rest-data-provider/utils/axios.ts b/examples/with-meta-properties/src/rest-data-provider/utils/axios.ts
index 3b7eadb855f9..452a16bf99f7 100644
--- a/examples/with-meta-properties/src/rest-data-provider/utils/axios.ts
+++ b/examples/with-meta-properties/src/rest-data-provider/utils/axios.ts
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 // "axios" package should be installed to customize the http client
 import axios from "axios";
diff --git a/examples/with-meta-properties/src/rest-data-provider/utils/generateFilter.ts b/examples/with-meta-properties/src/rest-data-provider/utils/generateFilter.ts
index 2a2a659de31a..1732a6047856 100644
--- a/examples/with-meta-properties/src/rest-data-provider/utils/generateFilter.ts
+++ b/examples/with-meta-properties/src/rest-data-provider/utils/generateFilter.ts
@@ -1,4 +1,4 @@
-import { CrudFilters } from "@refinedev/core";
+import type { CrudFilters } from "@refinedev/core";
 import { mapOperator } from "./mapOperator";
 
 export const generateFilter = (filters?: CrudFilters) => {
diff --git a/examples/with-meta-properties/src/rest-data-provider/utils/generateSort.ts b/examples/with-meta-properties/src/rest-data-provider/utils/generateSort.ts
index 0d7d7935211c..044dc22a9519 100644
--- a/examples/with-meta-properties/src/rest-data-provider/utils/generateSort.ts
+++ b/examples/with-meta-properties/src/rest-data-provider/utils/generateSort.ts
@@ -1,4 +1,4 @@
-import { CrudSorting } from "@refinedev/core";
+import type { CrudSorting } from "@refinedev/core";
 
 export const generateSort = (sorters?: CrudSorting) => {
   if (sorters && sorters.length > 0) {
diff --git a/examples/with-meta-properties/src/rest-data-provider/utils/mapOperator.ts b/examples/with-meta-properties/src/rest-data-provider/utils/mapOperator.ts
index 87f47c163025..5f6239d15144 100644
--- a/examples/with-meta-properties/src/rest-data-provider/utils/mapOperator.ts
+++ b/examples/with-meta-properties/src/rest-data-provider/utils/mapOperator.ts
@@ -1,4 +1,4 @@
-import { CrudOperators } from "@refinedev/core";
+import type { CrudOperators } from "@refinedev/core";
 
 export const mapOperator = (operator: CrudOperators): string => {
   switch (operator) {
diff --git a/examples/with-nextjs-next-auth/src/app/_refine_context.tsx b/examples/with-nextjs-next-auth/src/app/_refine_context.tsx
index 180268b536a5..fa35b798b64d 100644
--- a/examples/with-nextjs-next-auth/src/app/_refine_context.tsx
+++ b/examples/with-nextjs-next-auth/src/app/_refine_context.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useNotificationProvider } from "@refinedev/antd";
-import { AuthBindings, GitHubBanner, Refine } from "@refinedev/core";
+import { type AuthBindings, GitHubBanner, Refine } from "@refinedev/core";
 import { RefineKbar, RefineKbarProvider } from "@refinedev/kbar";
 import routerProvider from "@refinedev/nextjs-router";
 import { SessionProvider, signIn, signOut, useSession } from "next-auth/react";
diff --git a/examples/with-nextjs-next-auth/src/app/api/auth/[...nextauth]/options.ts b/examples/with-nextjs-next-auth/src/app/api/auth/[...nextauth]/options.ts
index 6d985a2cb700..5c1062b90276 100644
--- a/examples/with-nextjs-next-auth/src/app/api/auth/[...nextauth]/options.ts
+++ b/examples/with-nextjs-next-auth/src/app/api/auth/[...nextauth]/options.ts
@@ -2,7 +2,7 @@ import GoogleProvider from "next-auth/providers/google";
 import Auth0Provider from "next-auth/providers/auth0";
 import KeycloakProvider from "next-auth/providers/keycloak";
 import CredentialsProvider from "next-auth/providers/credentials";
-import { Awaitable, User } from "next-auth";
+import type { Awaitable, User } from "next-auth";
 
 const authOptions = {
   // Configure one or more authentication providers
diff --git a/examples/with-nextjs-next-auth/src/app/blog-posts/page.tsx b/examples/with-nextjs-next-auth/src/app/blog-posts/page.tsx
index e8d51404b8b2..926d1a69d4f1 100644
--- a/examples/with-nextjs-next-auth/src/app/blog-posts/page.tsx
+++ b/examples/with-nextjs-next-auth/src/app/blog-posts/page.tsx
@@ -9,7 +9,7 @@ import {
   ShowButton,
   useTable,
 } from "@refinedev/antd";
-import { BaseRecord, useMany } from "@refinedev/core";
+import { type BaseRecord, useMany } from "@refinedev/core";
 import { Space, Table } from "antd";
 
 export default function BlogPostList() {
diff --git a/examples/with-nextjs-next-auth/src/app/categories/page.tsx b/examples/with-nextjs-next-auth/src/app/categories/page.tsx
index 9f7703da7ef7..637aac49f2a6 100644
--- a/examples/with-nextjs-next-auth/src/app/categories/page.tsx
+++ b/examples/with-nextjs-next-auth/src/app/categories/page.tsx
@@ -7,7 +7,7 @@ import {
   ShowButton,
   useTable,
 } from "@refinedev/antd";
-import { BaseRecord } from "@refinedev/core";
+import type { BaseRecord } from "@refinedev/core";
 import { Space, Table } from "antd";
 
 export default function CategoryList() {
diff --git a/examples/with-nextjs-next-auth/src/app/layout.tsx b/examples/with-nextjs-next-auth/src/app/layout.tsx
index a1d55f1827d7..2168bc4fa9e2 100644
--- a/examples/with-nextjs-next-auth/src/app/layout.tsx
+++ b/examples/with-nextjs-next-auth/src/app/layout.tsx
@@ -1,4 +1,4 @@
-import { Metadata } from "next";
+import type { Metadata } from "next";
 import React, { Suspense } from "react";
 import { RefineContext } from "./_refine_context";
 import { AntdRegistry } from "@ant-design/nextjs-registry";
diff --git a/examples/with-nextjs-next-auth/src/contexts/color-mode/index.tsx b/examples/with-nextjs-next-auth/src/contexts/color-mode/index.tsx
index 9fe7ec2fde6d..0aaca316a860 100644
--- a/examples/with-nextjs-next-auth/src/contexts/color-mode/index.tsx
+++ b/examples/with-nextjs-next-auth/src/contexts/color-mode/index.tsx
@@ -4,7 +4,7 @@ import { RefineThemes } from "@refinedev/antd";
 import { App as AntdApp, ConfigProvider, theme } from "antd";
 import Cookies from "js-cookie";
 import React, {
-  PropsWithChildren,
+  type PropsWithChildren,
   createContext,
   useEffect,
   useState,
diff --git a/examples/with-nextjs-next-auth/types/next-auth.d.ts b/examples/with-nextjs-next-auth/types/next-auth.d.ts
index 32cb76fa5755..31d28d59e92f 100644
--- a/examples/with-nextjs-next-auth/types/next-auth.d.ts
+++ b/examples/with-nextjs-next-auth/types/next-auth.d.ts
@@ -1,4 +1,4 @@
-import { DefaultSession } from "types/next-auth";
+import type { DefaultSession } from "types/next-auth";
 
 declare module "next-auth" {
   /**
diff --git a/examples/with-nextjs/src/app/blog-posts/page.tsx b/examples/with-nextjs/src/app/blog-posts/page.tsx
index e8d51404b8b2..926d1a69d4f1 100644
--- a/examples/with-nextjs/src/app/blog-posts/page.tsx
+++ b/examples/with-nextjs/src/app/blog-posts/page.tsx
@@ -9,7 +9,7 @@ import {
   ShowButton,
   useTable,
 } from "@refinedev/antd";
-import { BaseRecord, useMany } from "@refinedev/core";
+import { type BaseRecord, useMany } from "@refinedev/core";
 import { Space, Table } from "antd";
 
 export default function BlogPostList() {
diff --git a/examples/with-nextjs/src/app/categories/page.tsx b/examples/with-nextjs/src/app/categories/page.tsx
index 9f7703da7ef7..637aac49f2a6 100644
--- a/examples/with-nextjs/src/app/categories/page.tsx
+++ b/examples/with-nextjs/src/app/categories/page.tsx
@@ -7,7 +7,7 @@ import {
   ShowButton,
   useTable,
 } from "@refinedev/antd";
-import { BaseRecord } from "@refinedev/core";
+import type { BaseRecord } from "@refinedev/core";
 import { Space, Table } from "antd";
 
 export default function CategoryList() {
diff --git a/examples/with-nextjs/src/app/layout.tsx b/examples/with-nextjs/src/app/layout.tsx
index b9fb0f1e3ca5..3ecab51c1455 100644
--- a/examples/with-nextjs/src/app/layout.tsx
+++ b/examples/with-nextjs/src/app/layout.tsx
@@ -3,7 +3,7 @@ import { useNotificationProvider } from "@refinedev/antd";
 import { GitHubBanner, Refine } from "@refinedev/core";
 import { RefineKbar, RefineKbarProvider } from "@refinedev/kbar";
 import routerProvider from "@refinedev/nextjs-router";
-import { Metadata } from "next";
+import type { Metadata } from "next";
 import { cookies } from "next/headers";
 import React, { Suspense } from "react";
 
diff --git a/examples/with-nextjs/src/contexts/color-mode/index.tsx b/examples/with-nextjs/src/contexts/color-mode/index.tsx
index 4e0bc7f41eb0..9cb15d967a04 100644
--- a/examples/with-nextjs/src/contexts/color-mode/index.tsx
+++ b/examples/with-nextjs/src/contexts/color-mode/index.tsx
@@ -4,7 +4,7 @@ import { RefineThemes } from "@refinedev/antd";
 import { App as AntdApp, ConfigProvider, theme } from "antd";
 import Cookies from "js-cookie";
 import React, {
-  PropsWithChildren,
+  type PropsWithChildren,
   createContext,
   useEffect,
   useLayoutEffect,
diff --git a/examples/with-nextjs/src/providers/auth-provider/auth-provider.server.ts b/examples/with-nextjs/src/providers/auth-provider/auth-provider.server.ts
index 5f1f974313d5..12b93657127c 100644
--- a/examples/with-nextjs/src/providers/auth-provider/auth-provider.server.ts
+++ b/examples/with-nextjs/src/providers/auth-provider/auth-provider.server.ts
@@ -1,4 +1,4 @@
-import { AuthBindings } from "@refinedev/core";
+import type { AuthBindings } from "@refinedev/core";
 import { cookies } from "next/headers";
 
 export const authProviderServer: Pick<AuthBindings, "check"> = {
diff --git a/examples/with-nextjs/src/providers/auth-provider/auth-provider.ts b/examples/with-nextjs/src/providers/auth-provider/auth-provider.ts
index 6ff1579fc743..9a1cb1e5fbae 100644
--- a/examples/with-nextjs/src/providers/auth-provider/auth-provider.ts
+++ b/examples/with-nextjs/src/providers/auth-provider/auth-provider.ts
@@ -1,6 +1,6 @@
 "use client";
 
-import { AuthBindings } from "@refinedev/core";
+import type { AuthBindings } from "@refinedev/core";
 import Cookies from "js-cookie";
 
 const mockUsers = [
diff --git a/examples/with-nx/src/authProvider.ts b/examples/with-nx/src/authProvider.ts
index 2e46d253a7a4..21e3414c77cf 100644
--- a/examples/with-nx/src/authProvider.ts
+++ b/examples/with-nx/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 export const TOKEN_KEY = "refine-auth";
 
diff --git a/examples/with-nx/src/contexts/color-mode/index.tsx b/examples/with-nx/src/contexts/color-mode/index.tsx
index e6a039c4d284..5da7d3d9fb81 100644
--- a/examples/with-nx/src/contexts/color-mode/index.tsx
+++ b/examples/with-nx/src/contexts/color-mode/index.tsx
@@ -1,4 +1,9 @@
-import { PropsWithChildren, createContext, useEffect, useState } from "react";
+import {
+  type PropsWithChildren,
+  createContext,
+  useEffect,
+  useState,
+} from "react";
 import { ConfigProvider, theme } from "antd";
 import { RefineThemes } from "@refinedev/antd";
 
diff --git a/examples/with-persist-query/src/pages/posts/list.tsx b/examples/with-persist-query/src/pages/posts/list.tsx
index 18dd4c2639c9..83df4b94fad3 100644
--- a/examples/with-persist-query/src/pages/posts/list.tsx
+++ b/examples/with-persist-query/src/pages/posts/list.tsx
@@ -1,9 +1,9 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import { useNavigation } from "@refinedev/core";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { edit, create } = useNavigation();
diff --git a/examples/with-react-toastify/src/pages/posts/list.tsx b/examples/with-react-toastify/src/pages/posts/list.tsx
index faa2eb3b822c..15f7cd86232d 100644
--- a/examples/with-react-toastify/src/pages/posts/list.tsx
+++ b/examples/with-react-toastify/src/pages/posts/list.tsx
@@ -1,9 +1,9 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import { useNavigation } from "@refinedev/core";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostList: React.FC = () => {
   const { edit, create } = useNavigation();
diff --git a/examples/with-react-toastify/src/providers/notificationProvider.tsx b/examples/with-react-toastify/src/providers/notificationProvider.tsx
index 4ad9147c95ae..efb18816d59b 100644
--- a/examples/with-react-toastify/src/providers/notificationProvider.tsx
+++ b/examples/with-react-toastify/src/providers/notificationProvider.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NotificationProvider } from "@refinedev/core";
+import type { NotificationProvider } from "@refinedev/core";
 import { toast } from "react-toastify";
 import { UndoableNotification } from "../components/undoableNotification";
 
diff --git a/examples/with-remix-antd/app/authProvider.ts b/examples/with-remix-antd/app/authProvider.ts
index 2ba48cfc71c8..4924e70d46ac 100644
--- a/examples/with-remix-antd/app/authProvider.ts
+++ b/examples/with-remix-antd/app/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import Cookies from "js-cookie";
 import * as cookie from "cookie";
 
diff --git a/examples/with-remix-antd/app/routes/_auth.tsx b/examples/with-remix-antd/app/routes/_auth.tsx
index d1490cd84aa6..da9ab763d349 100644
--- a/examples/with-remix-antd/app/routes/_auth.tsx
+++ b/examples/with-remix-antd/app/routes/_auth.tsx
@@ -1,5 +1,5 @@
 import { Outlet } from "@remix-run/react";
-import { LoaderFunctionArgs, redirect } from "@remix-run/node";
+import { type LoaderFunctionArgs, redirect } from "@remix-run/node";
 
 import { authProvider } from "~/authProvider";
 
diff --git a/examples/with-remix-antd/app/routes/_protected.posts._index.tsx b/examples/with-remix-antd/app/routes/_protected.posts._index.tsx
index e929a6673a67..edd569f1691c 100644
--- a/examples/with-remix-antd/app/routes/_protected.posts._index.tsx
+++ b/examples/with-remix-antd/app/routes/_protected.posts._index.tsx
@@ -7,11 +7,11 @@ import {
 } from "@refinedev/antd";
 import { Table, Space } from "antd";
 import { useLoaderData } from "@remix-run/react";
-import { json, LoaderFunctionArgs } from "@remix-run/node";
+import { json, type LoaderFunctionArgs } from "@remix-run/node";
 import dataProvider from "@refinedev/simple-rest";
 import { parseTableParams } from "@refinedev/remix-router";
 
-import { IPost } from "../interfaces";
+import type { IPost } from "../interfaces";
 import { API_URL } from "~/constants";
 
 const PostList: React.FC = () => {
diff --git a/examples/with-remix-antd/app/routes/_protected.posts.create.tsx b/examples/with-remix-antd/app/routes/_protected.posts.create.tsx
index 2cac852035ce..39985b2bae22 100644
--- a/examples/with-remix-antd/app/routes/_protected.posts.create.tsx
+++ b/examples/with-remix-antd/app/routes/_protected.posts.create.tsx
@@ -1,7 +1,7 @@
 import { useForm, useSelect, Create } from "@refinedev/antd";
 import { Form, Select, Input } from "antd";
 
-import { IPost } from "../interfaces";
+import type { IPost } from "../interfaces";
 
 const PostCreate: React.FC = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/with-remix-antd/app/routes/_protected.posts.edit.$id.tsx b/examples/with-remix-antd/app/routes/_protected.posts.edit.$id.tsx
index 6fb8ac2d9472..530a577166c5 100644
--- a/examples/with-remix-antd/app/routes/_protected.posts.edit.$id.tsx
+++ b/examples/with-remix-antd/app/routes/_protected.posts.edit.$id.tsx
@@ -1,11 +1,11 @@
 import { useForm, useSelect, Edit } from "@refinedev/antd";
 import dataProvider from "@refinedev/simple-rest";
-import { json, LoaderFunctionArgs } from "@remix-run/node";
+import { json, type LoaderFunctionArgs } from "@remix-run/node";
 import { useLoaderData } from "@remix-run/react";
 import { Form, Input, Select } from "antd";
 
 import { API_URL } from "~/constants";
-import { IPost } from "../interfaces";
+import type { IPost } from "../interfaces";
 
 const PostEdit: React.FC = () => {
   const { initialData } = useLoaderData<typeof loader>();
diff --git a/examples/with-remix-antd/app/routes/_protected.posts.show.$id.tsx b/examples/with-remix-antd/app/routes/_protected.posts.show.$id.tsx
index 3b36f2685212..06ff461fc026 100644
--- a/examples/with-remix-antd/app/routes/_protected.posts.show.$id.tsx
+++ b/examples/with-remix-antd/app/routes/_protected.posts.show.$id.tsx
@@ -3,9 +3,9 @@ import { Show } from "@refinedev/antd";
 import { Typography, Tag } from "antd";
 import dataProvider from "@refinedev/simple-rest";
 import { useLoaderData } from "@remix-run/react";
-import { json, LoaderFunctionArgs } from "@remix-run/node";
+import { json, type LoaderFunctionArgs } from "@remix-run/node";
 
-import { ICategory, IPost } from "../interfaces";
+import type { ICategory, IPost } from "../interfaces";
 import { API_URL } from "~/constants";
 
 const { Title, Text } = Typography;
diff --git a/examples/with-remix-antd/app/routes/_protected.tsx b/examples/with-remix-antd/app/routes/_protected.tsx
index 744271764af0..8cefb8ca2579 100644
--- a/examples/with-remix-antd/app/routes/_protected.tsx
+++ b/examples/with-remix-antd/app/routes/_protected.tsx
@@ -1,6 +1,6 @@
 import { ThemedLayoutV2 } from "@refinedev/antd";
 import { Outlet } from "@remix-run/react";
-import { LoaderFunctionArgs, redirect } from "@remix-run/node";
+import { type LoaderFunctionArgs, redirect } from "@remix-run/node";
 
 import { authProvider } from "~/authProvider";
 
diff --git a/examples/with-remix-auth/app/root.tsx b/examples/with-remix-auth/app/root.tsx
index 4a9f04525a2c..312570e81335 100644
--- a/examples/with-remix-auth/app/root.tsx
+++ b/examples/with-remix-auth/app/root.tsx
@@ -1,4 +1,8 @@
-import { json, LoaderFunctionArgs, MetaFunction } from "@remix-run/node";
+import {
+  json,
+  type LoaderFunctionArgs,
+  type MetaFunction,
+} from "@remix-run/node";
 import {
   Links,
   LiveReload,
@@ -8,7 +12,7 @@ import {
   ScrollRestoration,
   useLoaderData,
 } from "@remix-run/react";
-import { AuthProvider, GitHubBanner, Refine } from "@refinedev/core";
+import { type AuthProvider, GitHubBanner, Refine } from "@refinedev/core";
 import { useNotificationProvider, RefineThemes } from "@refinedev/antd";
 import dataProvider from "@refinedev/simple-rest";
 import routerProvider, {
diff --git a/examples/with-remix-auth/app/routes/_auth.tsx b/examples/with-remix-auth/app/routes/_auth.tsx
index 146a26ecb3df..7e5d2e3b4243 100644
--- a/examples/with-remix-auth/app/routes/_auth.tsx
+++ b/examples/with-remix-auth/app/routes/_auth.tsx
@@ -1,5 +1,5 @@
 import { Outlet } from "@remix-run/react";
-import { LoaderFunctionArgs, redirect } from "@remix-run/node";
+import { type LoaderFunctionArgs, redirect } from "@remix-run/node";
 import { authenticator } from "~/utils/auth.server";
 
 export default function AuthLayout() {
diff --git a/examples/with-remix-auth/app/routes/auth.$provider._index.tsx b/examples/with-remix-auth/app/routes/auth.$provider._index.tsx
index 8d64dfd816cd..f17fa685c949 100644
--- a/examples/with-remix-auth/app/routes/auth.$provider._index.tsx
+++ b/examples/with-remix-auth/app/routes/auth.$provider._index.tsx
@@ -1,4 +1,4 @@
-import { LoaderFunctionArgs, ActionFunctionArgs } from "@remix-run/node";
+import type { LoaderFunctionArgs, ActionFunctionArgs } from "@remix-run/node";
 import { authenticator } from "~/utils/auth.server";
 
 export const action = async ({ request }: ActionFunctionArgs) => {
diff --git a/examples/with-remix-headless/app/authProvider.ts b/examples/with-remix-headless/app/authProvider.ts
index 76453ea741d0..7eca6aaf558d 100644
--- a/examples/with-remix-headless/app/authProvider.ts
+++ b/examples/with-remix-headless/app/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import Cookies from "js-cookie";
 import * as cookie from "cookie";
 
diff --git a/examples/with-remix-headless/app/components/layout/index.tsx b/examples/with-remix-headless/app/components/layout/index.tsx
index f6f489fe2e87..330edd006fc0 100644
--- a/examples/with-remix-headless/app/components/layout/index.tsx
+++ b/examples/with-remix-headless/app/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 
 import { Menu } from "../menu";
 import { Breadcrumb } from "../breadcrumb";
diff --git a/examples/with-remix-headless/app/pages/posts/list.tsx b/examples/with-remix-headless/app/pages/posts/list.tsx
index 625f81475cb4..e522a9bac9ab 100644
--- a/examples/with-remix-headless/app/pages/posts/list.tsx
+++ b/examples/with-remix-headless/app/pages/posts/list.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import { useNavigation } from "@refinedev/core";
 
 export interface IPost {
diff --git a/examples/with-remix-headless/app/routes/_auth.tsx b/examples/with-remix-headless/app/routes/_auth.tsx
index 9911794eb7c8..a8b64ea46d7b 100644
--- a/examples/with-remix-headless/app/routes/_auth.tsx
+++ b/examples/with-remix-headless/app/routes/_auth.tsx
@@ -1,5 +1,5 @@
 import { Outlet } from "@remix-run/react";
-import { LoaderFunctionArgs, redirect } from "@remix-run/node";
+import { type LoaderFunctionArgs, redirect } from "@remix-run/node";
 
 import { authProvider } from "~/authProvider";
 
diff --git a/examples/with-remix-headless/app/routes/_protected.posts._index.tsx b/examples/with-remix-headless/app/routes/_protected.posts._index.tsx
index 5f22ac5bb4ce..ebe4669d0c54 100644
--- a/examples/with-remix-headless/app/routes/_protected.posts._index.tsx
+++ b/examples/with-remix-headless/app/routes/_protected.posts._index.tsx
@@ -1,14 +1,14 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import { useNavigation } from "@refinedev/core";
 import { useLoaderData } from "@remix-run/react";
-import { json, LoaderFunctionArgs } from "@remix-run/node";
+import { json, type LoaderFunctionArgs } from "@remix-run/node";
 import dataProvider from "@refinedev/simple-rest";
 import { parseTableParams } from "@refinedev/remix-router";
 
 import { API_URL } from "~/constants";
-import { IPost } from "~/interfaces";
+import type { IPost } from "~/interfaces";
 
 const PostList: React.FC = () => {
   const { initialData } = useLoaderData<typeof loader>();
diff --git a/examples/with-remix-headless/app/routes/_protected.posts.create.tsx b/examples/with-remix-headless/app/routes/_protected.posts.create.tsx
index 7c0c65fe0ee1..303470115c1d 100644
--- a/examples/with-remix-headless/app/routes/_protected.posts.create.tsx
+++ b/examples/with-remix-headless/app/routes/_protected.posts.create.tsx
@@ -1,6 +1,6 @@
 import { useForm } from "@refinedev/react-hook-form";
 import { useSelect } from "@refinedev/core";
-import { LoaderFunctionArgs } from "@remix-run/node";
+import type { LoaderFunctionArgs } from "@remix-run/node";
 
 const PostCreate: React.FC = () => {
   const {
diff --git a/examples/with-remix-headless/app/routes/_protected.posts.edit.$id.tsx b/examples/with-remix-headless/app/routes/_protected.posts.edit.$id.tsx
index 8e272fc529c2..57a86a2f7409 100644
--- a/examples/with-remix-headless/app/routes/_protected.posts.edit.$id.tsx
+++ b/examples/with-remix-headless/app/routes/_protected.posts.edit.$id.tsx
@@ -2,11 +2,11 @@ import { useEffect } from "react";
 import { useForm } from "@refinedev/react-hook-form";
 import { useSelect } from "@refinedev/core";
 import { useLoaderData } from "@remix-run/react";
-import { json, LoaderFunctionArgs } from "@remix-run/node";
+import { json, type LoaderFunctionArgs } from "@remix-run/node";
 import dataProvider from "@refinedev/simple-rest";
 
 import { API_URL } from "~/constants";
-import { IPost } from "~/interfaces";
+import type { IPost } from "~/interfaces";
 
 const PostEdit: React.FC = () => {
   const { initialData } = useLoaderData<typeof loader>();
diff --git a/examples/with-remix-headless/app/routes/_protected.tsx b/examples/with-remix-headless/app/routes/_protected.tsx
index ecd2f1012b2e..ff09ca52eb41 100644
--- a/examples/with-remix-headless/app/routes/_protected.tsx
+++ b/examples/with-remix-headless/app/routes/_protected.tsx
@@ -1,5 +1,5 @@
 import { Outlet } from "@remix-run/react";
-import { LoaderFunctionArgs, redirect } from "@remix-run/node";
+import { type LoaderFunctionArgs, redirect } from "@remix-run/node";
 
 import { authProvider } from "~/authProvider";
 import { Layout } from "~/components/layout";
diff --git a/examples/with-remix-material-ui/app/authProvider.ts b/examples/with-remix-material-ui/app/authProvider.ts
index 2ba48cfc71c8..4924e70d46ac 100644
--- a/examples/with-remix-material-ui/app/authProvider.ts
+++ b/examples/with-remix-material-ui/app/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import Cookies from "js-cookie";
 import * as cookie from "cookie";
 
diff --git a/examples/with-remix-material-ui/app/components/header/index.tsx b/examples/with-remix-material-ui/app/components/header/index.tsx
index d9f53e871662..4cce37d23859 100644
--- a/examples/with-remix-material-ui/app/components/header/index.tsx
+++ b/examples/with-remix-material-ui/app/components/header/index.tsx
@@ -7,7 +7,10 @@ import Stack from "@mui/material/Stack";
 import Toolbar from "@mui/material/Toolbar";
 import Typography from "@mui/material/Typography";
 import { useGetIdentity } from "@refinedev/core";
-import { HamburgerMenu, RefineThemedLayoutV2HeaderProps } from "@refinedev/mui";
+import {
+  HamburgerMenu,
+  type RefineThemedLayoutV2HeaderProps,
+} from "@refinedev/mui";
 import React, { useContext } from "react";
 import { ColorModeContext } from "~/contexts/ColorModeContext";
 
diff --git a/examples/with-remix-material-ui/app/contexts/ColorModeContext.tsx b/examples/with-remix-material-ui/app/contexts/ColorModeContext.tsx
index c2edfd71e178..4f6842451cc0 100644
--- a/examples/with-remix-material-ui/app/contexts/ColorModeContext.tsx
+++ b/examples/with-remix-material-ui/app/contexts/ColorModeContext.tsx
@@ -3,7 +3,7 @@ import { ThemeProvider } from "@mui/material/styles";
 import { RefineThemes } from "@refinedev/mui";
 import { parseCookies, setCookie } from "nookies";
 import React, {
-  PropsWithChildren,
+  type PropsWithChildren,
   createContext,
   useEffect,
   useState,
diff --git a/examples/with-remix-vite-headless/app/authProvider.ts b/examples/with-remix-vite-headless/app/authProvider.ts
index 76453ea741d0..7eca6aaf558d 100644
--- a/examples/with-remix-vite-headless/app/authProvider.ts
+++ b/examples/with-remix-vite-headless/app/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import Cookies from "js-cookie";
 import * as cookie from "cookie";
 
diff --git a/examples/with-remix-vite-headless/app/components/layout/index.tsx b/examples/with-remix-vite-headless/app/components/layout/index.tsx
index f6f489fe2e87..330edd006fc0 100644
--- a/examples/with-remix-vite-headless/app/components/layout/index.tsx
+++ b/examples/with-remix-vite-headless/app/components/layout/index.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 
 import { Menu } from "../menu";
 import { Breadcrumb } from "../breadcrumb";
diff --git a/examples/with-remix-vite-headless/app/pages/posts/list.tsx b/examples/with-remix-vite-headless/app/pages/posts/list.tsx
index 625f81475cb4..e522a9bac9ab 100644
--- a/examples/with-remix-vite-headless/app/pages/posts/list.tsx
+++ b/examples/with-remix-vite-headless/app/pages/posts/list.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import { useNavigation } from "@refinedev/core";
 
 export interface IPost {
diff --git a/examples/with-remix-vite-headless/app/routes/_auth.tsx b/examples/with-remix-vite-headless/app/routes/_auth.tsx
index 9911794eb7c8..a8b64ea46d7b 100644
--- a/examples/with-remix-vite-headless/app/routes/_auth.tsx
+++ b/examples/with-remix-vite-headless/app/routes/_auth.tsx
@@ -1,5 +1,5 @@
 import { Outlet } from "@remix-run/react";
-import { LoaderFunctionArgs, redirect } from "@remix-run/node";
+import { type LoaderFunctionArgs, redirect } from "@remix-run/node";
 
 import { authProvider } from "~/authProvider";
 
diff --git a/examples/with-remix-vite-headless/app/routes/_protected.posts._index.tsx b/examples/with-remix-vite-headless/app/routes/_protected.posts._index.tsx
index 5f22ac5bb4ce..ebe4669d0c54 100644
--- a/examples/with-remix-vite-headless/app/routes/_protected.posts._index.tsx
+++ b/examples/with-remix-vite-headless/app/routes/_protected.posts._index.tsx
@@ -1,14 +1,14 @@
 import React from "react";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import { useNavigation } from "@refinedev/core";
 import { useLoaderData } from "@remix-run/react";
-import { json, LoaderFunctionArgs } from "@remix-run/node";
+import { json, type LoaderFunctionArgs } from "@remix-run/node";
 import dataProvider from "@refinedev/simple-rest";
 import { parseTableParams } from "@refinedev/remix-router";
 
 import { API_URL } from "~/constants";
-import { IPost } from "~/interfaces";
+import type { IPost } from "~/interfaces";
 
 const PostList: React.FC = () => {
   const { initialData } = useLoaderData<typeof loader>();
diff --git a/examples/with-remix-vite-headless/app/routes/_protected.posts.create.tsx b/examples/with-remix-vite-headless/app/routes/_protected.posts.create.tsx
index 7c0c65fe0ee1..303470115c1d 100644
--- a/examples/with-remix-vite-headless/app/routes/_protected.posts.create.tsx
+++ b/examples/with-remix-vite-headless/app/routes/_protected.posts.create.tsx
@@ -1,6 +1,6 @@
 import { useForm } from "@refinedev/react-hook-form";
 import { useSelect } from "@refinedev/core";
-import { LoaderFunctionArgs } from "@remix-run/node";
+import type { LoaderFunctionArgs } from "@remix-run/node";
 
 const PostCreate: React.FC = () => {
   const {
diff --git a/examples/with-remix-vite-headless/app/routes/_protected.posts.edit.$id.tsx b/examples/with-remix-vite-headless/app/routes/_protected.posts.edit.$id.tsx
index 8e272fc529c2..57a86a2f7409 100644
--- a/examples/with-remix-vite-headless/app/routes/_protected.posts.edit.$id.tsx
+++ b/examples/with-remix-vite-headless/app/routes/_protected.posts.edit.$id.tsx
@@ -2,11 +2,11 @@ import { useEffect } from "react";
 import { useForm } from "@refinedev/react-hook-form";
 import { useSelect } from "@refinedev/core";
 import { useLoaderData } from "@remix-run/react";
-import { json, LoaderFunctionArgs } from "@remix-run/node";
+import { json, type LoaderFunctionArgs } from "@remix-run/node";
 import dataProvider from "@refinedev/simple-rest";
 
 import { API_URL } from "~/constants";
-import { IPost } from "~/interfaces";
+import type { IPost } from "~/interfaces";
 
 const PostEdit: React.FC = () => {
   const { initialData } = useLoaderData<typeof loader>();
diff --git a/examples/with-remix-vite-headless/app/routes/_protected.tsx b/examples/with-remix-vite-headless/app/routes/_protected.tsx
index ecd2f1012b2e..ff09ca52eb41 100644
--- a/examples/with-remix-vite-headless/app/routes/_protected.tsx
+++ b/examples/with-remix-vite-headless/app/routes/_protected.tsx
@@ -1,5 +1,5 @@
 import { Outlet } from "@remix-run/react";
-import { LoaderFunctionArgs, redirect } from "@remix-run/node";
+import { type LoaderFunctionArgs, redirect } from "@remix-run/node";
 
 import { authProvider } from "~/authProvider";
 import { Layout } from "~/components/layout";
diff --git a/examples/with-storybook-antd/src/stories/crud/List.stories.tsx b/examples/with-storybook-antd/src/stories/crud/List.stories.tsx
index 7957b739bc53..54767b4a8668 100644
--- a/examples/with-storybook-antd/src/stories/crud/List.stories.tsx
+++ b/examples/with-storybook-antd/src/stories/crud/List.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 import { List as AntdList } from "@refinedev/antd";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
diff --git a/examples/with-storybook-antd/src/stories/table/editable.stories.tsx b/examples/with-storybook-antd/src/stories/table/editable.stories.tsx
index 88b1306dd0fe..fec3590155b7 100644
--- a/examples/with-storybook-antd/src/stories/table/editable.stories.tsx
+++ b/examples/with-storybook-antd/src/stories/table/editable.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { ComponentMeta } from "@storybook/react";
+import type { ComponentMeta } from "@storybook/react";
 import {
   EditButton,
   List,
@@ -11,7 +11,7 @@ import {
 } from "@refinedev/antd";
 import { Button, Form, Input, Select, Space, Table } from "antd";
 import { useMany, useDeleteMany } from "@refinedev/core";
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 import MDEditor from "@uiw/react-md-editor";
 
diff --git a/examples/with-storybook-antd/src/stories/table/search.stories.tsx b/examples/with-storybook-antd/src/stories/table/search.stories.tsx
index 4b3648ef9217..5eb8cbf6c895 100644
--- a/examples/with-storybook-antd/src/stories/table/search.stories.tsx
+++ b/examples/with-storybook-antd/src/stories/table/search.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentMeta } from "@storybook/react";
+import type { ComponentMeta } from "@storybook/react";
 import {
   DateField,
   EditButton,
@@ -16,7 +16,7 @@ import {
   Col,
   DatePicker,
   Form,
-  FormProps,
+  type FormProps,
   Input,
   Row,
   Select,
@@ -25,8 +25,8 @@ import {
   Tag,
 } from "antd";
 
-import { HttpError, CrudFilters, useMany } from "@refinedev/core";
-import { IPost, IPostFilterVariables, ICategory } from "../../interfaces";
+import { type HttpError, type CrudFilters, useMany } from "@refinedev/core";
+import type { IPost, IPostFilterVariables, ICategory } from "../../interfaces";
 
 import { RefineWithLayout } from "../../../.storybook/preview";
 
diff --git a/examples/with-storybook-antd/src/stories/table/table.stories.tsx b/examples/with-storybook-antd/src/stories/table/table.stories.tsx
index 5301c7bb494e..9b608c8743ba 100644
--- a/examples/with-storybook-antd/src/stories/table/table.stories.tsx
+++ b/examples/with-storybook-antd/src/stories/table/table.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentMeta } from "@storybook/react";
+import type { ComponentMeta } from "@storybook/react";
 import { List, useTable } from "@refinedev/antd";
 
 import { Table } from "antd";
diff --git a/examples/with-storybook-material-ui/src/authProvider.ts b/examples/with-storybook-material-ui/src/authProvider.ts
index b21c2d344d16..46b657434939 100644
--- a/examples/with-storybook-material-ui/src/authProvider.ts
+++ b/examples/with-storybook-material-ui/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 
 export const TOKEN_KEY = "refine-auth";
 
diff --git a/examples/with-storybook-material-ui/src/stories/autocomplete/basic.stories.tsx b/examples/with-storybook-material-ui/src/stories/autocomplete/basic.stories.tsx
index 1141a4d1513f..376cc50d328e 100644
--- a/examples/with-storybook-material-ui/src/stories/autocomplete/basic.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/autocomplete/basic.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 import { useAutocomplete } from "@refinedev/mui";
 
 import Autocomplete from "@mui/material/Autocomplete";
@@ -10,7 +10,7 @@ import CheckBoxOutlineBlankIcon from "@mui/icons-material/CheckBoxOutlineBlank";
 import CheckBoxIcon from "@mui/icons-material/CheckBox";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
-import { ICategory } from "../../interfaces";
+import type { ICategory } from "../../interfaces";
 
 export default {
   title: "Hooks / Autocomplete",
diff --git a/examples/with-storybook-material-ui/src/stories/buttons/Buttons.stories.tsx b/examples/with-storybook-material-ui/src/stories/buttons/Buttons.stories.tsx
index 4849dc54d7d2..a66dda43d708 100644
--- a/examples/with-storybook-material-ui/src/stories/buttons/Buttons.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/buttons/Buttons.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 import {
   CreateButton,
   CloneButton,
diff --git a/examples/with-storybook-material-ui/src/stories/crud/Create.stories.tsx b/examples/with-storybook-material-ui/src/stories/crud/Create.stories.tsx
index cda840beaed9..069b6bd54be7 100644
--- a/examples/with-storybook-material-ui/src/stories/crud/Create.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/crud/Create.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 import { Create } from "@refinedev/mui";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
diff --git a/examples/with-storybook-material-ui/src/stories/crud/Edit.stories.tsx b/examples/with-storybook-material-ui/src/stories/crud/Edit.stories.tsx
index 79e2b6f7393c..dc9d648eff05 100644
--- a/examples/with-storybook-material-ui/src/stories/crud/Edit.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/crud/Edit.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 import { Edit } from "@refinedev/mui";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
diff --git a/examples/with-storybook-material-ui/src/stories/crud/List.stories.tsx b/examples/with-storybook-material-ui/src/stories/crud/List.stories.tsx
index 47e7319f2984..2c885cf2c5e4 100644
--- a/examples/with-storybook-material-ui/src/stories/crud/List.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/crud/List.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 import { List } from "@refinedev/mui";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
diff --git a/examples/with-storybook-material-ui/src/stories/crud/Show.stories.tsx b/examples/with-storybook-material-ui/src/stories/crud/Show.stories.tsx
index 6461e3bf6b9d..d6822863f22c 100644
--- a/examples/with-storybook-material-ui/src/stories/crud/Show.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/crud/Show.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 import { Show } from "@refinedev/mui";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
diff --git a/examples/with-storybook-material-ui/src/stories/dataGrid/basic.stories.tsx b/examples/with-storybook-material-ui/src/stories/dataGrid/basic.stories.tsx
index 18e3187222c2..0b41bdb3717d 100644
--- a/examples/with-storybook-material-ui/src/stories/dataGrid/basic.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/dataGrid/basic.stories.tsx
@@ -1,10 +1,10 @@
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import { useMany } from "@refinedev/core";
 import { useDataGrid } from "@refinedev/mui";
-import { ComponentMeta, ComponentStory } from "@storybook/react";
+import type { ComponentMeta, ComponentStory } from "@storybook/react";
 import React from "react";
 
-import { ICategory, IPost } from "../../interfaces";
+import type { ICategory, IPost } from "../../interfaces";
 import { RefineWithoutLayout } from "../../../.storybook/preview";
 
 export default {
diff --git a/examples/with-storybook-material-ui/src/stories/dataGrid/editable.stories.tsx b/examples/with-storybook-material-ui/src/stories/dataGrid/editable.stories.tsx
index 106075923ddd..05a63b98e1a0 100644
--- a/examples/with-storybook-material-ui/src/stories/dataGrid/editable.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/dataGrid/editable.stories.tsx
@@ -1,7 +1,7 @@
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import { useUpdate } from "@refinedev/core";
 import { useDataGrid } from "@refinedev/mui";
-import { ComponentMeta, ComponentStory } from "@storybook/react";
+import type { ComponentMeta, ComponentStory } from "@storybook/react";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
 
diff --git a/examples/with-storybook-material-ui/src/stories/dataGrid/selection/deleteMany.stories.tsx b/examples/with-storybook-material-ui/src/stories/dataGrid/selection/deleteMany.stories.tsx
index 16c3ecbb48f1..8091369521a5 100644
--- a/examples/with-storybook-material-ui/src/stories/dataGrid/selection/deleteMany.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/dataGrid/selection/deleteMany.stories.tsx
@@ -1,9 +1,13 @@
 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
-import { DataGrid, GridColDef, GridRowSelectionModel } from "@mui/x-data-grid";
+import {
+  DataGrid,
+  type GridColDef,
+  type GridRowSelectionModel,
+} from "@mui/x-data-grid";
 import { useDeleteMany } from "@refinedev/core";
 import { useDataGrid } from "@refinedev/mui";
-import { ComponentMeta, ComponentStory } from "@storybook/react";
+import type { ComponentMeta, ComponentStory } from "@storybook/react";
 import { useState } from "react";
 
 import { RefineWithoutLayout } from "../../../../.storybook/preview";
diff --git a/examples/with-storybook-material-ui/src/stories/dataGrid/selection/updateMany.stories.tsx b/examples/with-storybook-material-ui/src/stories/dataGrid/selection/updateMany.stories.tsx
index aaca30dfb02a..61922191a08d 100644
--- a/examples/with-storybook-material-ui/src/stories/dataGrid/selection/updateMany.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/dataGrid/selection/updateMany.stories.tsx
@@ -1,9 +1,13 @@
 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
-import { DataGrid, GridColDef, GridRowSelectionModel } from "@mui/x-data-grid";
+import {
+  DataGrid,
+  type GridColDef,
+  type GridRowSelectionModel,
+} from "@mui/x-data-grid";
 import { useUpdateMany } from "@refinedev/core";
 import { useDataGrid } from "@refinedev/mui";
-import { ComponentMeta, ComponentStory } from "@storybook/react";
+import type { ComponentMeta, ComponentStory } from "@storybook/react";
 import { useState } from "react";
 
 import { RefineWithoutLayout } from "../../../../.storybook/preview";
diff --git a/examples/with-storybook-material-ui/src/stories/fields/BooleanField.stories.tsx b/examples/with-storybook-material-ui/src/stories/fields/BooleanField.stories.tsx
index d55d56971e55..a04edfd9235e 100644
--- a/examples/with-storybook-material-ui/src/stories/fields/BooleanField.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/fields/BooleanField.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 
 import { BooleanField } from "@refinedev/mui";
 
diff --git a/examples/with-storybook-material-ui/src/stories/fields/DateField.stories.tsx b/examples/with-storybook-material-ui/src/stories/fields/DateField.stories.tsx
index fae06e316d56..13b85cda00bb 100644
--- a/examples/with-storybook-material-ui/src/stories/fields/DateField.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/fields/DateField.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 
 import { DateField } from "@refinedev/mui";
 
diff --git a/examples/with-storybook-material-ui/src/stories/fields/EmailField.stories.tsx b/examples/with-storybook-material-ui/src/stories/fields/EmailField.stories.tsx
index 19fb85eadf9d..6e46d3851bc2 100644
--- a/examples/with-storybook-material-ui/src/stories/fields/EmailField.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/fields/EmailField.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 
 import {
   EmailField,
diff --git a/examples/with-storybook-material-ui/src/stories/fields/FileField.stories.tsx b/examples/with-storybook-material-ui/src/stories/fields/FileField.stories.tsx
index da3198a5e9d8..01d792817bc9 100644
--- a/examples/with-storybook-material-ui/src/stories/fields/FileField.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/fields/FileField.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 
 import { FileField } from "@refinedev/mui";
 
diff --git a/examples/with-storybook-material-ui/src/stories/fields/TagField.stories.tsx b/examples/with-storybook-material-ui/src/stories/fields/TagField.stories.tsx
index a2c072e6c09d..a09ff62fe69b 100644
--- a/examples/with-storybook-material-ui/src/stories/fields/TagField.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/fields/TagField.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 
 import { TagField } from "@refinedev/mui";
 
diff --git a/examples/with-storybook-material-ui/src/stories/fields/UrlField.stories.tsx b/examples/with-storybook-material-ui/src/stories/fields/UrlField.stories.tsx
index 12c1363a860e..65c7804a4352 100644
--- a/examples/with-storybook-material-ui/src/stories/fields/UrlField.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/fields/UrlField.stories.tsx
@@ -1,6 +1,6 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 
-import { FileField, UrlField } from "@refinedev/mui";
+import { type FileField, UrlField } from "@refinedev/mui";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
 
diff --git a/examples/with-storybook-material-ui/src/stories/layout/Layout.stories.tsx b/examples/with-storybook-material-ui/src/stories/layout/Layout.stories.tsx
index beca02429f43..113447081e07 100644
--- a/examples/with-storybook-material-ui/src/stories/layout/Layout.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/layout/Layout.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 import { ThemedLayoutV2 } from "@refinedev/mui";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
diff --git a/examples/with-storybook-material-ui/src/stories/modalForm/createForm.stories.tsx b/examples/with-storybook-material-ui/src/stories/modalForm/createForm.stories.tsx
index 6a280adecfc8..dc3a91e679b9 100644
--- a/examples/with-storybook-material-ui/src/stories/modalForm/createForm.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/modalForm/createForm.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { CreateButton } from "@refinedev/mui";
 
 import TextField from "@mui/material/TextField";
@@ -17,7 +17,7 @@ import Select from "@mui/material/Select";
 import { useModalForm } from "@refinedev/react-hook-form";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export default {
   title: "Hooks / Modal Form",
diff --git a/examples/with-storybook-material-ui/src/stories/modalForm/editForm.stories.tsx b/examples/with-storybook-material-ui/src/stories/modalForm/editForm.stories.tsx
index 325eed4dde50..ff9543fa0736 100644
--- a/examples/with-storybook-material-ui/src/stories/modalForm/editForm.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/modalForm/editForm.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { EditButton } from "@refinedev/mui";
 
 import TextField from "@mui/material/TextField";
@@ -17,7 +17,7 @@ import Select from "@mui/material/Select";
 import { useModalForm } from "@refinedev/react-hook-form";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export default {
   title: "Hooks / Modal Form",
diff --git a/examples/with-storybook-material-ui/src/stories/pages/Error.stories.tsx b/examples/with-storybook-material-ui/src/stories/pages/Error.stories.tsx
index 23396982878c..ba53a47f1027 100644
--- a/examples/with-storybook-material-ui/src/stories/pages/Error.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/pages/Error.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 import { ErrorComponent } from "@refinedev/mui";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
diff --git a/examples/with-storybook-material-ui/src/stories/pages/Login.stories.tsx b/examples/with-storybook-material-ui/src/stories/pages/Login.stories.tsx
index 81d759bb607b..2656f0624c51 100644
--- a/examples/with-storybook-material-ui/src/stories/pages/Login.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/pages/Login.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 import { LoginPage } from "@refinedev/mui";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
diff --git a/examples/with-storybook-material-ui/src/stories/pages/Ready.stories.tsx b/examples/with-storybook-material-ui/src/stories/pages/Ready.stories.tsx
index 8d642eb5ace2..e1de5ae3e4a6 100644
--- a/examples/with-storybook-material-ui/src/stories/pages/Ready.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/pages/Ready.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
 import { ReadyPage } from "@refinedev/mui";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
diff --git a/examples/with-storybook-material-ui/src/stories/stepsForm/createForm.stories.tsx b/examples/with-storybook-material-ui/src/stories/stepsForm/createForm.stories.tsx
index 089a5d81980b..f84544ae9de6 100644
--- a/examples/with-storybook-material-ui/src/stories/stepsForm/createForm.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/stepsForm/createForm.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Create, SaveButton } from "@refinedev/mui";
 import TextField from "@mui/material/TextField";
 import MenuItem from "@mui/material/MenuItem";
@@ -12,7 +12,7 @@ import { useStepsForm } from "@refinedev/react-hook-form";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export default {
   title: "Hooks / Steps Form",
diff --git a/examples/with-storybook-material-ui/src/stories/stepsForm/editForm.stories.tsx b/examples/with-storybook-material-ui/src/stories/stepsForm/editForm.stories.tsx
index b0b73e68f09f..13708c5e6884 100644
--- a/examples/with-storybook-material-ui/src/stories/stepsForm/editForm.stories.tsx
+++ b/examples/with-storybook-material-ui/src/stories/stepsForm/editForm.stories.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { Edit, SaveButton } from "@refinedev/mui";
 import TextField from "@mui/material/TextField";
 import MenuItem from "@mui/material/MenuItem";
@@ -12,7 +12,7 @@ import { useStepsForm } from "@refinedev/react-hook-form";
 
 import { RefineWithoutLayout } from "../../../.storybook/preview";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export default {
   title: "Hooks / Steps Form",
diff --git a/examples/with-web3/src/authProvider.ts b/examples/with-web3/src/authProvider.ts
index bd2a047a7908..b4d45505e0df 100644
--- a/examples/with-web3/src/authProvider.ts
+++ b/examples/with-web3/src/authProvider.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import Web3 from "web3";
 import Web3Modal from "web3modal";
 
diff --git a/examples/with-web3/src/pages/posts/create.tsx b/examples/with-web3/src/pages/posts/create.tsx
index 1f6b3e37e0ab..aaada77672c0 100644
--- a/examples/with-web3/src/pages/posts/create.tsx
+++ b/examples/with-web3/src/pages/posts/create.tsx
@@ -6,7 +6,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostCreate = () => {
   const { formProps, saveButtonProps } = useForm<IPost>();
diff --git a/examples/with-web3/src/pages/posts/edit.tsx b/examples/with-web3/src/pages/posts/edit.tsx
index 41a5e5218a6d..d83eb326e4e4 100644
--- a/examples/with-web3/src/pages/posts/edit.tsx
+++ b/examples/with-web3/src/pages/posts/edit.tsx
@@ -5,7 +5,7 @@ import { Form, Input, Select } from "antd";
 
 import MDEditor from "@uiw/react-md-editor";
 
-import { IPost } from "../../interfaces";
+import type { IPost } from "../../interfaces";
 
 export const PostEdit = () => {
   const { formProps, saveButtonProps, queryResult } = useForm<IPost>();
diff --git a/examples/with-web3/src/pages/posts/list.tsx b/examples/with-web3/src/pages/posts/list.tsx
index 6aa7f5a21f70..b0586cb30ddb 100644
--- a/examples/with-web3/src/pages/posts/list.tsx
+++ b/examples/with-web3/src/pages/posts/list.tsx
@@ -16,7 +16,7 @@ import {
 
 import { Table, Space, Select } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 export const PostList = () => {
   const { tableProps, sorter } = useTable<IPost>({
diff --git a/examples/with-web3/src/pages/posts/show.tsx b/examples/with-web3/src/pages/posts/show.tsx
index bad48491cbc3..e46d6d53c6f0 100644
--- a/examples/with-web3/src/pages/posts/show.tsx
+++ b/examples/with-web3/src/pages/posts/show.tsx
@@ -4,7 +4,7 @@ import { Show, MarkdownField } from "@refinedev/antd";
 
 import { Typography, Tag } from "antd";
 
-import { IPost, ICategory } from "../../interfaces";
+import type { IPost, ICategory } from "../../interfaces";
 
 const { Title, Text } = Typography;
 
diff --git a/packages/ably/src/index.ts b/packages/ably/src/index.ts
index d9b4a216fd64..22fdea28e8e0 100644
--- a/packages/ably/src/index.ts
+++ b/packages/ably/src/index.ts
@@ -1,4 +1,4 @@
-import { LiveProvider, LiveEvent } from "@refinedev/core";
+import type { LiveProvider, LiveEvent } from "@refinedev/core";
 import Ably from "ably/promises";
 import type { Types } from "ably";
 interface MessageType extends Types.Message {
diff --git a/packages/airtable/src/utils/generateFilter.ts b/packages/airtable/src/utils/generateFilter.ts
index 1d494541870f..8951fa293181 100644
--- a/packages/airtable/src/utils/generateFilter.ts
+++ b/packages/airtable/src/utils/generateFilter.ts
@@ -1,4 +1,4 @@
-import { CrudFilters } from "@refinedev/core";
+import type { CrudFilters } from "@refinedev/core";
 import { compile } from "@qualifyze/airtable-formulator";
 import { generateFilterFormula } from "./generateFilterFormula";
 
diff --git a/packages/airtable/src/utils/generateFilterFormula.ts b/packages/airtable/src/utils/generateFilterFormula.ts
index 3b9eb8530693..1913b5aef78f 100644
--- a/packages/airtable/src/utils/generateFilterFormula.ts
+++ b/packages/airtable/src/utils/generateFilterFormula.ts
@@ -1,5 +1,5 @@
-import { CrudFilters, LogicalFilter } from "@refinedev/core";
-import { Formula } from "@qualifyze/airtable-formulator";
+import type { CrudFilters, LogicalFilter } from "@refinedev/core";
+import type { Formula } from "@qualifyze/airtable-formulator";
 import { generateLogicalFilterFormula } from "./generateLogicalFilterFormula";
 
 export const generateFilterFormula = (filters: CrudFilters): Formula[] => {
diff --git a/packages/airtable/src/utils/generateLogicalFilterFormula.ts b/packages/airtable/src/utils/generateLogicalFilterFormula.ts
index 2ad892102322..654b93b1b74f 100644
--- a/packages/airtable/src/utils/generateLogicalFilterFormula.ts
+++ b/packages/airtable/src/utils/generateLogicalFilterFormula.ts
@@ -1,7 +1,7 @@
-import { LogicalFilter } from "@refinedev/core";
+import type { LogicalFilter } from "@refinedev/core";
 import { isContainsOperator, isContainssOperator } from "./isContainsOperator";
 import { isSimpleOperator, simpleOperatorMapping } from "./isSimpleOperator";
-import { Formula } from "@qualifyze/airtable-formulator";
+import type { Formula } from "@qualifyze/airtable-formulator";
 
 export const generateLogicalFilterFormula = (
   filter: LogicalFilter,
diff --git a/packages/airtable/src/utils/generateSort.ts b/packages/airtable/src/utils/generateSort.ts
index 83db1ec13c7e..1dcaee941707 100644
--- a/packages/airtable/src/utils/generateSort.ts
+++ b/packages/airtable/src/utils/generateSort.ts
@@ -1,4 +1,4 @@
-import { CrudSorting } from "@refinedev/core";
+import type { CrudSorting } from "@refinedev/core";
 
 export const generateSort = (sorters?: CrudSorting) => {
   return sorters?.map((item) => ({
diff --git a/packages/airtable/src/utils/isSimpleOperator.ts b/packages/airtable/src/utils/isSimpleOperator.ts
index c7ccadd4b8f6..fb7aceeb321e 100644
--- a/packages/airtable/src/utils/isSimpleOperator.ts
+++ b/packages/airtable/src/utils/isSimpleOperator.ts
@@ -1,5 +1,5 @@
 export type SimpleOperators = "eq" | "ne" | "lt" | "lte" | "gt" | "gte";
-import { OperatorSymbol } from "@qualifyze/airtable-formulator";
+import type { OperatorSymbol } from "@qualifyze/airtable-formulator";
 
 export const simpleOperatorMapping: Record<SimpleOperators, OperatorSymbol> = {
   eq: "=",
diff --git a/packages/airtable/test/getList/index.spec.ts b/packages/airtable/test/getList/index.spec.ts
index ca13f092dd38..b10bc71d7903 100644
--- a/packages/airtable/test/getList/index.spec.ts
+++ b/packages/airtable/test/getList/index.spec.ts
@@ -1,4 +1,4 @@
-import { ConditionalFilter } from "@refinedev/core";
+import type { ConditionalFilter } from "@refinedev/core";
 import dataProvider from "../../src/index";
 import "./index.mock";
 
diff --git a/packages/airtable/test/utils/generateFilter.spec.ts b/packages/airtable/test/utils/generateFilter.spec.ts
index 09f37fee9aee..ac7ee32400bc 100644
--- a/packages/airtable/test/utils/generateFilter.spec.ts
+++ b/packages/airtable/test/utils/generateFilter.spec.ts
@@ -1,4 +1,4 @@
-import { CrudFilters } from "@refinedev/core";
+import type { CrudFilters } from "@refinedev/core";
 import { generateFilter } from "../../src/utils";
 
 describe("generateFilter", () => {
diff --git a/packages/airtable/test/utils/generateFilterFormula.spec.ts b/packages/airtable/test/utils/generateFilterFormula.spec.ts
index 6f0618037ab3..5ecfe1b1245b 100644
--- a/packages/airtable/test/utils/generateFilterFormula.spec.ts
+++ b/packages/airtable/test/utils/generateFilterFormula.spec.ts
@@ -1,4 +1,4 @@
-import { CrudFilters } from "@refinedev/core";
+import type { CrudFilters } from "@refinedev/core";
 import { generateFilterFormula } from "../../src/utils";
 
 describe("generateFilterFormula", () => {
diff --git a/packages/airtable/test/utils/generateLogicalFilterFormula.spec.ts b/packages/airtable/test/utils/generateLogicalFilterFormula.spec.ts
index 5647f6e676a9..76d9974e722f 100644
--- a/packages/airtable/test/utils/generateLogicalFilterFormula.spec.ts
+++ b/packages/airtable/test/utils/generateLogicalFilterFormula.spec.ts
@@ -1,7 +1,7 @@
-import { CrudFilter } from "@refinedev/core";
+import type { CrudFilter } from "@refinedev/core";
 
 import { generateLogicalFilterFormula } from "../../src/utils";
-import { LogicalFilter } from "@refinedev/core";
+import type { LogicalFilter } from "@refinedev/core";
 
 describe("generateLogicalFilterFormula", () => {
   it("should generate a formula for simple operators", () => {
diff --git a/packages/airtable/test/utils/generateSort.spec.ts b/packages/airtable/test/utils/generateSort.spec.ts
index 00157d61ef76..1bdb645e2a35 100644
--- a/packages/airtable/test/utils/generateSort.spec.ts
+++ b/packages/airtable/test/utils/generateSort.spec.ts
@@ -1,4 +1,4 @@
-import { CrudSorting } from "@refinedev/core";
+import type { CrudSorting } from "@refinedev/core";
 import { generateSort } from "../../src/utils";
 
 describe("generateSort", () => {
diff --git a/packages/antd/src/components/autoSaveIndicator/index.tsx b/packages/antd/src/components/autoSaveIndicator/index.tsx
index 3839062285e0..a7676fa12ddd 100644
--- a/packages/antd/src/components/autoSaveIndicator/index.tsx
+++ b/packages/antd/src/components/autoSaveIndicator/index.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  AutoSaveIndicatorProps,
+  type AutoSaveIndicatorProps,
   useTranslate,
   AutoSaveIndicator as AutoSaveIndicatorCore,
 } from "@refinedev/core";
diff --git a/packages/antd/src/components/breadcrumb/index.spec.tsx b/packages/antd/src/components/breadcrumb/index.spec.tsx
index f66f4cb4962a..787a6fdfd983 100644
--- a/packages/antd/src/components/breadcrumb/index.spec.tsx
+++ b/packages/antd/src/components/breadcrumb/index.spec.tsx
@@ -1,8 +1,8 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { Route, Routes } from "react-router-dom";
 import { breadcrumbTests } from "@refinedev/ui-tests";
 
-import { render, TestWrapper, ITestWrapperProps, act } from "@test";
+import { render, TestWrapper, type ITestWrapperProps, act } from "@test";
 import { Breadcrumb } from "./";
 
 const renderBreadcrumb = (
diff --git a/packages/antd/src/components/breadcrumb/index.tsx b/packages/antd/src/components/breadcrumb/index.tsx
index 03b046a33e8d..c09fccd1652e 100644
--- a/packages/antd/src/components/breadcrumb/index.tsx
+++ b/packages/antd/src/components/breadcrumb/index.tsx
@@ -8,11 +8,11 @@ import {
   useResource,
   matchResourceFromRoute,
 } from "@refinedev/core";
-import { RefineBreadcrumbProps } from "@refinedev/ui-types";
+import type { RefineBreadcrumbProps } from "@refinedev/ui-types";
 
 import {
   Breadcrumb as AntdBreadcrumb,
-  BreadcrumbProps as AntdBreadcrumbProps,
+  type BreadcrumbProps as AntdBreadcrumbProps,
 } from "antd";
 import { HomeOutlined } from "@ant-design/icons";
 
diff --git a/packages/antd/src/components/buttons/edit/index.tsx b/packages/antd/src/components/buttons/edit/index.tsx
index dc148c5913a7..6ab3a93adae7 100644
--- a/packages/antd/src/components/buttons/edit/index.tsx
+++ b/packages/antd/src/components/buttons/edit/index.tsx
@@ -7,7 +7,7 @@ import {
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { EditButtonProps } from "../types";
+import type { EditButtonProps } from "../types";
 
 /**
  * `<EditButton>` uses Ant Design's {@link https://ant.design/components/button/ `<Button>`} component.
diff --git a/packages/antd/src/components/buttons/export/index.tsx b/packages/antd/src/components/buttons/export/index.tsx
index 3aedcbc69bec..1a8c4de3d9c8 100644
--- a/packages/antd/src/components/buttons/export/index.tsx
+++ b/packages/antd/src/components/buttons/export/index.tsx
@@ -7,7 +7,7 @@ import {
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { ExportButtonProps } from "../types";
+import type { ExportButtonProps } from "../types";
 
 /**
  * `<ExportButton>` is an Ant Design {@link https://ant.design/components/button/ `<Button>`} with a default export icon and a default text with "Export".
diff --git a/packages/antd/src/components/buttons/import/index.tsx b/packages/antd/src/components/buttons/import/index.tsx
index c1b2e2048de6..7f90592f50d8 100644
--- a/packages/antd/src/components/buttons/import/index.tsx
+++ b/packages/antd/src/components/buttons/import/index.tsx
@@ -7,7 +7,7 @@ import {
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { ImportButtonProps } from "../types";
+import type { ImportButtonProps } from "../types";
 
 /**
  * `<ImportButton>` is compatible with the {@link https://refine.dev/docs/api-reference/antd/hooks/import/useImport `useImport`} hook and is meant to be used as it's upload button.
diff --git a/packages/antd/src/components/buttons/list/index.tsx b/packages/antd/src/components/buttons/list/index.tsx
index 7001242c3cc5..fc64e5f1b0fa 100644
--- a/packages/antd/src/components/buttons/list/index.tsx
+++ b/packages/antd/src/components/buttons/list/index.tsx
@@ -7,7 +7,7 @@ import {
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { ListButtonProps } from "../types";
+import type { ListButtonProps } from "../types";
 
 /**
  * `<ListButton>` is using Ant Design's {@link https://ant.design/components/button/ `<Button>`} component.
diff --git a/packages/antd/src/components/buttons/refresh/index.tsx b/packages/antd/src/components/buttons/refresh/index.tsx
index 5263a55d99a3..a0fdbd248a8a 100644
--- a/packages/antd/src/components/buttons/refresh/index.tsx
+++ b/packages/antd/src/components/buttons/refresh/index.tsx
@@ -7,7 +7,7 @@ import {
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { RefreshButtonProps } from "../types";
+import type { RefreshButtonProps } from "../types";
 
 /**
  * `<RefreshButton>` uses Ant Design's {@link https://ant.design/components/button/ `<Button>`} component
diff --git a/packages/antd/src/components/buttons/save/index.tsx b/packages/antd/src/components/buttons/save/index.tsx
index a7e19147d800..26e2ecc2d714 100644
--- a/packages/antd/src/components/buttons/save/index.tsx
+++ b/packages/antd/src/components/buttons/save/index.tsx
@@ -7,7 +7,7 @@ import {
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { SaveButtonProps } from "../types";
+import type { SaveButtonProps } from "../types";
 
 /**
  * `<SaveButton>` uses Ant Design's {@link https://ant.design/components/button/ `<Button>`} component.
diff --git a/packages/antd/src/components/buttons/show/index.tsx b/packages/antd/src/components/buttons/show/index.tsx
index 3991bb5e789f..bfffbe00f877 100644
--- a/packages/antd/src/components/buttons/show/index.tsx
+++ b/packages/antd/src/components/buttons/show/index.tsx
@@ -7,7 +7,7 @@ import {
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { ShowButtonProps } from "../types";
+import type { ShowButtonProps } from "../types";
 
 /**
  * `<ShowButton>` uses Ant Design's {@link https://ant.design/components/button/ `<Button>`} component.
diff --git a/packages/antd/src/components/buttons/types.ts b/packages/antd/src/components/buttons/types.ts
index 6620fd5a8f09..7086bd9b5b17 100644
--- a/packages/antd/src/components/buttons/types.ts
+++ b/packages/antd/src/components/buttons/types.ts
@@ -1,5 +1,5 @@
-import { ButtonProps, UploadProps } from "antd";
-import {
+import type { ButtonProps, UploadProps } from "antd";
+import type {
   RefineCloneButtonProps,
   RefineCreateButtonProps,
   RefineDeleteButtonProps,
diff --git a/packages/antd/src/components/crud/create/index.spec.tsx b/packages/antd/src/components/crud/create/index.spec.tsx
index d620f485219d..2b94730ea278 100644
--- a/packages/antd/src/components/crud/create/index.spec.tsx
+++ b/packages/antd/src/components/crud/create/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { Route, Routes } from "react-router-dom";
 import { crudCreateTests } from "@refinedev/ui-tests";
 import { render, TestWrapper } from "@test";
diff --git a/packages/antd/src/components/crud/create/index.tsx b/packages/antd/src/components/crud/create/index.tsx
index 52e5ea894549..e4419543209d 100644
--- a/packages/antd/src/components/crud/create/index.tsx
+++ b/packages/antd/src/components/crud/create/index.tsx
@@ -14,9 +14,9 @@ import {
   Breadcrumb,
   SaveButton,
   PageHeader,
-  SaveButtonProps,
+  type SaveButtonProps,
 } from "@components";
-import { CreateProps } from "../types";
+import type { CreateProps } from "../types";
 
 /**
  * `<Create>` provides us a layout to display the page.
diff --git a/packages/antd/src/components/crud/edit/index.spec.tsx b/packages/antd/src/components/crud/edit/index.spec.tsx
index 4ca0e268e3f3..b78ade4e652a 100644
--- a/packages/antd/src/components/crud/edit/index.spec.tsx
+++ b/packages/antd/src/components/crud/edit/index.spec.tsx
@@ -1,12 +1,12 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { Route, Routes } from "react-router-dom";
-import { AccessControlProvider } from "@refinedev/core";
+import type { AccessControlProvider } from "@refinedev/core";
 import { Form, Input } from "antd";
 
 import {
   act,
   fireEvent,
-  ITestWrapperProps,
+  type ITestWrapperProps,
   render,
   TestWrapper,
   waitFor,
diff --git a/packages/antd/src/components/crud/edit/index.tsx b/packages/antd/src/components/crud/edit/index.tsx
index 91819a39e8f0..d16340458b43 100644
--- a/packages/antd/src/components/crud/edit/index.tsx
+++ b/packages/antd/src/components/crud/edit/index.tsx
@@ -21,13 +21,13 @@ import {
   SaveButton,
   Breadcrumb,
   PageHeader,
-  ListButtonProps,
-  RefreshButtonProps,
-  DeleteButtonProps,
-  SaveButtonProps,
+  type ListButtonProps,
+  type RefreshButtonProps,
+  type DeleteButtonProps,
+  type SaveButtonProps,
   AutoSaveIndicator,
 } from "@components";
-import { EditProps } from "../types";
+import type { EditProps } from "../types";
 
 /**
  * `<Edit>` provides us a layout for displaying the page.
diff --git a/packages/antd/src/components/crud/list/index.spec.tsx b/packages/antd/src/components/crud/list/index.spec.tsx
index 6b7238c6abd5..e2994d792863 100644
--- a/packages/antd/src/components/crud/list/index.spec.tsx
+++ b/packages/antd/src/components/crud/list/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { crudListTests } from "@refinedev/ui-tests";
 import { RefineButtonTestIds } from "@refinedev/ui-types";
 import { Route, Routes } from "react-router-dom";
diff --git a/packages/antd/src/components/crud/list/index.tsx b/packages/antd/src/components/crud/list/index.tsx
index 26e654e633cf..5e664c56395c 100644
--- a/packages/antd/src/components/crud/list/index.tsx
+++ b/packages/antd/src/components/crud/list/index.tsx
@@ -11,10 +11,10 @@ import {
 import {
   Breadcrumb,
   CreateButton,
-  CreateButtonProps,
+  type CreateButtonProps,
   PageHeader,
 } from "@components";
-import { ListProps } from "../types";
+import type { ListProps } from "../types";
 
 /**
  * `<List>` provides us a layout for displaying the page.
diff --git a/packages/antd/src/components/crud/show/index.spec.tsx b/packages/antd/src/components/crud/show/index.spec.tsx
index 776ad2980d0d..2cbfc1feaa22 100644
--- a/packages/antd/src/components/crud/show/index.spec.tsx
+++ b/packages/antd/src/components/crud/show/index.spec.tsx
@@ -1,7 +1,7 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { Route, Routes } from "react-router-dom";
 import { RefineButtonTestIds } from "@refinedev/ui-types";
-import { AccessControlProvider } from "@refinedev/core";
+import type { AccessControlProvider } from "@refinedev/core";
 
 import { render, TestWrapper, waitFor } from "@test";
 
diff --git a/packages/antd/src/components/crud/show/index.tsx b/packages/antd/src/components/crud/show/index.tsx
index 295201be1b7d..61801f838cb8 100644
--- a/packages/antd/src/components/crud/show/index.tsx
+++ b/packages/antd/src/components/crud/show/index.tsx
@@ -19,12 +19,12 @@ import {
   ListButton,
   Breadcrumb,
   PageHeader,
-  ListButtonProps,
-  EditButtonProps,
-  DeleteButtonProps,
-  RefreshButtonProps,
+  type ListButtonProps,
+  type EditButtonProps,
+  type DeleteButtonProps,
+  type RefreshButtonProps,
 } from "@components";
-import { ShowProps } from "../types";
+import type { ShowProps } from "../types";
 
 /**
  * `<Show>` provides us a layout for displaying the page.
diff --git a/packages/antd/src/components/crud/types.ts b/packages/antd/src/components/crud/types.ts
index 6cf5767c8364..eb591994f8b1 100644
--- a/packages/antd/src/components/crud/types.ts
+++ b/packages/antd/src/components/crud/types.ts
@@ -1,5 +1,5 @@
-import { CardProps, SpaceProps } from "antd";
-import {
+import type { CardProps, SpaceProps } from "antd";
+import type {
   CreateButtonProps,
   DeleteButtonProps,
   EditButtonProps,
@@ -7,13 +7,13 @@ import {
   RefreshButtonProps,
   SaveButtonProps,
 } from "../buttons/types";
-import {
+import type {
   RefineCrudCreateProps,
   RefineCrudEditProps,
   RefineCrudListProps,
   RefineCrudShowProps,
 } from "@refinedev/ui-types";
-import { PageHeaderProps } from "../pageHeader";
+import type { PageHeaderProps } from "../pageHeader";
 
 export type CreateProps = RefineCrudCreateProps<
   SaveButtonProps,
diff --git a/packages/antd/src/components/fields/boolean/index.tsx b/packages/antd/src/components/fields/boolean/index.tsx
index e541c6257f1b..2a16bf24964e 100644
--- a/packages/antd/src/components/fields/boolean/index.tsx
+++ b/packages/antd/src/components/fields/boolean/index.tsx
@@ -3,7 +3,7 @@ import { Tooltip } from "antd";
 
 import { CheckOutlined, CloseOutlined } from "@ant-design/icons";
 
-import { BooleanFieldProps } from "../types";
+import type { BooleanFieldProps } from "../types";
 
 /**
  * This field is used to display boolean values. It uses the {@link https://ant.design/components/tooltip/#header `<Tooltip>`} values from Ant Design.
diff --git a/packages/antd/src/components/fields/date/index.tsx b/packages/antd/src/components/fields/date/index.tsx
index 16341f584069..bd96b7ea4e6f 100644
--- a/packages/antd/src/components/fields/date/index.tsx
+++ b/packages/antd/src/components/fields/date/index.tsx
@@ -4,7 +4,7 @@ import { Typography } from "antd";
 
 import LocalizedFormat from "dayjs/plugin/localizedFormat";
 
-import { DateFieldProps } from "../types";
+import type { DateFieldProps } from "../types";
 
 /**
  * This field is used to display dates. It uses {@link https://day.js.org/docs/en/display/format `Day.js`} to display date format.
diff --git a/packages/antd/src/components/fields/email/index.tsx b/packages/antd/src/components/fields/email/index.tsx
index f1e1ea1f7f08..b0dd3e1cb7db 100644
--- a/packages/antd/src/components/fields/email/index.tsx
+++ b/packages/antd/src/components/fields/email/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Typography } from "antd";
 
-import { EmailFieldProps } from "../types";
+import type { EmailFieldProps } from "../types";
 
 /**
  * This field is used to display email values. It uses the {@link https://ant.design/components/typography/#FAQ `<Link>`} component
diff --git a/packages/antd/src/components/fields/file/index.tsx b/packages/antd/src/components/fields/file/index.tsx
index b95c8c53c54d..f4d64c514559 100644
--- a/packages/antd/src/components/fields/file/index.tsx
+++ b/packages/antd/src/components/fields/file/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 
 import { UrlField } from "@components";
-import { FileFieldProps } from "../types";
+import type { FileFieldProps } from "../types";
 
 /**
  * This field is used to display files and uses {@link https://ant.design/components/typography `<Typography.Link>`} from Ant Design.
diff --git a/packages/antd/src/components/fields/image/index.tsx b/packages/antd/src/components/fields/image/index.tsx
index 198664a538bd..8442f3102972 100644
--- a/packages/antd/src/components/fields/image/index.tsx
+++ b/packages/antd/src/components/fields/image/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Image } from "antd";
 
-import { ImageFieldProps } from "../types";
+import type { ImageFieldProps } from "../types";
 
 /**
  * This field is used to display images and uses {@link https://ant.design/components/image/#header `<Image>`} from Ant Design.
diff --git a/packages/antd/src/components/fields/markdown/index.tsx b/packages/antd/src/components/fields/markdown/index.tsx
index e76cfa878903..99e346deae93 100644
--- a/packages/antd/src/components/fields/markdown/index.tsx
+++ b/packages/antd/src/components/fields/markdown/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import ReactMarkdown from "react-markdown";
 import gfm from "remark-gfm";
 
-import { RefineFieldMarkdownProps } from "../types";
+import type { RefineFieldMarkdownProps } from "../types";
 
 /**
  * This field lets you display markdown content. It supports {@link https://github.github.com/gfm/ GitHub Flavored Markdown}.
diff --git a/packages/antd/src/components/fields/number/index.tsx b/packages/antd/src/components/fields/number/index.tsx
index f6cfd50a4996..a68eba2a848c 100644
--- a/packages/antd/src/components/fields/number/index.tsx
+++ b/packages/antd/src/components/fields/number/index.tsx
@@ -9,7 +9,7 @@ function toLocaleStringSupportsOptions() {
   );
 }
 
-import { NumberFieldProps } from "../types";
+import type { NumberFieldProps } from "../types";
 
 /**
  * This field is used to display a number formatted according to the browser locale, right aligned. and uses {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl `Intl`} to display date format.
diff --git a/packages/antd/src/components/fields/tag/index.tsx b/packages/antd/src/components/fields/tag/index.tsx
index 3e6713d5255f..2463998a9b38 100644
--- a/packages/antd/src/components/fields/tag/index.tsx
+++ b/packages/antd/src/components/fields/tag/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Tag } from "antd";
 
-import { TagFieldProps } from "../types";
+import type { TagFieldProps } from "../types";
 
 /**
  * This field lets you display a value in a tag. It uses Ant Design's {@link https://ant.design/components/tag/ `<Tag>`} component.
diff --git a/packages/antd/src/components/fields/text/index.tsx b/packages/antd/src/components/fields/text/index.tsx
index 8ede48382c21..9f6ae4e620ae 100644
--- a/packages/antd/src/components/fields/text/index.tsx
+++ b/packages/antd/src/components/fields/text/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Typography } from "antd";
 
-import { TextFieldProps } from "../types";
+import type { TextFieldProps } from "../types";
 
 /**
  * This field lets you show basic text. It uses Ant Design's {@link https://ant.design/components/typography/#Typography.Text `<Typography.Text>`} component.
diff --git a/packages/antd/src/components/fields/types.ts b/packages/antd/src/components/fields/types.ts
index 7c0060bc5449..0ec73c332fac 100644
--- a/packages/antd/src/components/fields/types.ts
+++ b/packages/antd/src/components/fields/types.ts
@@ -1,6 +1,6 @@
-import { ReactChild, ReactNode } from "react";
-import { ConfigType } from "dayjs";
-import {
+import type { ReactChild, ReactNode } from "react";
+import type { ConfigType } from "dayjs";
+import type {
   RefineFieldBooleanProps,
   RefineFieldDateProps,
   RefineFieldEmailProps,
@@ -12,10 +12,10 @@ import {
   RefineFieldTextProps,
   RefineFieldUrlProps,
 } from "@refinedev/ui-types";
-import { ImageProps, TagProps } from "antd";
-import { AbstractTooltipProps } from "antd/lib/tooltip";
-import { TextProps } from "antd/lib/typography/Text";
-import { LinkProps } from "antd/lib/typography/Link";
+import type { ImageProps, TagProps } from "antd";
+import type { AbstractTooltipProps } from "antd/lib/tooltip";
+import type { TextProps } from "antd/lib/typography/Text";
+import type { LinkProps } from "antd/lib/typography/Link";
 
 export type BooleanFieldProps = RefineFieldBooleanProps<
   unknown,
diff --git a/packages/antd/src/components/fields/url/index.tsx b/packages/antd/src/components/fields/url/index.tsx
index 65ebf9cc484b..82324d893738 100644
--- a/packages/antd/src/components/fields/url/index.tsx
+++ b/packages/antd/src/components/fields/url/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Typography } from "antd";
 
-import { UrlFieldProps } from "../types";
+import type { UrlFieldProps } from "../types";
 
 /**
  * This field lets you embed a link. It uses Ant Design's {@link https://ant.design/components/typography/ `<Typography.Link>`} component.
diff --git a/packages/antd/src/components/layout/header/index.tsx b/packages/antd/src/components/layout/header/index.tsx
index 24b7b58660de..6d848c42ed76 100644
--- a/packages/antd/src/components/layout/header/index.tsx
+++ b/packages/antd/src/components/layout/header/index.tsx
@@ -1,7 +1,7 @@
 import { useActiveAuthProvider, useGetIdentity } from "@refinedev/core";
 import { Avatar, Layout as AntdLayout, Space, Typography } from "antd";
 import React from "react";
-import { RefineLayoutHeaderProps } from "../types";
+import type { RefineLayoutHeaderProps } from "../types";
 
 export const Header: React.FC<RefineLayoutHeaderProps> = () => {
   const authProvider = useActiveAuthProvider();
diff --git a/packages/antd/src/components/layout/index.tsx b/packages/antd/src/components/layout/index.tsx
index f366d5b4c4cb..3ed4546d9cf0 100644
--- a/packages/antd/src/components/layout/index.tsx
+++ b/packages/antd/src/components/layout/index.tsx
@@ -3,7 +3,7 @@ import { Grid, Layout as AntdLayout } from "antd";
 
 import { Sider as DefaultSider } from "./sider";
 import { Header as DefaultHeader } from "./header";
-import { RefineLayoutLayoutProps } from "./types";
+import type { RefineLayoutLayoutProps } from "./types";
 
 /**
  * @deprecated use `<ThemedLayout>` instead with 100% backward compatibility.
diff --git a/packages/antd/src/components/layout/sider/index.tsx b/packages/antd/src/components/layout/sider/index.tsx
index 456987780ab4..d6f141655e08 100644
--- a/packages/antd/src/components/layout/sider/index.tsx
+++ b/packages/antd/src/components/layout/sider/index.tsx
@@ -11,7 +11,7 @@ import {
   useLogout,
   useTitle,
   CanAccess,
-  ITreeMenu,
+  type ITreeMenu,
   useIsExistAuthentication,
   useRouterContext,
   useMenu,
@@ -26,7 +26,7 @@ import {
 import { Title as DefaultTitle } from "@components";
 
 import { drawerButtonStyles } from "./styles";
-import { RefineLayoutSiderProps } from "../types";
+import type { RefineLayoutSiderProps } from "../types";
 
 export const Sider: React.FC<RefineLayoutSiderProps> = ({
   Title: TitleFromProps,
diff --git a/packages/antd/src/components/layout/sider/styles.ts b/packages/antd/src/components/layout/sider/styles.ts
index cf4da66a7aec..174852a9f086 100644
--- a/packages/antd/src/components/layout/sider/styles.ts
+++ b/packages/antd/src/components/layout/sider/styles.ts
@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 
 export const drawerButtonStyles: CSSProperties = {
   borderTopLeftRadius: 0,
diff --git a/packages/antd/src/components/layout/title/index.tsx b/packages/antd/src/components/layout/title/index.tsx
index 60792ea1829c..8f7a39006e50 100644
--- a/packages/antd/src/components/layout/title/index.tsx
+++ b/packages/antd/src/components/layout/title/index.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  TitleProps,
+  type TitleProps,
   useRouterContext,
   useRouterType,
   useLink,
diff --git a/packages/antd/src/components/pageHeader/index.tsx b/packages/antd/src/components/pageHeader/index.tsx
index ec63bb9b6dcc..dd6767ee59a4 100644
--- a/packages/antd/src/components/pageHeader/index.tsx
+++ b/packages/antd/src/components/pageHeader/index.tsx
@@ -1,7 +1,7 @@
-import React, { FC } from "react";
+import React, { type FC } from "react";
 import {
   PageHeader as AntdPageHeader,
-  PageHeaderProps as AntdPageHeaderProps,
+  type PageHeaderProps as AntdPageHeaderProps,
 } from "@ant-design/pro-layout";
 import { Button, Typography } from "antd";
 import { ArrowLeftOutlined } from "@ant-design/icons";
diff --git a/packages/antd/src/components/pages/auth/components/forgotPassword/index.tsx b/packages/antd/src/components/pages/auth/components/forgotPassword/index.tsx
index d11f7335629e..a603f7658369 100644
--- a/packages/antd/src/components/pages/auth/components/forgotPassword/index.tsx
+++ b/packages/antd/src/components/pages/auth/components/forgotPassword/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import {
-  ForgotPasswordPageProps,
-  ForgotPasswordFormTypes,
+  type ForgotPasswordPageProps,
+  type ForgotPasswordFormTypes,
   useRouterType,
   useLink,
 } from "@refinedev/core";
@@ -14,9 +14,9 @@ import {
   Form,
   Input,
   Button,
-  LayoutProps,
-  CardProps,
-  FormProps,
+  type LayoutProps,
+  type CardProps,
+  type FormProps,
   theme,
 } from "antd";
 import {
diff --git a/packages/antd/src/components/pages/auth/components/login/index.tsx b/packages/antd/src/components/pages/auth/components/login/index.tsx
index 8c067a627618..6c6c1a571159 100644
--- a/packages/antd/src/components/pages/auth/components/login/index.tsx
+++ b/packages/antd/src/components/pages/auth/components/login/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import {
-  LoginPageProps,
-  LoginFormTypes,
+  type LoginPageProps,
+  type LoginFormTypes,
   useLink,
   useRouterType,
   useActiveAuthProvider,
@@ -16,10 +16,10 @@ import {
   Input,
   Button,
   Checkbox,
-  CardProps,
-  LayoutProps,
+  type CardProps,
+  type LayoutProps,
   Divider,
-  FormProps,
+  type FormProps,
   theme,
 } from "antd";
 import { useLogin, useTranslate, useRouterContext } from "@refinedev/core";
diff --git a/packages/antd/src/components/pages/auth/components/register/index.tsx b/packages/antd/src/components/pages/auth/components/register/index.tsx
index c69cd847b37d..c6e92d2b8a0f 100644
--- a/packages/antd/src/components/pages/auth/components/register/index.tsx
+++ b/packages/antd/src/components/pages/auth/components/register/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import {
-  RegisterPageProps,
-  RegisterFormTypes,
+  type RegisterPageProps,
+  type RegisterFormTypes,
   useRouterType,
   useLink,
   useActiveAuthProvider,
@@ -15,9 +15,9 @@ import {
   Form,
   Input,
   Button,
-  LayoutProps,
-  CardProps,
-  FormProps,
+  type LayoutProps,
+  type CardProps,
+  type FormProps,
   Divider,
   theme,
 } from "antd";
diff --git a/packages/antd/src/components/pages/auth/components/styles.ts b/packages/antd/src/components/pages/auth/components/styles.ts
index aa3510aa9a24..8a8d500dc1b3 100644
--- a/packages/antd/src/components/pages/auth/components/styles.ts
+++ b/packages/antd/src/components/pages/auth/components/styles.ts
@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 
 export const layoutStyles: CSSProperties = {};
 
diff --git a/packages/antd/src/components/pages/auth/components/updatePassword/index.tsx b/packages/antd/src/components/pages/auth/components/updatePassword/index.tsx
index 8217713f2d20..57de8359212c 100644
--- a/packages/antd/src/components/pages/auth/components/updatePassword/index.tsx
+++ b/packages/antd/src/components/pages/auth/components/updatePassword/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import {
-  UpdatePasswordPageProps,
-  UpdatePasswordFormTypes,
+  type UpdatePasswordPageProps,
+  type UpdatePasswordFormTypes,
   useActiveAuthProvider,
 } from "@refinedev/core";
 import {
@@ -13,9 +13,9 @@ import {
   Form,
   Input,
   Button,
-  LayoutProps,
-  CardProps,
-  FormProps,
+  type LayoutProps,
+  type CardProps,
+  type FormProps,
   theme,
 } from "antd";
 import { useTranslate, useUpdatePassword } from "@refinedev/core";
diff --git a/packages/antd/src/components/pages/auth/index.tsx b/packages/antd/src/components/pages/auth/index.tsx
index 3a9338d957db..3e0c0e1b792d 100644
--- a/packages/antd/src/components/pages/auth/index.tsx
+++ b/packages/antd/src/components/pages/auth/index.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { CardProps, FormProps, LayoutProps } from "antd";
-import { AuthPageProps } from "@refinedev/core";
+import type { CardProps, FormProps, LayoutProps } from "antd";
+import type { AuthPageProps } from "@refinedev/core";
 
 import {
   LoginPage,
diff --git a/packages/antd/src/components/pages/error/index.tsx b/packages/antd/src/components/pages/error/index.tsx
index 251f3cf3d798..de05ac804306 100644
--- a/packages/antd/src/components/pages/error/index.tsx
+++ b/packages/antd/src/components/pages/error/index.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { useGo, useResource, useRouterType } from "@refinedev/core";
-import { RefineErrorPageProps } from "@refinedev/ui-types";
+import type { RefineErrorPageProps } from "@refinedev/ui-types";
 import { Button, Result, Typography, Space, Tooltip } from "antd";
 import { InfoCircleOutlined } from "@ant-design/icons";
 import { useNavigation, useTranslate } from "@refinedev/core";
diff --git a/packages/antd/src/components/pages/login/index.tsx b/packages/antd/src/components/pages/login/index.tsx
index ecab20c22086..301c9e1c3229 100644
--- a/packages/antd/src/components/pages/login/index.tsx
+++ b/packages/antd/src/components/pages/login/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { LoginPageProps, useActiveAuthProvider } from "@refinedev/core";
+import { type LoginPageProps, useActiveAuthProvider } from "@refinedev/core";
 import {
   Row,
   Col,
diff --git a/packages/antd/src/components/pages/login/styles.ts b/packages/antd/src/components/pages/login/styles.ts
index 5370df40e9b4..5cf052e08b16 100644
--- a/packages/antd/src/components/pages/login/styles.ts
+++ b/packages/antd/src/components/pages/login/styles.ts
@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 
 export const layoutStyles: CSSProperties = {
   background: "radial-gradient(50% 50% at 50% 50%, #63386A 0%, #310438 100%)",
diff --git a/packages/antd/src/components/pages/ready/index.tsx b/packages/antd/src/components/pages/ready/index.tsx
index 47b7cbb1500e..b742e40a5a28 100644
--- a/packages/antd/src/components/pages/ready/index.tsx
+++ b/packages/antd/src/components/pages/ready/index.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { RefineReadyPageProps } from "@refinedev/ui-types";
+import type { RefineReadyPageProps } from "@refinedev/ui-types";
 import { Row, Col, Typography, Space, Button } from "antd";
 import { ReadOutlined, FolderOutlined, TeamOutlined } from "@ant-design/icons";
 
diff --git a/packages/antd/src/components/table/components/filterDropdown/index.spec.tsx b/packages/antd/src/components/table/components/filterDropdown/index.spec.tsx
index e1f96ee8df93..a7480094a347 100644
--- a/packages/antd/src/components/table/components/filterDropdown/index.spec.tsx
+++ b/packages/antd/src/components/table/components/filterDropdown/index.spec.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { Input, DatePicker, Select } from "antd";
 import dayjs from "dayjs";
 import { render, fireEvent } from "@test";
-import { FilterDropdown, FilterDropdownProps } from "./";
+import { FilterDropdown, type FilterDropdownProps } from "./";
 
 describe("FilterDropdown", () => {
   beforeEach(() => {
diff --git a/packages/antd/src/components/table/components/filterDropdown/index.tsx b/packages/antd/src/components/table/components/filterDropdown/index.tsx
index 82e71632979a..33f63db0fe0e 100644
--- a/packages/antd/src/components/table/components/filterDropdown/index.tsx
+++ b/packages/antd/src/components/table/components/filterDropdown/index.tsx
@@ -1,5 +1,5 @@
 import React, { type ReactNode } from "react";
-import { Button, Space, TableColumnProps } from "antd";
+import { Button, Space, type TableColumnProps } from "antd";
 import dayjs from "dayjs";
 import { FilterOutlined } from "@ant-design/icons";
 import { useTranslate } from "@refinedev/core";
diff --git a/packages/antd/src/components/themedLayout/header/index.tsx b/packages/antd/src/components/themedLayout/header/index.tsx
index d83ce7a12d4f..ae25ec1f4e3e 100644
--- a/packages/antd/src/components/themedLayout/header/index.tsx
+++ b/packages/antd/src/components/themedLayout/header/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Layout as AntdLayout, Typography, Avatar, Space, theme } from "antd";
 import { useActiveAuthProvider, useGetIdentity } from "@refinedev/core";
-import { RefineThemedLayoutHeaderProps } from "../types";
+import type { RefineThemedLayoutHeaderProps } from "../types";
 
 /**
  * @deprecated It is recommended to use the improved `ThemedLayoutV2`. Review migration guidelines. https://refine.dev/docs/api-reference/antd/components/antd-themed-layout/#migrate-themedlayout-to-themedlayoutv2
diff --git a/packages/antd/src/components/themedLayout/index.tsx b/packages/antd/src/components/themedLayout/index.tsx
index e664d7618612..c3af67598916 100644
--- a/packages/antd/src/components/themedLayout/index.tsx
+++ b/packages/antd/src/components/themedLayout/index.tsx
@@ -3,7 +3,7 @@ import { Grid, Layout as AntdLayout } from "antd";
 
 import { ThemedSider as DefaultSider } from "./sider";
 import { ThemedHeader as DefaultHeader } from "./header";
-import { RefineThemedLayoutProps } from "./types";
+import type { RefineThemedLayoutProps } from "./types";
 
 /**
  * @deprecated It is recommended to use the improved `ThemedLayoutV2`. Review migration guidelines. https://refine.dev/docs/api-reference/antd/components/antd-themed-layout/#migrate-themedlayout-to-themedlayoutv2
diff --git a/packages/antd/src/components/themedLayout/sider/index.tsx b/packages/antd/src/components/themedLayout/sider/index.tsx
index c3c33056a467..b4e6dc088be0 100644
--- a/packages/antd/src/components/themedLayout/sider/index.tsx
+++ b/packages/antd/src/components/themedLayout/sider/index.tsx
@@ -13,7 +13,7 @@ import {
   useLogout,
   useTitle,
   CanAccess,
-  ITreeMenu,
+  type ITreeMenu,
   useIsExistAuthentication,
   useRouterContext,
   useMenu,
@@ -26,7 +26,7 @@ import {
 } from "@refinedev/core";
 
 import { drawerButtonStyles } from "./styles";
-import { RefineThemedLayoutSiderProps } from "../types";
+import type { RefineThemedLayoutSiderProps } from "../types";
 import { ThemedTitle } from "@components";
 
 /**
diff --git a/packages/antd/src/components/themedLayout/sider/styles.ts b/packages/antd/src/components/themedLayout/sider/styles.ts
index cf4da66a7aec..174852a9f086 100644
--- a/packages/antd/src/components/themedLayout/sider/styles.ts
+++ b/packages/antd/src/components/themedLayout/sider/styles.ts
@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 
 export const drawerButtonStyles: CSSProperties = {
   borderTopLeftRadius: 0,
diff --git a/packages/antd/src/components/themedLayout/title/index.tsx b/packages/antd/src/components/themedLayout/title/index.tsx
index f70f0b617089..52a6b3765b7e 100644
--- a/packages/antd/src/components/themedLayout/title/index.tsx
+++ b/packages/antd/src/components/themedLayout/title/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useRouterContext, useRouterType, useLink } from "@refinedev/core";
 import { Typography, theme, Space } from "antd";
-import { RefineLayoutThemedTitleProps } from "../types";
+import type { RefineLayoutThemedTitleProps } from "../types";
 
 const defaultText = "Refine Project";
 
diff --git a/packages/antd/src/components/themedLayoutV2/header/index.tsx b/packages/antd/src/components/themedLayoutV2/header/index.tsx
index aa5da870677e..57b6c5fb25c6 100644
--- a/packages/antd/src/components/themedLayoutV2/header/index.tsx
+++ b/packages/antd/src/components/themedLayoutV2/header/index.tsx
@@ -5,7 +5,7 @@ import {
   useActiveAuthProvider,
   useGetIdentity,
 } from "@refinedev/core";
-import { RefineThemedLayoutV2HeaderProps } from "../types";
+import type { RefineThemedLayoutV2HeaderProps } from "../types";
 
 export const ThemedHeaderV2: React.FC<RefineThemedLayoutV2HeaderProps> = ({
   isSticky,
diff --git a/packages/antd/src/components/themedLayoutV2/index.tsx b/packages/antd/src/components/themedLayoutV2/index.tsx
index e32e3922a6d9..0692bd0ca5c1 100644
--- a/packages/antd/src/components/themedLayoutV2/index.tsx
+++ b/packages/antd/src/components/themedLayoutV2/index.tsx
@@ -3,7 +3,7 @@ import { Grid, Layout as AntdLayout } from "antd";
 
 import { ThemedSiderV2 as DefaultSider } from "./sider";
 import { ThemedHeaderV2 as DefaultHeader } from "./header";
-import { RefineThemedLayoutV2Props } from "./types";
+import type { RefineThemedLayoutV2Props } from "./types";
 import { ThemedLayoutContextProvider } from "@contexts";
 
 export const ThemedLayoutV2: React.FC<RefineThemedLayoutV2Props> = ({
diff --git a/packages/antd/src/components/themedLayoutV2/sider/index.spec.tsx b/packages/antd/src/components/themedLayoutV2/sider/index.spec.tsx
index 68f3119901d3..f424c1b0601b 100644
--- a/packages/antd/src/components/themedLayoutV2/sider/index.spec.tsx
+++ b/packages/antd/src/components/themedLayoutV2/sider/index.spec.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { render } from "@testing-library/react";
-import * as Grid from "antd/lib/grid";
+import type * as Grid from "antd/lib/grid";
 
 import { TestWrapper } from "@test/index";
 import { ThemedSiderV2 } from "./index";
diff --git a/packages/antd/src/components/themedLayoutV2/sider/index.tsx b/packages/antd/src/components/themedLayoutV2/sider/index.tsx
index d3c3eec3c5fb..51d0d083d08c 100644
--- a/packages/antd/src/components/themedLayoutV2/sider/index.tsx
+++ b/packages/antd/src/components/themedLayoutV2/sider/index.tsx
@@ -13,7 +13,7 @@ import {
   useLogout,
   useTitle,
   CanAccess,
-  ITreeMenu,
+  type ITreeMenu,
   useIsExistAuthentication,
   useRouterContext,
   useMenu,
@@ -26,7 +26,7 @@ import {
 } from "@refinedev/core";
 
 import { drawerButtonStyles } from "./styles";
-import { RefineThemedLayoutV2SiderProps } from "../types";
+import type { RefineThemedLayoutV2SiderProps } from "../types";
 import { ThemedTitleV2 } from "@components";
 import { useThemedLayoutContext } from "@hooks";
 
diff --git a/packages/antd/src/components/themedLayoutV2/sider/styles.ts b/packages/antd/src/components/themedLayoutV2/sider/styles.ts
index cf4da66a7aec..174852a9f086 100644
--- a/packages/antd/src/components/themedLayoutV2/sider/styles.ts
+++ b/packages/antd/src/components/themedLayoutV2/sider/styles.ts
@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 
 export const drawerButtonStyles: CSSProperties = {
   borderTopLeftRadius: 0,
diff --git a/packages/antd/src/components/themedLayoutV2/title/index.tsx b/packages/antd/src/components/themedLayoutV2/title/index.tsx
index 5a1a21ced40e..0f1da5261398 100644
--- a/packages/antd/src/components/themedLayoutV2/title/index.tsx
+++ b/packages/antd/src/components/themedLayoutV2/title/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useRouterContext, useRouterType, useLink } from "@refinedev/core";
 import { Typography, theme, Space } from "antd";
-import { RefineLayoutThemedTitleProps } from "../types";
+import type { RefineLayoutThemedTitleProps } from "../types";
 
 const defaultText = "Refine Project";
 
diff --git a/packages/antd/src/components/undoableNotification/index.spec.tsx b/packages/antd/src/components/undoableNotification/index.spec.tsx
index a5e8719517e1..2afa928112e4 100644
--- a/packages/antd/src/components/undoableNotification/index.spec.tsx
+++ b/packages/antd/src/components/undoableNotification/index.spec.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 import { fireEvent, render } from "@test";
 
-import { UndoableNotification, UndoableNotificationProps } from ".";
+import { UndoableNotification, type UndoableNotificationProps } from ".";
 
 const cancelMutation = jest.fn();
 
diff --git a/packages/antd/src/components/undoableNotification/index.tsx b/packages/antd/src/components/undoableNotification/index.tsx
index f7c203b466c6..bb8645d4003c 100644
--- a/packages/antd/src/components/undoableNotification/index.tsx
+++ b/packages/antd/src/components/undoableNotification/index.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { Button, Progress } from "antd";
-import { OpenNotificationParams } from "@refinedev/core";
+import type { OpenNotificationParams } from "@refinedev/core";
 import { UndoOutlined } from "@ant-design/icons";
 
 export type UndoableNotificationProps = {
diff --git a/packages/antd/src/contexts/themedLayoutContext/index.tsx b/packages/antd/src/contexts/themedLayoutContext/index.tsx
index d193fa8f6208..cedb65c6a300 100644
--- a/packages/antd/src/contexts/themedLayoutContext/index.tsx
+++ b/packages/antd/src/contexts/themedLayoutContext/index.tsx
@@ -1,6 +1,6 @@
-import React, { ReactNode, useState } from "react";
+import React, { type ReactNode, useState } from "react";
 
-import { IThemedLayoutContext } from "./IThemedLayoutContext";
+import type { IThemedLayoutContext } from "./IThemedLayoutContext";
 
 export const ThemedLayoutContext = React.createContext<IThemedLayoutContext>({
   siderCollapsed: false,
diff --git a/packages/antd/src/definitions/table/index.spec.ts b/packages/antd/src/definitions/table/index.spec.ts
index fc23710a61e4..95bcf59e248c 100644
--- a/packages/antd/src/definitions/table/index.spec.ts
+++ b/packages/antd/src/definitions/table/index.spec.ts
@@ -4,7 +4,7 @@ import {
   mapAntdSorterToCrudSorting,
   mapAntdFilterToCrudFilter,
 } from "./";
-import { CrudSorting, CrudFilters } from "@refinedev/core";
+import type { CrudSorting, CrudFilters } from "@refinedev/core";
 
 describe("definitions/table", () => {
   it("getDefaultSortOrder", () => {
diff --git a/packages/antd/src/definitions/table/index.ts b/packages/antd/src/definitions/table/index.ts
index 8d6d4d08976f..5bb7cafc3a7e 100644
--- a/packages/antd/src/definitions/table/index.ts
+++ b/packages/antd/src/definitions/table/index.ts
@@ -1,14 +1,14 @@
 import {
-  CrudFilters,
-  CrudOperators,
-  CrudSorting,
-  CrudFilter,
+  type CrudFilters,
+  type CrudOperators,
+  type CrudSorting,
+  type CrudFilter,
   getDefaultFilter as getDefaultFilterCore,
   getDefaultSortOrder as getDefaultSortOrderCore,
-  ConditionalFilter,
-  LogicalFilter,
+  type ConditionalFilter,
+  type LogicalFilter,
 } from "@refinedev/core";
-import { TableProps } from "antd";
+import type { TableProps } from "antd";
 
 export type FilterValue = Parameters<
   NonNullable<TableProps["onChange"]>
diff --git a/packages/antd/src/definitions/themes/index.ts b/packages/antd/src/definitions/themes/index.ts
index 51fe05cd4940..59b80d74c5f9 100644
--- a/packages/antd/src/definitions/themes/index.ts
+++ b/packages/antd/src/definitions/themes/index.ts
@@ -1,4 +1,4 @@
-import { ThemeConfig } from "antd";
+import type { ThemeConfig } from "antd";
 
 type ThemeNames =
   | "Blue"
diff --git a/packages/antd/src/hooks/fields/useCheckboxGroup/index.ts b/packages/antd/src/hooks/fields/useCheckboxGroup/index.ts
index 7128c04a7607..6e5640dc69ab 100644
--- a/packages/antd/src/hooks/fields/useCheckboxGroup/index.ts
+++ b/packages/antd/src/hooks/fields/useCheckboxGroup/index.ts
@@ -1,15 +1,15 @@
-import { QueryObserverResult } from "@tanstack/react-query";
+import type { QueryObserverResult } from "@tanstack/react-query";
 import type { Checkbox } from "antd";
 
 import {
-  BaseRecord,
-  GetListResponse,
-  HttpError,
-  UseSelectProps,
+  type BaseRecord,
+  type GetListResponse,
+  type HttpError,
+  type UseSelectProps,
   useSelect,
-  BaseKey,
+  type BaseKey,
   pickNotDeprecated,
-  BaseOption,
+  type BaseOption,
 } from "@refinedev/core";
 
 export type UseCheckboxGroupReturnType<
diff --git a/packages/antd/src/hooks/fields/useRadioGroup/index.ts b/packages/antd/src/hooks/fields/useRadioGroup/index.ts
index 958a1607e718..3e15fd7732bc 100644
--- a/packages/antd/src/hooks/fields/useRadioGroup/index.ts
+++ b/packages/antd/src/hooks/fields/useRadioGroup/index.ts
@@ -1,15 +1,15 @@
-import { QueryObserverResult } from "@tanstack/react-query";
+import type { QueryObserverResult } from "@tanstack/react-query";
 import type { Radio } from "antd";
 
 import {
-  BaseKey,
-  BaseOption,
-  BaseRecord,
-  GetListResponse,
-  HttpError,
+  type BaseKey,
+  type BaseOption,
+  type BaseRecord,
+  type GetListResponse,
+  type HttpError,
   pickNotDeprecated,
   useSelect,
-  UseSelectProps,
+  type UseSelectProps,
 } from "@refinedev/core";
 
 export type UseRadioGroupReturnType<
diff --git a/packages/antd/src/hooks/fields/useSelect/index.ts b/packages/antd/src/hooks/fields/useSelect/index.ts
index a6d9a42819e6..31fc8079ed41 100644
--- a/packages/antd/src/hooks/fields/useSelect/index.ts
+++ b/packages/antd/src/hooks/fields/useSelect/index.ts
@@ -1,14 +1,14 @@
-import { SelectProps } from "antd/lib/select";
-import { QueryObserverResult } from "@tanstack/react-query";
+import type { SelectProps } from "antd/lib/select";
+import type { QueryObserverResult } from "@tanstack/react-query";
 
 import {
   useSelect as useSelectCore,
-  BaseRecord,
-  GetManyResponse,
-  GetListResponse,
-  HttpError,
-  UseSelectProps,
-  BaseOption,
+  type BaseRecord,
+  type GetManyResponse,
+  type GetListResponse,
+  type HttpError,
+  type UseSelectProps,
+  type BaseOption,
 } from "@refinedev/core";
 
 export type UseSelectReturnType<
diff --git a/packages/antd/src/hooks/form/useDrawerForm/useDrawerForm.ts b/packages/antd/src/hooks/form/useDrawerForm/useDrawerForm.ts
index c185bd5e4e9d..1e676c0ae3c3 100644
--- a/packages/antd/src/hooks/form/useDrawerForm/useDrawerForm.ts
+++ b/packages/antd/src/hooks/form/useDrawerForm/useDrawerForm.ts
@@ -1,15 +1,15 @@
 import React, { useCallback } from "react";
-import { UseFormConfig } from "sunflower-antd";
-import { FormInstance, FormProps, DrawerProps, ButtonProps } from "antd";
+import type { UseFormConfig } from "sunflower-antd";
+import type { FormInstance, FormProps, DrawerProps, ButtonProps } from "antd";
 import {
   useTranslate,
   useWarnAboutChange,
-  UseFormProps as UseFormPropsCore,
-  HttpError,
-  LiveModeProps,
-  BaseRecord,
-  FormWithSyncWithLocationParams,
-  BaseKey,
+  type UseFormProps as UseFormPropsCore,
+  type HttpError,
+  type LiveModeProps,
+  type BaseRecord,
+  type FormWithSyncWithLocationParams,
+  type BaseKey,
   useResource,
   useParsed,
   useGo,
@@ -17,8 +17,8 @@ import {
   useInvalidate,
 } from "@refinedev/core";
 
-import { useForm, UseFormProps, UseFormReturnType } from "../useForm";
-import { DeleteButtonProps } from "../../../components";
+import { useForm, type UseFormProps, type UseFormReturnType } from "../useForm";
+import type { DeleteButtonProps } from "../../../components";
 
 export interface UseDrawerFormConfig extends UseFormConfig {
   action: "show" | "edit" | "create" | "clone";
diff --git a/packages/antd/src/hooks/form/useForm.spec.tsx b/packages/antd/src/hooks/form/useForm.spec.tsx
index 42c34c913046..dc7aeb38af81 100644
--- a/packages/antd/src/hooks/form/useForm.spec.tsx
+++ b/packages/antd/src/hooks/form/useForm.spec.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 
 import { Route, Routes } from "react-router-dom";
-import { IRefineOptions, HttpError } from "@refinedev/core";
+import type { IRefineOptions, HttpError } from "@refinedev/core";
 
 import { Form, Input, Select } from "antd";
 import { useForm, useSelect } from "..";
diff --git a/packages/antd/src/hooks/form/useForm.ts b/packages/antd/src/hooks/form/useForm.ts
index a990233a9d7e..4fc277d3c156 100644
--- a/packages/antd/src/hooks/form/useForm.ts
+++ b/packages/antd/src/hooks/form/useForm.ts
@@ -1,21 +1,26 @@
 import React from "react";
-import { FormInstance, FormProps, Form, ButtonProps } from "antd";
+import {
+  type FormInstance,
+  type FormProps,
+  Form,
+  type ButtonProps,
+} from "antd";
 import { useForm as useFormSF } from "sunflower-antd";
 import {
-  AutoSaveProps,
+  type AutoSaveProps,
   flattenObjectKeys,
   propertyPathToArray,
 } from "@refinedev/core";
 
 import {
-  HttpError,
-  BaseRecord,
+  type HttpError,
+  type BaseRecord,
   useForm as useFormCore,
-  UseFormReturnType as UseFormReturnTypeCore,
+  type UseFormReturnType as UseFormReturnTypeCore,
   useWarnAboutChange,
-  UseFormProps as UseFormPropsCore,
-  CreateResponse,
-  UpdateResponse,
+  type UseFormProps as UseFormPropsCore,
+  type CreateResponse,
+  type UpdateResponse,
   pickNotDeprecated,
   useTranslate,
   useRefineContext,
diff --git a/packages/antd/src/hooks/form/useModalForm/useModalForm.ts b/packages/antd/src/hooks/form/useModalForm/useModalForm.ts
index 86bdd1f0be4e..31db0d24215a 100644
--- a/packages/antd/src/hooks/form/useModalForm/useModalForm.ts
+++ b/packages/antd/src/hooks/form/useModalForm/useModalForm.ts
@@ -1,22 +1,22 @@
 import React, { useCallback } from "react";
-import { FormInstance, FormProps, ModalProps } from "antd";
+import type { FormInstance, FormProps, ModalProps } from "antd";
 
 import {
   useTranslate,
   useWarnAboutChange,
-  HttpError,
-  UseFormProps as UseFormPropsCore,
-  BaseRecord,
-  LiveModeProps,
-  BaseKey,
+  type HttpError,
+  type UseFormProps as UseFormPropsCore,
+  type BaseRecord,
+  type LiveModeProps,
+  type BaseKey,
   useUserFriendlyName,
   useResource,
-  FormWithSyncWithLocationParams,
+  type FormWithSyncWithLocationParams,
   useParsed,
   useGo,
   useInvalidate,
 } from "@refinedev/core";
-import { useForm, UseFormProps, UseFormReturnType } from "../useForm";
+import { useForm, type UseFormProps, type UseFormReturnType } from "../useForm";
 import { useModal } from "@hooks/modal";
 
 export type useModalFormFromSFReturnType<TResponse, TVariables> = {
diff --git a/packages/antd/src/hooks/form/useStepsForm/useStepsForm.spec.tsx b/packages/antd/src/hooks/form/useStepsForm/useStepsForm.spec.tsx
index 7f385501be60..2f7edb391c45 100644
--- a/packages/antd/src/hooks/form/useStepsForm/useStepsForm.spec.tsx
+++ b/packages/antd/src/hooks/form/useStepsForm/useStepsForm.spec.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 
 import { Route, Routes } from "react-router-dom";
-import { IRefineOptions, HttpError } from "@refinedev/core";
+import type { IRefineOptions, HttpError } from "@refinedev/core";
 
 import { Button, Form, Input, Select, Steps } from "antd";
 import { useStepsForm } from "..";
diff --git a/packages/antd/src/hooks/form/useStepsForm/useStepsForm.ts b/packages/antd/src/hooks/form/useStepsForm/useStepsForm.ts
index 261d3360ff42..2c3471eb4c39 100644
--- a/packages/antd/src/hooks/form/useStepsForm/useStepsForm.ts
+++ b/packages/antd/src/hooks/form/useStepsForm/useStepsForm.ts
@@ -1,16 +1,16 @@
 import {
   useStepsForm as useStepsFormSF,
-  UseStepsFormConfig,
+  type UseStepsFormConfig,
 } from "sunflower-antd";
-import { FormInstance, FormProps } from "antd";
+import type { FormInstance, FormProps } from "antd";
 
-import {
+import type {
   HttpError,
   UseFormProps as UseFormPropsCore,
   BaseRecord,
 } from "@refinedev/core";
 
-import { useForm, UseFormProps, UseFormReturnType } from "../useForm";
+import { useForm, type UseFormProps, type UseFormReturnType } from "../useForm";
 
 export type UseStepsFormFromSFReturnType<TResponse, TVariables> = {
   current: number;
diff --git a/packages/antd/src/hooks/import/index.spec.ts b/packages/antd/src/hooks/import/index.spec.ts
index 57a9238ad5c1..4463c61a3c1f 100644
--- a/packages/antd/src/hooks/import/index.spec.ts
+++ b/packages/antd/src/hooks/import/index.spec.ts
@@ -1,4 +1,4 @@
-import { RcFile, UploadFile } from "antd/lib/upload/interface";
+import type { RcFile, UploadFile } from "antd/lib/upload/interface";
 import { act } from "react-dom/test-utils";
 import { notification } from "antd";
 import { renderHook } from "@testing-library/react";
diff --git a/packages/antd/src/hooks/import/index.tsx b/packages/antd/src/hooks/import/index.tsx
index 67c5facfe87c..5abac1c46650 100644
--- a/packages/antd/src/hooks/import/index.tsx
+++ b/packages/antd/src/hooks/import/index.tsx
@@ -1,13 +1,18 @@
 import React from "react";
-import { ButtonProps, notification, UploadProps, Progress } from "antd";
+import {
+  type ButtonProps,
+  notification,
+  type UploadProps,
+  Progress,
+} from "antd";
 import {
   useTranslate,
   useResource,
-  BaseRecord,
-  HttpError,
+  type BaseRecord,
+  type HttpError,
   useImport as useImportCore,
-  UseImportReturnType,
-  ImportOptions,
+  type UseImportReturnType,
+  type ImportOptions,
   pickNotDeprecated,
 } from "@refinedev/core";
 
diff --git a/packages/antd/src/hooks/list/useSimpleList/useSimpleList.ts b/packages/antd/src/hooks/list/useSimpleList/useSimpleList.ts
index 220641d7248a..ae54727012b2 100644
--- a/packages/antd/src/hooks/list/useSimpleList/useSimpleList.ts
+++ b/packages/antd/src/hooks/list/useSimpleList/useSimpleList.ts
@@ -1,18 +1,18 @@
 import { Children, createElement, Fragment } from "react";
-import { ListProps, FormProps, Form, Grid } from "antd";
+import { type ListProps, type FormProps, Form, Grid } from "antd";
 
 import {
-  BaseRecord,
-  CrudFilters,
-  HttpError,
+  type BaseRecord,
+  type CrudFilters,
+  type HttpError,
   useTable as useTableCore,
-  useTableProps as useTablePropsCore,
-  useTableReturnType,
+  type useTableProps as useTablePropsCore,
+  type useTableReturnType,
   pickNotDeprecated,
 } from "@refinedev/core";
 import { useLiveMode } from "@refinedev/core";
 import { PaginationLink } from "@hooks/table/useTable/paginationLink";
-import { PaginationConfig } from "antd/lib/pagination";
+import type { PaginationConfig } from "antd/lib/pagination";
 
 export type useSimpleListProps<TQueryFnData, TError, TSearchVariables, TData> =
   useTablePropsCore<TQueryFnData, TError, TData> & {
diff --git a/packages/antd/src/hooks/modal/useModal/index.tsx b/packages/antd/src/hooks/modal/useModal/index.tsx
index 6b545eb073fd..1a5eb7413969 100644
--- a/packages/antd/src/hooks/modal/useModal/index.tsx
+++ b/packages/antd/src/hooks/modal/useModal/index.tsx
@@ -1,7 +1,7 @@
-import { ModalProps } from "antd";
+import type { ModalProps } from "antd";
 import {
   useModal as useCoreModal,
-  useModalReturnType as useCoreModelReturnType,
+  type useModalReturnType as useCoreModelReturnType,
 } from "@refinedev/core";
 
 export type useModalReturnType = {
diff --git a/packages/antd/src/hooks/table/useEditableTable/useEditableTable.ts b/packages/antd/src/hooks/table/useEditableTable/useEditableTable.ts
index e40ce88965ab..93accf00f2ea 100644
--- a/packages/antd/src/hooks/table/useEditableTable/useEditableTable.ts
+++ b/packages/antd/src/hooks/table/useEditableTable/useEditableTable.ts
@@ -1,9 +1,14 @@
 import { useTable } from "@hooks";
-import { BaseKey, BaseRecord, HttpError, UseFormProps } from "@refinedev/core";
-import { ButtonProps } from "antd";
+import type {
+  BaseKey,
+  BaseRecord,
+  HttpError,
+  UseFormProps,
+} from "@refinedev/core";
+import type { ButtonProps } from "antd";
 
-import { useTableProps, useTableReturnType } from "../useTable";
-import { UseFormReturnType, useForm } from "../../form/useForm";
+import type { useTableProps, useTableReturnType } from "../useTable";
+import { type UseFormReturnType, useForm } from "../../form/useForm";
 
 export type useEditableTableReturnType<
   TQueryFnData extends BaseRecord = BaseRecord,
diff --git a/packages/antd/src/hooks/table/useTable/paginationLink.tsx b/packages/antd/src/hooks/table/useTable/paginationLink.tsx
index e17c773eed5f..26b9751a3fde 100644
--- a/packages/antd/src/hooks/table/useTable/paginationLink.tsx
+++ b/packages/antd/src/hooks/table/useTable/paginationLink.tsx
@@ -1,5 +1,5 @@
 import { useLink, useRouterContext, useRouterType } from "@refinedev/core";
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 
 interface PaginationLinkProps {
   to: string;
diff --git a/packages/antd/src/hooks/table/useTable/useTable.spec.tsx b/packages/antd/src/hooks/table/useTable/useTable.spec.tsx
index 83d887386819..097318e037c8 100644
--- a/packages/antd/src/hooks/table/useTable/useTable.spec.tsx
+++ b/packages/antd/src/hooks/table/useTable/useTable.spec.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { CrudFilters } from "@refinedev/core";
+import type { CrudFilters } from "@refinedev/core";
 import isEqual from "lodash/isEqual";
 import { renderHook, waitFor } from "@testing-library/react";
 import { Form, Input } from "antd";
diff --git a/packages/antd/src/hooks/table/useTable/useTable.ts b/packages/antd/src/hooks/table/useTable/useTable.ts
index 4df69be802c3..2de80bbb3d89 100644
--- a/packages/antd/src/hooks/table/useTable/useTable.ts
+++ b/packages/antd/src/hooks/table/useTable/useTable.ts
@@ -1,15 +1,21 @@
 import React, { Children, createElement, Fragment } from "react";
-import { Grid, FormProps, Form, TablePaginationConfig, TableProps } from "antd";
+import {
+  Grid,
+  type FormProps,
+  Form,
+  type TablePaginationConfig,
+  type TableProps,
+} from "antd";
 import { useForm as useFormSF } from "sunflower-antd";
 
 import {
   useLiveMode,
-  BaseRecord,
-  CrudFilters,
-  HttpError,
+  type BaseRecord,
+  type CrudFilters,
+  type HttpError,
   useTable as useTableCore,
-  useTableProps as useTablePropsCore,
-  useTableReturnType as useTableCoreReturnType,
+  type useTableProps as useTablePropsCore,
+  type useTableReturnType as useTableCoreReturnType,
   pickNotDeprecated,
   useSyncWithLocation,
 } from "@refinedev/core";
@@ -19,7 +25,7 @@ import {
   mapAntdFilterToCrudFilter,
 } from "@definitions/table";
 import { PaginationLink } from "./paginationLink";
-import { FilterValue, SorterResult } from "../../../definitions/table";
+import type { FilterValue, SorterResult } from "../../../definitions/table";
 
 export type useTableProps<TQueryFnData, TError, TSearchVariables, TData> =
   useTablePropsCore<TQueryFnData, TError, TData> & {
diff --git a/packages/antd/src/hooks/useFileUploadState/index.ts b/packages/antd/src/hooks/useFileUploadState/index.ts
index 03ba231e0556..411672037920 100644
--- a/packages/antd/src/hooks/useFileUploadState/index.ts
+++ b/packages/antd/src/hooks/useFileUploadState/index.ts
@@ -1,5 +1,5 @@
 import { useCallback, useMemo, useState } from "react";
-import { UploadChangeParam } from "antd/lib/upload";
+import type { UploadChangeParam } from "antd/lib/upload";
 
 export type UseFileUploadStateType = () => {
   isLoading: boolean;
diff --git a/packages/antd/src/hooks/useThemedLayoutContext/index.ts b/packages/antd/src/hooks/useThemedLayoutContext/index.ts
index 729fef9497e1..84d06582e86b 100644
--- a/packages/antd/src/hooks/useThemedLayoutContext/index.ts
+++ b/packages/antd/src/hooks/useThemedLayoutContext/index.ts
@@ -1,7 +1,7 @@
 import { useContext } from "react";
 
 import { ThemedLayoutContext } from "@contexts";
-import { IThemedLayoutContext } from "@contexts/themedLayoutContext/IThemedLayoutContext";
+import type { IThemedLayoutContext } from "@contexts/themedLayoutContext/IThemedLayoutContext";
 
 export type UseThemedLayoutContextType = IThemedLayoutContext;
 
diff --git a/packages/antd/src/interfaces/index.ts b/packages/antd/src/interfaces/index.ts
index f1bb019b54b8..d23acf913b85 100644
--- a/packages/antd/src/interfaces/index.ts
+++ b/packages/antd/src/interfaces/index.ts
@@ -1,4 +1,4 @@
-import { IResourceItem } from "@refinedev/core";
+import type { IResourceItem } from "@refinedev/core";
 
 export type BaseRecord = {
   id?: string;
diff --git a/packages/antd/src/providers/notificationProvider/index.spec.tsx b/packages/antd/src/providers/notificationProvider/index.spec.tsx
index c367a081e69f..7933e66cf290 100644
--- a/packages/antd/src/providers/notificationProvider/index.spec.tsx
+++ b/packages/antd/src/providers/notificationProvider/index.spec.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { OpenNotificationParams } from "@refinedev/core";
+import type { OpenNotificationParams } from "@refinedev/core";
 import { renderHook, waitFor } from "@testing-library/react";
 import { notification, App } from "antd";
 import { UndoableNotification } from "@components/undoableNotification";
diff --git a/packages/antd/src/providers/notificationProvider/index.tsx b/packages/antd/src/providers/notificationProvider/index.tsx
index db8181d4ef01..d8752e60c93c 100644
--- a/packages/antd/src/providers/notificationProvider/index.tsx
+++ b/packages/antd/src/providers/notificationProvider/index.tsx
@@ -1,4 +1,4 @@
-import { NotificationProvider } from "@refinedev/core";
+import type { NotificationProvider } from "@refinedev/core";
 import { App, notification as staticNotification } from "antd";
 import React from "react";
 
diff --git a/packages/antd/src/types/sunflower.d.ts b/packages/antd/src/types/sunflower.d.ts
index 366724a424d4..34c64ff579d0 100644
--- a/packages/antd/src/types/sunflower.d.ts
+++ b/packages/antd/src/types/sunflower.d.ts
@@ -1,5 +1,5 @@
-import { FormInstance, FormProps } from "antd";
-import { UseFormConfig, UseModalFormConfig } from "sunflower-antd";
+import type { FormInstance, FormProps } from "antd";
+import type { UseFormConfig, UseModalFormConfig } from "sunflower-antd";
 export interface UseStepsFormConfig
   extends Omit<UseFormConfig, "defaultFormValues"> {
   defaultCurrent?: number;
diff --git a/packages/antd/test/dataMocks.ts b/packages/antd/test/dataMocks.ts
index fa24b51b4839..58e3b8260ff8 100644
--- a/packages/antd/test/dataMocks.ts
+++ b/packages/antd/test/dataMocks.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   ParsedParams,
   IResourceItem,
   Action,
diff --git a/packages/antd/test/index.tsx b/packages/antd/test/index.tsx
index 07f4905177d2..0a0c2863dbab 100644
--- a/packages/antd/test/index.tsx
+++ b/packages/antd/test/index.tsx
@@ -1,17 +1,17 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { BrowserRouter } from "react-router-dom";
 
 import {
-  AccessControlProvider,
-  AuthProvider,
-  LegacyAuthProvider,
-  NotificationProvider,
+  type AccessControlProvider,
+  type AuthProvider,
+  type LegacyAuthProvider,
+  type NotificationProvider,
   Refine,
-  I18nProvider,
-  DataProvider,
-  IResourceItem,
-  RouterBindings,
-  IRefineOptions,
+  type I18nProvider,
+  type DataProvider,
+  type IResourceItem,
+  type RouterBindings,
+  type IRefineOptions,
 } from "@refinedev/core";
 
 import { MockRouterProvider, MockJSONServer } from "@test";
diff --git a/packages/appwrite/src/dataProvider.ts b/packages/appwrite/src/dataProvider.ts
index 27292386809b..b8811955b98c 100644
--- a/packages/appwrite/src/dataProvider.ts
+++ b/packages/appwrite/src/dataProvider.ts
@@ -1,5 +1,11 @@
-import { DataProvider } from "@refinedev/core";
-import { Client as Appwrite, Databases, Permission, Role, ID } from "appwrite";
+import type { DataProvider } from "@refinedev/core";
+import {
+  type Client as Appwrite,
+  Databases,
+  Permission,
+  Role,
+  ID,
+} from "appwrite";
 import {
   getAppwriteFilters,
   getAppwritePagination,
diff --git a/packages/appwrite/src/liveProvider.ts b/packages/appwrite/src/liveProvider.ts
index d2eb1f79e5a6..833a8e7a4577 100644
--- a/packages/appwrite/src/liveProvider.ts
+++ b/packages/appwrite/src/liveProvider.ts
@@ -1,5 +1,5 @@
-import { LiveProvider } from "@refinedev/core";
-import { Client as Appwrite } from "appwrite";
+import type { LiveProvider } from "@refinedev/core";
+import type { Client as Appwrite } from "appwrite";
 import { getRefineEvent } from "./utils";
 
 export const liveProvider = (
diff --git a/packages/appwrite/src/utils/generateFilter.ts b/packages/appwrite/src/utils/generateFilter.ts
index 36bf4aa4bcaa..f0d34dc68ed1 100644
--- a/packages/appwrite/src/utils/generateFilter.ts
+++ b/packages/appwrite/src/utils/generateFilter.ts
@@ -1,4 +1,4 @@
-import { CrudFilter } from "@refinedev/core";
+import type { CrudFilter } from "@refinedev/core";
 import { Query } from "appwrite";
 
 export const generateFilter = (filter: CrudFilter) => {
diff --git a/packages/appwrite/src/utils/getAppwriteFilters.ts b/packages/appwrite/src/utils/getAppwriteFilters.ts
index 19cde1970f88..9f1bda83e200 100644
--- a/packages/appwrite/src/utils/getAppwriteFilters.ts
+++ b/packages/appwrite/src/utils/getAppwriteFilters.ts
@@ -1,4 +1,4 @@
-import { CrudFilters } from "@refinedev/core";
+import type { CrudFilters } from "@refinedev/core";
 import { generateFilter } from "./generateFilter";
 
 type GetAppwriteFiltersType = (filters?: CrudFilters) => string[];
diff --git a/packages/appwrite/src/utils/getAppwriteSorting.ts b/packages/appwrite/src/utils/getAppwriteSorting.ts
index 73575cb63022..0ff1d30e5fb5 100644
--- a/packages/appwrite/src/utils/getAppwriteSorting.ts
+++ b/packages/appwrite/src/utils/getAppwriteSorting.ts
@@ -1,4 +1,4 @@
-import { CrudSorting } from "@refinedev/core";
+import type { CrudSorting } from "@refinedev/core";
 import { Query } from "appwrite";
 
 type GetAppwriteSortingType = (sorts?: CrudSorting) => string[];
diff --git a/packages/appwrite/src/utils/getRefineEvent.ts b/packages/appwrite/src/utils/getRefineEvent.ts
index e96d2b8afb3a..b23f0d5907e7 100644
--- a/packages/appwrite/src/utils/getRefineEvent.ts
+++ b/packages/appwrite/src/utils/getRefineEvent.ts
@@ -1,4 +1,4 @@
-import { LiveEvent } from "@refinedev/core";
+import type { LiveEvent } from "@refinedev/core";
 
 export const getRefineEvent = (
   event: string,
diff --git a/packages/appwrite/test/liveProvider/index.spec.ts b/packages/appwrite/test/liveProvider/index.spec.ts
index 28440ccaf960..cb5364c0c918 100644
--- a/packages/appwrite/test/liveProvider/index.spec.ts
+++ b/packages/appwrite/test/liveProvider/index.spec.ts
@@ -1,4 +1,4 @@
-import { Client as Appwrite } from "appwrite";
+import type { Client as Appwrite } from "appwrite";
 import { liveProvider } from "../../src";
 
 const mockClient: Appwrite = {
diff --git a/packages/appwrite/test/utils/generateFilter.spec.ts b/packages/appwrite/test/utils/generateFilter.spec.ts
index cb1789d82f11..9de437849d15 100644
--- a/packages/appwrite/test/utils/generateFilter.spec.ts
+++ b/packages/appwrite/test/utils/generateFilter.spec.ts
@@ -1,6 +1,6 @@
 import { Query } from "appwrite";
 import { generateFilter } from "../../src/utils";
-import { CrudFilter } from "@refinedev/core";
+import type { CrudFilter } from "@refinedev/core";
 
 describe("generateFilter", () => {
   it("should generate filter based on the specified operator", () => {
diff --git a/packages/appwrite/test/utils/getAppwriteFilters.spec.ts b/packages/appwrite/test/utils/getAppwriteFilters.spec.ts
index 89bc7667acfe..dcabc8d3d649 100644
--- a/packages/appwrite/test/utils/getAppwriteFilters.spec.ts
+++ b/packages/appwrite/test/utils/getAppwriteFilters.spec.ts
@@ -1,4 +1,4 @@
-import { CrudFilter } from "@refinedev/core";
+import type { CrudFilter } from "@refinedev/core";
 import { generateFilter, getAppwriteFilters } from "../../src/utils";
 
 jest.mock("../../src/utils/generateFilter", () => ({
diff --git a/packages/appwrite/test/utils/getAppwriteSorting.ts b/packages/appwrite/test/utils/getAppwriteSorting.ts
index 3746ed95bac3..16201f85f698 100644
--- a/packages/appwrite/test/utils/getAppwriteSorting.ts
+++ b/packages/appwrite/test/utils/getAppwriteSorting.ts
@@ -1,4 +1,4 @@
-import { CrudSorting } from "@refinedev/core";
+import type { CrudSorting } from "@refinedev/core";
 import { getAppwriteSorting } from "../../src/utils";
 import { Query } from "appwrite";
 
diff --git a/packages/chakra-ui/src/components/autoSaveIndicator/index.tsx b/packages/chakra-ui/src/components/autoSaveIndicator/index.tsx
index 5daa10e257e1..0617646c55dd 100644
--- a/packages/chakra-ui/src/components/autoSaveIndicator/index.tsx
+++ b/packages/chakra-ui/src/components/autoSaveIndicator/index.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  AutoSaveIndicatorProps,
+  type AutoSaveIndicatorProps,
   useTranslate,
   AutoSaveIndicator as AutoSaveIndicatorCore,
 } from "@refinedev/core";
diff --git a/packages/chakra-ui/src/components/breadcrumb/index.spec.tsx b/packages/chakra-ui/src/components/breadcrumb/index.spec.tsx
index a2b4bb1a0286..e8108c86aa0d 100644
--- a/packages/chakra-ui/src/components/breadcrumb/index.spec.tsx
+++ b/packages/chakra-ui/src/components/breadcrumb/index.spec.tsx
@@ -1,7 +1,7 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { Route, Routes } from "react-router-dom";
 
-import { render, TestWrapper, ITestWrapperProps } from "@test";
+import { render, TestWrapper, type ITestWrapperProps } from "@test";
 
 import { Breadcrumb } from "./";
 import { breadcrumbTests } from "@refinedev/ui-tests";
diff --git a/packages/chakra-ui/src/components/breadcrumb/index.tsx b/packages/chakra-ui/src/components/breadcrumb/index.tsx
index d052487c904b..d5b7606c86b9 100644
--- a/packages/chakra-ui/src/components/breadcrumb/index.tsx
+++ b/packages/chakra-ui/src/components/breadcrumb/index.tsx
@@ -8,10 +8,10 @@ import {
   useRouterContext,
   useRouterType,
 } from "@refinedev/core";
-import { RefineBreadcrumbProps } from "@refinedev/ui-types";
+import type { RefineBreadcrumbProps } from "@refinedev/ui-types";
 import {
   Breadcrumb as ChakraBreadcrumb,
-  BreadcrumbProps as ChakraBreadcrumbProps,
+  type BreadcrumbProps as ChakraBreadcrumbProps,
   BreadcrumbItem,
   BreadcrumbLink,
 } from "@chakra-ui/react";
diff --git a/packages/chakra-ui/src/components/buttons/clone/index.tsx b/packages/chakra-ui/src/components/buttons/clone/index.tsx
index 5183a2a47ac3..0b927c274dfc 100644
--- a/packages/chakra-ui/src/components/buttons/clone/index.tsx
+++ b/packages/chakra-ui/src/components/buttons/clone/index.tsx
@@ -7,7 +7,7 @@ import {
 import { Button, IconButton } from "@chakra-ui/react";
 import { IconSquarePlus } from "@tabler/icons-react";
 
-import { CloneButtonProps } from "../types";
+import type { CloneButtonProps } from "../types";
 
 /**
  * `<CloneButton>` uses Chakra UI {@link https://chakra-ui.com/docs/components/button `<Button> component`}.
diff --git a/packages/chakra-ui/src/components/buttons/create/index.tsx b/packages/chakra-ui/src/components/buttons/create/index.tsx
index 9032c76130c7..b11a77c2ac90 100644
--- a/packages/chakra-ui/src/components/buttons/create/index.tsx
+++ b/packages/chakra-ui/src/components/buttons/create/index.tsx
@@ -7,7 +7,7 @@ import {
 import { Button, IconButton } from "@chakra-ui/react";
 import { IconSquarePlus } from "@tabler/icons-react";
 
-import { CreateButtonProps } from "../types";
+import type { CreateButtonProps } from "../types";
 
 export const CreateButton: React.FC<CreateButtonProps> = ({
   resource: resourceNameFromProps,
diff --git a/packages/chakra-ui/src/components/buttons/delete/index.tsx b/packages/chakra-ui/src/components/buttons/delete/index.tsx
index 4d16c6c6945c..af67f95264dc 100644
--- a/packages/chakra-ui/src/components/buttons/delete/index.tsx
+++ b/packages/chakra-ui/src/components/buttons/delete/index.tsx
@@ -18,7 +18,7 @@ import {
 } from "@chakra-ui/react";
 import { IconTrash } from "@tabler/icons-react";
 
-import { DeleteButtonProps } from "../types";
+import type { DeleteButtonProps } from "../types";
 
 /**
  * `<DeleteButton>` uses Chakra UI {@link https://chakra-ui.com/docs/components/button `<Button>`} and {@link https://chakra-ui.com/docs/components/popover `<Popover>`} components.
diff --git a/packages/chakra-ui/src/components/buttons/edit/index.tsx b/packages/chakra-ui/src/components/buttons/edit/index.tsx
index a0df32c863f3..69c563e02898 100644
--- a/packages/chakra-ui/src/components/buttons/edit/index.tsx
+++ b/packages/chakra-ui/src/components/buttons/edit/index.tsx
@@ -7,7 +7,7 @@ import {
 import { IconPencil } from "@tabler/icons-react";
 import { Button, IconButton } from "@chakra-ui/react";
 
-import { EditButtonProps } from "../types";
+import type { EditButtonProps } from "../types";
 
 /**
  * `<EditButton>` uses Chakra UI {@link https://chakra-ui.com/docs/components/button `<Button> component`}.
diff --git a/packages/chakra-ui/src/components/buttons/export/index.tsx b/packages/chakra-ui/src/components/buttons/export/index.tsx
index 2c29437fa89b..2c742748a03d 100644
--- a/packages/chakra-ui/src/components/buttons/export/index.tsx
+++ b/packages/chakra-ui/src/components/buttons/export/index.tsx
@@ -7,7 +7,7 @@ import {
 import { IconButton, Button } from "@chakra-ui/react";
 import { IconFileExport } from "@tabler/icons-react";
 
-import { ExportButtonProps } from "../types";
+import type { ExportButtonProps } from "../types";
 
 /**
  * `<ExportButton>` uses Chakra UI {@link https://chakra-ui.com/docs/components/button `<Button> `} component with a default export icon and a default text with "Export".
diff --git a/packages/chakra-ui/src/components/buttons/import/index.tsx b/packages/chakra-ui/src/components/buttons/import/index.tsx
index 5fcb667dd1a2..4331915c969c 100644
--- a/packages/chakra-ui/src/components/buttons/import/index.tsx
+++ b/packages/chakra-ui/src/components/buttons/import/index.tsx
@@ -7,7 +7,7 @@ import {
 import { IconButton, Button } from "@chakra-ui/react";
 import { IconFileImport } from "@tabler/icons-react";
 
-import { ImportButtonProps } from "../types";
+import type { ImportButtonProps } from "../types";
 
 /**
  * `<ImportButton>` is compatible with the {@link https://refine.dev/docs/api-reference/core/hooks/import-export/useImport/ `useImport`} core hook.
diff --git a/packages/chakra-ui/src/components/buttons/list/index.tsx b/packages/chakra-ui/src/components/buttons/list/index.tsx
index 930bd1d68dea..81c98ddc0040 100644
--- a/packages/chakra-ui/src/components/buttons/list/index.tsx
+++ b/packages/chakra-ui/src/components/buttons/list/index.tsx
@@ -7,7 +7,7 @@ import {
 import { IconButton, Button } from "@chakra-ui/react";
 import { IconList } from "@tabler/icons-react";
 
-import { ListButtonProps } from "../types";
+import type { ListButtonProps } from "../types";
 
 /**
  * `<ListButton>` is using uses Chakra UI {@link https://chakra-ui.com/docs/components/button `<Button> `} component.
diff --git a/packages/chakra-ui/src/components/buttons/refresh/index.tsx b/packages/chakra-ui/src/components/buttons/refresh/index.tsx
index 883405033ed1..94bc0a2797c1 100644
--- a/packages/chakra-ui/src/components/buttons/refresh/index.tsx
+++ b/packages/chakra-ui/src/components/buttons/refresh/index.tsx
@@ -7,7 +7,7 @@ import {
 import { IconButton, Button } from "@chakra-ui/react";
 import { IconRefresh } from "@tabler/icons-react";
 
-import { RefreshButtonProps } from "../types";
+import type { RefreshButtonProps } from "../types";
 
 /**
  * `<RefreshButton>` uses Chakra UI {@link https://chakra-ui.com/docs/components/button `<Button> `} component.
diff --git a/packages/chakra-ui/src/components/buttons/save/index.tsx b/packages/chakra-ui/src/components/buttons/save/index.tsx
index af8676facc6f..62748e98aa35 100644
--- a/packages/chakra-ui/src/components/buttons/save/index.tsx
+++ b/packages/chakra-ui/src/components/buttons/save/index.tsx
@@ -7,7 +7,7 @@ import {
 import { IconButton, Button } from "@chakra-ui/react";
 import { IconDeviceFloppy } from "@tabler/icons-react";
 
-import { SaveButtonProps } from "../types";
+import type { SaveButtonProps } from "../types";
 
 /**
  * `<SaveButton>` uses Chakra UI {@link https://chakra-ui.com/docs/components/button `<Button> `}.
diff --git a/packages/chakra-ui/src/components/buttons/show/index.tsx b/packages/chakra-ui/src/components/buttons/show/index.tsx
index 54d9f8f3d4a5..16d18e7ce0b1 100644
--- a/packages/chakra-ui/src/components/buttons/show/index.tsx
+++ b/packages/chakra-ui/src/components/buttons/show/index.tsx
@@ -7,7 +7,7 @@ import {
 import { IconButton, Button } from "@chakra-ui/react";
 import { IconEye } from "@tabler/icons-react";
 
-import { ShowButtonProps } from "../types";
+import type { ShowButtonProps } from "../types";
 
 /**
  * `<ShowButton>` uses Chakra UI {@link https://chakra-ui.com/docs/components/button `<Button> `} component.
diff --git a/packages/chakra-ui/src/components/buttons/types.ts b/packages/chakra-ui/src/components/buttons/types.ts
index 09b775cbb782..c6ec5dc2d049 100644
--- a/packages/chakra-ui/src/components/buttons/types.ts
+++ b/packages/chakra-ui/src/components/buttons/types.ts
@@ -1,6 +1,6 @@
-import { ButtonProps } from "@chakra-ui/react";
-import { UseImportInputPropsType } from "@refinedev/core";
-import {
+import type { ButtonProps } from "@chakra-ui/react";
+import type { UseImportInputPropsType } from "@refinedev/core";
+import type {
   RefineCloneButtonProps,
   RefineCreateButtonProps,
   RefineDeleteButtonProps,
@@ -12,7 +12,7 @@ import {
   RefineSaveButtonProps,
   RefineShowButtonProps,
 } from "@refinedev/ui-types";
-import { IconProps } from "@tabler/icons-react";
+import type { IconProps } from "@tabler/icons-react";
 
 export type ShowButtonProps = Omit<
   RefineShowButtonProps<
diff --git a/packages/chakra-ui/src/components/crud/create/index.tsx b/packages/chakra-ui/src/components/crud/create/index.tsx
index 60fd7dbab02b..164ea5383060 100644
--- a/packages/chakra-ui/src/components/crud/create/index.tsx
+++ b/packages/chakra-ui/src/components/crud/create/index.tsx
@@ -13,8 +13,8 @@ import { Box, Heading, HStack, IconButton, Spinner } from "@chakra-ui/react";
 // We use @tabler/icons for icons but you can use any icon library you want.
 import { IconArrowLeft } from "@tabler/icons-react";
 
-import { Breadcrumb, SaveButton, SaveButtonProps } from "@components";
-import { CreateProps } from "../types";
+import { Breadcrumb, SaveButton, type SaveButtonProps } from "@components";
+import type { CreateProps } from "../types";
 import { RefinePageHeaderClassNames } from "@refinedev/ui-types";
 
 export const Create: React.FC<CreateProps> = (props) => {
diff --git a/packages/chakra-ui/src/components/crud/edit/index.spec.tsx b/packages/chakra-ui/src/components/crud/edit/index.spec.tsx
index c71677df033e..333cc4bd59ec 100644
--- a/packages/chakra-ui/src/components/crud/edit/index.spec.tsx
+++ b/packages/chakra-ui/src/components/crud/edit/index.spec.tsx
@@ -1,12 +1,12 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { Route, Routes } from "react-router-dom";
-import { AccessControlProvider } from "@refinedev/core";
+import type { AccessControlProvider } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
 import {
   act,
   fireEvent,
-  ITestWrapperProps,
+  type ITestWrapperProps,
   MockJSONServer,
   render,
   TestWrapper,
diff --git a/packages/chakra-ui/src/components/crud/edit/index.tsx b/packages/chakra-ui/src/components/crud/edit/index.tsx
index f8e7761d56ae..3dcfc933470e 100644
--- a/packages/chakra-ui/src/components/crud/edit/index.tsx
+++ b/packages/chakra-ui/src/components/crud/edit/index.tsx
@@ -24,13 +24,13 @@ import {
   RefreshButton,
   SaveButton,
   Breadcrumb,
-  ListButtonProps,
-  RefreshButtonProps,
-  DeleteButtonProps,
-  SaveButtonProps,
+  type ListButtonProps,
+  type RefreshButtonProps,
+  type DeleteButtonProps,
+  type SaveButtonProps,
   AutoSaveIndicator,
 } from "@components";
-import { EditProps } from "../types";
+import type { EditProps } from "../types";
 import { RefinePageHeaderClassNames } from "@refinedev/ui-types";
 
 export const Edit: React.FC<EditProps> = (props) => {
diff --git a/packages/chakra-ui/src/components/crud/list/index.spec.tsx b/packages/chakra-ui/src/components/crud/list/index.spec.tsx
index fda83592a771..9c4c3371f592 100644
--- a/packages/chakra-ui/src/components/crud/list/index.spec.tsx
+++ b/packages/chakra-ui/src/components/crud/list/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { crudListTests } from "@refinedev/ui-tests";
 import { RefineButtonTestIds } from "@refinedev/ui-types";
 import { Route, Routes } from "react-router-dom";
diff --git a/packages/chakra-ui/src/components/crud/list/index.tsx b/packages/chakra-ui/src/components/crud/list/index.tsx
index 9cf4649d45c7..be7320039d0a 100644
--- a/packages/chakra-ui/src/components/crud/list/index.tsx
+++ b/packages/chakra-ui/src/components/crud/list/index.tsx
@@ -9,8 +9,8 @@ import {
 
 import { Box, Heading } from "@chakra-ui/react";
 
-import { CreateButton, Breadcrumb, CreateButtonProps } from "@components";
-import { ListProps } from "../types";
+import { CreateButton, Breadcrumb, type CreateButtonProps } from "@components";
+import type { ListProps } from "../types";
 import { RefinePageHeaderClassNames } from "@refinedev/ui-types";
 
 export const List: React.FC<ListProps> = (props) => {
diff --git a/packages/chakra-ui/src/components/crud/show/index.spec.tsx b/packages/chakra-ui/src/components/crud/show/index.spec.tsx
index dfdfc03aff92..9864f4a5e234 100644
--- a/packages/chakra-ui/src/components/crud/show/index.spec.tsx
+++ b/packages/chakra-ui/src/components/crud/show/index.spec.tsx
@@ -1,6 +1,6 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { Route, Routes } from "react-router-dom";
-import { AccessControlProvider } from "@refinedev/core";
+import type { AccessControlProvider } from "@refinedev/core";
 import { crudShowTests } from "@refinedev/ui-tests";
 
 import { render, TestWrapper, waitFor } from "@test";
diff --git a/packages/chakra-ui/src/components/crud/show/index.tsx b/packages/chakra-ui/src/components/crud/show/index.tsx
index 46e308c35ea5..94baaee043c3 100644
--- a/packages/chakra-ui/src/components/crud/show/index.tsx
+++ b/packages/chakra-ui/src/components/crud/show/index.tsx
@@ -21,12 +21,12 @@ import {
   ListButton,
   RefreshButton,
   Breadcrumb,
-  ListButtonProps,
-  EditButtonProps,
-  DeleteButtonProps,
-  RefreshButtonProps,
+  type ListButtonProps,
+  type EditButtonProps,
+  type DeleteButtonProps,
+  type RefreshButtonProps,
 } from "@components";
-import { ShowProps } from "../types";
+import type { ShowProps } from "../types";
 import { RefinePageHeaderClassNames } from "@refinedev/ui-types";
 
 export const Show: React.FC<ShowProps> = (props) => {
diff --git a/packages/chakra-ui/src/components/crud/types.ts b/packages/chakra-ui/src/components/crud/types.ts
index 4c045dd62606..d2550ce17e6a 100644
--- a/packages/chakra-ui/src/components/crud/types.ts
+++ b/packages/chakra-ui/src/components/crud/types.ts
@@ -1,5 +1,5 @@
-import { BoxProps, StackProps } from "@chakra-ui/react";
-import {
+import type { BoxProps, StackProps } from "@chakra-ui/react";
+import type {
   CreateButtonProps,
   DeleteButtonProps,
   EditButtonProps,
@@ -7,7 +7,7 @@ import {
   ListButtonProps,
   SaveButtonProps,
 } from "../buttons/types";
-import {
+import type {
   RefineCrudCreateProps,
   RefineCrudEditProps,
   RefineCrudListProps,
diff --git a/packages/chakra-ui/src/components/fields/boolean/index.tsx b/packages/chakra-ui/src/components/fields/boolean/index.tsx
index 40d00cc21edf..52cd44b8adb7 100644
--- a/packages/chakra-ui/src/components/fields/boolean/index.tsx
+++ b/packages/chakra-ui/src/components/fields/boolean/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { Tooltip } from "@chakra-ui/react";
 import { IconMinus, IconCheck } from "@tabler/icons-react";
 
-import { BooleanFieldProps } from "../types";
+import type { BooleanFieldProps } from "../types";
 
 /**
  * This field is used to display boolean values. It uses the {@link https://chakra-ui.com/docs/components/tooltip `<Tooltip>`} values from Chakra UI.
diff --git a/packages/chakra-ui/src/components/fields/date/index.tsx b/packages/chakra-ui/src/components/fields/date/index.tsx
index 80e6165e8e58..c1fd523fab42 100644
--- a/packages/chakra-ui/src/components/fields/date/index.tsx
+++ b/packages/chakra-ui/src/components/fields/date/index.tsx
@@ -9,7 +9,7 @@ dayjs.extend(LocalizedFormat);
 
 const defaultLocale = dayjs.locale();
 
-import { DateFieldProps } from "../types";
+import type { DateFieldProps } from "../types";
 
 /**
  * This field is used to display dates. It uses {@link https://day.js.org/docs/en/display/format `Day.js`} to display date format and
diff --git a/packages/chakra-ui/src/components/fields/email/index.tsx b/packages/chakra-ui/src/components/fields/email/index.tsx
index ec4f95fe5a91..bdb7be7e44fc 100644
--- a/packages/chakra-ui/src/components/fields/email/index.tsx
+++ b/packages/chakra-ui/src/components/fields/email/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Link } from "@chakra-ui/react";
 
-import { EmailFieldProps } from "../types";
+import type { EmailFieldProps } from "../types";
 
 /**
  * This field is used to display email values. It uses the {@link https://chakra-ui.com/docs/components/text  `<Text>` }
diff --git a/packages/chakra-ui/src/components/fields/file/index.tsx b/packages/chakra-ui/src/components/fields/file/index.tsx
index 887d7e5ed558..c5d2206602bd 100644
--- a/packages/chakra-ui/src/components/fields/file/index.tsx
+++ b/packages/chakra-ui/src/components/fields/file/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 import { UrlField } from "@components";
 
-import { FileFieldProps } from "../types";
+import type { FileFieldProps } from "../types";
 
 export const FileField: React.FC<FileFieldProps> = ({
   title,
diff --git a/packages/chakra-ui/src/components/fields/markdown/index.tsx b/packages/chakra-ui/src/components/fields/markdown/index.tsx
index f8491b56f501..491eb6626513 100644
--- a/packages/chakra-ui/src/components/fields/markdown/index.tsx
+++ b/packages/chakra-ui/src/components/fields/markdown/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import ReactMarkdown from "react-markdown";
 import gfm from "remark-gfm";
 
-import { MarkdownFieldProps } from "../types";
+import type { MarkdownFieldProps } from "../types";
 
 /**
  * This field lets you display markdown content. It supports {@link https://github.github.com/gfm/ GitHub Flavored Markdown}.
diff --git a/packages/chakra-ui/src/components/fields/number/index.tsx b/packages/chakra-ui/src/components/fields/number/index.tsx
index 1f6c9221d804..1c3c4faa4c4c 100644
--- a/packages/chakra-ui/src/components/fields/number/index.tsx
+++ b/packages/chakra-ui/src/components/fields/number/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Text } from "@chakra-ui/react";
 
-import { NumberFieldProps } from "../types";
+import type { NumberFieldProps } from "../types";
 
 function toLocaleStringSupportsOptions() {
   return !!(
diff --git a/packages/chakra-ui/src/components/fields/tag/index.tsx b/packages/chakra-ui/src/components/fields/tag/index.tsx
index a9493708ac8f..e141657efb52 100644
--- a/packages/chakra-ui/src/components/fields/tag/index.tsx
+++ b/packages/chakra-ui/src/components/fields/tag/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Tag } from "@chakra-ui/react";
 
-import { TagFieldProps } from "../types";
+import type { TagFieldProps } from "../types";
 
 /**
  * This field lets you display a value in a tag. It uses Chakra UI {@link https://chakra-ui.com/docs/components/tag `<Tag>`} component.
diff --git a/packages/chakra-ui/src/components/fields/text/index.tsx b/packages/chakra-ui/src/components/fields/text/index.tsx
index 430485cebbef..1fd63959210a 100644
--- a/packages/chakra-ui/src/components/fields/text/index.tsx
+++ b/packages/chakra-ui/src/components/fields/text/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Text } from "@chakra-ui/react";
 
-import { TextFieldProps } from "../types";
+import type { TextFieldProps } from "../types";
 
 /**
  * This field lets you show basic text. It uses Chakra UI {@link https://chakra-ui.com/docs/components/text  `<Text>`} component.
diff --git a/packages/chakra-ui/src/components/fields/types.ts b/packages/chakra-ui/src/components/fields/types.ts
index 68ced9f8051b..a4f26a0976f7 100644
--- a/packages/chakra-ui/src/components/fields/types.ts
+++ b/packages/chakra-ui/src/components/fields/types.ts
@@ -1,6 +1,11 @@
-import { ReactChild, ReactNode } from "react";
-import { LinkProps, TagProps, TextProps, TooltipProps } from "@chakra-ui/react";
-import {
+import type { ReactChild, ReactNode } from "react";
+import type {
+  LinkProps,
+  TagProps,
+  TextProps,
+  TooltipProps,
+} from "@chakra-ui/react";
+import type {
   RefineFieldBooleanProps,
   RefineFieldDateProps,
   RefineFieldEmailProps,
@@ -12,7 +17,7 @@ import {
   RefineFieldUrlProps,
 } from "@refinedev/ui-types";
 import type { IconProps } from "@tabler/icons-react";
-import { ConfigType } from "dayjs";
+import type { ConfigType } from "dayjs";
 
 export type BooleanFieldProps = RefineFieldBooleanProps<
   unknown,
diff --git a/packages/chakra-ui/src/components/fields/url/index.tsx b/packages/chakra-ui/src/components/fields/url/index.tsx
index 2c9cacc6f622..f664d8d99846 100644
--- a/packages/chakra-ui/src/components/fields/url/index.tsx
+++ b/packages/chakra-ui/src/components/fields/url/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Link } from "@chakra-ui/react";
 
-import { UrlFieldProps } from "../types";
+import type { UrlFieldProps } from "../types";
 
 /**
  * This field is used to display email values. It uses the {@link https://chakra-ui.com/docs/components/text  `<Text>` } component from Chakra UI.
diff --git a/packages/chakra-ui/src/components/layout/header/index.spec.tsx b/packages/chakra-ui/src/components/layout/header/index.spec.tsx
index 41c1c87beb73..e2bdcbe6dcb7 100644
--- a/packages/chakra-ui/src/components/layout/header/index.spec.tsx
+++ b/packages/chakra-ui/src/components/layout/header/index.spec.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { render, TestWrapper } from "@test";
 import { Header } from "./index";
-import { AuthProvider, LegacyAuthProvider } from "@refinedev/core";
+import type { AuthProvider, LegacyAuthProvider } from "@refinedev/core";
 
 const mockLegacyAuthProvider: LegacyAuthProvider = {
   login: () => Promise.resolve(),
diff --git a/packages/chakra-ui/src/components/layout/header/index.tsx b/packages/chakra-ui/src/components/layout/header/index.tsx
index 3114616494f0..b53bb0cd01f7 100644
--- a/packages/chakra-ui/src/components/layout/header/index.tsx
+++ b/packages/chakra-ui/src/components/layout/header/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { useGetIdentity, useActiveAuthProvider } from "@refinedev/core";
 import { Box, Avatar, Text, HStack } from "@chakra-ui/react";
 
-import { RefineLayoutHeaderProps } from "../types";
+import type { RefineLayoutHeaderProps } from "../types";
 
 export const Header: React.FC<RefineLayoutHeaderProps> = () => {
   const authProvider = useActiveAuthProvider();
diff --git a/packages/chakra-ui/src/components/layout/index.tsx b/packages/chakra-ui/src/components/layout/index.tsx
index 0462f5139d77..1cf836b404a3 100644
--- a/packages/chakra-ui/src/components/layout/index.tsx
+++ b/packages/chakra-ui/src/components/layout/index.tsx
@@ -3,7 +3,7 @@ import { Box, useColorModeValue } from "@chakra-ui/react";
 
 import { Sider as DefaultSider } from "./sider";
 import { Header as DefaultHeader } from "./header";
-import { RefineLayoutLayoutProps } from "./types";
+import type { RefineLayoutLayoutProps } from "./types";
 
 /**
  * @deprecated use `<ThemedLayout>` instead with 100% backward compatibility.
diff --git a/packages/chakra-ui/src/components/layout/sider/index.tsx b/packages/chakra-ui/src/components/layout/sider/index.tsx
index e2ffbad00ee4..0a2d516d7418 100644
--- a/packages/chakra-ui/src/components/layout/sider/index.tsx
+++ b/packages/chakra-ui/src/components/layout/sider/index.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import {
   CanAccess,
-  ITreeMenu,
+  type ITreeMenu,
   useIsExistAuthentication,
   useLink,
   useLogout,
@@ -27,7 +27,7 @@ import {
   DrawerOverlay,
   IconButton,
   Tooltip,
-  TooltipProps,
+  type TooltipProps,
   VStack,
 } from "@chakra-ui/react";
 import {
@@ -40,7 +40,7 @@ import {
 } from "@tabler/icons-react";
 
 import { Title as DefaultTitle } from "@components";
-import { RefineLayoutSiderProps } from "../types";
+import type { RefineLayoutSiderProps } from "../types";
 
 export const Sider: React.FC<RefineLayoutSiderProps> = ({
   Title: TitleFromProps,
diff --git a/packages/chakra-ui/src/components/layout/title/index.tsx b/packages/chakra-ui/src/components/layout/title/index.tsx
index 7041fd330764..747d48e925f2 100644
--- a/packages/chakra-ui/src/components/layout/title/index.tsx
+++ b/packages/chakra-ui/src/components/layout/title/index.tsx
@@ -3,7 +3,7 @@ import {
   useRouterContext,
   useRouterType,
   useLink,
-  TitleProps,
+  type TitleProps,
 } from "@refinedev/core";
 import { Link as ChakraLink } from "@chakra-ui/react";
 
diff --git a/packages/chakra-ui/src/components/pages/auth/components/forgotPassword/index.tsx b/packages/chakra-ui/src/components/pages/auth/components/forgotPassword/index.tsx
index 2feb8412ed25..c6838aa940d1 100644
--- a/packages/chakra-ui/src/components/pages/auth/components/forgotPassword/index.tsx
+++ b/packages/chakra-ui/src/components/pages/auth/components/forgotPassword/index.tsx
@@ -5,14 +5,14 @@ import {
   useRouterType,
   useRouterContext,
   useForgotPassword,
-  ForgotPasswordFormTypes,
-  ForgotPasswordPageProps,
-  BaseRecord,
-  HttpError,
+  type ForgotPasswordFormTypes,
+  type ForgotPasswordPageProps,
+  type BaseRecord,
+  type HttpError,
 } from "@refinedev/core";
 import {
   Box,
-  BoxProps,
+  type BoxProps,
   Button,
   FormControl,
   FormErrorMessage,
@@ -25,7 +25,7 @@ import {
 import { useForm } from "@refinedev/react-hook-form";
 
 import { layoutProps, cardProps } from "../styles";
-import { FormPropsType } from "../..";
+import type { FormPropsType } from "../..";
 import { ThemedTitleV2 } from "@components";
 
 type ForgotPasswordProps = ForgotPasswordPageProps<
diff --git a/packages/chakra-ui/src/components/pages/auth/components/login/index.tsx b/packages/chakra-ui/src/components/pages/auth/components/login/index.tsx
index 7a2eaed4a64b..3036f1143dc6 100644
--- a/packages/chakra-ui/src/components/pages/auth/components/login/index.tsx
+++ b/packages/chakra-ui/src/components/pages/auth/components/login/index.tsx
@@ -1,20 +1,20 @@
 import React from "react";
 import {
-  LoginPageProps,
-  LoginFormTypes,
+  type LoginPageProps,
+  type LoginFormTypes,
   useRouterType,
   useLink,
   useRouterContext,
   useLogin,
   useTranslate,
-  BaseRecord,
-  HttpError,
+  type BaseRecord,
+  type HttpError,
   useActiveAuthProvider,
 } from "@refinedev/core";
 import {
   Box,
   Heading,
-  BoxProps,
+  type BoxProps,
   VStack,
   Button,
   Divider,
@@ -31,7 +31,7 @@ import { useForm } from "@refinedev/react-hook-form";
 import { FormProvider } from "react-hook-form";
 
 import { layoutProps, cardProps } from "../styles";
-import { FormPropsType } from "../..";
+import type { FormPropsType } from "../..";
 import { ThemedTitleV2 } from "@components";
 
 type LoginProps = LoginPageProps<
diff --git a/packages/chakra-ui/src/components/pages/auth/components/register/index.tsx b/packages/chakra-ui/src/components/pages/auth/components/register/index.tsx
index fa16e6046090..ce52fb89ee70 100644
--- a/packages/chakra-ui/src/components/pages/auth/components/register/index.tsx
+++ b/packages/chakra-ui/src/components/pages/auth/components/register/index.tsx
@@ -5,15 +5,15 @@ import {
   useLink,
   useRouterContext,
   useRegister,
-  RegisterPageProps,
-  RegisterFormTypes,
-  BaseRecord,
-  HttpError,
+  type RegisterPageProps,
+  type RegisterFormTypes,
+  type BaseRecord,
+  type HttpError,
   useActiveAuthProvider,
 } from "@refinedev/core";
 import {
   Box,
-  BoxProps,
+  type BoxProps,
   Button,
   Divider,
   FormControl,
@@ -28,7 +28,7 @@ import {
 import { useForm } from "@refinedev/react-hook-form";
 
 import { layoutProps, cardProps } from "../styles";
-import { FormPropsType } from "../..";
+import type { FormPropsType } from "../..";
 import { ThemedTitleV2 } from "@components";
 
 type RegisterProps = RegisterPageProps<
diff --git a/packages/chakra-ui/src/components/pages/auth/components/styles.ts b/packages/chakra-ui/src/components/pages/auth/components/styles.ts
index 67cecc011483..d3e6dc3f102c 100644
--- a/packages/chakra-ui/src/components/pages/auth/components/styles.ts
+++ b/packages/chakra-ui/src/components/pages/auth/components/styles.ts
@@ -1,4 +1,4 @@
-import { BoxProps } from "@chakra-ui/react";
+import type { BoxProps } from "@chakra-ui/react";
 
 export const layoutProps: BoxProps = {
   display: "flex",
diff --git a/packages/chakra-ui/src/components/pages/auth/components/updatePassword/index.tsx b/packages/chakra-ui/src/components/pages/auth/components/updatePassword/index.tsx
index 8cc6784fc47e..7afdbdfd6015 100644
--- a/packages/chakra-ui/src/components/pages/auth/components/updatePassword/index.tsx
+++ b/packages/chakra-ui/src/components/pages/auth/components/updatePassword/index.tsx
@@ -2,15 +2,15 @@ import React from "react";
 import {
   useTranslate,
   useUpdatePassword,
-  UpdatePasswordFormTypes,
-  UpdatePasswordPageProps,
-  BaseRecord,
-  HttpError,
+  type UpdatePasswordFormTypes,
+  type UpdatePasswordPageProps,
+  type BaseRecord,
+  type HttpError,
   useActiveAuthProvider,
 } from "@refinedev/core";
 import {
   Box,
-  BoxProps,
+  type BoxProps,
   Button,
   FormControl,
   FormErrorMessage,
@@ -22,7 +22,7 @@ import {
 import { useForm } from "@refinedev/react-hook-form";
 
 import { layoutProps, cardProps } from "../styles";
-import { FormPropsType } from "../..";
+import type { FormPropsType } from "../..";
 import { ThemedTitleV2 } from "@components";
 
 type UpdatePasswordProps = UpdatePasswordPageProps<
diff --git a/packages/chakra-ui/src/components/pages/auth/index.tsx b/packages/chakra-ui/src/components/pages/auth/index.tsx
index 39a5eda55b84..5680938feffb 100644
--- a/packages/chakra-ui/src/components/pages/auth/index.tsx
+++ b/packages/chakra-ui/src/components/pages/auth/index.tsx
@@ -1,13 +1,13 @@
 import React from "react";
-import { AuthPageProps } from "@refinedev/core";
+import type { AuthPageProps } from "@refinedev/core";
 import {
   LoginPage,
   RegisterPage,
   ForgotPasswordPage,
   UpdatePasswordPage,
 } from "./components";
-import { BoxProps } from "@chakra-ui/react";
-import { UseFormProps } from "@refinedev/react-hook-form";
+import type { BoxProps } from "@chakra-ui/react";
+import type { UseFormProps } from "@refinedev/react-hook-form";
 
 export interface FormPropsType<TFormType> extends UseFormProps {
   onSubmit?: (values: TFormType) => void;
diff --git a/packages/chakra-ui/src/components/pages/error/index.spec.tsx b/packages/chakra-ui/src/components/pages/error/index.spec.tsx
index 276b9f4c730e..46b97297ef88 100644
--- a/packages/chakra-ui/src/components/pages/error/index.spec.tsx
+++ b/packages/chakra-ui/src/components/pages/error/index.spec.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import { pageErrorTests } from "@refinedev/ui-tests";
-import ReactRouterDom, { Route, Routes } from "react-router-dom";
+import type ReactRouterDom from "react-router-dom";
+import { Route, Routes } from "react-router-dom";
 import userEvent from "@testing-library/user-event";
 
 import { ErrorComponent } from ".";
diff --git a/packages/chakra-ui/src/components/pages/error/index.tsx b/packages/chakra-ui/src/components/pages/error/index.tsx
index eba61d20b958..78f8bc13aacd 100644
--- a/packages/chakra-ui/src/components/pages/error/index.tsx
+++ b/packages/chakra-ui/src/components/pages/error/index.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { RefineErrorPageProps } from "@refinedev/ui-types";
+import type { RefineErrorPageProps } from "@refinedev/ui-types";
 import {
   useGo,
   useResource,
diff --git a/packages/chakra-ui/src/components/pages/ready/index.tsx b/packages/chakra-ui/src/components/pages/ready/index.tsx
index 1fc4ae938501..e2fa057c4c71 100644
--- a/packages/chakra-ui/src/components/pages/ready/index.tsx
+++ b/packages/chakra-ui/src/components/pages/ready/index.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { RefineReadyPageProps } from "@refinedev/ui-types";
+import type { RefineReadyPageProps } from "@refinedev/ui-types";
 import {
   Box,
   Code,
diff --git a/packages/chakra-ui/src/components/themedLayout/header/index.spec.tsx b/packages/chakra-ui/src/components/themedLayout/header/index.spec.tsx
index 5022bb461b03..b6fb9a50e3df 100644
--- a/packages/chakra-ui/src/components/themedLayout/header/index.spec.tsx
+++ b/packages/chakra-ui/src/components/themedLayout/header/index.spec.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { render, TestWrapper } from "@test";
 import { ThemedHeader } from "./index";
-import { AuthProvider, LegacyAuthProvider } from "@refinedev/core";
+import type { AuthProvider, LegacyAuthProvider } from "@refinedev/core";
 
 const mockLegacyAuthProvider: LegacyAuthProvider = {
   login: () => Promise.resolve(),
diff --git a/packages/chakra-ui/src/components/themedLayout/header/index.tsx b/packages/chakra-ui/src/components/themedLayout/header/index.tsx
index bc156134af67..aabf92d5a7e6 100644
--- a/packages/chakra-ui/src/components/themedLayout/header/index.tsx
+++ b/packages/chakra-ui/src/components/themedLayout/header/index.tsx
@@ -9,7 +9,7 @@ import {
   IconButton,
   Icon,
 } from "@chakra-ui/react";
-import { RefineThemedLayoutHeaderProps } from "../types";
+import type { RefineThemedLayoutHeaderProps } from "../types";
 import {
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
diff --git a/packages/chakra-ui/src/components/themedLayout/index.tsx b/packages/chakra-ui/src/components/themedLayout/index.tsx
index ef6e4d2af19c..b86b57a08ca2 100644
--- a/packages/chakra-ui/src/components/themedLayout/index.tsx
+++ b/packages/chakra-ui/src/components/themedLayout/index.tsx
@@ -3,7 +3,7 @@ import { Box } from "@chakra-ui/react";
 
 import { ThemedSider as DefaultSider } from "./sider";
 import { ThemedHeader as DefaultHeader } from "./header";
-import { RefineThemedLayoutProps } from "./types";
+import type { RefineThemedLayoutProps } from "./types";
 
 /**
  * @deprecated It is recommended to use the improved `ThemedLayoutV2`. Review migration guidelines. https://refine.dev/docs/api-reference/chakra-ui/components/chakra-ui-themed-layout/#migrate-themedlayout-to-themedlayoutv2
diff --git a/packages/chakra-ui/src/components/themedLayout/sider/index.tsx b/packages/chakra-ui/src/components/themedLayout/sider/index.tsx
index 37b82cafc965..30ca52773f2d 100644
--- a/packages/chakra-ui/src/components/themedLayout/sider/index.tsx
+++ b/packages/chakra-ui/src/components/themedLayout/sider/index.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import {
   CanAccess,
-  ITreeMenu,
+  type ITreeMenu,
   useIsExistAuthentication,
   useLink,
   useLogout,
@@ -27,7 +27,7 @@ import {
   DrawerOverlay,
   IconButton,
   Tooltip,
-  TooltipProps,
+  type TooltipProps,
   useColorModeValue,
   VStack,
 } from "@chakra-ui/react";
@@ -39,7 +39,7 @@ import {
 } from "@tabler/icons-react";
 
 import { ThemedTitle as DefaultTitle } from "@components";
-import { RefineThemedLayoutSiderProps } from "../types";
+import type { RefineThemedLayoutSiderProps } from "../types";
 
 /**
  * @deprecated It is recommended to use the improved `ThemedLayoutV2`. Review migration guidelines. https://refine.dev/docs/api-reference/chakra-ui/components/chakra-ui-themed-layout/#migrate-themedlayout-to-themedlayoutv2
diff --git a/packages/chakra-ui/src/components/themedLayout/title/index.tsx b/packages/chakra-ui/src/components/themedLayout/title/index.tsx
index 1b67932d1e41..715619737725 100644
--- a/packages/chakra-ui/src/components/themedLayout/title/index.tsx
+++ b/packages/chakra-ui/src/components/themedLayout/title/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useRouterContext, useRouterType, useLink } from "@refinedev/core";
 import { Link as ChakraLink, Icon, HStack, Heading } from "@chakra-ui/react";
-import { RefineLayoutThemedTitleProps } from "../types";
+import type { RefineLayoutThemedTitleProps } from "../types";
 
 const defaultText = "Refine Project";
 
diff --git a/packages/chakra-ui/src/components/themedLayoutV2/hamburgerMenu/index.tsx b/packages/chakra-ui/src/components/themedLayoutV2/hamburgerMenu/index.tsx
index 4caffbdd7b33..46d7c03d1170 100644
--- a/packages/chakra-ui/src/components/themedLayoutV2/hamburgerMenu/index.tsx
+++ b/packages/chakra-ui/src/components/themedLayoutV2/hamburgerMenu/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { IconButtonProps, IconButton } from "@chakra-ui/react";
+import { type IconButtonProps, IconButton } from "@chakra-ui/react";
 import {
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
diff --git a/packages/chakra-ui/src/components/themedLayoutV2/header/index.spec.tsx b/packages/chakra-ui/src/components/themedLayoutV2/header/index.spec.tsx
index 0016b4453244..1c6887e09ee6 100644
--- a/packages/chakra-ui/src/components/themedLayoutV2/header/index.spec.tsx
+++ b/packages/chakra-ui/src/components/themedLayoutV2/header/index.spec.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { render, TestWrapper, waitFor } from "@test";
 import { ThemedHeaderV2 } from "./index";
-import { AuthProvider, LegacyAuthProvider } from "@refinedev/core";
+import type { AuthProvider, LegacyAuthProvider } from "@refinedev/core";
 
 const mockLegacyAuthProvider: LegacyAuthProvider = {
   login: () => Promise.resolve(),
diff --git a/packages/chakra-ui/src/components/themedLayoutV2/header/index.tsx b/packages/chakra-ui/src/components/themedLayoutV2/header/index.tsx
index fc988af3f3db..fa17511da25b 100644
--- a/packages/chakra-ui/src/components/themedLayoutV2/header/index.tsx
+++ b/packages/chakra-ui/src/components/themedLayoutV2/header/index.tsx
@@ -10,9 +10,9 @@ import {
   Text,
   HStack,
   useColorModeValue,
-  BoxProps,
+  type BoxProps,
 } from "@chakra-ui/react";
-import { RefineThemedLayoutV2HeaderProps } from "../types";
+import type { RefineThemedLayoutV2HeaderProps } from "../types";
 import { HamburgerMenu } from "../hamburgerMenu";
 
 export const ThemedHeaderV2: React.FC<RefineThemedLayoutV2HeaderProps> = ({
diff --git a/packages/chakra-ui/src/components/themedLayoutV2/index.tsx b/packages/chakra-ui/src/components/themedLayoutV2/index.tsx
index 7181054df293..35047d710080 100644
--- a/packages/chakra-ui/src/components/themedLayoutV2/index.tsx
+++ b/packages/chakra-ui/src/components/themedLayoutV2/index.tsx
@@ -3,7 +3,7 @@ import { Box } from "@chakra-ui/react";
 
 import { ThemedSiderV2 as DefaultSider } from "./sider";
 import { ThemedHeaderV2 as DefaultHeader } from "./header";
-import { RefineThemedLayoutV2Props } from "./types";
+import type { RefineThemedLayoutV2Props } from "./types";
 import { ThemedLayoutContextProvider } from "../../contexts";
 
 export const ThemedLayoutV2: React.FC<RefineThemedLayoutV2Props> = ({
diff --git a/packages/chakra-ui/src/components/themedLayoutV2/sider/index.tsx b/packages/chakra-ui/src/components/themedLayoutV2/sider/index.tsx
index 6b1d7d08df0c..229de458b717 100644
--- a/packages/chakra-ui/src/components/themedLayoutV2/sider/index.tsx
+++ b/packages/chakra-ui/src/components/themedLayoutV2/sider/index.tsx
@@ -1,7 +1,7 @@
-import React, { CSSProperties } from "react";
+import React, { type CSSProperties } from "react";
 import {
   CanAccess,
-  ITreeMenu,
+  type ITreeMenu,
   useIsExistAuthentication,
   useLink,
   useLogout,
@@ -26,14 +26,14 @@ import {
   DrawerContent,
   DrawerOverlay,
   Tooltip,
-  TooltipProps,
+  type TooltipProps,
   useColorModeValue,
   VStack,
 } from "@chakra-ui/react";
 import { IconList, IconDashboard, IconPower } from "@tabler/icons-react";
 
 import { ThemedTitleV2 as DefaultTitle } from "../title";
-import { RefineThemedLayoutV2SiderProps } from "../types";
+import type { RefineThemedLayoutV2SiderProps } from "../types";
 import { useThemedLayoutContext } from "@hooks";
 
 export const ThemedSiderV2: React.FC<RefineThemedLayoutV2SiderProps> = ({
diff --git a/packages/chakra-ui/src/components/themedLayoutV2/title/index.tsx b/packages/chakra-ui/src/components/themedLayoutV2/title/index.tsx
index 1ea727f376e0..04d3fc20dcfd 100644
--- a/packages/chakra-ui/src/components/themedLayoutV2/title/index.tsx
+++ b/packages/chakra-ui/src/components/themedLayoutV2/title/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useRouterContext, useRouterType, useLink } from "@refinedev/core";
 import { Link as ChakraLink, Icon, HStack, Heading } from "@chakra-ui/react";
-import { RefineLayoutThemedTitleProps } from "../types";
+import type { RefineLayoutThemedTitleProps } from "../types";
 
 const defaultText = "Refine Project";
 
diff --git a/packages/chakra-ui/src/components/undoableNotification/index.tsx b/packages/chakra-ui/src/components/undoableNotification/index.tsx
index 3ed874d86ae1..a6c259f3ce16 100644
--- a/packages/chakra-ui/src/components/undoableNotification/index.tsx
+++ b/packages/chakra-ui/src/components/undoableNotification/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { OpenNotificationParams } from "@refinedev/core";
+import type { OpenNotificationParams } from "@refinedev/core";
 import {
   Box,
   CircularProgress,
diff --git a/packages/chakra-ui/src/contexts/themedLayoutContext/index.tsx b/packages/chakra-ui/src/contexts/themedLayoutContext/index.tsx
index d193fa8f6208..cedb65c6a300 100644
--- a/packages/chakra-ui/src/contexts/themedLayoutContext/index.tsx
+++ b/packages/chakra-ui/src/contexts/themedLayoutContext/index.tsx
@@ -1,6 +1,6 @@
-import React, { ReactNode, useState } from "react";
+import React, { type ReactNode, useState } from "react";
 
-import { IThemedLayoutContext } from "./IThemedLayoutContext";
+import type { IThemedLayoutContext } from "./IThemedLayoutContext";
 
 export const ThemedLayoutContext = React.createContext<IThemedLayoutContext>({
   siderCollapsed: false,
diff --git a/packages/chakra-ui/src/hooks/useThemedLayoutContext/index.ts b/packages/chakra-ui/src/hooks/useThemedLayoutContext/index.ts
index 8ce1b5f1db9e..42525bbb8a03 100644
--- a/packages/chakra-ui/src/hooks/useThemedLayoutContext/index.ts
+++ b/packages/chakra-ui/src/hooks/useThemedLayoutContext/index.ts
@@ -1,7 +1,7 @@
 import { useContext } from "react";
 
 import { ThemedLayoutContext } from "../../contexts/themedLayoutContext";
-import { IThemedLayoutContext } from "../../contexts/themedLayoutContext/IThemedLayoutContext";
+import type { IThemedLayoutContext } from "../../contexts/themedLayoutContext/IThemedLayoutContext";
 
 export type UseThemedLayoutContextType = IThemedLayoutContext;
 
diff --git a/packages/chakra-ui/src/providers/notificationProvider.tsx b/packages/chakra-ui/src/providers/notificationProvider.tsx
index 022f4f07b711..7374f9f2c203 100644
--- a/packages/chakra-ui/src/providers/notificationProvider.tsx
+++ b/packages/chakra-ui/src/providers/notificationProvider.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NotificationProvider } from "@refinedev/core";
+import type { NotificationProvider } from "@refinedev/core";
 import { useToast } from "@chakra-ui/react";
 
 import { UndoableNotification } from "@components/undoableNotification";
diff --git a/packages/chakra-ui/src/theme/index.ts b/packages/chakra-ui/src/theme/index.ts
index 0830f07bcfa3..421373851dbf 100644
--- a/packages/chakra-ui/src/theme/index.ts
+++ b/packages/chakra-ui/src/theme/index.ts
@@ -1,8 +1,8 @@
 import {
   extendTheme,
   baseTheme,
-  Theme,
-  StyleFunctionProps,
+  type Theme,
+  type StyleFunctionProps,
 } from "@chakra-ui/react";
 import { mode } from "@chakra-ui/theme-tools";
 
diff --git a/packages/chakra-ui/test/dataMocks.ts b/packages/chakra-ui/test/dataMocks.ts
index 9c453b28fbb5..1cf005c4ff89 100644
--- a/packages/chakra-ui/test/dataMocks.ts
+++ b/packages/chakra-ui/test/dataMocks.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { useParams, useLocation, Link, useNavigate } from "react-router-dom";
 
 export const posts = [
diff --git a/packages/chakra-ui/test/index.tsx b/packages/chakra-ui/test/index.tsx
index 34c84ee6a7b7..fa09eb56f588 100644
--- a/packages/chakra-ui/test/index.tsx
+++ b/packages/chakra-ui/test/index.tsx
@@ -3,13 +3,13 @@ import { BrowserRouter } from "react-router-dom";
 
 import {
   Refine,
-  I18nProvider,
-  AccessControlProvider,
-  DataProvider,
-  NotificationProvider,
-  IResourceItem,
-  AuthProvider,
-  LegacyAuthProvider,
+  type I18nProvider,
+  type AccessControlProvider,
+  type DataProvider,
+  type NotificationProvider,
+  type IResourceItem,
+  type AuthProvider,
+  type LegacyAuthProvider,
 } from "@refinedev/core";
 
 import { MockRouterProvider, MockJSONServer } from "@test";
diff --git a/packages/cli/src/commands/add/index.ts b/packages/cli/src/commands/add/index.ts
index cda33016488e..9f0ded7e86bb 100644
--- a/packages/cli/src/commands/add/index.ts
+++ b/packages/cli/src/commands/add/index.ts
@@ -1,4 +1,4 @@
-import { Command } from "commander";
+import type { Command } from "commander";
 
 import { addCommandPrompt } from "./prompt";
 import { IntegrationCommand } from "./sub-commands/integration/command";
diff --git a/packages/cli/src/commands/add/prompt.ts b/packages/cli/src/commands/add/prompt.ts
index d8a111af7177..d47f14d37dce 100644
--- a/packages/cli/src/commands/add/prompt.ts
+++ b/packages/cli/src/commands/add/prompt.ts
@@ -1,10 +1,10 @@
 import chalk from "chalk";
-import inquirer, { ListChoiceOptions } from "inquirer";
+import inquirer, { type ListChoiceOptions } from "inquirer";
 
-import { IntegrationId } from "./sub-commands/integration/packages";
+import type { IntegrationId } from "./sub-commands/integration/packages";
 import { buildIntegrationChoices } from "./sub-commands/integration/prompt";
 import { buildProviderChoices } from "./sub-commands/provider/prompt";
-import { ProviderId } from "./sub-commands/provider/providers";
+import type { ProviderId } from "./sub-commands/provider/providers";
 
 const wrapChoices = (
   group: string,
diff --git a/packages/cli/src/commands/add/sub-commands/integration/packages/ant-design.ts b/packages/cli/src/commands/add/sub-commands/integration/packages/ant-design.ts
index b4445e48ce12..2f394d50681b 100644
--- a/packages/cli/src/commands/add/sub-commands/integration/packages/ant-design.ts
+++ b/packages/cli/src/commands/add/sub-commands/integration/packages/ant-design.ts
@@ -1,6 +1,6 @@
 import { ProjectTypes } from "@definitions/projectTypes";
 
-import { Integration } from ".";
+import type { Integration } from ".";
 import { runTransformer } from "../run-transformer";
 import { prettifyChoice } from "../utils/prettify-choice";
 
diff --git a/packages/cli/src/commands/add/sub-commands/integration/packages/index.ts b/packages/cli/src/commands/add/sub-commands/integration/packages/index.ts
index 6e86f5f11ed9..1fde2f0f712b 100644
--- a/packages/cli/src/commands/add/sub-commands/integration/packages/index.ts
+++ b/packages/cli/src/commands/add/sub-commands/integration/packages/index.ts
@@ -1,4 +1,4 @@
-import { ProjectTypes } from "@definitions/projectTypes";
+import type { ProjectTypes } from "@definitions/projectTypes";
 import { AntDesignIntegration } from "./ant-design";
 import { ReactRouterIntegration } from "./react-router";
 
diff --git a/packages/cli/src/commands/add/sub-commands/integration/packages/react-router.ts b/packages/cli/src/commands/add/sub-commands/integration/packages/react-router.ts
index d63af54ab01f..133022c33b0c 100644
--- a/packages/cli/src/commands/add/sub-commands/integration/packages/react-router.ts
+++ b/packages/cli/src/commands/add/sub-commands/integration/packages/react-router.ts
@@ -1,6 +1,6 @@
 import { ProjectTypes } from "@definitions/projectTypes";
 
-import { Integration } from ".";
+import type { Integration } from ".";
 import { runTransformer } from "../run-transformer";
 import { prettifyChoice } from "../utils/prettify-choice";
 
diff --git a/packages/cli/src/commands/add/sub-commands/integration/prompt.ts b/packages/cli/src/commands/add/sub-commands/integration/prompt.ts
index fc032e7e570a..bc1f686b23cf 100644
--- a/packages/cli/src/commands/add/sub-commands/integration/prompt.ts
+++ b/packages/cli/src/commands/add/sub-commands/integration/prompt.ts
@@ -1,7 +1,7 @@
 import inquirer from "inquirer";
 
 import { getProjectType } from "@utils/project";
-import { availableIntegrations, IntegrationId } from "./packages";
+import { availableIntegrations, type IntegrationId } from "./packages";
 
 export const buildIntegrationChoices = () => {
   const projectType = getProjectType();
diff --git a/packages/cli/src/commands/add/sub-commands/integration/utils/prettify-choice.ts b/packages/cli/src/commands/add/sub-commands/integration/utils/prettify-choice.ts
index 9724008b302e..e94c8c7b6ebb 100644
--- a/packages/cli/src/commands/add/sub-commands/integration/utils/prettify-choice.ts
+++ b/packages/cli/src/commands/add/sub-commands/integration/utils/prettify-choice.ts
@@ -1,5 +1,5 @@
 import chalk from "chalk";
-import { IntegrationId } from "../packages";
+import type { IntegrationId } from "../packages";
 
 interface IntegrationChoice {
   id: IntegrationId;
diff --git a/packages/cli/src/commands/add/sub-commands/provider/command.ts b/packages/cli/src/commands/add/sub-commands/provider/command.ts
index ca31656d2141..1d5308258067 100644
--- a/packages/cli/src/commands/add/sub-commands/provider/command.ts
+++ b/packages/cli/src/commands/add/sub-commands/provider/command.ts
@@ -2,7 +2,7 @@ import { Argument, Command } from "commander";
 
 import { createProviders } from "./create-providers";
 import { addProviderPrompt } from "./prompt";
-import { availableProviders, ProviderId } from "./providers";
+import { availableProviders, type ProviderId } from "./providers";
 
 export const createProviderAction = async (
   providers: ProviderId[],
diff --git a/packages/cli/src/commands/add/sub-commands/provider/create-providers.ts b/packages/cli/src/commands/add/sub-commands/provider/create-providers.ts
index fb4fc93ae57a..a1c2d9c27506 100644
--- a/packages/cli/src/commands/add/sub-commands/provider/create-providers.ts
+++ b/packages/cli/src/commands/add/sub-commands/provider/create-providers.ts
@@ -2,7 +2,11 @@ import { getProjectType } from "@utils/project";
 import { getProviderPath } from "@utils/resource";
 import { copySync, mkdirSync, pathExistsSync } from "fs-extra";
 import { join } from "path";
-import { availableProviders, Provider, ProviderId } from "./providers";
+import {
+  availableProviders,
+  type Provider,
+  type ProviderId,
+} from "./providers";
 
 const baseTemplatePath = `${__dirname}/../templates/provider`;
 
diff --git a/packages/cli/src/commands/add/sub-commands/provider/prompt.ts b/packages/cli/src/commands/add/sub-commands/provider/prompt.ts
index e2910bfd6400..efbe125afd29 100644
--- a/packages/cli/src/commands/add/sub-commands/provider/prompt.ts
+++ b/packages/cli/src/commands/add/sub-commands/provider/prompt.ts
@@ -2,7 +2,7 @@ import chalk from "chalk";
 import inquirer from "inquirer";
 
 import { getDefaultPath } from "./create-providers";
-import { availableProviders, ProviderId } from "./providers";
+import { availableProviders, type ProviderId } from "./providers";
 
 export const buildProviderChoices = () => {
   return availableProviders.map((provider) => {
diff --git a/packages/cli/src/commands/check-updates/index.test.tsx b/packages/cli/src/commands/check-updates/index.test.tsx
index 40bb5b1095fa..9323cb82ac74 100644
--- a/packages/cli/src/commands/check-updates/index.test.tsx
+++ b/packages/cli/src/commands/check-updates/index.test.tsx
@@ -1,4 +1,4 @@
-import {
+import type {
   NpmOutdatedResponse,
   RefinePackageInstalledVersionData,
 } from "@definitions/package";
diff --git a/packages/cli/src/commands/check-updates/index.tsx b/packages/cli/src/commands/check-updates/index.tsx
index e4e72b30488b..b950aae70af9 100644
--- a/packages/cli/src/commands/check-updates/index.tsx
+++ b/packages/cli/src/commands/check-updates/index.tsx
@@ -1,9 +1,9 @@
-import { Command } from "commander";
+import type { Command } from "commander";
 import { printUpdateWarningTable } from "@components/update-warning-table";
 import { pmCommands } from "@utils/package";
 import execa from "execa";
 import spinner from "@utils/spinner";
-import {
+import type {
   NpmOutdatedResponse,
   RefinePackageInstalledVersionData,
 } from "@definitions/package";
diff --git a/packages/cli/src/commands/create-resource/index.ts b/packages/cli/src/commands/create-resource/index.ts
index 82ee112940f2..3e2f717f0446 100644
--- a/packages/cli/src/commands/create-resource/index.ts
+++ b/packages/cli/src/commands/create-resource/index.ts
@@ -1,4 +1,4 @@
-import { Command } from "commander";
+import type { Command } from "commander";
 import { getProjectType } from "@utils/project";
 import { getResourcePath } from "@utils/resource";
 import { createResources } from "@commands/add/sub-commands/resource/create-resources";
diff --git a/packages/cli/src/commands/devtools/index.ts b/packages/cli/src/commands/devtools/index.ts
index 6070bbd0aaa4..ebd12a19e66b 100644
--- a/packages/cli/src/commands/devtools/index.ts
+++ b/packages/cli/src/commands/devtools/index.ts
@@ -12,7 +12,7 @@ import spinner from "@utils/spinner";
 import boxen from "boxen";
 import cardinal from "cardinal";
 import chalk from "chalk";
-import { Argument, Command } from "commander";
+import { Argument, type Command } from "commander";
 import dedent from "dedent";
 import semver from "semver";
 
diff --git a/packages/cli/src/commands/proxy/index.ts b/packages/cli/src/commands/proxy/index.ts
index f16a75997f58..bd2db1900977 100644
--- a/packages/cli/src/commands/proxy/index.ts
+++ b/packages/cli/src/commands/proxy/index.ts
@@ -1,8 +1,8 @@
 import { ENV } from "@utils/env";
-import { Command } from "commander";
+import type { Command } from "commander";
 import express from "express";
 import { createProxyMiddleware } from "http-proxy-middleware";
-import { OnProxyResCallback } from "http-proxy-middleware/dist/types";
+import type { OnProxyResCallback } from "http-proxy-middleware/dist/types";
 
 const load = (program: Command) => {
   return program
diff --git a/packages/cli/src/commands/runner/dev/index.ts b/packages/cli/src/commands/runner/dev/index.ts
index 1a7a455e511b..0ec97265076c 100644
--- a/packages/cli/src/commands/runner/dev/index.ts
+++ b/packages/cli/src/commands/runner/dev/index.ts
@@ -1,6 +1,6 @@
 import { ProjectTypes } from "@definitions/projectTypes";
 import { getProjectType } from "@utils/project";
-import { Command, Option } from "commander";
+import { type Command, Option } from "commander";
 import { updateNotifier } from "src/update-notifier";
 import { devtoolsRunner } from "src/commands/devtools";
 import { projectScripts } from "../projectScripts";
diff --git a/packages/cli/src/commands/runner/run/index.ts b/packages/cli/src/commands/runner/run/index.ts
index abb1b1c59823..3b854f65834d 100644
--- a/packages/cli/src/commands/runner/run/index.ts
+++ b/packages/cli/src/commands/runner/run/index.ts
@@ -1,6 +1,6 @@
 import { getPreferedPM, getScripts } from "@utils/package";
 import chalk from "chalk";
-import { Command } from "commander";
+import type { Command } from "commander";
 import { runScript } from "../runScript";
 
 const run = (program: Command) => {
diff --git a/packages/cli/src/commands/runner/start/index.ts b/packages/cli/src/commands/runner/start/index.ts
index 803fcb765f9f..6f71a61e8724 100644
--- a/packages/cli/src/commands/runner/start/index.ts
+++ b/packages/cli/src/commands/runner/start/index.ts
@@ -1,6 +1,6 @@
 import { ProjectTypes } from "@definitions/projectTypes";
 import { getProjectType } from "@utils/project";
-import { Command, Option } from "commander";
+import { type Command, Option } from "commander";
 import { updateNotifier } from "src/update-notifier";
 import { projectScripts } from "../projectScripts";
 import { runScript } from "../runScript";
diff --git a/packages/cli/src/commands/swizzle/index.tsx b/packages/cli/src/commands/swizzle/index.tsx
index e64286a63107..f1c0be7b5371 100644
--- a/packages/cli/src/commands/swizzle/index.tsx
+++ b/packages/cli/src/commands/swizzle/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import path from "path";
 import chalk from "chalk";
 import inquirer from "inquirer";
-import { Command, OptionValues } from "commander";
+import type { Command, OptionValues } from "commander";
 import inquirerAutoCompletePrompt from "inquirer-autocomplete-prompt";
 import { ensureFile, pathExists, readFile, writeFile } from "fs-extra";
 
@@ -15,7 +15,7 @@ import {
 
 import { printSwizzleMessage } from "@components/swizzle-message";
 
-import { SwizzleFile } from "@definitions";
+import type { SwizzleFile } from "@definitions";
 import { parseSwizzleBlocks } from "@utils/swizzle/parseSwizzleBlocks";
 import { reorderImports } from "@utils/swizzle/import";
 import { SWIZZLE_CODES } from "@utils/swizzle/codes";
diff --git a/packages/cli/src/commands/update/index.ts b/packages/cli/src/commands/update/index.ts
index dd72606af57b..b597c82efeea 100644
--- a/packages/cli/src/commands/update/index.ts
+++ b/packages/cli/src/commands/update/index.ts
@@ -1,11 +1,11 @@
 import inquirer from "inquirer";
 import center from "center-align";
-import { Command, Option } from "commander";
+import { type Command, Option } from "commander";
 import spinner from "@utils/spinner";
 import { isRefineUptoDate } from "@commands/check-updates";
 import { getPreferedPM, installPackages, pmCommands } from "@utils/package";
 import { promptInteractiveRefineUpdate } from "@commands/update/interactive";
-import { RefinePackageInstalledVersionData } from "@definitions/package";
+import type { RefinePackageInstalledVersionData } from "@definitions/package";
 import { getVersionTable } from "@components/version-table";
 
 enum Tag {
diff --git a/packages/cli/src/commands/update/interactive/index.ts b/packages/cli/src/commands/update/interactive/index.ts
index 41365976fbb5..9c85489e5c5d 100644
--- a/packages/cli/src/commands/update/interactive/index.ts
+++ b/packages/cli/src/commands/update/interactive/index.ts
@@ -3,7 +3,7 @@ import semverDiff from "semver-diff";
 import chalk from "chalk";
 import { findDuplicates } from "@utils/array";
 import { parsePackageNameAndVersion } from "@utils/package";
-import { RefinePackageInstalledVersionData } from "@definitions/package";
+import type { RefinePackageInstalledVersionData } from "@definitions/package";
 
 type UIGroup = {
   patch: {
diff --git a/packages/cli/src/commands/whoami/index.ts b/packages/cli/src/commands/whoami/index.ts
index bc17ffcb9c1d..a5f4269687e2 100644
--- a/packages/cli/src/commands/whoami/index.ts
+++ b/packages/cli/src/commands/whoami/index.ts
@@ -1,5 +1,5 @@
 import { getInstalledRefinePackages } from "@utils/package";
-import { Command } from "commander";
+import type { Command } from "commander";
 import envinfo from "envinfo";
 import ora from "ora";
 
diff --git a/packages/cli/src/components/update-warning-table/table.ts b/packages/cli/src/components/update-warning-table/table.ts
index 7e998ba8007a..6f505d34e577 100644
--- a/packages/cli/src/components/update-warning-table/table.ts
+++ b/packages/cli/src/components/update-warning-table/table.ts
@@ -1,4 +1,4 @@
-import { RefinePackageInstalledVersionData } from "@definitions/package";
+import type { RefinePackageInstalledVersionData } from "@definitions/package";
 import chalk from "chalk";
 import center from "center-align";
 import { getDependencies, getPreferedPM, getScripts } from "@utils/package";
diff --git a/packages/cli/src/components/version-table/index.ts b/packages/cli/src/components/version-table/index.ts
index e14d35f0c569..5e1d1abf0e9f 100644
--- a/packages/cli/src/components/version-table/index.ts
+++ b/packages/cli/src/components/version-table/index.ts
@@ -1,4 +1,4 @@
-import { RefinePackageInstalledVersionData } from "@definitions/package";
+import type { RefinePackageInstalledVersionData } from "@definitions/package";
 import Table from "cli-table3";
 import chalk from "chalk";
 import { removeANSIColors } from "@utils/text";
diff --git a/packages/cli/src/telemetry/index.ts b/packages/cli/src/telemetry/index.ts
index cb8bbf4de673..bca282b36e35 100644
--- a/packages/cli/src/telemetry/index.ts
+++ b/packages/cli/src/telemetry/index.ts
@@ -1,5 +1,5 @@
-import { NODE_ENV } from "@definitions/node";
-import { ProjectTypes } from "@definitions/projectTypes";
+import type { NODE_ENV } from "@definitions/node";
+import type { ProjectTypes } from "@definitions/projectTypes";
 import { ENV } from "@utils/env";
 import { getOS } from "@utils/os";
 import { getInstalledRefinePackages, getRefineProjectId } from "@utils/package";
diff --git a/packages/cli/src/transformers/add-devtools-component.ts b/packages/cli/src/transformers/add-devtools-component.ts
index a25a1a66c8d5..d9f441b8626a 100644
--- a/packages/cli/src/transformers/add-devtools-component.ts
+++ b/packages/cli/src/transformers/add-devtools-component.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   API,
   FileInfo,
   JSCodeshift,
diff --git a/packages/cli/src/transformers/integrations/ant-design.spec.tsx b/packages/cli/src/transformers/integrations/ant-design.spec.tsx
index 25a362e44bc8..195618f23f49 100644
--- a/packages/cli/src/transformers/integrations/ant-design.spec.tsx
+++ b/packages/cli/src/transformers/integrations/ant-design.spec.tsx
@@ -1,4 +1,4 @@
-import { FileInfo } from "jscodeshift";
+import type { FileInfo } from "jscodeshift";
 import transform from "./ant-design";
 import { VITE_STARTER_SOURCE } from "./fixtures/vite-starter";
 
diff --git a/packages/cli/src/transformers/integrations/ant-design.ts b/packages/cli/src/transformers/integrations/ant-design.ts
index 14293d4e88a0..69e7e932b826 100644
--- a/packages/cli/src/transformers/integrations/ant-design.ts
+++ b/packages/cli/src/transformers/integrations/ant-design.ts
@@ -6,7 +6,7 @@ import {
   wrapElement,
 } from "../../utils/codeshift";
 import { prettierFormat } from "../../utils/swizzle/prettierFormat";
-import { API, Collection, FileInfo, JSCodeshift } from "jscodeshift";
+import type { API, Collection, FileInfo, JSCodeshift } from "jscodeshift";
 
 export const parser = "tsx";
 
diff --git a/packages/cli/src/transformers/integrations/react-router.spec.tsx b/packages/cli/src/transformers/integrations/react-router.spec.tsx
index 388a06278b3b..0ad881b8fb8d 100644
--- a/packages/cli/src/transformers/integrations/react-router.spec.tsx
+++ b/packages/cli/src/transformers/integrations/react-router.spec.tsx
@@ -1,4 +1,4 @@
-import { FileInfo } from "jscodeshift";
+import type { FileInfo } from "jscodeshift";
 import transform from "./react-router";
 import { VITE_STARTER_SOURCE } from "./fixtures/vite-starter";
 
diff --git a/packages/cli/src/transformers/integrations/react-router.ts b/packages/cli/src/transformers/integrations/react-router.ts
index bd53064ef81f..1b94f302546c 100644
--- a/packages/cli/src/transformers/integrations/react-router.ts
+++ b/packages/cli/src/transformers/integrations/react-router.ts
@@ -1,5 +1,5 @@
 import decamelize from "decamelize";
-import {
+import type {
   API,
   Collection,
   FileInfo,
diff --git a/packages/cli/src/transformers/resource.ts b/packages/cli/src/transformers/resource.ts
index 571b0f53090a..5c541cfe94a5 100644
--- a/packages/cli/src/transformers/resource.ts
+++ b/packages/cli/src/transformers/resource.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   API,
   FileInfo,
   JSXAttribute,
diff --git a/packages/cli/src/update-notifier/index.tsx b/packages/cli/src/update-notifier/index.tsx
index 5c77855b7815..36f2b5b8577b 100644
--- a/packages/cli/src/update-notifier/index.tsx
+++ b/packages/cli/src/update-notifier/index.tsx
@@ -2,7 +2,7 @@ import Conf from "conf";
 import chalk from "chalk";
 import { isRefineUptoDate } from "@commands/check-updates";
 import { printUpdateWarningTable } from "@components/update-warning-table";
-import { RefinePackageInstalledVersionData } from "@definitions/package";
+import type { RefinePackageInstalledVersionData } from "@definitions/package";
 import { getInstalledRefinePackages } from "@utils/package";
 import { ENV } from "@utils/env";
 import { stringToBase64 } from "@utils/encode";
diff --git a/packages/cli/src/utils/announcement/index.tsx b/packages/cli/src/utils/announcement/index.tsx
index 46a18a9f089f..abde81f7c3bd 100644
--- a/packages/cli/src/utils/announcement/index.tsx
+++ b/packages/cli/src/utils/announcement/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import matter from "gray-matter";
 import boxen from "boxen";
 
-import { Announcement } from "@definitions/announcement";
+import type { Announcement } from "@definitions/announcement";
 import { markedTerminalRenderer } from "@utils/marked-terminal-renderer";
 
 const ANNOUNCEMENT_URL =
diff --git a/packages/cli/src/utils/codeshift/index.ts b/packages/cli/src/utils/codeshift/index.ts
index 30be95d5b546..bd7c84fe614f 100644
--- a/packages/cli/src/utils/codeshift/index.ts
+++ b/packages/cli/src/utils/codeshift/index.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   ASTPath,
   Collection,
   ImportDeclaration,
diff --git a/packages/cli/src/utils/env/index.ts b/packages/cli/src/utils/env/index.ts
index 7d37a7b62e95..b282ecb8d1ed 100644
--- a/packages/cli/src/utils/env/index.ts
+++ b/packages/cli/src/utils/env/index.ts
@@ -1,4 +1,4 @@
-import { NODE_ENV } from "@definitions/node";
+import type { NODE_ENV } from "@definitions/node";
 import * as dotenv from "dotenv";
 dotenv.config();
 
diff --git a/packages/cli/src/utils/swizzle/getPathPrefix.ts b/packages/cli/src/utils/swizzle/getPathPrefix.ts
index f70050e16690..2ea3f910c654 100644
--- a/packages/cli/src/utils/swizzle/getPathPrefix.ts
+++ b/packages/cli/src/utils/swizzle/getPathPrefix.ts
@@ -1,4 +1,4 @@
-import { ProjectTypes } from "@definitions/projectTypes";
+import type { ProjectTypes } from "@definitions/projectTypes";
 import { getProjectType } from "@utils/project";
 import { getFilesPathByProject } from "@utils/resource";
 
diff --git a/packages/cli/src/utils/swizzle/index.ts b/packages/cli/src/utils/swizzle/index.ts
index 582f34a9f849..e5b2673010cd 100644
--- a/packages/cli/src/utils/swizzle/index.ts
+++ b/packages/cli/src/utils/swizzle/index.ts
@@ -1,5 +1,5 @@
 import path from "path";
-import { RefineConfig } from "@definitions";
+import type { RefineConfig } from "@definitions";
 import { provideCliHelpers } from "./provideCliHelpers";
 
 export const getRefineConfig = async (
diff --git a/packages/codemod/src/helpers/separate-imports.ts b/packages/codemod/src/helpers/separate-imports.ts
index 2961dd046d80..d746229c2297 100644
--- a/packages/codemod/src/helpers/separate-imports.ts
+++ b/packages/codemod/src/helpers/separate-imports.ts
@@ -1,4 +1,4 @@
-import { Collection, ImportSpecifier, JSCodeshift } from "jscodeshift";
+import type { Collection, ImportSpecifier, JSCodeshift } from "jscodeshift";
 
 /**
  * Separate imports from currentLibName to nextLibName
diff --git a/packages/codemod/src/transformations/antd4-to-antd5.ts b/packages/codemod/src/transformations/antd4-to-antd5.ts
index 9a1552291194..8d38a08e263c 100644
--- a/packages/codemod/src/transformations/antd4-to-antd5.ts
+++ b/packages/codemod/src/transformations/antd4-to-antd5.ts
@@ -1,4 +1,4 @@
-import { API, Collection, FileInfo, JSCodeshift } from "jscodeshift";
+import type { API, Collection, FileInfo, JSCodeshift } from "jscodeshift";
 
 export const parser = "tsx";
 
diff --git a/packages/codemod/src/transformations/refine1-to-refine2.ts b/packages/codemod/src/transformations/refine1-to-refine2.ts
index 1dd2ee089905..722090fa149b 100644
--- a/packages/codemod/src/transformations/refine1-to-refine2.ts
+++ b/packages/codemod/src/transformations/refine1-to-refine2.ts
@@ -1,4 +1,4 @@
-import { API, JSCodeshift, Collection, FileInfo } from "jscodeshift";
+import type { API, JSCodeshift, Collection, FileInfo } from "jscodeshift";
 import fs from "fs";
 import path from "path";
 import { install } from "../helpers";
diff --git a/packages/codemod/src/transformations/refine2-to-refine3.ts b/packages/codemod/src/transformations/refine2-to-refine3.ts
index cccbab1761ee..b027964148f5 100644
--- a/packages/codemod/src/transformations/refine2-to-refine3.ts
+++ b/packages/codemod/src/transformations/refine2-to-refine3.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   API,
   JSCodeshift,
   Collection,
diff --git a/packages/codemod/src/transformations/refine3-to-refine4.ts b/packages/codemod/src/transformations/refine3-to-refine4.ts
index cfc77dc5c420..6555797eb59c 100644
--- a/packages/codemod/src/transformations/refine3-to-refine4.ts
+++ b/packages/codemod/src/transformations/refine3-to-refine4.ts
@@ -1,5 +1,5 @@
 import path from "path";
-import { API, FileInfo } from "jscodeshift";
+import type { API, FileInfo } from "jscodeshift";
 import PackageJson from "@npmcli/package-json";
 
 import { addV3LegacyAuthProviderCompatibleTrueToAuthHooks } from "./v4/add-v3LegacyAuthProviderCompatible-true-to-auth-hooks";
diff --git a/packages/codemod/src/transformations/use-data-grid-columns.ts b/packages/codemod/src/transformations/use-data-grid-columns.ts
index 1dfb3fe2797f..713fe70aa859 100644
--- a/packages/codemod/src/transformations/use-data-grid-columns.ts
+++ b/packages/codemod/src/transformations/use-data-grid-columns.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   API,
   JSCodeshift,
   Collection,
diff --git a/packages/codemod/src/transformations/v4/add-v3LegacyAuthProviderCompatible-true-to-auth-hooks.ts b/packages/codemod/src/transformations/v4/add-v3LegacyAuthProviderCompatible-true-to-auth-hooks.ts
index 21c5e7be4697..1fb94a27abb9 100644
--- a/packages/codemod/src/transformations/v4/add-v3LegacyAuthProviderCompatible-true-to-auth-hooks.ts
+++ b/packages/codemod/src/transformations/v4/add-v3LegacyAuthProviderCompatible-true-to-auth-hooks.ts
@@ -1,4 +1,4 @@
-import { Collection, JSCodeshift } from "jscodeshift";
+import type { Collection, JSCodeshift } from "jscodeshift";
 
 const authHookNames = [
   "useForgotPassword",
diff --git a/packages/codemod/src/transformations/v4/authProvider-to-legacyAuthProvider.ts b/packages/codemod/src/transformations/v4/authProvider-to-legacyAuthProvider.ts
index 206826277bd7..eef23df2b4e3 100644
--- a/packages/codemod/src/transformations/v4/authProvider-to-legacyAuthProvider.ts
+++ b/packages/codemod/src/transformations/v4/authProvider-to-legacyAuthProvider.ts
@@ -1,4 +1,4 @@
-import { Collection, JSCodeshift } from "jscodeshift";
+import type { Collection, JSCodeshift } from "jscodeshift";
 
 const REFINE_CORE_PATH = "@pankod/refine-core";
 
diff --git a/packages/codemod/src/transformations/v4/fix-v4-deprecations.ts b/packages/codemod/src/transformations/v4/fix-v4-deprecations.ts
index 9bec66973404..190b37bed111 100644
--- a/packages/codemod/src/transformations/v4/fix-v4-deprecations.ts
+++ b/packages/codemod/src/transformations/v4/fix-v4-deprecations.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   JSCodeshift,
   Collection,
   ObjectExpression,
diff --git a/packages/codemod/src/transformations/v4/metadata-to-meta.ts b/packages/codemod/src/transformations/v4/metadata-to-meta.ts
index 74462725f394..9222133fc79c 100644
--- a/packages/codemod/src/transformations/v4/metadata-to-meta.ts
+++ b/packages/codemod/src/transformations/v4/metadata-to-meta.ts
@@ -1,4 +1,4 @@
-import { JSCodeshift, Collection } from "jscodeshift";
+import type { JSCodeshift, Collection } from "jscodeshift";
 
 export const metaDataToMeta = (j: JSCodeshift, source: Collection) => {
   // find all JSX elements
diff --git a/packages/codemod/src/transformations/v4/move-deprecated-access-control.ts b/packages/codemod/src/transformations/v4/move-deprecated-access-control.ts
index e4f4ab389675..6510afecec8b 100644
--- a/packages/codemod/src/transformations/v4/move-deprecated-access-control.ts
+++ b/packages/codemod/src/transformations/v4/move-deprecated-access-control.ts
@@ -1,4 +1,4 @@
-import { JSCodeshift, Collection } from "jscodeshift";
+import type { JSCodeshift, Collection } from "jscodeshift";
 
 const deprecatedPropName = "ignoreAccessControlProvider";
 const newName = "accessControl";
diff --git a/packages/codemod/src/transformations/v4/replace-pankod-imports-with-refinedev.ts b/packages/codemod/src/transformations/v4/replace-pankod-imports-with-refinedev.ts
index 2b933a1a8902..42c5b8f055b1 100644
--- a/packages/codemod/src/transformations/v4/replace-pankod-imports-with-refinedev.ts
+++ b/packages/codemod/src/transformations/v4/replace-pankod-imports-with-refinedev.ts
@@ -1,4 +1,4 @@
-import { Collection, JSCodeshift } from "jscodeshift";
+import type { Collection, JSCodeshift } from "jscodeshift";
 import { CONFIG_FILE_NAME, CodemodConfig } from "../../helpers";
 
 export const parser = "tsx";
diff --git a/packages/codemod/src/transformations/v4/resourceName-to-resource.ts b/packages/codemod/src/transformations/v4/resourceName-to-resource.ts
index 4758758e310d..a571b7f8ceb2 100644
--- a/packages/codemod/src/transformations/v4/resourceName-to-resource.ts
+++ b/packages/codemod/src/transformations/v4/resourceName-to-resource.ts
@@ -1,4 +1,4 @@
-import { Collection, JSCodeshift } from "jscodeshift";
+import type { Collection, JSCodeshift } from "jscodeshift";
 
 const COMPONENT_NAMES = [
   "ShowButton",
diff --git a/packages/codemod/src/transformations/v4/router-to-legacy-router.ts b/packages/codemod/src/transformations/v4/router-to-legacy-router.ts
index efcbec0df0a8..7e33cddfb0ee 100644
--- a/packages/codemod/src/transformations/v4/router-to-legacy-router.ts
+++ b/packages/codemod/src/transformations/v4/router-to-legacy-router.ts
@@ -1,4 +1,4 @@
-import { JSCodeshift, Collection, JSXAttribute } from "jscodeshift";
+import type { JSCodeshift, Collection, JSXAttribute } from "jscodeshift";
 
 const legacyMap = {
   "@pankod/refine-react-router-v6": "@pankod/refine-react-router-v6/legacy",
diff --git a/packages/codemod/src/transformations/v4/separate-imports-antd.ts b/packages/codemod/src/transformations/v4/separate-imports-antd.ts
index 45022e454695..f9545d236128 100644
--- a/packages/codemod/src/transformations/v4/separate-imports-antd.ts
+++ b/packages/codemod/src/transformations/v4/separate-imports-antd.ts
@@ -1,4 +1,4 @@
-import { Collection, JSCodeshift } from "jscodeshift";
+import type { Collection, JSCodeshift } from "jscodeshift";
 import { CONFIG_FILE_NAME, CodemodConfig } from "../../helpers";
 import { separateImports } from "../../helpers";
 import {
diff --git a/packages/codemod/src/transformations/v4/separate-imports-chakra.ts b/packages/codemod/src/transformations/v4/separate-imports-chakra.ts
index 37daebdfe2d9..f797956383a2 100644
--- a/packages/codemod/src/transformations/v4/separate-imports-chakra.ts
+++ b/packages/codemod/src/transformations/v4/separate-imports-chakra.ts
@@ -1,4 +1,4 @@
-import { Collection, JSCodeshift } from "jscodeshift";
+import type { Collection, JSCodeshift } from "jscodeshift";
 import {
   CONFIG_FILE_NAME,
   CodemodConfig,
diff --git a/packages/codemod/src/transformations/v4/separate-imports-mantine.ts b/packages/codemod/src/transformations/v4/separate-imports-mantine.ts
index 140d4fe10718..d9769cc3105b 100644
--- a/packages/codemod/src/transformations/v4/separate-imports-mantine.ts
+++ b/packages/codemod/src/transformations/v4/separate-imports-mantine.ts
@@ -1,4 +1,4 @@
-import { Collection, JSCodeshift } from "jscodeshift";
+import type { Collection, JSCodeshift } from "jscodeshift";
 import {
   CONFIG_FILE_NAME,
   CodemodConfig,
diff --git a/packages/codemod/src/transformations/v4/separate-imports-mui.ts b/packages/codemod/src/transformations/v4/separate-imports-mui.ts
index 6dc0085a80f3..2fdd82f21758 100644
--- a/packages/codemod/src/transformations/v4/separate-imports-mui.ts
+++ b/packages/codemod/src/transformations/v4/separate-imports-mui.ts
@@ -1,4 +1,4 @@
-import { Collection, JSCodeshift } from "jscodeshift";
+import type { Collection, JSCodeshift } from "jscodeshift";
 import { exported } from "../../definitions/separated-imports/mui";
 import {
   CONFIG_FILE_NAME,
diff --git a/packages/codemod/src/transformations/v4/separate-imports-react-hook-form.ts b/packages/codemod/src/transformations/v4/separate-imports-react-hook-form.ts
index 3a89e3db108d..e168b3376631 100644
--- a/packages/codemod/src/transformations/v4/separate-imports-react-hook-form.ts
+++ b/packages/codemod/src/transformations/v4/separate-imports-react-hook-form.ts
@@ -1,4 +1,4 @@
-import { Collection, JSCodeshift } from "jscodeshift";
+import type { Collection, JSCodeshift } from "jscodeshift";
 import { exported } from "../../definitions/separated-imports/react-hook-form";
 import {
   CONFIG_FILE_NAME,
diff --git a/packages/codemod/src/transformations/v4/separate-imports-react-query.ts b/packages/codemod/src/transformations/v4/separate-imports-react-query.ts
index b45df3b7db4d..3df5b7af8090 100644
--- a/packages/codemod/src/transformations/v4/separate-imports-react-query.ts
+++ b/packages/codemod/src/transformations/v4/separate-imports-react-query.ts
@@ -1,4 +1,4 @@
-import { Collection, JSCodeshift } from "jscodeshift";
+import type { Collection, JSCodeshift } from "jscodeshift";
 import { exported } from "../../definitions/separated-imports/react-query";
 import {
   CONFIG_FILE_NAME,
diff --git a/packages/codemod/src/transformations/v4/separate-imports-react-router-v6.ts b/packages/codemod/src/transformations/v4/separate-imports-react-router-v6.ts
index 7740c486b6e4..f2d67c35e274 100644
--- a/packages/codemod/src/transformations/v4/separate-imports-react-router-v6.ts
+++ b/packages/codemod/src/transformations/v4/separate-imports-react-router-v6.ts
@@ -1,4 +1,4 @@
-import { Collection, JSCodeshift } from "jscodeshift";
+import type { Collection, JSCodeshift } from "jscodeshift";
 import { exported } from "../../definitions/separated-imports/react-router-v6";
 import {
   CONFIG_FILE_NAME,
diff --git a/packages/codemod/src/transformations/v4/separate-imports-react-table.ts b/packages/codemod/src/transformations/v4/separate-imports-react-table.ts
index 30b384364bdf..a82f0aa5f3ab 100644
--- a/packages/codemod/src/transformations/v4/separate-imports-react-table.ts
+++ b/packages/codemod/src/transformations/v4/separate-imports-react-table.ts
@@ -1,4 +1,4 @@
-import { Collection, JSCodeshift } from "jscodeshift";
+import type { Collection, JSCodeshift } from "jscodeshift";
 import { exported } from "../../definitions/separated-imports/react-table";
 import {
   CONFIG_FILE_NAME,
diff --git a/packages/codemod/src/transformations/v4/use-menu-to-core.ts b/packages/codemod/src/transformations/v4/use-menu-to-core.ts
index ce8e9b1d2d58..1a57d3741679 100644
--- a/packages/codemod/src/transformations/v4/use-menu-to-core.ts
+++ b/packages/codemod/src/transformations/v4/use-menu-to-core.ts
@@ -1,4 +1,4 @@
-import { JSCodeshift, Collection } from "jscodeshift";
+import type { JSCodeshift, Collection } from "jscodeshift";
 
 const REFINE_ANTD_PATH = "@pankod/refine-antd";
 const REFINE_MUI_PATH = "@pankod/refine-mui";
diff --git a/packages/codemod/test/list.tsx b/packages/codemod/test/list.tsx
index 6ec814714753..e35955734bdd 100644
--- a/packages/codemod/test/list.tsx
+++ b/packages/codemod/test/list.tsx
@@ -3,12 +3,12 @@ import { useOne } from "@pankod/refine-core";
 import {
   useDataGrid,
   DataGrid,
-  GridColumns,
+  type GridColumns,
   List,
   EditButton,
 } from "@pankod/refine-mui";
 
-import { ICategory, IPost } from "interfaces";
+import type { ICategory, IPost } from "interfaces";
 
 export const PostsList: React.FC = () => {
   const columns = React.useMemo<GridColumns<IPost>>(
diff --git a/packages/core/src/components/authenticated/index.spec.tsx b/packages/core/src/components/authenticated/index.spec.tsx
index 9c60f1938d16..b02273693a86 100644
--- a/packages/core/src/components/authenticated/index.spec.tsx
+++ b/packages/core/src/components/authenticated/index.spec.tsx
@@ -9,8 +9,8 @@ import {
   render,
 } from "@test";
 
-import { AuthProvider } from "../../contexts/auth/types";
-import { LegacyRouterProvider } from "../../contexts/router/legacy/types";
+import type { AuthProvider } from "../../contexts/auth/types";
+import type { LegacyRouterProvider } from "../../contexts/router/legacy/types";
 import { Authenticated } from "./";
 
 const legacyMockAuthProvider = {
diff --git a/packages/core/src/components/authenticated/index.tsx b/packages/core/src/components/authenticated/index.tsx
index 8eaee14e0c78..02233585e2ee 100644
--- a/packages/core/src/components/authenticated/index.tsx
+++ b/packages/core/src/components/authenticated/index.tsx
@@ -9,7 +9,7 @@ import {
   useRouterContext,
   useRouterType,
 } from "@hooks";
-import { GoConfig } from "../../contexts/router/types";
+import type { GoConfig } from "../../contexts/router/types";
 
 export type AuthenticatedCommonProps = {
   /**
diff --git a/packages/core/src/components/autoSaveIndicator/index.tsx b/packages/core/src/components/autoSaveIndicator/index.tsx
index 0c3d9248f24f..1a95f21fe5ba 100644
--- a/packages/core/src/components/autoSaveIndicator/index.tsx
+++ b/packages/core/src/components/autoSaveIndicator/index.tsx
@@ -2,9 +2,9 @@ import React from "react";
 
 import { useTranslate } from "@hooks/i18n";
 
-import { BaseRecord, HttpError } from "../../contexts/data/types";
-import { AutoSaveIndicatorElements } from "../../hooks/form/types";
-import { UseUpdateReturnType } from "../../hooks/data/useUpdate";
+import type { BaseRecord, HttpError } from "../../contexts/data/types";
+import type { AutoSaveIndicatorElements } from "../../hooks/form/types";
+import type { UseUpdateReturnType } from "../../hooks/data/useUpdate";
 
 export type AutoSaveIndicatorProps<
   TData extends BaseRecord = BaseRecord,
diff --git a/packages/core/src/components/canAccess/index.tsx b/packages/core/src/components/canAccess/index.tsx
index 15318e9367bb..5d6ad5b73fbb 100644
--- a/packages/core/src/components/canAccess/index.tsx
+++ b/packages/core/src/components/canAccess/index.tsx
@@ -1,11 +1,11 @@
 import React, { useEffect } from "react";
-import { UseQueryOptions } from "@tanstack/react-query";
+import type { UseQueryOptions } from "@tanstack/react-query";
 
 import { useCan, useResourceParams } from "@hooks";
 
-import { CanReturnType } from "../../contexts/accessControl/types";
-import { BaseKey } from "../../contexts/data/types";
-import { IResourceItem, ITreeMenu } from "../../contexts/resource/types";
+import type { CanReturnType } from "../../contexts/accessControl/types";
+import type { BaseKey } from "../../contexts/data/types";
+import type { IResourceItem, ITreeMenu } from "../../contexts/resource/types";
 
 type CanParams = {
   resource?: IResourceItem & { children?: ITreeMenu[] };
diff --git a/packages/core/src/components/containers/refine/index.tsx b/packages/core/src/components/containers/refine/index.tsx
index 0f90f080d50c..ff382c3c5569 100644
--- a/packages/core/src/components/containers/refine/index.tsx
+++ b/packages/core/src/components/containers/refine/index.tsx
@@ -26,7 +26,7 @@ import { RouterPickerProvider } from "../../../contexts/router/picker";
 import { UndoableQueueContextProvider } from "../../../contexts/undoableQueue";
 import { UnsavedWarnContextProvider } from "../../../contexts/unsavedWarn";
 
-import { RefineProps } from "../../../contexts/refine/types";
+import type { RefineProps } from "../../../contexts/refine/types";
 import { useRouterMisuseWarning } from "../../../hooks/router/use-router-misuse-warning/index";
 
 /**
diff --git a/packages/core/src/components/gh-banner/index.tsx b/packages/core/src/components/gh-banner/index.tsx
index b1ad23088f7d..c442eb791c66 100644
--- a/packages/core/src/components/gh-banner/index.tsx
+++ b/packages/core/src/components/gh-banner/index.tsx
@@ -1,4 +1,4 @@
-import React, { CSSProperties, SVGProps, useEffect } from "react";
+import React, { type CSSProperties, type SVGProps, useEffect } from "react";
 import { CSSRules } from "./styles";
 
 const text =
diff --git a/packages/core/src/components/layoutWrapper/defaultLayout/index.tsx b/packages/core/src/components/layoutWrapper/defaultLayout/index.tsx
index 6057231afd58..4b62a8575223 100644
--- a/packages/core/src/components/layoutWrapper/defaultLayout/index.tsx
+++ b/packages/core/src/components/layoutWrapper/defaultLayout/index.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import { LayoutProps } from "../../../contexts/refine/types";
+import type { LayoutProps } from "../../../contexts/refine/types";
 
 export const DefaultLayout: React.FC<LayoutProps> = ({ children }) => {
   return <div>{children}</div>;
diff --git a/packages/core/src/components/layoutWrapper/index.spec.tsx b/packages/core/src/components/layoutWrapper/index.spec.tsx
index e748345a148d..8550cb518036 100644
--- a/packages/core/src/components/layoutWrapper/index.spec.tsx
+++ b/packages/core/src/components/layoutWrapper/index.spec.tsx
@@ -11,7 +11,7 @@ import {
   render,
 } from "@test";
 
-import {
+import type {
   IRefineContextProvider,
   LayoutProps,
 } from "../../contexts/refine/types";
diff --git a/packages/core/src/components/layoutWrapper/index.tsx b/packages/core/src/components/layoutWrapper/index.tsx
index 72533178f142..784c8dcf7655 100644
--- a/packages/core/src/components/layoutWrapper/index.tsx
+++ b/packages/core/src/components/layoutWrapper/index.tsx
@@ -7,7 +7,7 @@ import {
   useWarnAboutChange,
 } from "@hooks";
 
-import { LayoutProps, TitleProps } from "../../contexts/refine/types";
+import type { LayoutProps, TitleProps } from "../../contexts/refine/types";
 
 export interface LayoutWrapperProps {
   /**
diff --git a/packages/core/src/components/pages/auth/components/forgotPassword/index.spec.tsx b/packages/core/src/components/pages/auth/components/forgotPassword/index.spec.tsx
index 4f0c2df41157..5c6d9a8860ae 100644
--- a/packages/core/src/components/pages/auth/components/forgotPassword/index.spec.tsx
+++ b/packages/core/src/components/pages/auth/components/forgotPassword/index.spec.tsx
@@ -5,7 +5,7 @@ import { fireEvent, render, waitFor } from "@testing-library/react";
 import { TestWrapper, mockLegacyRouterProvider } from "@test/index";
 
 import { ForgotPasswordPage } from ".";
-import { AuthProvider } from "../../../../../contexts/auth/types";
+import type { AuthProvider } from "../../../../../contexts/auth/types";
 
 const mockAuthProvider: AuthProvider = {
   login: async () => ({ success: true }),
diff --git a/packages/core/src/components/pages/auth/components/forgotPassword/index.tsx b/packages/core/src/components/pages/auth/components/forgotPassword/index.tsx
index f70c0550d414..e7e1a4fd6dfd 100644
--- a/packages/core/src/components/pages/auth/components/forgotPassword/index.tsx
+++ b/packages/core/src/components/pages/auth/components/forgotPassword/index.tsx
@@ -8,8 +8,11 @@ import {
   useTranslate,
 } from "@hooks";
 
-import { DivPropsType, FormPropsType } from "../..";
-import { ForgotPasswordFormTypes, ForgotPasswordPageProps } from "../../types";
+import type { DivPropsType, FormPropsType } from "../..";
+import type {
+  ForgotPasswordFormTypes,
+  ForgotPasswordPageProps,
+} from "../../types";
 
 type ForgotPasswordProps = ForgotPasswordPageProps<
   DivPropsType,
diff --git a/packages/core/src/components/pages/auth/components/login/index.spec.tsx b/packages/core/src/components/pages/auth/components/login/index.spec.tsx
index 4f843a0d0f38..22e72c38e022 100644
--- a/packages/core/src/components/pages/auth/components/login/index.spec.tsx
+++ b/packages/core/src/components/pages/auth/components/login/index.spec.tsx
@@ -5,7 +5,7 @@ import { fireEvent, render, waitFor } from "@testing-library/react";
 import { TestWrapper, mockLegacyRouterProvider } from "@test/index";
 
 import { LoginPage } from ".";
-import { AuthProvider } from "../../../../../contexts/auth/types";
+import type { AuthProvider } from "../../../../../contexts/auth/types";
 
 const mockAuthProvider: AuthProvider = {
   login: async () => ({ success: true }),
diff --git a/packages/core/src/components/pages/auth/components/login/index.tsx b/packages/core/src/components/pages/auth/components/login/index.tsx
index 46a476f67c8e..90daab4e2bc4 100644
--- a/packages/core/src/components/pages/auth/components/login/index.tsx
+++ b/packages/core/src/components/pages/auth/components/login/index.tsx
@@ -4,8 +4,8 @@ import { useActiveAuthProvider } from "@definitions/helpers";
 import { useLink, useLogin, useRouterContext, useRouterType } from "@hooks";
 import { useTranslate } from "@hooks/i18n";
 
-import { DivPropsType, FormPropsType } from "../..";
-import { LoginFormTypes, LoginPageProps } from "../../types";
+import type { DivPropsType, FormPropsType } from "../..";
+import type { LoginFormTypes, LoginPageProps } from "../../types";
 
 type LoginProps = LoginPageProps<DivPropsType, DivPropsType, FormPropsType>;
 
diff --git a/packages/core/src/components/pages/auth/components/register/index.spec.tsx b/packages/core/src/components/pages/auth/components/register/index.spec.tsx
index 6f07e255e872..ed8a69d58c36 100644
--- a/packages/core/src/components/pages/auth/components/register/index.spec.tsx
+++ b/packages/core/src/components/pages/auth/components/register/index.spec.tsx
@@ -5,7 +5,7 @@ import { fireEvent, render, waitFor } from "@testing-library/react";
 import { TestWrapper, mockLegacyRouterProvider } from "@test/index";
 
 import { RegisterPage } from ".";
-import { AuthProvider } from "../../../../../contexts/auth/types";
+import type { AuthProvider } from "../../../../../contexts/auth/types";
 
 const mockAuthProvider: AuthProvider = {
   login: async () => ({ success: true }),
diff --git a/packages/core/src/components/pages/auth/components/register/index.tsx b/packages/core/src/components/pages/auth/components/register/index.tsx
index c26457748894..46d02542b21a 100644
--- a/packages/core/src/components/pages/auth/components/register/index.tsx
+++ b/packages/core/src/components/pages/auth/components/register/index.tsx
@@ -10,8 +10,8 @@ import {
 
 import { useActiveAuthProvider } from "@definitions/helpers";
 
-import { DivPropsType, FormPropsType } from "../..";
-import { RegisterPageProps } from "../../types";
+import type { DivPropsType, FormPropsType } from "../..";
+import type { RegisterPageProps } from "../../types";
 
 type RegisterProps = RegisterPageProps<
   DivPropsType,
diff --git a/packages/core/src/components/pages/auth/components/updatePassword/index.spec.tsx b/packages/core/src/components/pages/auth/components/updatePassword/index.spec.tsx
index ce232a406613..a73484563cd1 100644
--- a/packages/core/src/components/pages/auth/components/updatePassword/index.spec.tsx
+++ b/packages/core/src/components/pages/auth/components/updatePassword/index.spec.tsx
@@ -5,7 +5,7 @@ import { fireEvent, render, waitFor } from "@testing-library/react";
 import { TestWrapper } from "@test/index";
 
 import { UpdatePasswordPage } from ".";
-import { AuthProvider } from "../../../../../contexts/auth/types";
+import type { AuthProvider } from "../../../../../contexts/auth/types";
 
 const mockAuthProvider: AuthProvider = {
   login: async () => ({ success: true }),
diff --git a/packages/core/src/components/pages/auth/components/updatePassword/index.tsx b/packages/core/src/components/pages/auth/components/updatePassword/index.tsx
index 92c931f457f5..79acc6e61a1f 100644
--- a/packages/core/src/components/pages/auth/components/updatePassword/index.tsx
+++ b/packages/core/src/components/pages/auth/components/updatePassword/index.tsx
@@ -3,8 +3,11 @@ import React, { useState } from "react";
 import { useActiveAuthProvider } from "@definitions/helpers";
 import { useTranslate, useUpdatePassword } from "@hooks";
 
-import { DivPropsType, FormPropsType } from "../..";
-import { UpdatePasswordFormTypes, UpdatePasswordPageProps } from "../../types";
+import type { DivPropsType, FormPropsType } from "../..";
+import type {
+  UpdatePasswordFormTypes,
+  UpdatePasswordPageProps,
+} from "../../types";
 
 type UpdatePasswordProps = UpdatePasswordPageProps<
   DivPropsType,
diff --git a/packages/core/src/components/pages/auth/index.tsx b/packages/core/src/components/pages/auth/index.tsx
index 1648b9a4507f..3bea848f7e07 100644
--- a/packages/core/src/components/pages/auth/index.tsx
+++ b/packages/core/src/components/pages/auth/index.tsx
@@ -1,7 +1,7 @@
 import React, {
-  DetailedHTMLProps,
-  HTMLAttributes,
-  FormHTMLAttributes,
+  type DetailedHTMLProps,
+  type HTMLAttributes,
+  type FormHTMLAttributes,
 } from "react";
 
 import {
@@ -11,7 +11,7 @@ import {
   UpdatePasswordPage,
 } from "./components";
 
-import { AuthPageProps } from "./types";
+import type { AuthPageProps } from "./types";
 
 export type DivPropsType = DetailedHTMLProps<
   HTMLAttributes<HTMLDivElement>,
diff --git a/packages/core/src/components/pages/auth/types.tsx b/packages/core/src/components/pages/auth/types.tsx
index d5de82ca8021..026a70615019 100644
--- a/packages/core/src/components/pages/auth/types.tsx
+++ b/packages/core/src/components/pages/auth/types.tsx
@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
 export type OAuthProvider = {
   name: string;
diff --git a/packages/core/src/components/telemetry/index.tsx b/packages/core/src/components/telemetry/index.tsx
index 58493fbaefe2..76dd7e045f44 100644
--- a/packages/core/src/components/telemetry/index.tsx
+++ b/packages/core/src/components/telemetry/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 import { useTelemetryData } from "@hooks/useTelemetryData";
 
-import { ITelemetryData } from "./types";
+import type { ITelemetryData } from "./types";
 
 const encode = (payload: ITelemetryData): string | undefined => {
   try {
diff --git a/packages/core/src/components/undoableQueue/index.tsx b/packages/core/src/components/undoableQueue/index.tsx
index 1a503b888071..e07fd6c1cd66 100644
--- a/packages/core/src/components/undoableQueue/index.tsx
+++ b/packages/core/src/components/undoableQueue/index.tsx
@@ -5,7 +5,7 @@ import { useCancelNotification, useNotification, useTranslate } from "@hooks";
 import { userFriendlySecond } from "@definitions/helpers";
 import {
   ActionTypes,
-  IUndoableQueue,
+  type IUndoableQueue,
 } from "../../contexts/undoableQueue/types";
 
 export const UndoableQueue: React.FC<{
diff --git a/packages/core/src/contexts/accessControl/index.tsx b/packages/core/src/contexts/accessControl/index.tsx
index f2c215b75c88..df062475ce89 100644
--- a/packages/core/src/contexts/accessControl/index.tsx
+++ b/packages/core/src/contexts/accessControl/index.tsx
@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
-import {
+import type {
   IAccessControlContext,
   IAccessControlContextReturnType,
 } from "./types";
diff --git a/packages/core/src/contexts/accessControl/types.ts b/packages/core/src/contexts/accessControl/types.ts
index 832dbf678fd9..a39b2c3ef139 100644
--- a/packages/core/src/contexts/accessControl/types.ts
+++ b/packages/core/src/contexts/accessControl/types.ts
@@ -18,10 +18,10 @@
  * This may also apply to `resource.icon` property.
  *
  */
-import { UseQueryOptions } from "@tanstack/react-query";
+import type { UseQueryOptions } from "@tanstack/react-query";
 
-import { BaseKey } from "../data/types";
-import { IResourceItem, ITreeMenu } from "../resource/types";
+import type { BaseKey } from "../data/types";
+import type { IResourceItem, ITreeMenu } from "../resource/types";
 
 export type CanResponse = {
   can: boolean;
diff --git a/packages/core/src/contexts/auditLog/index.tsx b/packages/core/src/contexts/auditLog/index.tsx
index 8b43f5b7dd88..2eba9c485d4c 100644
--- a/packages/core/src/contexts/auditLog/index.tsx
+++ b/packages/core/src/contexts/auditLog/index.tsx
@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
-import { IAuditLogContext } from "./types";
+import type { IAuditLogContext } from "./types";
 
 export const AuditLogContext = React.createContext<IAuditLogContext>({});
 
diff --git a/packages/core/src/contexts/auditLog/types.ts b/packages/core/src/contexts/auditLog/types.ts
index b64b7f22415a..a91f0433d0ac 100644
--- a/packages/core/src/contexts/auditLog/types.ts
+++ b/packages/core/src/contexts/auditLog/types.ts
@@ -1,4 +1,4 @@
-import { BaseKey, MetaDataQuery } from "../data/types";
+import type { BaseKey, MetaDataQuery } from "../data/types";
 
 export type ILog<TData = any> = {
   id: BaseKey;
diff --git a/packages/core/src/contexts/auth/index.tsx b/packages/core/src/contexts/auth/index.tsx
index d290d55d3030..8f873d8afb71 100644
--- a/packages/core/src/contexts/auth/index.tsx
+++ b/packages/core/src/contexts/auth/index.tsx
@@ -1,8 +1,8 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
 import { useNavigation } from "@hooks";
 
-import { IAuthContext, ILegacyAuthContext } from "./types";
+import type { IAuthContext, ILegacyAuthContext } from "./types";
 
 /**
  * @deprecated `LegacyAuthContext` is deprecated with refine@4, use `AuthBindingsContext` instead, however, we still support `LegacyAuthContext` for backward compatibility.
diff --git a/packages/core/src/contexts/auth/types.ts b/packages/core/src/contexts/auth/types.ts
index c59d6704de3b..2acdc97d9706 100644
--- a/packages/core/src/contexts/auth/types.ts
+++ b/packages/core/src/contexts/auth/types.ts
@@ -31,7 +31,7 @@
  * Same goes for `onError` function, it should always resolve.
  */
 
-import { RefineError } from "../data/types";
+import type { RefineError } from "../data/types";
 
 export type CheckResponse = {
   authenticated: boolean;
diff --git a/packages/core/src/contexts/data/index.tsx b/packages/core/src/contexts/data/index.tsx
index f7866978bc86..38d8a8e6e1d3 100644
--- a/packages/core/src/contexts/data/index.tsx
+++ b/packages/core/src/contexts/data/index.tsx
@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
-import { DataProvider, DataProviders, IDataContext } from "./types";
+import type { DataProvider, DataProviders, IDataContext } from "./types";
 
 export const defaultDataProvider: DataProviders = {
   default: {} as DataProvider,
diff --git a/packages/core/src/contexts/data/types.ts b/packages/core/src/contexts/data/types.ts
index 3c09dd74abb2..23cfeea1612a 100644
--- a/packages/core/src/contexts/data/types.ts
+++ b/packages/core/src/contexts/data/types.ts
@@ -1,7 +1,7 @@
-import { QueryFunctionContext, QueryKey } from "@tanstack/react-query";
-import { DocumentNode } from "graphql";
+import type { QueryFunctionContext, QueryKey } from "@tanstack/react-query";
+import type { DocumentNode } from "graphql";
 
-import { UseListConfig } from "../../hooks/data/useList";
+import type { UseListConfig } from "../../hooks/data/useList";
 
 export type Prettify<T> = {
   [K in keyof T]: T[K];
diff --git a/packages/core/src/contexts/i18n/index.tsx b/packages/core/src/contexts/i18n/index.tsx
index 41a9a3732d3b..c86d15620bf9 100644
--- a/packages/core/src/contexts/i18n/index.tsx
+++ b/packages/core/src/contexts/i18n/index.tsx
@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
-import { I18nProvider, II18nContext } from "./types";
+import type { I18nProvider, II18nContext } from "./types";
 
 /** @deprecated default value for translation context has no use and is an empty object.  */
 export const defaultProvider: Partial<I18nProvider> = {};
diff --git a/packages/core/src/contexts/live/index.tsx b/packages/core/src/contexts/live/index.tsx
index 00e39e557ce4..6590a3fec7c5 100644
--- a/packages/core/src/contexts/live/index.tsx
+++ b/packages/core/src/contexts/live/index.tsx
@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
-import { ILiveContext } from "./types";
+import type { ILiveContext } from "./types";
 
 export const LiveContext = React.createContext<ILiveContext>({});
 
diff --git a/packages/core/src/contexts/live/types.ts b/packages/core/src/contexts/live/types.ts
index 33e1cbb9bf40..12103f1a115c 100644
--- a/packages/core/src/contexts/live/types.ts
+++ b/packages/core/src/contexts/live/types.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   BaseKey,
   CrudFilter,
   CrudSort,
diff --git a/packages/core/src/contexts/notification/index.tsx b/packages/core/src/contexts/notification/index.tsx
index db4a51c54ae8..497bb4bb8293 100644
--- a/packages/core/src/contexts/notification/index.tsx
+++ b/packages/core/src/contexts/notification/index.tsx
@@ -1,6 +1,6 @@
-import React, { createContext, PropsWithChildren } from "react";
+import React, { createContext, type PropsWithChildren } from "react";
 
-import { INotificationContext } from "./types";
+import type { INotificationContext } from "./types";
 
 /** @deprecated default value for notification context has no use and is an empty object.  */
 export const defaultNotificationProvider: INotificationContext = {};
diff --git a/packages/core/src/contexts/refine/index.tsx b/packages/core/src/contexts/refine/index.tsx
index 8184813abe49..aa76518259ef 100644
--- a/packages/core/src/contexts/refine/index.tsx
+++ b/packages/core/src/contexts/refine/index.tsx
@@ -5,7 +5,7 @@ import pluralize from "pluralize";
 import { DefaultLayout } from "@components/layoutWrapper/defaultLayout";
 
 import { humanizeString } from "../../definitions/helpers/humanizeString";
-import {
+import type {
   IRefineContext,
   IRefineContextOptions,
   IRefineContextProvider,
diff --git a/packages/core/src/contexts/refine/types.ts b/packages/core/src/contexts/refine/types.ts
index 070d188c5e51..f11542b56527 100644
--- a/packages/core/src/contexts/refine/types.ts
+++ b/packages/core/src/contexts/refine/types.ts
@@ -1,19 +1,19 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 
-import { QueryClient, QueryClientConfig } from "@tanstack/react-query";
+import type { QueryClient, QueryClientConfig } from "@tanstack/react-query";
 
-import { RedirectAction } from "../../hooks/form/types";
-import { UseLoadingOvertimeRefineContext } from "../../hooks/useLoadingOvertime";
-import { AccessControlProvider } from "../accessControl/types";
-import { AuditLogProvider } from "../auditLog/types";
-import { AuthProvider, LegacyAuthProvider } from "../auth/types";
-import { DataProvider, DataProviders, MutationMode } from "../data/types";
-import { I18nProvider } from "../i18n/types";
-import { LiveModeProps, LiveProvider } from "../live/types";
-import { NotificationProvider } from "../notification/types";
-import { ResourceProps } from "../resource/types";
-import { LegacyRouterProvider } from "../router/legacy/types";
-import { RouterProvider } from "../router/types";
+import type { RedirectAction } from "../../hooks/form/types";
+import type { UseLoadingOvertimeRefineContext } from "../../hooks/useLoadingOvertime";
+import type { AccessControlProvider } from "../accessControl/types";
+import type { AuditLogProvider } from "../auditLog/types";
+import type { AuthProvider, LegacyAuthProvider } from "../auth/types";
+import type { DataProvider, DataProviders, MutationMode } from "../data/types";
+import type { I18nProvider } from "../i18n/types";
+import type { LiveModeProps, LiveProvider } from "../live/types";
+import type { NotificationProvider } from "../notification/types";
+import type { ResourceProps } from "../resource/types";
+import type { LegacyRouterProvider } from "../router/legacy/types";
+import type { RouterProvider } from "../router/types";
 
 export type TitleProps = {
   collapsed: boolean;
diff --git a/packages/core/src/contexts/resource/index.tsx b/packages/core/src/contexts/resource/index.tsx
index fb72d8b91fb8..11d055f8aa4a 100644
--- a/packages/core/src/contexts/resource/index.tsx
+++ b/packages/core/src/contexts/resource/index.tsx
@@ -3,7 +3,7 @@ import React from "react";
 import { legacyResourceTransform } from "@definitions/helpers";
 import { useDeepMemo } from "@hooks/deepMemo";
 
-import { IResourceContext, IResourceItem, ResourceProps } from "./types";
+import type { IResourceContext, IResourceItem, ResourceProps } from "./types";
 
 export const ResourceContext = React.createContext<IResourceContext>({
   resources: [],
diff --git a/packages/core/src/contexts/resource/types.ts b/packages/core/src/contexts/resource/types.ts
index 51ec7a45ff7f..babfed22770f 100644
--- a/packages/core/src/contexts/resource/types.ts
+++ b/packages/core/src/contexts/resource/types.ts
@@ -1,8 +1,8 @@
-import { ComponentType, ReactNode } from "react";
+import type { ComponentType, ReactNode } from "react";
 
-import { UseQueryResult } from "@tanstack/react-query";
+import type { UseQueryResult } from "@tanstack/react-query";
 
-import { ILogData } from "../auditLog/types";
+import type { ILogData } from "../auditLog/types";
 
 /**
  * Resource route components
diff --git a/packages/core/src/contexts/router/index.tsx b/packages/core/src/contexts/router/index.tsx
index b8523685e5e7..0ff3e49987f7 100644
--- a/packages/core/src/contexts/router/index.tsx
+++ b/packages/core/src/contexts/router/index.tsx
@@ -1,5 +1,5 @@
-import React, { createContext, PropsWithChildren } from "react";
-import { RouterProvider } from "./types";
+import React, { createContext, type PropsWithChildren } from "react";
+import type { RouterProvider } from "./types";
 
 const defaultRouterProvider = {};
 
diff --git a/packages/core/src/contexts/router/legacy/index.tsx b/packages/core/src/contexts/router/legacy/index.tsx
index 70a019b568e0..949c5b41deff 100644
--- a/packages/core/src/contexts/router/legacy/index.tsx
+++ b/packages/core/src/contexts/router/legacy/index.tsx
@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
-import { ILegacyRouterContext } from "./types";
+import type { ILegacyRouterContext } from "./types";
 
 export const defaultProvider: ILegacyRouterContext = {
   useHistory: () => false,
diff --git a/packages/core/src/contexts/router/legacy/types.ts b/packages/core/src/contexts/router/legacy/types.ts
index ff8c66c454fd..7f36658426f6 100644
--- a/packages/core/src/contexts/router/legacy/types.ts
+++ b/packages/core/src/contexts/router/legacy/types.ts
@@ -1,6 +1,6 @@
 import React from "react";
 
-import { Action } from "../types";
+import type { Action } from "../types";
 
 export interface LegacyRouterProvider {
   useHistory: () => {
diff --git a/packages/core/src/contexts/router/types.ts b/packages/core/src/contexts/router/types.ts
index d2fae5330081..d32753a8b802 100644
--- a/packages/core/src/contexts/router/types.ts
+++ b/packages/core/src/contexts/router/types.ts
@@ -26,8 +26,8 @@
  * `useGo`, `useBack` and `useParsed`
  */
 
-import { BaseKey, CrudFilter, CrudSort } from "../data/types";
-import { IResourceItem } from "../resource/types";
+import type { BaseKey, CrudFilter, CrudSort } from "../data/types";
+import type { IResourceItem } from "../resource/types";
 
 export type Action = "create" | "edit" | "list" | "show" | "clone";
 
diff --git a/packages/core/src/contexts/undoableQueue/index.tsx b/packages/core/src/contexts/undoableQueue/index.tsx
index 2e65554f4f83..87aedb2743f3 100644
--- a/packages/core/src/contexts/undoableQueue/index.tsx
+++ b/packages/core/src/contexts/undoableQueue/index.tsx
@@ -1,9 +1,17 @@
-import React, { createContext, useReducer, PropsWithChildren } from "react";
+import React, {
+  createContext,
+  useReducer,
+  type PropsWithChildren,
+} from "react";
 
 import isEqual from "lodash/isEqual";
 
 import { UndoableQueue } from "../../components";
-import { ActionTypes, IUndoableQueue, IUndoableQueueContext } from "./types";
+import {
+  ActionTypes,
+  type IUndoableQueue,
+  type IUndoableQueueContext,
+} from "./types";
 
 export const UndoableQueueContext = createContext<IUndoableQueueContext>({
   notifications: [],
diff --git a/packages/core/src/contexts/undoableQueue/types.ts b/packages/core/src/contexts/undoableQueue/types.ts
index 139ff08af531..1760f81a6b96 100644
--- a/packages/core/src/contexts/undoableQueue/types.ts
+++ b/packages/core/src/contexts/undoableQueue/types.ts
@@ -1,4 +1,4 @@
-import { BaseKey } from "../data/types";
+import type { BaseKey } from "../data/types";
 
 export enum ActionTypes {
   ADD = "ADD",
diff --git a/packages/core/src/contexts/unsavedWarn/index.tsx b/packages/core/src/contexts/unsavedWarn/index.tsx
index a555b3ca802a..98c681895810 100644
--- a/packages/core/src/contexts/unsavedWarn/index.tsx
+++ b/packages/core/src/contexts/unsavedWarn/index.tsx
@@ -1,6 +1,6 @@
-import React, { useState, PropsWithChildren } from "react";
+import React, { useState, type PropsWithChildren } from "react";
 
-import { IUnsavedWarnContext } from "./types";
+import type { IUnsavedWarnContext } from "./types";
 
 export const UnsavedWarnContext = React.createContext<IUnsavedWarnContext>({});
 
diff --git a/packages/core/src/definitions/helpers/check-router-prop-misuse/index.ts b/packages/core/src/definitions/helpers/check-router-prop-misuse/index.ts
index 4a926fb6a97b..b567921b8ddd 100644
--- a/packages/core/src/definitions/helpers/check-router-prop-misuse/index.ts
+++ b/packages/core/src/definitions/helpers/check-router-prop-misuse/index.ts
@@ -1,5 +1,5 @@
-import { LegacyRouterProvider } from "../../../contexts/router/legacy/types";
-import { RouterProvider } from "../../../contexts/router/types";
+import type { LegacyRouterProvider } from "../../../contexts/router/legacy/types";
+import type { RouterProvider } from "../../../contexts/router/types";
 
 export const checkRouterPropMisuse = (
   value: LegacyRouterProvider | RouterProvider,
diff --git a/packages/core/src/definitions/helpers/generateDocumentTitle/index.ts b/packages/core/src/definitions/helpers/generateDocumentTitle/index.ts
index f860e698540f..f8eecbd2d58f 100644
--- a/packages/core/src/definitions/helpers/generateDocumentTitle/index.ts
+++ b/packages/core/src/definitions/helpers/generateDocumentTitle/index.ts
@@ -1,6 +1,6 @@
 import type { useTranslate } from "@hooks/i18n";
 
-import { IResourceItem } from "../../../contexts/resource/types";
+import type { IResourceItem } from "../../../contexts/resource/types";
 import { safeTranslate } from "../safe-translate";
 import { userFriendlyResourceName } from "../userFriendlyResourceName";
 
diff --git a/packages/core/src/definitions/helpers/handlePaginationParams/index.ts b/packages/core/src/definitions/helpers/handlePaginationParams/index.ts
index 986a09c71ed2..74dc978374d2 100644
--- a/packages/core/src/definitions/helpers/handlePaginationParams/index.ts
+++ b/packages/core/src/definitions/helpers/handlePaginationParams/index.ts
@@ -1,4 +1,4 @@
-import { Pagination } from "../../../contexts/data/types";
+import type { Pagination } from "../../../contexts/data/types";
 import { pickNotDeprecated } from "../pickNotDeprecated";
 
 type HandlePaginationParamsProps = {
diff --git a/packages/core/src/definitions/helpers/handleRefineOptions/index.spec.ts b/packages/core/src/definitions/helpers/handleRefineOptions/index.spec.ts
index 99fa9c3378e2..8f03e2653b0e 100644
--- a/packages/core/src/definitions/helpers/handleRefineOptions/index.spec.ts
+++ b/packages/core/src/definitions/helpers/handleRefineOptions/index.spec.ts
@@ -3,7 +3,7 @@ import { QueryClient } from "@tanstack/react-query";
 import { defaultRefineOptions } from "@contexts/refine";
 
 import { handleRefineOptions } from ".";
-import { IRefineOptions } from "../../../contexts/refine/types";
+import type { IRefineOptions } from "../../../contexts/refine/types";
 
 describe("handleRefineOptions", () => {
   it("should return the default options if no options are provided", () => {
diff --git a/packages/core/src/definitions/helpers/handleRefineOptions/index.ts b/packages/core/src/definitions/helpers/handleRefineOptions/index.ts
index 47c4f099bc05..2c6ade8e2359 100644
--- a/packages/core/src/definitions/helpers/handleRefineOptions/index.ts
+++ b/packages/core/src/definitions/helpers/handleRefineOptions/index.ts
@@ -1,10 +1,10 @@
-import { QueryClient, QueryClientConfig } from "@tanstack/react-query";
+import type { QueryClient, QueryClientConfig } from "@tanstack/react-query";
 
 import { defaultRefineOptions } from "@contexts/refine";
 
-import { MutationMode } from "../../../contexts/data/types";
-import { LiveModeProps } from "../../../contexts/live/types";
-import {
+import type { MutationMode } from "../../../contexts/data/types";
+import type { LiveModeProps } from "../../../contexts/live/types";
+import type {
   IRefineContextOptions,
   IRefineOptions,
 } from "../../../contexts/refine/types";
diff --git a/packages/core/src/definitions/helpers/importCSVMapper/index.ts b/packages/core/src/definitions/helpers/importCSVMapper/index.ts
index 6c8685edc12e..a7f8213df547 100644
--- a/packages/core/src/definitions/helpers/importCSVMapper/index.ts
+++ b/packages/core/src/definitions/helpers/importCSVMapper/index.ts
@@ -1,7 +1,7 @@
 import fromPairs from "lodash/fromPairs";
 import zip from "lodash/zip";
 
-import { MapDataFn } from "../../../hooks/export/types";
+import type { MapDataFn } from "../../../hooks/export/types";
 
 export const importCSVMapper = <TItem = any, TVariables = any>(
   data: any[][],
diff --git a/packages/core/src/definitions/helpers/keys/index.ts b/packages/core/src/definitions/helpers/keys/index.ts
index 9fdcfbdbd456..61b8fa1dc0ed 100644
--- a/packages/core/src/definitions/helpers/keys/index.ts
+++ b/packages/core/src/definitions/helpers/keys/index.ts
@@ -1,4 +1,4 @@
-import { BaseKey } from "../../../contexts/data/types";
+import type { BaseKey } from "../../../contexts/data/types";
 
 type ParametrizedDataActions = "list" | "infinite";
 type IdRequiredDataActions = "one";
diff --git a/packages/core/src/definitions/helpers/legacy-resource-transform/index.ts b/packages/core/src/definitions/helpers/legacy-resource-transform/index.ts
index 16705c53cb2f..9fbfb79c9759 100644
--- a/packages/core/src/definitions/helpers/legacy-resource-transform/index.ts
+++ b/packages/core/src/definitions/helpers/legacy-resource-transform/index.ts
@@ -1,4 +1,7 @@
-import { IResourceItem, ResourceProps } from "../../../contexts/resource/types";
+import type {
+  IResourceItem,
+  ResourceProps,
+} from "../../../contexts/resource/types";
 import { routeGenerator } from "../routeGenerator";
 
 /**
diff --git a/packages/core/src/definitions/helpers/menu/create-resource-key.ts b/packages/core/src/definitions/helpers/menu/create-resource-key.ts
index b111510ec02b..a22cb68d39b7 100644
--- a/packages/core/src/definitions/helpers/menu/create-resource-key.ts
+++ b/packages/core/src/definitions/helpers/menu/create-resource-key.ts
@@ -1,4 +1,4 @@
-import { IResourceItem } from "../../../contexts/resource/types";
+import type { IResourceItem } from "../../../contexts/resource/types";
 import {
   getParentResource,
   removeLeadingTrailingSlashes,
diff --git a/packages/core/src/definitions/helpers/menu/create-tree.ts b/packages/core/src/definitions/helpers/menu/create-tree.ts
index 4a48a082ade7..3bbe93ec8d01 100644
--- a/packages/core/src/definitions/helpers/menu/create-tree.ts
+++ b/packages/core/src/definitions/helpers/menu/create-tree.ts
@@ -1,4 +1,4 @@
-import { IResourceItem } from "../../../contexts/resource/types";
+import type { IResourceItem } from "../../../contexts/resource/types";
 import { getParentResource } from "../router";
 import { createResourceKey } from "./create-resource-key";
 
diff --git a/packages/core/src/definitions/helpers/pick-resource/index.ts b/packages/core/src/definitions/helpers/pick-resource/index.ts
index f57b4b107d8f..63424f38a977 100644
--- a/packages/core/src/definitions/helpers/pick-resource/index.ts
+++ b/packages/core/src/definitions/helpers/pick-resource/index.ts
@@ -1,4 +1,4 @@
-import { IResourceItem } from "../../../contexts/resource/types";
+import type { IResourceItem } from "../../../contexts/resource/types";
 import { removeLeadingTrailingSlashes } from "../router/remove-leading-trailing-slashes";
 
 /**
diff --git a/packages/core/src/definitions/helpers/pickDataProvider/index.spec.ts b/packages/core/src/definitions/helpers/pickDataProvider/index.spec.ts
index 17c1a863fd47..945dcab559f1 100644
--- a/packages/core/src/definitions/helpers/pickDataProvider/index.spec.ts
+++ b/packages/core/src/definitions/helpers/pickDataProvider/index.spec.ts
@@ -1,5 +1,5 @@
 import { pickDataProvider } from ".";
-import { IResourceItem } from "../../../contexts/resource/types";
+import type { IResourceItem } from "../../../contexts/resource/types";
 
 describe("pickDataProvider", () => {
   it("should return the dataProvider from the params", () => {
diff --git a/packages/core/src/definitions/helpers/pickDataProvider/index.ts b/packages/core/src/definitions/helpers/pickDataProvider/index.ts
index 5b3f698310f2..38ce643a0be6 100644
--- a/packages/core/src/definitions/helpers/pickDataProvider/index.ts
+++ b/packages/core/src/definitions/helpers/pickDataProvider/index.ts
@@ -1,4 +1,4 @@
-import { IResourceItem } from "../../../contexts/resource/types";
+import type { IResourceItem } from "../../../contexts/resource/types";
 import { pickResource } from "../pick-resource";
 import { pickNotDeprecated } from "../pickNotDeprecated";
 
diff --git a/packages/core/src/definitions/helpers/queryKeys/index.ts b/packages/core/src/definitions/helpers/queryKeys/index.ts
index ff9ee6203222..1afaa94461be 100644
--- a/packages/core/src/definitions/helpers/queryKeys/index.ts
+++ b/packages/core/src/definitions/helpers/queryKeys/index.ts
@@ -1,6 +1,6 @@
-import { QueryKey } from "@tanstack/react-query";
+import type { QueryKey } from "@tanstack/react-query";
 
-import { IQueryKeys, MetaQuery } from "../../../contexts/data/types";
+import type { IQueryKeys, MetaQuery } from "../../../contexts/data/types";
 import { keys as newKeys } from "../keys";
 import { pickNotDeprecated } from "../pickNotDeprecated";
 
diff --git a/packages/core/src/definitions/helpers/redirectPage/index.spec.ts b/packages/core/src/definitions/helpers/redirectPage/index.spec.ts
index 3ac8c14d2d09..703604816802 100644
--- a/packages/core/src/definitions/helpers/redirectPage/index.spec.ts
+++ b/packages/core/src/definitions/helpers/redirectPage/index.spec.ts
@@ -1,6 +1,6 @@
 import { redirectPage } from ".";
-import { IRefineContextOptions } from "../../../contexts/refine/types";
-import { RedirectAction } from "../../../hooks/form/types";
+import type { IRefineContextOptions } from "../../../contexts/refine/types";
+import type { RedirectAction } from "../../../hooks/form/types";
 
 describe("redirectPath", () => {
   it.each(["edit", "list", "show", false] as RedirectAction[])(
diff --git a/packages/core/src/definitions/helpers/redirectPage/index.ts b/packages/core/src/definitions/helpers/redirectPage/index.ts
index fc5d697128b2..bccaa7a4c726 100644
--- a/packages/core/src/definitions/helpers/redirectPage/index.ts
+++ b/packages/core/src/definitions/helpers/redirectPage/index.ts
@@ -1,6 +1,6 @@
-import { IRefineContextOptions } from "../../../contexts/refine/types";
-import { Action } from "../../../contexts/router/types";
-import { RedirectAction } from "../../../hooks/form/types";
+import type { IRefineContextOptions } from "../../../contexts/refine/types";
+import type { Action } from "../../../contexts/router/types";
+import type { RedirectAction } from "../../../hooks/form/types";
 
 type RedirectPageProps = {
   redirectFromProps?: RedirectAction;
diff --git a/packages/core/src/definitions/helpers/routeGenerator/index.spec.ts b/packages/core/src/definitions/helpers/routeGenerator/index.spec.ts
index 4e270c9cacef..35c42b8f0307 100644
--- a/packages/core/src/definitions/helpers/routeGenerator/index.spec.ts
+++ b/packages/core/src/definitions/helpers/routeGenerator/index.spec.ts
@@ -1,5 +1,5 @@
 import { routeGenerator } from ".";
-import { ResourceProps } from "../../../contexts/resource/types";
+import type { ResourceProps } from "../../../contexts/resource/types";
 
 const mockResources: ResourceProps[] = [
   { name: "posts" },
diff --git a/packages/core/src/definitions/helpers/routeGenerator/index.ts b/packages/core/src/definitions/helpers/routeGenerator/index.ts
index ef8fa7e27bfa..7128dd7d634a 100644
--- a/packages/core/src/definitions/helpers/routeGenerator/index.ts
+++ b/packages/core/src/definitions/helpers/routeGenerator/index.ts
@@ -1,4 +1,4 @@
-import { ResourceProps } from "../../../contexts/resource/types";
+import type { ResourceProps } from "../../../contexts/resource/types";
 import { pickNotDeprecated } from "../pickNotDeprecated";
 import { getParentPrefixForResource } from "../router";
 
diff --git a/packages/core/src/definitions/helpers/router/compose-route.ts b/packages/core/src/definitions/helpers/router/compose-route.ts
index 67eddce919b0..ef68f0ee3cbb 100644
--- a/packages/core/src/definitions/helpers/router/compose-route.ts
+++ b/packages/core/src/definitions/helpers/router/compose-route.ts
@@ -1,5 +1,5 @@
-import { MetaQuery } from "../../../contexts/data/types";
-import { ParseResponse } from "../../../contexts/router/types";
+import type { MetaQuery } from "../../../contexts/data/types";
+import type { ParseResponse } from "../../../contexts/router/types";
 import { pickRouteParams } from "./pick-route-params";
 import { prepareRouteParams } from "./prepare-route-params";
 
diff --git a/packages/core/src/definitions/helpers/router/get-action-routes-from-resource.ts b/packages/core/src/definitions/helpers/router/get-action-routes-from-resource.ts
index a4b124ee4092..ffd4543e6c5e 100644
--- a/packages/core/src/definitions/helpers/router/get-action-routes-from-resource.ts
+++ b/packages/core/src/definitions/helpers/router/get-action-routes-from-resource.ts
@@ -1,5 +1,5 @@
-import { IResourceItem } from "../../../contexts/resource/types";
-import { Action } from "../../../contexts/router/types";
+import type { IResourceItem } from "../../../contexts/resource/types";
+import type { Action } from "../../../contexts/router/types";
 import { getDefaultActionPath } from "./get-default-action-path";
 import { getParentPrefixForResource } from "./get-parent-prefix-for-resource";
 
diff --git a/packages/core/src/definitions/helpers/router/get-default-action-path.ts b/packages/core/src/definitions/helpers/router/get-default-action-path.ts
index 3c756e34047f..253c4343ba43 100644
--- a/packages/core/src/definitions/helpers/router/get-default-action-path.ts
+++ b/packages/core/src/definitions/helpers/router/get-default-action-path.ts
@@ -1,4 +1,4 @@
-import { Action } from "../../../contexts/router/types";
+import type { Action } from "../../../contexts/router/types";
 import { removeLeadingTrailingSlashes } from "./remove-leading-trailing-slashes";
 
 /**
diff --git a/packages/core/src/definitions/helpers/router/get-parent-prefix-for-resource.ts b/packages/core/src/definitions/helpers/router/get-parent-prefix-for-resource.ts
index 566c664f64d4..3d5be01808de 100644
--- a/packages/core/src/definitions/helpers/router/get-parent-prefix-for-resource.ts
+++ b/packages/core/src/definitions/helpers/router/get-parent-prefix-for-resource.ts
@@ -1,4 +1,4 @@
-import { ResourceProps } from "../../../contexts/resource/types";
+import type { ResourceProps } from "../../../contexts/resource/types";
 import { getParentResource } from "./get-parent-resource";
 import { removeLeadingTrailingSlashes } from "./remove-leading-trailing-slashes";
 
diff --git a/packages/core/src/definitions/helpers/router/get-parent-resource.ts b/packages/core/src/definitions/helpers/router/get-parent-resource.ts
index 62aaa456a446..16c3c03d9c7e 100644
--- a/packages/core/src/definitions/helpers/router/get-parent-resource.ts
+++ b/packages/core/src/definitions/helpers/router/get-parent-resource.ts
@@ -1,4 +1,4 @@
-import { IResourceItem } from "../../../contexts/resource/types";
+import type { IResourceItem } from "../../../contexts/resource/types";
 import { pickNotDeprecated } from "../pickNotDeprecated";
 
 /**
diff --git a/packages/core/src/definitions/helpers/router/match-resource-from-route.ts b/packages/core/src/definitions/helpers/router/match-resource-from-route.ts
index 6f5c0231cab1..49128fb893e1 100644
--- a/packages/core/src/definitions/helpers/router/match-resource-from-route.ts
+++ b/packages/core/src/definitions/helpers/router/match-resource-from-route.ts
@@ -1,5 +1,5 @@
-import { IResourceItem } from "../../../contexts/resource/types";
-import { Action } from "../../../contexts/router/types";
+import type { IResourceItem } from "../../../contexts/resource/types";
+import type { Action } from "../../../contexts/router/types";
 import { checkBySegments } from "./check-by-segments";
 import { getActionRoutesFromResource } from "./get-action-routes-from-resource";
 import { pickMatchedRoute } from "./pick-matched-route";
diff --git a/packages/core/src/definitions/helpers/router/pick-matched-route.ts b/packages/core/src/definitions/helpers/router/pick-matched-route.ts
index 0f2810a5c6bf..68693d8d1a15 100644
--- a/packages/core/src/definitions/helpers/router/pick-matched-route.ts
+++ b/packages/core/src/definitions/helpers/router/pick-matched-route.ts
@@ -1,4 +1,4 @@
-import { ResourceActionRoute } from "./get-action-routes-from-resource";
+import type { ResourceActionRoute } from "./get-action-routes-from-resource";
 import { isParameter } from "./is-parameter";
 import { removeLeadingTrailingSlashes } from "./remove-leading-trailing-slashes";
 import { splitToSegments } from "./split-to-segments";
diff --git a/packages/core/src/definitions/helpers/sanitize-resource/index.ts b/packages/core/src/definitions/helpers/sanitize-resource/index.ts
index 658912f93418..1729013e4ae7 100644
--- a/packages/core/src/definitions/helpers/sanitize-resource/index.ts
+++ b/packages/core/src/definitions/helpers/sanitize-resource/index.ts
@@ -1,4 +1,4 @@
-import { IResourceItem } from "../../../contexts/resource/types";
+import type { IResourceItem } from "../../../contexts/resource/types";
 
 /**
  * Remove all properties that are non-serializable from a resource object.
diff --git a/packages/core/src/definitions/helpers/treeView/createTreeView/index.spec.ts b/packages/core/src/definitions/helpers/treeView/createTreeView/index.spec.ts
index fb22f87d41ef..4f83121ac4a8 100644
--- a/packages/core/src/definitions/helpers/treeView/createTreeView/index.spec.ts
+++ b/packages/core/src/definitions/helpers/treeView/createTreeView/index.spec.ts
@@ -1,5 +1,8 @@
 import { createTreeView } from ".";
-import { IResourceItem, ITreeMenu } from "../../../../contexts/resource/types";
+import type {
+  IResourceItem,
+  ITreeMenu,
+} from "../../../../contexts/resource/types";
 
 const mockResources: IResourceItem[] = [
   {
diff --git a/packages/core/src/definitions/helpers/treeView/createTreeView/index.ts b/packages/core/src/definitions/helpers/treeView/createTreeView/index.ts
index 4a964e84f353..bb686da40f71 100644
--- a/packages/core/src/definitions/helpers/treeView/createTreeView/index.ts
+++ b/packages/core/src/definitions/helpers/treeView/createTreeView/index.ts
@@ -1,6 +1,6 @@
 import { pickNotDeprecated } from "@definitions/helpers/pickNotDeprecated";
 
-import {
+import type {
   IMenuItem,
   IResourceItem,
   ITreeMenu,
diff --git a/packages/core/src/definitions/helpers/useInfinitePagination/index.ts b/packages/core/src/definitions/helpers/useInfinitePagination/index.ts
index 45a58580ba3f..7d6c72dc954e 100644
--- a/packages/core/src/definitions/helpers/useInfinitePagination/index.ts
+++ b/packages/core/src/definitions/helpers/useInfinitePagination/index.ts
@@ -1,4 +1,4 @@
-import { GetListResponse } from "../../../contexts/data/types";
+import type { GetListResponse } from "../../../contexts/data/types";
 
 export const getNextPageParam = (lastPage: GetListResponse) => {
   const { pagination, cursor } = lastPage;
diff --git a/packages/core/src/definitions/table/index.spec.ts b/packages/core/src/definitions/table/index.spec.ts
index b21e0bc65f6d..d17fa05fd141 100644
--- a/packages/core/src/definitions/table/index.spec.ts
+++ b/packages/core/src/definitions/table/index.spec.ts
@@ -1,4 +1,4 @@
-import { CrudFilter, CrudSort } from "../../contexts/data/types";
+import type { CrudFilter, CrudSort } from "../../contexts/data/types";
 import {
   compareFilters,
   compareSorters,
diff --git a/packages/core/src/definitions/table/index.ts b/packages/core/src/definitions/table/index.ts
index 3d93a90eedbc..1fd8eba3267a 100644
--- a/packages/core/src/definitions/table/index.ts
+++ b/packages/core/src/definitions/table/index.ts
@@ -1,11 +1,11 @@
 import differenceWith from "lodash/differenceWith";
 import unionWith from "lodash/unionWith";
-import qs, { IStringifyOptions } from "qs";
+import qs, { type IStringifyOptions } from "qs";
 import warnOnce from "warn-once";
 
 import { pickNotDeprecated } from "@definitions/helpers";
 
-import {
+import type {
   CrudFilter,
   CrudOperators,
   CrudSort,
diff --git a/packages/core/src/hooks/accessControl/useCan/index.ts b/packages/core/src/hooks/accessControl/useCan/index.ts
index 65301b0079af..d80ac681ee77 100644
--- a/packages/core/src/hooks/accessControl/useCan/index.ts
+++ b/packages/core/src/hooks/accessControl/useCan/index.ts
@@ -2,15 +2,15 @@ import { useContext } from "react";
 
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseQueryOptions,
-  UseQueryResult,
+  type UseQueryOptions,
+  type UseQueryResult,
   useQuery,
 } from "@tanstack/react-query";
 
 import { AccessControlContext } from "@contexts/accessControl";
 import { sanitizeResource } from "@definitions/helpers/sanitize-resource";
 import { useKeys } from "@hooks/useKeys";
-import {
+import type {
   CanParams,
   CanReturnType,
 } from "../../../contexts/accessControl/types";
diff --git a/packages/core/src/hooks/accessControl/useCanWithoutCache.ts b/packages/core/src/hooks/accessControl/useCanWithoutCache.ts
index d6bb3335163d..844aa4e22ffc 100644
--- a/packages/core/src/hooks/accessControl/useCanWithoutCache.ts
+++ b/packages/core/src/hooks/accessControl/useCanWithoutCache.ts
@@ -3,7 +3,7 @@ import React from "react";
 import { AccessControlContext } from "@contexts/accessControl";
 import { sanitizeResource } from "@definitions/helpers/sanitize-resource";
 
-import { IAccessControlContext } from "../../contexts/accessControl/types";
+import type { IAccessControlContext } from "../../contexts/accessControl/types";
 
 export const useCanWithoutCache = (): IAccessControlContext => {
   const { can: canFromContext } = React.useContext(AccessControlContext);
diff --git a/packages/core/src/hooks/auditLog/useLog/index.spec.ts b/packages/core/src/hooks/auditLog/useLog/index.spec.ts
index 866290989e06..51bac51aedad 100644
--- a/packages/core/src/hooks/auditLog/useLog/index.spec.ts
+++ b/packages/core/src/hooks/auditLog/useLog/index.spec.ts
@@ -3,8 +3,8 @@ import { renderHook, waitFor } from "@testing-library/react";
 import { TestWrapper, mockAuthProvider, mockLegacyAuthProvider } from "@test";
 
 import { useLog } from ".";
-import { LogParams } from "../../../contexts/auditLog/types";
-import { ResourceProps } from "../../../contexts/resource/types";
+import type { LogParams } from "../../../contexts/auditLog/types";
+import type { ResourceProps } from "../../../contexts/resource/types";
 import * as hasPermission from "../../../definitions/helpers/hasPermission";
 
 const auditLogProviderCreateMock = jest.fn();
diff --git a/packages/core/src/hooks/auditLog/useLog/index.ts b/packages/core/src/hooks/auditLog/useLog/index.ts
index 2cc8c2abf000..72dfdb8e4029 100644
--- a/packages/core/src/hooks/auditLog/useLog/index.ts
+++ b/packages/core/src/hooks/auditLog/useLog/index.ts
@@ -2,8 +2,8 @@ import { useContext } from "react";
 
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseMutationOptions,
-  UseMutationResult,
+  type UseMutationOptions,
+  type UseMutationResult,
   useMutation,
   useQueryClient,
 } from "@tanstack/react-query";
@@ -16,8 +16,8 @@ import { pickResource } from "@definitions/helpers/pick-resource";
 import { useGetIdentity } from "@hooks/auth";
 import { useKeys } from "@hooks/useKeys";
 
-import { LogParams } from "../../../contexts/auditLog/types";
-import { BaseKey } from "../../../contexts/data/types";
+import type { LogParams } from "../../../contexts/auditLog/types";
+import type { BaseKey } from "../../../contexts/data/types";
 
 type LogRenameData =
   | {
diff --git a/packages/core/src/hooks/auditLog/useLogList/index.ts b/packages/core/src/hooks/auditLog/useLogList/index.ts
index aa70d1b59a37..87e296a3b9b0 100644
--- a/packages/core/src/hooks/auditLog/useLogList/index.ts
+++ b/packages/core/src/hooks/auditLog/useLogList/index.ts
@@ -2,15 +2,15 @@ import { useContext } from "react";
 
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseQueryOptions,
-  UseQueryResult,
+  type UseQueryOptions,
+  type UseQueryResult,
   useQuery,
 } from "@tanstack/react-query";
 
 import { AuditLogContext } from "@contexts/auditLog";
 import { useKeys } from "@hooks/useKeys";
 
-import { HttpError, MetaQuery } from "../../../contexts/data/types";
+import type { HttpError, MetaQuery } from "../../../contexts/data/types";
 
 export type UseLogProps<TQueryFnData, TError, TData> = {
   resource: string;
diff --git a/packages/core/src/hooks/auth/useForgotPassword/index.ts b/packages/core/src/hooks/auth/useForgotPassword/index.ts
index 0063730e5430..3d7f4d1acd57 100644
--- a/packages/core/src/hooks/auth/useForgotPassword/index.ts
+++ b/packages/core/src/hooks/auth/useForgotPassword/index.ts
@@ -1,7 +1,7 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseMutationOptions,
-  UseMutationResult,
+  type UseMutationOptions,
+  type UseMutationResult,
   useMutation,
 } from "@tanstack/react-query";
 
@@ -14,13 +14,13 @@ import {
   useRouterType,
 } from "@hooks";
 
-import {
+import type {
   AuthActionResponse,
   SuccessNotificationResponse,
   TForgotPasswordData,
 } from "../../../contexts/auth/types";
-import { RefineError } from "../../../contexts/data/types";
-import { OpenNotificationParams } from "../../../contexts/notification/types";
+import type { RefineError } from "../../../contexts/data/types";
+import type { OpenNotificationParams } from "../../../contexts/notification/types";
 
 export type UseForgotPasswordLegacyProps<TVariables> = {
   v3LegacyAuthProviderCompatible: true;
diff --git a/packages/core/src/hooks/auth/useGetIdentity/index.ts b/packages/core/src/hooks/auth/useGetIdentity/index.ts
index f90183cb9f48..f5f7dceb9d6c 100644
--- a/packages/core/src/hooks/auth/useGetIdentity/index.ts
+++ b/packages/core/src/hooks/auth/useGetIdentity/index.ts
@@ -1,14 +1,14 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseQueryOptions,
-  UseQueryResult,
+  type UseQueryOptions,
+  type UseQueryResult,
   useQuery,
 } from "@tanstack/react-query";
 
 import { useAuthBindingsContext, useLegacyAuthContext } from "@contexts/auth";
 import { useKeys } from "@hooks/useKeys";
 
-import { IdentityResponse } from "../../../contexts/auth/types";
+import type { IdentityResponse } from "../../../contexts/auth/types";
 
 export type UseGetIdentityLegacyProps<TData> = {
   v3LegacyAuthProviderCompatible: true;
diff --git a/packages/core/src/hooks/auth/useIsAuthenticated/index.ts b/packages/core/src/hooks/auth/useIsAuthenticated/index.ts
index f479b9829ea1..a65b1a13225d 100644
--- a/packages/core/src/hooks/auth/useIsAuthenticated/index.ts
+++ b/packages/core/src/hooks/auth/useIsAuthenticated/index.ts
@@ -1,10 +1,10 @@
 import { getXRay } from "@refinedev/devtools-internal";
-import { UseQueryResult, useQuery } from "@tanstack/react-query";
+import { type UseQueryResult, useQuery } from "@tanstack/react-query";
 
 import { useAuthBindingsContext, useLegacyAuthContext } from "@contexts/auth";
 import { useKeys } from "@hooks/useKeys";
 
-import { CheckResponse } from "../../../contexts/auth/types";
+import type { CheckResponse } from "../../../contexts/auth/types";
 
 export type UseIsAuthenticatedLegacyProps = {
   v3LegacyAuthProviderCompatible: true;
diff --git a/packages/core/src/hooks/auth/useLogin/index.ts b/packages/core/src/hooks/auth/useLogin/index.ts
index 3e49d1a8eff3..4c7740285ee1 100644
--- a/packages/core/src/hooks/auth/useLogin/index.ts
+++ b/packages/core/src/hooks/auth/useLogin/index.ts
@@ -2,8 +2,8 @@ import React from "react";
 
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseMutationOptions,
-  UseMutationResult,
+  type UseMutationOptions,
+  type UseMutationResult,
   useMutation,
 } from "@tanstack/react-query";
 import qs from "qs";
@@ -19,13 +19,13 @@ import {
   useRouterType,
 } from "@hooks";
 
-import {
+import type {
   AuthActionResponse,
   SuccessNotificationResponse,
   TLoginData,
 } from "../../../contexts/auth/types";
-import { RefineError } from "../../../contexts/data/types";
-import { OpenNotificationParams } from "../../../contexts/notification/types";
+import type { RefineError } from "../../../contexts/data/types";
+import type { OpenNotificationParams } from "../../../contexts/notification/types";
 import { useInvalidateAuthStore } from "../useInvalidateAuthStore";
 
 export type UseLoginLegacyProps<TVariables> = {
diff --git a/packages/core/src/hooks/auth/useLogout/index.ts b/packages/core/src/hooks/auth/useLogout/index.ts
index cdd65463f419..297f00e66341 100644
--- a/packages/core/src/hooks/auth/useLogout/index.ts
+++ b/packages/core/src/hooks/auth/useLogout/index.ts
@@ -1,7 +1,7 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseMutationOptions,
-  UseMutationResult,
+  type UseMutationOptions,
+  type UseMutationResult,
   useMutation,
 } from "@tanstack/react-query";
 
@@ -14,13 +14,13 @@ import {
   useRouterType,
 } from "@hooks";
 
-import {
+import type {
   AuthActionResponse,
   SuccessNotificationResponse,
   TLogoutData,
 } from "../../../contexts/auth/types";
-import { RefineError } from "../../../contexts/data/types";
-import { OpenNotificationParams } from "../../../contexts/notification/types";
+import type { RefineError } from "../../../contexts/data/types";
+import type { OpenNotificationParams } from "../../../contexts/notification/types";
 import { useInvalidateAuthStore } from "../useInvalidateAuthStore";
 
 type Variables = {
diff --git a/packages/core/src/hooks/auth/useOnError/index.spec.ts b/packages/core/src/hooks/auth/useOnError/index.spec.ts
index a628ebb85cb1..6317378fa5f0 100644
--- a/packages/core/src/hooks/auth/useOnError/index.spec.ts
+++ b/packages/core/src/hooks/auth/useOnError/index.spec.ts
@@ -8,7 +8,7 @@ import {
 } from "@test";
 
 import { useOnError } from ".";
-import { LegacyRouterProvider } from "../../../contexts/router/legacy/types";
+import type { LegacyRouterProvider } from "../../../contexts/router/legacy/types";
 
 const mockReplace = jest.fn();
 const mockPush = jest.fn();
diff --git a/packages/core/src/hooks/auth/useOnError/index.ts b/packages/core/src/hooks/auth/useOnError/index.ts
index 01296b3c941e..969f1122b952 100644
--- a/packages/core/src/hooks/auth/useOnError/index.ts
+++ b/packages/core/src/hooks/auth/useOnError/index.ts
@@ -1,11 +1,11 @@
 import { getXRay } from "@refinedev/devtools-internal";
-import { UseMutationResult, useMutation } from "@tanstack/react-query";
+import { type UseMutationResult, useMutation } from "@tanstack/react-query";
 
 import { useAuthBindingsContext, useLegacyAuthContext } from "@contexts/auth";
 import { useGo, useLogout, useNavigation, useRouterType } from "@hooks";
 import { useKeys } from "@hooks/useKeys";
 
-import { OnErrorResponse } from "../../../contexts/auth/types";
+import type { OnErrorResponse } from "../../../contexts/auth/types";
 
 export type UseOnErrorLegacyProps = {
   v3LegacyAuthProviderCompatible: true;
diff --git a/packages/core/src/hooks/auth/usePermissions/index.ts b/packages/core/src/hooks/auth/usePermissions/index.ts
index 2a0abc14be43..2a59d01b7845 100644
--- a/packages/core/src/hooks/auth/usePermissions/index.ts
+++ b/packages/core/src/hooks/auth/usePermissions/index.ts
@@ -1,14 +1,14 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseQueryOptions,
-  UseQueryResult,
+  type UseQueryOptions,
+  type UseQueryResult,
   useQuery,
 } from "@tanstack/react-query";
 
 import { useAuthBindingsContext, useLegacyAuthContext } from "@contexts/auth";
 import { useKeys } from "@hooks/useKeys";
 
-import { PermissionResponse } from "../../../contexts/auth/types";
+import type { PermissionResponse } from "../../../contexts/auth/types";
 
 export type UsePermissionsLegacyProps<
   TData = any,
diff --git a/packages/core/src/hooks/auth/useRegister/index.ts b/packages/core/src/hooks/auth/useRegister/index.ts
index 8ad5f8ccbb4e..48c5ea760e0d 100644
--- a/packages/core/src/hooks/auth/useRegister/index.ts
+++ b/packages/core/src/hooks/auth/useRegister/index.ts
@@ -1,7 +1,7 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseMutationOptions,
-  UseMutationResult,
+  type UseMutationOptions,
+  type UseMutationResult,
   useMutation,
 } from "@tanstack/react-query";
 
@@ -14,14 +14,14 @@ import {
   useRouterType,
 } from "@hooks";
 
-import {
+import type {
   AuthActionResponse,
   SuccessNotificationResponse,
   TLoginData,
   TRegisterData,
 } from "../../../contexts/auth/types";
-import { RefineError } from "../../../contexts/data/types";
-import { OpenNotificationParams } from "../../../contexts/notification/types";
+import type { RefineError } from "../../../contexts/data/types";
+import type { OpenNotificationParams } from "../../../contexts/notification/types";
 import { useInvalidateAuthStore } from "../useInvalidateAuthStore";
 
 export type UseRegisterLegacyProps<TVariables> = {
diff --git a/packages/core/src/hooks/auth/useUpdatePassword/index.spec.ts b/packages/core/src/hooks/auth/useUpdatePassword/index.spec.ts
index 80b2fa5abe3c..68427d8a8a67 100644
--- a/packages/core/src/hooks/auth/useUpdatePassword/index.spec.ts
+++ b/packages/core/src/hooks/auth/useUpdatePassword/index.spec.ts
@@ -9,7 +9,7 @@ import {
   queryClient,
 } from "@test";
 
-import { LegacyRouterProvider } from "../../../contexts/router/legacy/types";
+import type { LegacyRouterProvider } from "../../../contexts/router/legacy/types";
 import { useUpdatePassword } from "./";
 
 const mockFn = jest.fn();
diff --git a/packages/core/src/hooks/auth/useUpdatePassword/index.ts b/packages/core/src/hooks/auth/useUpdatePassword/index.ts
index 977fff50f422..848fe3c7d285 100644
--- a/packages/core/src/hooks/auth/useUpdatePassword/index.ts
+++ b/packages/core/src/hooks/auth/useUpdatePassword/index.ts
@@ -2,8 +2,8 @@ import React from "react";
 
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseMutationOptions,
-  UseMutationResult,
+  type UseMutationOptions,
+  type UseMutationResult,
   useMutation,
 } from "@tanstack/react-query";
 import qs from "qs";
@@ -19,14 +19,14 @@ import {
   useRouterType,
 } from "@hooks";
 
-import { UpdatePasswordFormTypes } from "../../../components/pages/auth/types";
-import {
+import type { UpdatePasswordFormTypes } from "../../../components/pages/auth/types";
+import type {
   AuthActionResponse,
   SuccessNotificationResponse,
   TUpdatePasswordData,
 } from "../../../contexts/auth/types";
-import { RefineError } from "../../../contexts/data/types";
-import { OpenNotificationParams } from "../../../contexts/notification/types";
+import type { RefineError } from "../../../contexts/data/types";
+import type { OpenNotificationParams } from "../../../contexts/notification/types";
 
 export type UseUpdatePasswordLegacyProps<
   TVariables extends UpdatePasswordFormTypes,
diff --git a/packages/core/src/hooks/breadcrumb/index.spec.tsx b/packages/core/src/hooks/breadcrumb/index.spec.tsx
index 4b49a06fca37..0425186dd0b5 100644
--- a/packages/core/src/hooks/breadcrumb/index.spec.tsx
+++ b/packages/core/src/hooks/breadcrumb/index.spec.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 import { renderHook } from "@testing-library/react";
 
-import { ITestWrapperProps, TestWrapper, mockRouterProvider } from "@test";
+import { type ITestWrapperProps, TestWrapper, mockRouterProvider } from "@test";
 
 import { useBreadcrumb } from ".";
 
diff --git a/packages/core/src/hooks/breadcrumb/index.ts b/packages/core/src/hooks/breadcrumb/index.ts
index d53a4a376c45..762e7b9a1630 100644
--- a/packages/core/src/hooks/breadcrumb/index.ts
+++ b/packages/core/src/hooks/breadcrumb/index.ts
@@ -10,7 +10,7 @@ import { composeRoute } from "@definitions/helpers/router/compose-route";
 import { useRefineContext, useResource, useTranslate } from "@hooks";
 import { useParsed } from "@hooks/router/use-parsed";
 
-import { IResourceItem } from "../../contexts/resource/types";
+import type { IResourceItem } from "../../contexts/resource/types";
 import { pickResource } from "../../definitions/helpers/pick-resource/index";
 
 export type BreadcrumbsType = {
diff --git a/packages/core/src/hooks/data/useCreate.ts b/packages/core/src/hooks/data/useCreate.ts
index ca822dd1982e..9c267a2a18e3 100644
--- a/packages/core/src/hooks/data/useCreate.ts
+++ b/packages/core/src/hooks/data/useCreate.ts
@@ -5,8 +5,8 @@ import {
 } from "@definitions/helpers";
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseMutationOptions,
-  UseMutationResult,
+  type UseMutationOptions,
+  type UseMutationResult,
   useMutation,
 } from "@tanstack/react-query";
 
@@ -24,17 +24,17 @@ import {
   useTranslate,
 } from "@hooks";
 
-import {
+import type {
   BaseRecord,
   CreateResponse,
   HttpError,
   IQueryKeys,
   MetaQuery,
 } from "../../contexts/data/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
 import {
-  UseLoadingOvertimeOptionsProps,
-  UseLoadingOvertimeReturnType,
+  type UseLoadingOvertimeOptionsProps,
+  type UseLoadingOvertimeReturnType,
   useLoadingOvertime,
 } from "../useLoadingOvertime";
 
diff --git a/packages/core/src/hooks/data/useCreateMany.ts b/packages/core/src/hooks/data/useCreateMany.ts
index 1a93c281484c..2cdde811891d 100644
--- a/packages/core/src/hooks/data/useCreateMany.ts
+++ b/packages/core/src/hooks/data/useCreateMany.ts
@@ -1,7 +1,7 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseMutationOptions,
-  UseMutationResult,
+  type UseMutationOptions,
+  type UseMutationResult,
   useMutation,
 } from "@tanstack/react-query";
 
@@ -23,17 +23,17 @@ import {
   useTranslate,
 } from "@hooks";
 
-import {
+import type {
   BaseRecord,
   CreateManyResponse,
   HttpError,
   IQueryKeys,
   MetaQuery,
 } from "../../contexts/data/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
 import {
-  UseLoadingOvertimeOptionsProps,
-  UseLoadingOvertimeReturnType,
+  type UseLoadingOvertimeOptionsProps,
+  type UseLoadingOvertimeReturnType,
   useLoadingOvertime,
 } from "../useLoadingOvertime";
 
diff --git a/packages/core/src/hooks/data/useCustom.ts b/packages/core/src/hooks/data/useCustom.ts
index e571e6b7dab6..41bf2c0ed4a8 100644
--- a/packages/core/src/hooks/data/useCustom.ts
+++ b/packages/core/src/hooks/data/useCustom.ts
@@ -1,7 +1,7 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  QueryObserverResult,
-  UseQueryOptions,
+  type QueryObserverResult,
+  type UseQueryOptions,
   useQuery,
 } from "@tanstack/react-query";
 
@@ -19,7 +19,7 @@ import {
   useTranslate,
 } from "@hooks";
 
-import {
+import type {
   BaseRecord,
   CrudFilter,
   CrudSort,
@@ -28,10 +28,10 @@ import {
   MetaQuery,
   Prettify,
 } from "../../contexts/data/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
 import {
-  UseLoadingOvertimeOptionsProps,
-  UseLoadingOvertimeReturnType,
+  type UseLoadingOvertimeOptionsProps,
+  type UseLoadingOvertimeReturnType,
   useLoadingOvertime,
 } from "../useLoadingOvertime";
 
diff --git a/packages/core/src/hooks/data/useCustomMutation.ts b/packages/core/src/hooks/data/useCustomMutation.ts
index 8084a5b7fd0e..a39c89e34e7e 100644
--- a/packages/core/src/hooks/data/useCustomMutation.ts
+++ b/packages/core/src/hooks/data/useCustomMutation.ts
@@ -1,7 +1,7 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseMutationOptions,
-  UseMutationResult,
+  type UseMutationOptions,
+  type UseMutationResult,
   useMutation,
 } from "@tanstack/react-query";
 
@@ -15,17 +15,17 @@ import {
   useTranslate,
 } from "@hooks";
 
-import {
+import type {
   BaseRecord,
   CreateResponse,
   HttpError,
   MetaQuery,
   Prettify,
 } from "../../contexts/data/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
 import {
-  UseLoadingOvertimeOptionsProps,
-  UseLoadingOvertimeReturnType,
+  type UseLoadingOvertimeOptionsProps,
+  type UseLoadingOvertimeReturnType,
   useLoadingOvertime,
 } from "../useLoadingOvertime";
 
diff --git a/packages/core/src/hooks/data/useDataProvider.tsx b/packages/core/src/hooks/data/useDataProvider.tsx
index 1fca4e2d85a4..e4ed3cfb8bc6 100644
--- a/packages/core/src/hooks/data/useDataProvider.tsx
+++ b/packages/core/src/hooks/data/useDataProvider.tsx
@@ -1,7 +1,7 @@
 import { useCallback, useContext } from "react";
 
 import { DataContext } from "@contexts/data";
-import { DataProvider, IDataContext } from "../../contexts/data/types";
+import { type DataProvider, IDataContext } from "../../contexts/data/types";
 export const useDataProvider = (): ((
   /**
    * The name of the `data provider` you want to access
diff --git a/packages/core/src/hooks/data/useDelete.ts b/packages/core/src/hooks/data/useDelete.ts
index 48383cd11fd0..2cecc9f8a1b4 100644
--- a/packages/core/src/hooks/data/useDelete.ts
+++ b/packages/core/src/hooks/data/useDelete.ts
@@ -1,7 +1,7 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseMutationOptions,
-  UseMutationResult,
+  type UseMutationOptions,
+  type UseMutationResult,
   useMutation,
   useQueryClient,
 } from "@tanstack/react-query";
@@ -28,7 +28,7 @@ import {
   useTranslate,
 } from "@hooks";
 
-import {
+import type {
   BaseKey,
   BaseRecord,
   DeleteOneResponse,
@@ -40,11 +40,11 @@ import {
   PrevContext as DeleteContext,
   PreviousQuery,
 } from "../../contexts/data/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
 import { ActionTypes } from "../../contexts/undoableQueue/types";
 import {
-  UseLoadingOvertimeOptionsProps,
-  UseLoadingOvertimeReturnType,
+  type UseLoadingOvertimeOptionsProps,
+  type UseLoadingOvertimeReturnType,
   useLoadingOvertime,
 } from "../useLoadingOvertime";
 
diff --git a/packages/core/src/hooks/data/useDeleteMany.ts b/packages/core/src/hooks/data/useDeleteMany.ts
index 7afa305cbaa4..49152d83ad41 100644
--- a/packages/core/src/hooks/data/useDeleteMany.ts
+++ b/packages/core/src/hooks/data/useDeleteMany.ts
@@ -1,7 +1,7 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseMutationOptions,
-  UseMutationResult,
+  type UseMutationOptions,
+  type UseMutationResult,
   useMutation,
   useQueryClient,
 } from "@tanstack/react-query";
@@ -29,7 +29,7 @@ import {
   useTranslate,
 } from "@hooks";
 
-import {
+import type {
   BaseKey,
   BaseRecord,
   DeleteManyResponse,
@@ -41,11 +41,11 @@ import {
   PrevContext as DeleteContext,
   PreviousQuery,
 } from "../../contexts/data/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
 import { ActionTypes } from "../../contexts/undoableQueue/types";
 import {
-  UseLoadingOvertimeOptionsProps,
-  UseLoadingOvertimeReturnType,
+  type UseLoadingOvertimeOptionsProps,
+  type UseLoadingOvertimeReturnType,
   useLoadingOvertime,
 } from "../useLoadingOvertime";
 
diff --git a/packages/core/src/hooks/data/useInfiniteList.spec.tsx b/packages/core/src/hooks/data/useInfiniteList.spec.tsx
index 9acff5cd1d10..f68231f5ed79 100644
--- a/packages/core/src/hooks/data/useInfiniteList.spec.tsx
+++ b/packages/core/src/hooks/data/useInfiniteList.spec.tsx
@@ -3,8 +3,8 @@ import { renderHook, waitFor } from "@testing-library/react";
 import { defaultRefineOptions } from "@contexts/refine";
 import { MockJSONServer, TestWrapper, queryClient } from "@test";
 
-import { DataProviders } from "../../contexts/data/types";
-import { IRefineContextProvider } from "../../contexts/refine/types";
+import type { DataProviders } from "../../contexts/data/types";
+import type { IRefineContextProvider } from "../../contexts/refine/types";
 import { useInfiniteList } from "./useInfiniteList";
 
 const mockRefineProvider: IRefineContextProvider = {
diff --git a/packages/core/src/hooks/data/useInfiniteList.ts b/packages/core/src/hooks/data/useInfiniteList.ts
index e08832893493..f7fc38b04fc9 100644
--- a/packages/core/src/hooks/data/useInfiniteList.ts
+++ b/packages/core/src/hooks/data/useInfiniteList.ts
@@ -1,8 +1,8 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  InfiniteData,
-  InfiniteQueryObserverResult,
-  UseInfiniteQueryOptions,
+  type InfiniteData,
+  type InfiniteQueryObserverResult,
+  type UseInfiniteQueryOptions,
   useInfiniteQuery,
 } from "@tanstack/react-query";
 
@@ -26,7 +26,7 @@ import {
   useTranslate,
 } from "@hooks";
 
-import {
+import type {
   BaseRecord,
   CrudFilter,
   CrudSort,
@@ -36,11 +36,11 @@ import {
   Pagination,
   Prettify,
 } from "../../contexts/data/types";
-import { LiveModeProps } from "../../contexts/live/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { LiveModeProps } from "../../contexts/live/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
 import {
-  UseLoadingOvertimeOptionsProps,
-  UseLoadingOvertimeReturnType,
+  type UseLoadingOvertimeOptionsProps,
+  type UseLoadingOvertimeReturnType,
   useLoadingOvertime,
 } from "../useLoadingOvertime";
 
diff --git a/packages/core/src/hooks/data/useList.spec.tsx b/packages/core/src/hooks/data/useList.spec.tsx
index 1c5400b767ee..5f2c85169f38 100644
--- a/packages/core/src/hooks/data/useList.spec.tsx
+++ b/packages/core/src/hooks/data/useList.spec.tsx
@@ -9,7 +9,7 @@ import {
 
 import { defaultRefineOptions } from "@contexts/refine";
 
-import { IRefineContextProvider } from "../../contexts/refine/types";
+import type { IRefineContextProvider } from "../../contexts/refine/types";
 import { useList } from "./useList";
 
 const mockRefineProvider: IRefineContextProvider = {
diff --git a/packages/core/src/hooks/data/useList.ts b/packages/core/src/hooks/data/useList.ts
index 2e9c569e71cd..0984d4775078 100644
--- a/packages/core/src/hooks/data/useList.ts
+++ b/packages/core/src/hooks/data/useList.ts
@@ -1,7 +1,7 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  QueryObserverResult,
-  UseQueryOptions,
+  type QueryObserverResult,
+  type UseQueryOptions,
   useQuery,
 } from "@tanstack/react-query";
 
@@ -23,7 +23,7 @@ import {
   useTranslate,
 } from "@hooks";
 
-import {
+import type {
   BaseRecord,
   CrudFilter,
   CrudSort,
@@ -33,11 +33,11 @@ import {
   Pagination,
   Prettify,
 } from "../../contexts/data/types";
-import { LiveModeProps } from "../../contexts/live/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { LiveModeProps } from "../../contexts/live/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
 import {
-  UseLoadingOvertimeOptionsProps,
-  UseLoadingOvertimeReturnType,
+  type UseLoadingOvertimeOptionsProps,
+  type UseLoadingOvertimeReturnType,
   useLoadingOvertime,
 } from "../useLoadingOvertime";
 
diff --git a/packages/core/src/hooks/data/useMany.spec.tsx b/packages/core/src/hooks/data/useMany.spec.tsx
index 02b0dc33a39a..441e0a05f023 100644
--- a/packages/core/src/hooks/data/useMany.spec.tsx
+++ b/packages/core/src/hooks/data/useMany.spec.tsx
@@ -8,7 +8,7 @@ import {
   queryClient,
 } from "@test";
 
-import { IRefineContextProvider } from "../../contexts/refine/types";
+import type { IRefineContextProvider } from "../../contexts/refine/types";
 import { useMany } from "./useMany";
 
 const mockRefineProvider: IRefineContextProvider = {
diff --git a/packages/core/src/hooks/data/useMany.ts b/packages/core/src/hooks/data/useMany.ts
index 8014ddfd7a61..e27639630972 100644
--- a/packages/core/src/hooks/data/useMany.ts
+++ b/packages/core/src/hooks/data/useMany.ts
@@ -1,7 +1,7 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  QueryObserverResult,
-  UseQueryOptions,
+  type QueryObserverResult,
+  type UseQueryOptions,
   useQuery,
 } from "@tanstack/react-query";
 
@@ -23,18 +23,18 @@ import {
   useTranslate,
 } from "@hooks";
 
-import {
+import type {
   BaseKey,
   BaseRecord,
   GetManyResponse,
   HttpError,
   MetaQuery,
 } from "../../contexts/data/types";
-import { LiveModeProps } from "../../contexts/live/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { LiveModeProps } from "../../contexts/live/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
 import {
-  UseLoadingOvertimeOptionsProps,
-  UseLoadingOvertimeReturnType,
+  type UseLoadingOvertimeOptionsProps,
+  type UseLoadingOvertimeReturnType,
   useLoadingOvertime,
 } from "../useLoadingOvertime";
 
diff --git a/packages/core/src/hooks/data/useOne.spec.tsx b/packages/core/src/hooks/data/useOne.spec.tsx
index 4baedc9ce602..ba3d3e63498f 100644
--- a/packages/core/src/hooks/data/useOne.spec.tsx
+++ b/packages/core/src/hooks/data/useOne.spec.tsx
@@ -8,7 +8,7 @@ import {
   queryClient,
 } from "@test";
 
-import { IRefineContextProvider } from "../../contexts/refine/types";
+import type { IRefineContextProvider } from "../../contexts/refine/types";
 import { useOne } from "./useOne";
 
 const mockRefineProvider: IRefineContextProvider = {
diff --git a/packages/core/src/hooks/data/useOne.ts b/packages/core/src/hooks/data/useOne.ts
index bc62f061526c..fa47d6380f76 100644
--- a/packages/core/src/hooks/data/useOne.ts
+++ b/packages/core/src/hooks/data/useOne.ts
@@ -1,7 +1,7 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  QueryObserverResult,
-  UseQueryOptions,
+  type QueryObserverResult,
+  type UseQueryOptions,
   useQuery,
 } from "@tanstack/react-query";
 
@@ -22,7 +22,7 @@ import {
   useTranslate,
 } from "@hooks";
 
-import {
+import type {
   BaseKey,
   BaseRecord,
   GetOneResponse,
@@ -30,11 +30,11 @@ import {
   MetaQuery,
   Prettify,
 } from "../../contexts/data/types";
-import { LiveModeProps } from "../../contexts/live/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { LiveModeProps } from "../../contexts/live/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
 import {
-  UseLoadingOvertimeOptionsProps,
-  UseLoadingOvertimeReturnType,
+  type UseLoadingOvertimeOptionsProps,
+  type UseLoadingOvertimeReturnType,
   useLoadingOvertime,
 } from "../useLoadingOvertime";
 
diff --git a/packages/core/src/hooks/data/useUpdate.ts b/packages/core/src/hooks/data/useUpdate.ts
index 734afaa4c98c..57485022b66c 100644
--- a/packages/core/src/hooks/data/useUpdate.ts
+++ b/packages/core/src/hooks/data/useUpdate.ts
@@ -1,7 +1,7 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseMutationOptions,
-  UseMutationResult,
+  type UseMutationOptions,
+  type UseMutationResult,
   useMutation,
   useQueryClient,
 } from "@tanstack/react-query";
@@ -28,7 +28,7 @@ import {
   useTranslate,
 } from "@hooks";
 
-import {
+import type {
   BaseKey,
   BaseRecord,
   GetListResponse,
@@ -42,11 +42,11 @@ import {
   PreviousQuery,
   UpdateResponse,
 } from "../../contexts/data/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
 import { ActionTypes } from "../../contexts/undoableQueue/types";
 import {
-  UseLoadingOvertimeOptionsProps,
-  UseLoadingOvertimeReturnType,
+  type UseLoadingOvertimeOptionsProps,
+  type UseLoadingOvertimeReturnType,
   useLoadingOvertime,
 } from "../useLoadingOvertime";
 
diff --git a/packages/core/src/hooks/data/useUpdateMany.ts b/packages/core/src/hooks/data/useUpdateMany.ts
index f55de79a546e..c2fbbaffa578 100644
--- a/packages/core/src/hooks/data/useUpdateMany.ts
+++ b/packages/core/src/hooks/data/useUpdateMany.ts
@@ -1,7 +1,7 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-  UseMutationOptions,
-  UseMutationResult,
+  type UseMutationOptions,
+  type UseMutationResult,
   useMutation,
   useQueryClient,
 } from "@tanstack/react-query";
@@ -29,7 +29,7 @@ import {
   useTranslate,
 } from "@hooks";
 
-import {
+import type {
   BaseKey,
   BaseRecord,
   GetListResponse,
@@ -44,12 +44,12 @@ import {
   UpdateManyResponse,
 } from "../../contexts/data/types";
 import {
-  UseLoadingOvertimeOptionsProps,
-  UseLoadingOvertimeReturnType,
+  type UseLoadingOvertimeOptionsProps,
+  type UseLoadingOvertimeReturnType,
   useLoadingOvertime,
 } from "../useLoadingOvertime";
 
-import { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
 import { ActionTypes } from "../../contexts/undoableQueue/types";
 
 export type OptimisticUpdateManyMapType<TData, TVariables> = {
diff --git a/packages/core/src/hooks/export/index.spec.ts b/packages/core/src/hooks/export/index.spec.ts
index 6a197f8d1508..697918a28d3c 100644
--- a/packages/core/src/hooks/export/index.spec.ts
+++ b/packages/core/src/hooks/export/index.spec.ts
@@ -6,7 +6,7 @@ import { mockRouterProvider, posts } from "@test/dataMocks";
 
 import { downloadInBrowser } from "../../definitions/helpers/downloadInBrowser";
 import * as pickDataProvider from "../../definitions/helpers/pickDataProvider";
-import { ExportOptions, useExport } from "./";
+import { type ExportOptions, useExport } from "./";
 
 const testCsv = "col1,col2\r\ncell1,cell2";
 jest.mock("papaparse", () => ({
diff --git a/packages/core/src/hooks/export/index.ts b/packages/core/src/hooks/export/index.ts
index 5f303d658ec2..3edfbf25ef24 100644
--- a/packages/core/src/hooks/export/index.ts
+++ b/packages/core/src/hooks/export/index.ts
@@ -11,13 +11,13 @@ import {
 } from "@definitions";
 import { useDataProvider, useMeta, useResource } from "@hooks";
 
-import {
+import type {
   BaseRecord,
   CrudFilter,
   CrudSort,
   MetaQuery,
 } from "../../contexts/data/types";
-import { MapDataFn } from "./types";
+import type { MapDataFn } from "./types";
 
 // Old options interface taken from export-to-csv-fix-source-map@0.2.1
 // Kept here to ensure backward compatibility
diff --git a/packages/core/src/hooks/export/types.ts b/packages/core/src/hooks/export/types.ts
index 324403726970..fc4a4a20041a 100644
--- a/packages/core/src/hooks/export/types.ts
+++ b/packages/core/src/hooks/export/types.ts
@@ -1,4 +1,4 @@
-import { MouseEventHandler } from "react";
+import type { MouseEventHandler } from "react";
 
 export type MapDataFn<TItem, TVariables> = (
   item: TItem,
diff --git a/packages/core/src/hooks/form/index.ts b/packages/core/src/hooks/form/index.ts
index fbc35dba0e83..ea37389e8083 100644
--- a/packages/core/src/hooks/form/index.ts
+++ b/packages/core/src/hooks/form/index.ts
@@ -25,7 +25,7 @@ import {
 import type { UpdateParams } from "../data/useUpdate";
 import type { UseCreateParams } from "../data/useCreate";
 import type { UseFormProps, UseFormReturnType } from "./types";
-import {
+import type {
   BaseKey,
   BaseRecord,
   CreateResponse,
diff --git a/packages/core/src/hooks/form/types.ts b/packages/core/src/hooks/form/types.ts
index c4f20bc72d27..bd98b8201403 100644
--- a/packages/core/src/hooks/form/types.ts
+++ b/packages/core/src/hooks/form/types.ts
@@ -1,17 +1,20 @@
-import { Dispatch, SetStateAction } from "react";
-import { QueryObserverResult, UseQueryOptions } from "@tanstack/react-query";
+import type { Dispatch, SetStateAction } from "react";
+import type {
+  QueryObserverResult,
+  UseQueryOptions,
+} from "@tanstack/react-query";
 
-import {
+import type {
   OptimisticUpdateMapType,
   UseUpdateProps,
   UseUpdateReturnType,
 } from "../data/useUpdate";
-import { UseCreateProps, UseCreateReturnType } from "../data/useCreate";
-import {
+import type { UseCreateProps, UseCreateReturnType } from "../data/useCreate";
+import type {
   UseLoadingOvertimeOptionsProps,
   UseLoadingOvertimeReturnType,
 } from "../useLoadingOvertime";
-import {
+import type {
   BaseKey,
   BaseRecord,
   CreateResponse,
@@ -22,9 +25,9 @@ import {
   MutationMode,
   UpdateResponse,
 } from "../../contexts/data/types";
-import { LiveModeProps } from "../../contexts/live/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
-import { Action } from "../../contexts/router/types";
+import type { LiveModeProps } from "../../contexts/live/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { Action } from "../../contexts/router/types";
 
 export type FormAction = Extract<Action, "create" | "edit" | "clone">;
 
diff --git a/packages/core/src/hooks/import/index.spec.tsx b/packages/core/src/hooks/import/index.spec.tsx
index ab54383bf25a..7703651ef152 100644
--- a/packages/core/src/hooks/import/index.spec.tsx
+++ b/packages/core/src/hooks/import/index.spec.tsx
@@ -5,7 +5,7 @@ import { act } from "react-dom/test-utils";
 import { MockJSONServer, TestWrapper, mockRouterProvider } from "@test";
 
 import { useImport } from ".";
-import { DataProviders, HttpError } from "../../contexts/data/types";
+import type { DataProviders, HttpError } from "../../contexts/data/types";
 
 jest.mock("papaparse", () => {
   return {
diff --git a/packages/core/src/hooks/import/index.tsx b/packages/core/src/hooks/import/index.tsx
index 2ef27c79a914..0071c372b68e 100644
--- a/packages/core/src/hooks/import/index.tsx
+++ b/packages/core/src/hooks/import/index.tsx
@@ -10,10 +10,14 @@ import {
 } from "@definitions";
 import { useCreate, useCreateMany, useMeta, useResource } from "@hooks";
 
-import { BaseRecord, HttpError, MetaQuery } from "../../contexts/data/types";
-import { UseCreateReturnType } from "../../hooks/data/useCreate";
-import { UseCreateManyReturnType } from "../../hooks/data/useCreateMany";
-import { MapDataFn } from "../export/types";
+import type {
+  BaseRecord,
+  HttpError,
+  MetaQuery,
+} from "../../contexts/data/types";
+import type { UseCreateReturnType } from "../../hooks/data/useCreate";
+import type { UseCreateManyReturnType } from "../../hooks/data/useCreateMany";
+import type { MapDataFn } from "../export/types";
 
 export type ImportSuccessResult<TVariables, TData> = {
   request: TVariables[];
diff --git a/packages/core/src/hooks/invalidate/index.spec.tsx b/packages/core/src/hooks/invalidate/index.spec.tsx
index 956e67b701d0..330827aa9bf9 100644
--- a/packages/core/src/hooks/invalidate/index.spec.tsx
+++ b/packages/core/src/hooks/invalidate/index.spec.tsx
@@ -4,7 +4,7 @@ import { renderHook } from "@testing-library/react";
 import { TestWrapper } from "@test";
 
 import { useInvalidate } from ".";
-import { IQueryKeys } from "../../contexts/data/types";
+import type { IQueryKeys } from "../../contexts/data/types";
 
 describe("useInvalidate", () => {
   it("with empty invalidations array", async () => {
diff --git a/packages/core/src/hooks/invalidate/index.tsx b/packages/core/src/hooks/invalidate/index.tsx
index 7c43ae887f2e..dc6c1538d89f 100644
--- a/packages/core/src/hooks/invalidate/index.tsx
+++ b/packages/core/src/hooks/invalidate/index.tsx
@@ -1,15 +1,15 @@
 import { useCallback } from "react";
 
 import {
-  InvalidateOptions,
-  InvalidateQueryFilters,
+  type InvalidateOptions,
+  type InvalidateQueryFilters,
   useQueryClient,
 } from "@tanstack/react-query";
 
 import { pickDataProvider } from "@definitions";
 import { useKeys, useResource } from "@hooks";
 
-import { BaseKey, IQueryKeys } from "../../contexts/data/types";
+import type { BaseKey, IQueryKeys } from "../../contexts/data/types";
 
 export type UseInvalidateProp = {
   resource?: string;
diff --git a/packages/core/src/hooks/live/useLiveMode/index.spec.ts b/packages/core/src/hooks/live/useLiveMode/index.spec.ts
index eba54fe1d3a5..495531af8cae 100644
--- a/packages/core/src/hooks/live/useLiveMode/index.spec.ts
+++ b/packages/core/src/hooks/live/useLiveMode/index.spec.ts
@@ -3,7 +3,7 @@ import { renderHook } from "@testing-library/react";
 import { defaultRefineOptions } from "@contexts/refine";
 import { TestWrapper } from "@test";
 
-import { IRefineContextProvider } from "../../../contexts/refine/types";
+import type { IRefineContextProvider } from "../../../contexts/refine/types";
 import { useLiveMode } from "./";
 
 const mockRefineProvider: IRefineContextProvider = {
diff --git a/packages/core/src/hooks/live/useLiveMode/index.ts b/packages/core/src/hooks/live/useLiveMode/index.ts
index b72c824b87a7..c2f167caf2a5 100644
--- a/packages/core/src/hooks/live/useLiveMode/index.ts
+++ b/packages/core/src/hooks/live/useLiveMode/index.ts
@@ -2,8 +2,8 @@ import { useContext } from "react";
 
 import { RefineContext } from "@contexts/refine";
 
-import { LiveModeProps } from "../../../contexts/live/types";
-import { IRefineContext } from "../../../contexts/refine/types";
+import type { LiveModeProps } from "../../../contexts/live/types";
+import type { IRefineContext } from "../../../contexts/refine/types";
 
 export const useLiveMode = (
   liveMode: LiveModeProps["liveMode"],
diff --git a/packages/core/src/hooks/live/usePublish/index.ts b/packages/core/src/hooks/live/usePublish/index.ts
index 09bd75ab47b7..ba9a8427cd8b 100644
--- a/packages/core/src/hooks/live/usePublish/index.ts
+++ b/packages/core/src/hooks/live/usePublish/index.ts
@@ -1,7 +1,7 @@
 import { useContext } from "react";
 
 import { LiveContext } from "@contexts/live";
-import { LiveProvider } from "../../../contexts/live/types";
+import type { LiveProvider } from "../../../contexts/live/types";
 
 export const usePublish: () => NonNullable<LiveProvider>["publish"] = () => {
   const { liveProvider } = useContext(LiveContext);
diff --git a/packages/core/src/hooks/live/useResourceSubscription/index.spec.ts b/packages/core/src/hooks/live/useResourceSubscription/index.spec.ts
index 591f6e30d359..6f002e3808ec 100644
--- a/packages/core/src/hooks/live/useResourceSubscription/index.spec.ts
+++ b/packages/core/src/hooks/live/useResourceSubscription/index.spec.ts
@@ -3,7 +3,7 @@ import { renderHook } from "@testing-library/react";
 import { TestWrapper } from "@test";
 
 import { defaultRefineOptions } from "@contexts/refine";
-import { IRefineContextProvider } from "../../../contexts/refine/types";
+import type { IRefineContextProvider } from "../../../contexts/refine/types";
 import { useResourceSubscription } from "./";
 
 const invalidateQueriesMock = jest.fn();
diff --git a/packages/core/src/hooks/live/useResourceSubscription/index.ts b/packages/core/src/hooks/live/useResourceSubscription/index.ts
index b792c4460fec..3d80b089943a 100644
--- a/packages/core/src/hooks/live/useResourceSubscription/index.ts
+++ b/packages/core/src/hooks/live/useResourceSubscription/index.ts
@@ -5,15 +5,15 @@ import { RefineContext } from "@contexts/refine";
 import { useInvalidate } from "@hooks/invalidate";
 import { useResource } from "@hooks/resource";
 
-import {
+import type {
   BaseKey,
   CrudFilter,
   CrudSort,
   MetaQuery,
   Pagination,
 } from "../../../contexts/data/types";
-import { LiveEvent, LiveModeProps } from "../../../contexts/live/types";
-import { IRefineContext } from "../../../contexts/refine/types";
+import type { LiveEvent, LiveModeProps } from "../../../contexts/live/types";
+import type { IRefineContext } from "../../../contexts/refine/types";
 
 export type UseResourceSubscriptionProps = {
   channel: string;
diff --git a/packages/core/src/hooks/live/useSubscription/index.ts b/packages/core/src/hooks/live/useSubscription/index.ts
index 7f966c623db1..f916f7474d71 100644
--- a/packages/core/src/hooks/live/useSubscription/index.ts
+++ b/packages/core/src/hooks/live/useSubscription/index.ts
@@ -2,14 +2,14 @@ import { useContext, useEffect } from "react";
 
 import { LiveContext } from "@contexts/live";
 
-import {
+import type {
   BaseKey,
   CrudFilter,
   CrudSort,
   MetaQuery,
   Pagination,
 } from "../../../contexts/data/types";
-import { LiveEvent } from "../../../contexts/live/types";
+import type { LiveEvent } from "../../../contexts/live/types";
 
 export type UseSubscriptionProps = {
   /**
diff --git a/packages/core/src/hooks/menu/useMenu.tsx b/packages/core/src/hooks/menu/useMenu.tsx
index fd939b4ccea9..4e0c79c8959a 100644
--- a/packages/core/src/hooks/menu/useMenu.tsx
+++ b/packages/core/src/hooks/menu/useMenu.tsx
@@ -7,7 +7,7 @@ import { useParsed, useResource, useRouterContext, useTranslate } from "..";
 import { useRouterType } from "../../contexts/router/picker";
 import { createResourceKey } from "../../definitions/helpers/menu/create-resource-key";
 import {
-  FlatTreeItem,
+  type FlatTreeItem,
   createTree,
 } from "../../definitions/helpers/menu/create-tree";
 import { useGetToPath } from "../router/use-get-to-path/index";
diff --git a/packages/core/src/hooks/navigation/index.spec.tsx b/packages/core/src/hooks/navigation/index.spec.tsx
index 84f7b6886fd7..f4ad19f8761c 100644
--- a/packages/core/src/hooks/navigation/index.spec.tsx
+++ b/packages/core/src/hooks/navigation/index.spec.tsx
@@ -8,7 +8,7 @@ import {
 } from "@test";
 
 import { useNavigation } from ".";
-import { LegacyRouterProvider } from "../../contexts/router/legacy/types";
+import type { LegacyRouterProvider } from "../../contexts/router/legacy/types";
 
 const legacyPushMock = jest.fn();
 const legacyReplaceMock = jest.fn();
diff --git a/packages/core/src/hooks/navigation/index.ts b/packages/core/src/hooks/navigation/index.ts
index 1c1e77d37ab3..7ea0e1c1bf50 100644
--- a/packages/core/src/hooks/navigation/index.ts
+++ b/packages/core/src/hooks/navigation/index.ts
@@ -7,8 +7,8 @@ import { useBack } from "@hooks/router/use-back";
 import { useGo } from "@hooks/router/use-go";
 import { useParsed } from "@hooks/router/use-parsed";
 
-import { BaseKey, MetaDataQuery } from "../../contexts/data/types";
-import { IResourceItem } from "../../contexts/resource/types";
+import type { BaseKey, MetaDataQuery } from "../../contexts/data/types";
+import type { IResourceItem } from "../../contexts/resource/types";
 
 export type HistoryType = "push" | "replace";
 
diff --git a/packages/core/src/hooks/notification/useCancelNotification/index.tsx b/packages/core/src/hooks/notification/useCancelNotification/index.tsx
index 0ff9cad829f6..b0e857499ec2 100644
--- a/packages/core/src/hooks/notification/useCancelNotification/index.tsx
+++ b/packages/core/src/hooks/notification/useCancelNotification/index.tsx
@@ -1,7 +1,7 @@
 import { useContext } from "react";
 
 import { UndoableQueueContext } from "@contexts/undoableQueue";
-import { IUndoableQueue } from "../../../contexts/undoableQueue/types";
+import type { IUndoableQueue } from "../../../contexts/undoableQueue/types";
 
 export type UseCancelNotificationType = () => {
   notifications: IUndoableQueue[];
diff --git a/packages/core/src/hooks/notification/useHandleNotification/index.spec.tsx b/packages/core/src/hooks/notification/useHandleNotification/index.spec.tsx
index bce07ec34def..af568c5e83a5 100644
--- a/packages/core/src/hooks/notification/useHandleNotification/index.spec.tsx
+++ b/packages/core/src/hooks/notification/useHandleNotification/index.spec.tsx
@@ -2,7 +2,7 @@ import { renderHook } from "@testing-library/react";
 
 import { TestWrapper } from "@test";
 
-import { OpenNotificationParams } from "../../../contexts/notification/types";
+import type { OpenNotificationParams } from "../../../contexts/notification/types";
 import { useHandleNotification } from "./";
 
 const dummyNotification: OpenNotificationParams = {
diff --git a/packages/core/src/hooks/notification/useHandleNotification/index.ts b/packages/core/src/hooks/notification/useHandleNotification/index.ts
index c248c3bfcbf7..bc96e24a694e 100644
--- a/packages/core/src/hooks/notification/useHandleNotification/index.ts
+++ b/packages/core/src/hooks/notification/useHandleNotification/index.ts
@@ -2,7 +2,7 @@ import { useCallback } from "react";
 
 import { useNotification } from "@hooks";
 
-import { OpenNotificationParams } from "../../../contexts/notification/types";
+import type { OpenNotificationParams } from "../../../contexts/notification/types";
 
 export const useHandleNotification = (): typeof handleNotification => {
   const { open } = useNotification();
diff --git a/packages/core/src/hooks/notification/useNotification/index.ts b/packages/core/src/hooks/notification/useNotification/index.ts
index 078e06fbb95f..fa866ca49927 100644
--- a/packages/core/src/hooks/notification/useNotification/index.ts
+++ b/packages/core/src/hooks/notification/useNotification/index.ts
@@ -1,7 +1,7 @@
 import { useContext } from "react";
 
 import { NotificationContext } from "@contexts/notification";
-import { INotificationContext } from "../../../contexts/notification/types";
+import type { INotificationContext } from "../../../contexts/notification/types";
 
 export const useNotification = (): INotificationContext => {
   const { open, close } = useContext(NotificationContext);
diff --git a/packages/core/src/hooks/redirection/index.spec.tsx b/packages/core/src/hooks/redirection/index.spec.tsx
index 404a98f4d568..b549840e5f96 100644
--- a/packages/core/src/hooks/redirection/index.spec.tsx
+++ b/packages/core/src/hooks/redirection/index.spec.tsx
@@ -2,7 +2,7 @@ import { renderHook } from "@testing-library/react";
 
 import { MockJSONServer, TestWrapper, mockLegacyRouterProvider } from "@test";
 
-import { LegacyRouterProvider } from "../../contexts/router/legacy/types";
+import type { LegacyRouterProvider } from "../../contexts/router/legacy/types";
 import { useRedirectionAfterSubmission } from "../redirection";
 
 const legacyPushMock = jest.fn();
diff --git a/packages/core/src/hooks/redirection/index.ts b/packages/core/src/hooks/redirection/index.ts
index 5988aa68695b..ea243334db15 100644
--- a/packages/core/src/hooks/redirection/index.ts
+++ b/packages/core/src/hooks/redirection/index.ts
@@ -2,9 +2,9 @@ import { useCallback } from "react";
 
 import { useNavigation } from "@hooks";
 
-import { BaseKey, MetaDataQuery } from "../../contexts/data/types";
-import { IResourceItem } from "../../contexts/resource/types";
-import { RedirectAction } from "../form/types";
+import type { BaseKey, MetaDataQuery } from "../../contexts/data/types";
+import type { IResourceItem } from "../../contexts/resource/types";
+import type { RedirectAction } from "../form/types";
 
 export type UseRedirectionAfterSubmissionType = () => (options: {
   redirect: RedirectAction;
diff --git a/packages/core/src/hooks/refine/useMutationMode.ts b/packages/core/src/hooks/refine/useMutationMode.ts
index edd11882a1af..336afd9b03a1 100644
--- a/packages/core/src/hooks/refine/useMutationMode.ts
+++ b/packages/core/src/hooks/refine/useMutationMode.ts
@@ -1,7 +1,7 @@
 import { useContext } from "react";
 
 import { RefineContext } from "@contexts/refine";
-import { IRefineContextOptions } from "../../contexts/refine/types";
+import type { IRefineContextOptions } from "../../contexts/refine/types";
 import type { MutationMode } from "../../contexts/data/types";
 
 type UseMutationModeType = (
diff --git a/packages/core/src/hooks/refine/useSyncWithLocation.ts b/packages/core/src/hooks/refine/useSyncWithLocation.ts
index 4d56c616b872..2339d2097488 100644
--- a/packages/core/src/hooks/refine/useSyncWithLocation.ts
+++ b/packages/core/src/hooks/refine/useSyncWithLocation.ts
@@ -1,7 +1,7 @@
 import { useContext } from "react";
 
 import { RefineContext } from "@contexts/refine";
-import { IRefineContextOptions } from "../../contexts/refine/types";
+import type { IRefineContextOptions } from "../../contexts/refine/types";
 
 type UseSyncWithLocationType = () => {
   syncWithLocation: IRefineContextOptions["syncWithLocation"];
diff --git a/packages/core/src/hooks/refine/useTitle.tsx b/packages/core/src/hooks/refine/useTitle.tsx
index 76ceb59219b7..84473025f08b 100644
--- a/packages/core/src/hooks/refine/useTitle.tsx
+++ b/packages/core/src/hooks/refine/useTitle.tsx
@@ -2,7 +2,7 @@ import { useContext } from "react";
 
 import { RefineContext } from "@contexts/refine";
 
-import { TitleProps } from "../../contexts/refine/types";
+import type { TitleProps } from "../../contexts/refine/types";
 
 /**
  * `useTitle` returns a component that calls the `<Title>` passed to the `<Refine>`.
diff --git a/packages/core/src/hooks/refine/useWarnAboutChange/index.ts b/packages/core/src/hooks/refine/useWarnAboutChange/index.ts
index 216cf51738ad..8d2ab2166226 100644
--- a/packages/core/src/hooks/refine/useWarnAboutChange/index.ts
+++ b/packages/core/src/hooks/refine/useWarnAboutChange/index.ts
@@ -2,8 +2,8 @@ import { useContext } from "react";
 
 import { RefineContext } from "@contexts/refine";
 import { UnsavedWarnContext } from "@contexts/unsavedWarn";
-import { IRefineContextOptions } from "../../../contexts/refine/types";
-import { IUnsavedWarnContext } from "../../../contexts/unsavedWarn/types";
+import type { IRefineContextOptions } from "../../../contexts/refine/types";
+import type { IUnsavedWarnContext } from "../../../contexts/unsavedWarn/types";
 
 type UseWarnAboutChangeType = () => {
   warnWhenUnsavedChanges: IRefineContextOptions["warnWhenUnsavedChanges"];
diff --git a/packages/core/src/hooks/resource/useResource/index.ts b/packages/core/src/hooks/resource/useResource/index.ts
index 0859b7902f8b..de0ce097a198 100644
--- a/packages/core/src/hooks/resource/useResource/index.ts
+++ b/packages/core/src/hooks/resource/useResource/index.ts
@@ -3,11 +3,11 @@ import { useContext } from "react";
 import { ResourceContext } from "@contexts/resource";
 import { useResourceWithRoute, useRouterContext } from "@hooks";
 
-import { BaseKey } from "../../../contexts/data/types";
-import { IResourceItem } from "../../../contexts/resource/types";
-import { ResourceRouterParams } from "../../../contexts/router/legacy/types";
+import type { BaseKey } from "../../../contexts/data/types";
+import type { IResourceItem } from "../../../contexts/resource/types";
+import type { ResourceRouterParams } from "../../../contexts/router/legacy/types";
 import { useRouterType } from "../../../contexts/router/picker";
-import { Action } from "../../../contexts/router/types";
+import type { Action } from "../../../contexts/router/types";
 import { pickResource } from "../../../definitions/helpers/pick-resource";
 import { useParsed } from "../../router/use-parsed";
 
diff --git a/packages/core/src/hooks/resource/useResourceWithRoute/index.ts b/packages/core/src/hooks/resource/useResourceWithRoute/index.ts
index 4c62b269d1b8..567854df0b8b 100644
--- a/packages/core/src/hooks/resource/useResourceWithRoute/index.ts
+++ b/packages/core/src/hooks/resource/useResourceWithRoute/index.ts
@@ -3,7 +3,7 @@ import { useCallback, useContext } from "react";
 import { ResourceContext } from "@contexts/resource";
 import { pickResource } from "@definitions/helpers/pick-resource";
 
-import { IResourceItem } from "../../../contexts/resource/types";
+import type { IResourceItem } from "../../../contexts/resource/types";
 
 export type UseResourceWithRouteReturnType = (route: string) => IResourceItem;
 
diff --git a/packages/core/src/hooks/router/use-get-to-path/index.ts b/packages/core/src/hooks/router/use-get-to-path/index.ts
index 958deddab9f0..6d5e390054c1 100644
--- a/packages/core/src/hooks/router/use-get-to-path/index.ts
+++ b/packages/core/src/hooks/router/use-get-to-path/index.ts
@@ -1,8 +1,8 @@
 import React from "react";
 
-import { IResourceItem } from "../../../contexts/resource/types";
+import type { IResourceItem } from "../../../contexts/resource/types";
 import { useRouterType } from "../../../contexts/router/picker";
-import { Action } from "../../../contexts/router/types";
+import type { Action } from "../../../contexts/router/types";
 import { getActionRoutesFromResource } from "../../../definitions/helpers/router";
 import { composeRoute } from "../../../definitions/helpers/router/compose-route";
 import { useResource } from "../../resource";
diff --git a/packages/core/src/hooks/router/use-go/index.spec.tsx b/packages/core/src/hooks/router/use-go/index.spec.tsx
index 679c5fa70c7a..ac1e456e98a8 100644
--- a/packages/core/src/hooks/router/use-go/index.spec.tsx
+++ b/packages/core/src/hooks/router/use-go/index.spec.tsx
@@ -4,7 +4,7 @@ import { act, renderHook } from "@testing-library/react";
 
 import { MockJSONServer, TestWrapper, mockRouterProvider } from "@test";
 
-import { Resource, handleResourceErrors, useGo } from "./";
+import { type Resource, handleResourceErrors, useGo } from "./";
 
 describe("useGo Hook", () => {
   it("should return routerProvider go function", () => {
diff --git a/packages/core/src/hooks/router/use-go/index.tsx b/packages/core/src/hooks/router/use-go/index.tsx
index 97ef7d164383..c1f506e60bd6 100644
--- a/packages/core/src/hooks/router/use-go/index.tsx
+++ b/packages/core/src/hooks/router/use-go/index.tsx
@@ -3,9 +3,9 @@ import React, { useCallback, useContext } from "react";
 import { RouterContext } from "@contexts/router";
 import { useResource } from "@hooks/resource";
 
-import { BaseKey } from "../../../contexts/data/types";
-import { IResourceItem } from "../../../contexts/resource/types";
-import {
+import type { BaseKey } from "../../../contexts/data/types";
+import type { IResourceItem } from "../../../contexts/resource/types";
+import type {
   Action,
   GoConfig as GoConfigBase,
 } from "../../../contexts/router/types";
diff --git a/packages/core/src/hooks/router/use-parse/index.tsx b/packages/core/src/hooks/router/use-parse/index.tsx
index 295f6b208477..54791d887a1a 100644
--- a/packages/core/src/hooks/router/use-parse/index.tsx
+++ b/packages/core/src/hooks/router/use-parse/index.tsx
@@ -1,6 +1,9 @@
 import { RouterContext } from "@contexts/router";
 import React, { useContext } from "react";
-import { ParseFunction, ParseResponse } from "../../../contexts/router/types";
+import type {
+  ParseFunction,
+  ParseResponse,
+} from "../../../contexts/router/types";
 
 type UseParseType = () => <
   TParams extends Record<string, any> = Record<string, any>,
diff --git a/packages/core/src/hooks/router/use-router-misuse-warning/index.ts b/packages/core/src/hooks/router/use-router-misuse-warning/index.ts
index 90a2f160c5db..21fd679dd89e 100644
--- a/packages/core/src/hooks/router/use-router-misuse-warning/index.ts
+++ b/packages/core/src/hooks/router/use-router-misuse-warning/index.ts
@@ -1,6 +1,6 @@
 import { checkRouterPropMisuse } from "@definitions/helpers/check-router-prop-misuse";
 import React from "react";
-import { RouterProvider } from "../../../contexts/router/types";
+import type { RouterProvider } from "../../../contexts/router/types";
 
 export const useRouterMisuseWarning = (value?: RouterProvider) => {
   const warned = React.useRef(false);
diff --git a/packages/core/src/hooks/router/use-to-path/index.ts b/packages/core/src/hooks/router/use-to-path/index.ts
index dcbf7950cf96..86d79d2dc3f6 100644
--- a/packages/core/src/hooks/router/use-to-path/index.ts
+++ b/packages/core/src/hooks/router/use-to-path/index.ts
@@ -1,5 +1,5 @@
-import { IResourceItem } from "../../../contexts/resource/types";
-import { Action } from "../../../contexts/router/types";
+import type { IResourceItem } from "../../../contexts/resource/types";
+import type { Action } from "../../../contexts/router/types";
 import { useGetToPath } from "../use-get-to-path";
 
 type UseToPathParams = {
diff --git a/packages/core/src/hooks/show/index.spec.tsx b/packages/core/src/hooks/show/index.spec.tsx
index 5c0ddec692cc..1c6c5b787ac1 100644
--- a/packages/core/src/hooks/show/index.spec.tsx
+++ b/packages/core/src/hooks/show/index.spec.tsx
@@ -11,7 +11,7 @@ import {
 } from "@test";
 import { posts } from "@test/dataMocks";
 
-import { IResourceItem } from "../../contexts/resource/types";
+import type { IResourceItem } from "../../contexts/resource/types";
 import * as pickResource from "../../definitions/helpers/pick-resource";
 import * as useResourceWithRoute from "../resource/useResourceWithRoute";
 
diff --git a/packages/core/src/hooks/show/index.ts b/packages/core/src/hooks/show/index.ts
index dc1a446ea415..33c2db691fd7 100644
--- a/packages/core/src/hooks/show/index.ts
+++ b/packages/core/src/hooks/show/index.ts
@@ -3,7 +3,7 @@ import { useMeta, useOne, useResourceParams, useLoadingOvertime } from "@hooks";
 import { pickNotDeprecated } from "@definitions/helpers";
 
 import type { UseShowProps, UseShowReturnType } from "./types";
-import { BaseKey, BaseRecord, HttpError } from "../../contexts/data/types";
+import type { BaseKey, BaseRecord, HttpError } from "../../contexts/data/types";
 
 export type {
   UseShowProps,
diff --git a/packages/core/src/hooks/show/types.ts b/packages/core/src/hooks/show/types.ts
index 464c7d5b7d76..7e6c4bc22a88 100644
--- a/packages/core/src/hooks/show/types.ts
+++ b/packages/core/src/hooks/show/types.ts
@@ -9,7 +9,7 @@ import type {
   UseLoadingOvertimeOptionsProps,
   UseLoadingOvertimeReturnType,
 } from "../useLoadingOvertime";
-import {
+import type {
   BaseKey,
   BaseRecord,
   GetOneResponse,
@@ -17,8 +17,8 @@ import {
   MetaQuery,
   Prettify,
 } from "../../contexts/data/types";
-import { LiveModeProps } from "../../contexts/live/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { LiveModeProps } from "../../contexts/live/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
 
 export type UseShowReturnType<
   TData extends BaseRecord = BaseRecord,
diff --git a/packages/core/src/hooks/show/useShow.ts b/packages/core/src/hooks/show/useShow.ts
index 1b6a5c54454a..2658804fd3f0 100644
--- a/packages/core/src/hooks/show/useShow.ts
+++ b/packages/core/src/hooks/show/useShow.ts
@@ -1,12 +1,15 @@
 import React, { useState } from "react";
 
-import { QueryObserverResult, UseQueryOptions } from "@tanstack/react-query";
+import type {
+  QueryObserverResult,
+  UseQueryOptions,
+} from "@tanstack/react-query";
 import warnOnce from "warn-once";
 
 import { pickNotDeprecated } from "@definitions/helpers";
 import { useMeta, useOne } from "@hooks";
 
-import {
+import type {
   BaseKey,
   BaseRecord,
   GetOneResponse,
@@ -14,12 +17,12 @@ import {
   MetaQuery,
   Prettify,
 } from "../../contexts/data/types";
-import { LiveModeProps } from "../../contexts/live/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { LiveModeProps } from "../../contexts/live/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
 import { useResource } from "../resource/useResource";
 import {
-  UseLoadingOvertimeOptionsProps,
-  UseLoadingOvertimeReturnType,
+  type UseLoadingOvertimeOptionsProps,
+  type UseLoadingOvertimeReturnType,
   useLoadingOvertime,
 } from "../useLoadingOvertime";
 
diff --git a/packages/core/src/hooks/use-resource-params/index.ts b/packages/core/src/hooks/use-resource-params/index.ts
index 63db8e309eea..c2b959d522e5 100644
--- a/packages/core/src/hooks/use-resource-params/index.ts
+++ b/packages/core/src/hooks/use-resource-params/index.ts
@@ -3,10 +3,10 @@ import React from "react";
 import { useId } from "./use-id";
 import { useAction } from "./use-action";
 import { useResource } from "../resource";
-import { BaseKey } from "../../contexts/data/types";
-import { IResourceItem } from "../../contexts/resource/types";
-import { Action } from "../../contexts/router/types";
-import { FormAction } from "../form/types";
+import type { BaseKey } from "../../contexts/data/types";
+import type { IResourceItem } from "../../contexts/resource/types";
+import type { Action } from "../../contexts/router/types";
+import type { FormAction } from "../form/types";
 
 type Props = {
   id?: BaseKey;
diff --git a/packages/core/src/hooks/use-resource-params/use-action/index.tsx b/packages/core/src/hooks/use-resource-params/use-action/index.tsx
index e8c2a304e9a2..5316d58515d2 100644
--- a/packages/core/src/hooks/use-resource-params/use-action/index.tsx
+++ b/packages/core/src/hooks/use-resource-params/use-action/index.tsx
@@ -1,8 +1,8 @@
 import { useParsed } from "../../router/use-parsed";
 import { useRouterContext } from "../../legacy-router/useRouterContext";
-import { Action } from "../../../contexts/router/types";
+import type { Action } from "../../../contexts/router/types";
 import { useRouterType } from "../../../contexts/router/picker";
-import { ResourceRouterParams } from "../../../contexts/router/legacy/types";
+import type { ResourceRouterParams } from "../../../contexts/router/legacy/types";
 
 /**
  * Returns the action from the router regardless of the router type.
diff --git a/packages/core/src/hooks/use-resource-params/use-id/index.tsx b/packages/core/src/hooks/use-resource-params/use-id/index.tsx
index 871c66ebeda0..b0212f5a5876 100644
--- a/packages/core/src/hooks/use-resource-params/use-id/index.tsx
+++ b/packages/core/src/hooks/use-resource-params/use-id/index.tsx
@@ -1,8 +1,8 @@
 import { useParsed } from "../../router/use-parsed";
 import { useRouterContext } from "../../legacy-router/useRouterContext";
-import { BaseKey } from "../../../contexts/data/types";
+import type { BaseKey } from "../../../contexts/data/types";
 import { useRouterType } from "../../../contexts/router/picker";
-import { ResourceRouterParams } from "../../../contexts/router/legacy/types";
+import type { ResourceRouterParams } from "../../../contexts/router/legacy/types";
 
 /**
  * Returns the id from the router regardless of the router type.
diff --git a/packages/core/src/hooks/useMeta/index.ts b/packages/core/src/hooks/useMeta/index.ts
index 9526fb0e537c..ec1f2afdb731 100644
--- a/packages/core/src/hooks/useMeta/index.ts
+++ b/packages/core/src/hooks/useMeta/index.ts
@@ -1,8 +1,8 @@
 import { sanitizeResource } from "@definitions/helpers/sanitize-resource";
 import { useParsed } from "@hooks/router";
 
-import { MetaQuery } from "../../contexts/data/types";
-import { IResourceItem } from "../../contexts/resource/types";
+import type { MetaQuery } from "../../contexts/data/types";
+import type { IResourceItem } from "../../contexts/resource/types";
 
 /**
  * Hook that returns a function to get meta.
diff --git a/packages/core/src/hooks/useSelect/index.spec.ts b/packages/core/src/hooks/useSelect/index.spec.ts
index 74b113999df9..aa6f85a2b4fc 100644
--- a/packages/core/src/hooks/useSelect/index.spec.ts
+++ b/packages/core/src/hooks/useSelect/index.spec.ts
@@ -3,7 +3,7 @@ import { renderHook } from "@testing-library/react-hooks";
 
 import { MockJSONServer, TestWrapper, act, mockRouterProvider } from "@test";
 
-import {
+import type {
   CrudFilter,
   DataProviders,
   IDataContext,
diff --git a/packages/core/src/hooks/useSelect/index.ts b/packages/core/src/hooks/useSelect/index.ts
index 3aa0181affb7..ffde0140b813 100644
--- a/packages/core/src/hooks/useSelect/index.ts
+++ b/packages/core/src/hooks/useSelect/index.ts
@@ -1,6 +1,9 @@
 import { useCallback, useMemo, useState } from "react";
 
-import { QueryObserverResult, UseQueryOptions } from "@tanstack/react-query";
+import type {
+  QueryObserverResult,
+  UseQueryOptions,
+} from "@tanstack/react-query";
 import debounce from "lodash/debounce";
 import get from "lodash/get";
 import uniqBy from "lodash/uniqBy";
@@ -8,7 +11,7 @@ import uniqBy from "lodash/uniqBy";
 import { pickNotDeprecated } from "@definitions/helpers";
 import { useList, useMany, useMeta } from "@hooks";
 
-import {
+import type {
   BaseKey,
   BaseOption,
   BaseRecord,
@@ -21,13 +24,13 @@ import {
   Pagination,
   Prettify,
 } from "../../contexts/data/types";
-import { LiveModeProps } from "../../contexts/live/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
-import { BaseListProps } from "../data/useList";
+import type { LiveModeProps } from "../../contexts/live/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { BaseListProps } from "../data/useList";
 import { useResource } from "../resource/useResource/index";
 import {
-  UseLoadingOvertimeOptionsProps,
-  UseLoadingOvertimeReturnType,
+  type UseLoadingOvertimeOptionsProps,
+  type UseLoadingOvertimeReturnType,
   useLoadingOvertime,
 } from "../useLoadingOvertime";
 
diff --git a/packages/core/src/hooks/useTable/index.spec.ts b/packages/core/src/hooks/useTable/index.spec.ts
index f09c52116a25..b535306aa200 100644
--- a/packages/core/src/hooks/useTable/index.spec.ts
+++ b/packages/core/src/hooks/useTable/index.spec.ts
@@ -9,7 +9,11 @@ import {
 } from "@test";
 
 import { useTable } from ".";
-import { CrudFilter, CrudSort, Pagination } from "../../contexts/data/types";
+import type {
+  CrudFilter,
+  CrudSort,
+  Pagination,
+} from "../../contexts/data/types";
 import * as useRouterType from "../../contexts/router/picker";
 
 const defaultPagination = {
diff --git a/packages/core/src/hooks/useTable/index.ts b/packages/core/src/hooks/useTable/index.ts
index 4051ddc46410..9a3462aa2071 100644
--- a/packages/core/src/hooks/useTable/index.ts
+++ b/packages/core/src/hooks/useTable/index.ts
@@ -1,6 +1,9 @@
 import React, { useState, useEffect } from "react";
 
-import { QueryObserverResult, UseQueryOptions } from "@tanstack/react-query";
+import type {
+  QueryObserverResult,
+  UseQueryOptions,
+} from "@tanstack/react-query";
 import differenceWith from "lodash/differenceWith";
 import isEqual from "lodash/isEqual";
 import qs from "qs";
@@ -28,7 +31,7 @@ import {
   useSyncWithLocation,
 } from "@hooks";
 
-import {
+import type {
   BaseRecord,
   CrudFilter,
   CrudSort,
@@ -38,12 +41,12 @@ import {
   Pagination,
   Prettify,
 } from "../../contexts/data/types";
-import { LiveModeProps } from "../../contexts/live/types";
-import { SuccessErrorNotification } from "../../contexts/notification/types";
-import { BaseListProps } from "../data/useList";
+import type { LiveModeProps } from "../../contexts/live/types";
+import type { SuccessErrorNotification } from "../../contexts/notification/types";
+import type { BaseListProps } from "../data/useList";
 import {
-  UseLoadingOvertimeOptionsProps,
-  UseLoadingOvertimeReturnType,
+  type UseLoadingOvertimeOptionsProps,
+  type UseLoadingOvertimeReturnType,
   useLoadingOvertime,
 } from "../useLoadingOvertime";
 
diff --git a/packages/core/src/hooks/useTelemetryData/index.spec.ts b/packages/core/src/hooks/useTelemetryData/index.spec.ts
index 16db2009ccdb..6d95ce4f37c8 100644
--- a/packages/core/src/hooks/useTelemetryData/index.spec.ts
+++ b/packages/core/src/hooks/useTelemetryData/index.spec.ts
@@ -4,7 +4,7 @@ import { defaultRefineOptions } from "@contexts/refine";
 import { MockJSONServer, TestWrapper, mockLegacyRouterProvider } from "@test";
 
 import { useTelemetryData } from ".";
-import { IRefineContextProvider } from "../../contexts/refine/types";
+import type { IRefineContextProvider } from "../../contexts/refine/types";
 
 describe("useTelemetryData Hook", () => {
   describe("authProvider", () => {
diff --git a/packages/core/src/hooks/useTelemetryData/index.ts b/packages/core/src/hooks/useTelemetryData/index.ts
index 86c17e015832..6a84bf25caec 100644
--- a/packages/core/src/hooks/useTelemetryData/index.ts
+++ b/packages/core/src/hooks/useTelemetryData/index.ts
@@ -10,7 +10,7 @@ import { LegacyRouterContext } from "@contexts/router/legacy";
 import { useResource } from "@hooks/resource";
 
 import { useIsExistAuthentication, useRefineContext } from "..";
-import { ITelemetryData } from "../../components/telemetry/types";
+import type { ITelemetryData } from "../../components/telemetry/types";
 
 // It reads and updates from package.json during build. ref: tsup.config.ts
 const REFINE_VERSION = "1.0.0";
diff --git a/packages/core/test/dataMocks.ts b/packages/core/test/dataMocks.ts
index 4241c79e30d3..0f8fc74010a4 100644
--- a/packages/core/test/dataMocks.ts
+++ b/packages/core/test/dataMocks.ts
@@ -1,10 +1,13 @@
-import { AccessControlProvider } from "../src/contexts/accessControl/types";
-import { AuthProvider, LegacyAuthProvider } from "../src/contexts/auth/types";
-import { DataProviders } from "../src/contexts/data/types";
-import { LiveProvider } from "../src/contexts/live/types";
-import { IResourceItem } from "../src/contexts/resource/types";
-import { LegacyRouterProvider } from "../src/contexts/router/legacy/types";
-import {
+import type { AccessControlProvider } from "../src/contexts/accessControl/types";
+import type {
+  AuthProvider,
+  LegacyAuthProvider,
+} from "../src/contexts/auth/types";
+import type { DataProviders } from "../src/contexts/data/types";
+import type { LiveProvider } from "../src/contexts/live/types";
+import type { IResourceItem } from "../src/contexts/resource/types";
+import type { LegacyRouterProvider } from "../src/contexts/router/legacy/types";
+import type {
   Action,
   ParsedParams,
   RouterProvider,
diff --git a/packages/core/test/index.tsx b/packages/core/test/index.tsx
index a8f27216209f..4a7c32b70331 100644
--- a/packages/core/test/index.tsx
+++ b/packages/core/test/index.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 
@@ -13,23 +13,26 @@ import { I18nContextProvider } from "@contexts/i18n";
 import { LiveContextProvider } from "@contexts/live";
 import { NotificationContextProvider } from "@contexts/notification";
 import { RefineContextProvider } from "@contexts/refine";
-import { IRefineContextProvider } from "@contexts/refine/types";
+import type { IRefineContextProvider } from "@contexts/refine/types";
 import { ResourceContextProvider } from "@contexts/resource";
 import { RouterContextProvider } from "@contexts/router";
 import { LegacyRouterContextProvider } from "@contexts/router/legacy";
 import { RouterPickerProvider } from "@contexts/router/picker";
 import { UndoableQueueContextProvider } from "@contexts/undoableQueue";
 
-import { AccessControlProvider } from "../src/contexts/accessControl/types";
-import { AuditLogProvider } from "../src/contexts/auditLog/types";
-import { AuthProvider, ILegacyAuthContext } from "../src/contexts/auth/types";
-import { DataProvider, DataProviders } from "../src/contexts/data/types";
-import { I18nProvider } from "../src/contexts/i18n/types";
-import { LiveProvider } from "../src/contexts/live/types";
-import { NotificationProvider } from "../src/contexts/notification/types";
-import { IResourceItem } from "../src/contexts/resource/types";
-import { LegacyRouterProvider } from "../src/contexts/router/legacy/types";
-import { RouterProvider } from "../src/contexts/router/types";
+import type { AccessControlProvider } from "../src/contexts/accessControl/types";
+import type { AuditLogProvider } from "../src/contexts/auditLog/types";
+import type {
+  AuthProvider,
+  ILegacyAuthContext,
+} from "../src/contexts/auth/types";
+import type { DataProvider, DataProviders } from "../src/contexts/data/types";
+import type { I18nProvider } from "../src/contexts/i18n/types";
+import type { LiveProvider } from "../src/contexts/live/types";
+import type { NotificationProvider } from "../src/contexts/notification/types";
+import type { IResourceItem } from "../src/contexts/resource/types";
+import type { LegacyRouterProvider } from "../src/contexts/router/legacy/types";
+import type { RouterProvider } from "../src/contexts/router/types";
 
 export const queryClient = new QueryClient({
   logger: {
diff --git a/packages/devtools-internal/src/create-identifier.ts b/packages/devtools-internal/src/create-identifier.ts
index 99d212b29425..52aae6abcbb2 100644
--- a/packages/devtools-internal/src/create-identifier.ts
+++ b/packages/devtools-internal/src/create-identifier.ts
@@ -1,5 +1,5 @@
-import { TraceType } from "@refinedev/devtools-shared";
-import { MutationKey, QueryKey } from "@tanstack/react-query";
+import type { TraceType } from "@refinedev/devtools-shared";
+import type { MutationKey, QueryKey } from "@tanstack/react-query";
 
 export const createIdentifier = (
   key?: QueryKey | MutationKey,
diff --git a/packages/devtools-internal/src/get-resource-path.ts b/packages/devtools-internal/src/get-resource-path.ts
index ed1cae3f6e02..1bef8f0d0617 100644
--- a/packages/devtools-internal/src/get-resource-path.ts
+++ b/packages/devtools-internal/src/get-resource-path.ts
@@ -1,7 +1,7 @@
 import {
-  DevtoolsEvent,
-  DevtoolsEventPayloads,
-  RefineHook,
+  type DevtoolsEvent,
+  type DevtoolsEventPayloads,
+  type RefineHook,
   scopes,
 } from "@refinedev/devtools-shared";
 
diff --git a/packages/devtools-internal/src/get-trace.ts b/packages/devtools-internal/src/get-trace.ts
index 69c237c7d476..a35509270746 100644
--- a/packages/devtools-internal/src/get-trace.ts
+++ b/packages/devtools-internal/src/get-trace.ts
@@ -2,7 +2,7 @@ import ErrorStackParser from "error-stack-parser";
 import { cleanStack } from "./clean-stack";
 import { isRefineStack } from "./is-refine-stack";
 import { getPackageNameFromFilename } from "./get-package-name-from-filename";
-import { TraceType } from "@refinedev/devtools-shared";
+import type { TraceType } from "@refinedev/devtools-shared";
 
 export function getTrace(excludeFromTrace?: string[]) {
   if (__DEV_CONDITION__ !== "development") {
diff --git a/packages/devtools-internal/src/get-xray.ts b/packages/devtools-internal/src/get-xray.ts
index 0794d31c1acf..5c64648664fd 100644
--- a/packages/devtools-internal/src/get-xray.ts
+++ b/packages/devtools-internal/src/get-xray.ts
@@ -1,4 +1,4 @@
-import { RefineHook, TraceType } from "@refinedev/devtools-shared";
+import type { RefineHook, TraceType } from "@refinedev/devtools-shared";
 import { getTrace } from "./get-trace";
 import { getResourcePath } from "./get-resource-path";
 
diff --git a/packages/devtools-internal/src/listeners.ts b/packages/devtools-internal/src/listeners.ts
index 4a928aaea3f2..6a61779b3c11 100644
--- a/packages/devtools-internal/src/listeners.ts
+++ b/packages/devtools-internal/src/listeners.ts
@@ -1,8 +1,8 @@
 import { DevtoolsEvent, send } from "@refinedev/devtools-shared";
-import { Mutation, Query } from "@tanstack/react-query";
+import type { Mutation, Query } from "@tanstack/react-query";
 
 import { createIdentifier } from "./create-identifier";
-import { XRayResponse } from "./get-xray";
+import type { XRayResponse } from "./get-xray";
 
 export const createMutationListener =
   (ws: WebSocket) => (mutation?: Mutation) => {
diff --git a/packages/devtools-internal/src/use-query-subscription.tsx b/packages/devtools-internal/src/use-query-subscription.tsx
index f0634ff948b5..183e4f2a4e4a 100644
--- a/packages/devtools-internal/src/use-query-subscription.tsx
+++ b/packages/devtools-internal/src/use-query-subscription.tsx
@@ -3,7 +3,7 @@ import {
   DevtoolsEvent,
   receive,
 } from "@refinedev/devtools-shared";
-import { QueryClient } from "@tanstack/react-query";
+import type { QueryClient } from "@tanstack/react-query";
 import React, { useContext } from "react";
 import { createQueryListener, createMutationListener } from "./listeners";
 
diff --git a/packages/devtools-server/src/create-db.ts b/packages/devtools-server/src/create-db.ts
index ce8ca2608762..76a0698930ba 100644
--- a/packages/devtools-server/src/create-db.ts
+++ b/packages/devtools-server/src/create-db.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   DevtoolsEvent,
   DevtoolsEventPayloads,
 } from "@refinedev/devtools-shared";
diff --git a/packages/devtools-server/src/feed/get-feed.ts b/packages/devtools-server/src/feed/get-feed.ts
index 1e7a81de98ee..01bcf05e301e 100644
--- a/packages/devtools-server/src/feed/get-feed.ts
+++ b/packages/devtools-server/src/feed/get-feed.ts
@@ -3,7 +3,7 @@ import matter from "gray-matter";
 import { marked } from "marked";
 import sanitizeHtml from "sanitize-html";
 
-import { Feed, FeedSection } from "@refinedev/devtools-shared";
+import type { Feed, FeedSection } from "@refinedev/devtools-shared";
 
 import { FEED_MD_URL } from "src/constants";
 
diff --git a/packages/devtools-server/src/index.ts b/packages/devtools-server/src/index.ts
index 41f305ace23d..6c8f31f810fe 100644
--- a/packages/devtools-server/src/index.ts
+++ b/packages/devtools-server/src/index.ts
@@ -6,7 +6,7 @@ import { serveClient } from "./serve-client";
 import { serveWs } from "./serve-ws";
 import { reloadOnChange } from "./reload-on-change";
 import { setupServer } from "./setup-server";
-import { Activity, createDb } from "./create-db";
+import { type Activity, createDb } from "./create-db";
 import { serveApi } from "./serve-api";
 import { serveProxy } from "./serve-proxy";
 import { serveOpenInEditor } from "./serve-open-in-editor";
diff --git a/packages/devtools-server/src/packages/get-all-packages.ts b/packages/devtools-server/src/packages/get-all-packages.ts
index b78e0710eb03..3051b6ee7567 100644
--- a/packages/devtools-server/src/packages/get-all-packages.ts
+++ b/packages/devtools-server/src/packages/get-all-packages.ts
@@ -1,4 +1,4 @@
-import { PackageType } from "@refinedev/devtools-shared";
+import type { PackageType } from "@refinedev/devtools-shared";
 import { getInstalledPackageData } from "./get-installed-package-data";
 import { getPackagesFromPackageJSON } from "./get-packages-from-package-json";
 import { getChangelog } from "./get-changelog";
diff --git a/packages/devtools-server/src/packages/get-available-packages.ts b/packages/devtools-server/src/packages/get-available-packages.ts
index 24bc80f1d885..811d926160d1 100644
--- a/packages/devtools-server/src/packages/get-available-packages.ts
+++ b/packages/devtools-server/src/packages/get-available-packages.ts
@@ -1,4 +1,4 @@
-import { AvailablePackageType } from "@refinedev/devtools-shared";
+import type { AvailablePackageType } from "@refinedev/devtools-shared";
 import dedent from "dedent";
 import { getPackagesFromPackageJSON } from "./get-packages-from-package-json";
 
diff --git a/packages/devtools-server/src/project-id/transform.ts b/packages/devtools-server/src/project-id/transform.ts
index e5390c7f1f81..07d96a79893a 100644
--- a/packages/devtools-server/src/project-id/transform.ts
+++ b/packages/devtools-server/src/project-id/transform.ts
@@ -1,5 +1,5 @@
-import { namedTypes } from "ast-types";
-import {
+import type { namedTypes } from "ast-types";
+import type {
   API,
   ASTPath,
   Collection,
diff --git a/packages/devtools-server/src/serve-api.ts b/packages/devtools-server/src/serve-api.ts
index 1ce89bdbd672..b9ba39cfe004 100644
--- a/packages/devtools-server/src/serve-api.ts
+++ b/packages/devtools-server/src/serve-api.ts
@@ -1,13 +1,13 @@
 import type { Express } from "express";
 import { json } from "express";
 import uniq from "lodash/uniq";
-import {
+import type {
   AvailablePackageType,
   Feed,
   PackageType,
 } from "@refinedev/devtools-shared";
 
-import { Data } from "./create-db";
+import type { Data } from "./create-db";
 import { getFeed } from "./feed/get-feed";
 import { getAllPackages } from "./packages/get-all-packages";
 import { getAvailablePackages } from "./packages/get-available-packages";
diff --git a/packages/devtools-server/src/serve-open-in-editor.ts b/packages/devtools-server/src/serve-open-in-editor.ts
index a0f999ecae45..00a1b1b8b54b 100644
--- a/packages/devtools-server/src/serve-open-in-editor.ts
+++ b/packages/devtools-server/src/serve-open-in-editor.ts
@@ -1,4 +1,4 @@
-import { Express } from "express";
+import type { Express } from "express";
 import path from "path";
 
 export const serveOpenInEditor = (app: Express, basePath: string) => {
diff --git a/packages/devtools-server/src/serve-proxy.ts b/packages/devtools-server/src/serve-proxy.ts
index 7dd2f58f7792..add49fafb506 100644
--- a/packages/devtools-server/src/serve-proxy.ts
+++ b/packages/devtools-server/src/serve-proxy.ts
@@ -1,6 +1,6 @@
 import { readJSON, writeJSON } from "fs-extra";
 import { FrontendApi } from "@ory/client";
-import { createProxyMiddleware, Options } from "http-proxy-middleware";
+import { createProxyMiddleware, type Options } from "http-proxy-middleware";
 import path from "path";
 import { REFINE_API_URL, SERVER_PORT } from "./constants";
 import { getProjectIdFromPackageJson } from "./project-id/get-project-id-from-package-json";
diff --git a/packages/devtools-server/src/serve-ws.ts b/packages/devtools-server/src/serve-ws.ts
index 4c95d14fef15..5874a4226641 100644
--- a/packages/devtools-server/src/serve-ws.ts
+++ b/packages/devtools-server/src/serve-ws.ts
@@ -2,7 +2,7 @@ import WebSocket from "ws";
 import { SERVER_PORT } from "./constants";
 import { DevtoolsEvent, send } from "@refinedev/devtools-shared";
 import { bold, cyanBright } from "chalk";
-import http from "http";
+import type http from "http";
 
 export const serveWs = (
   server: http.Server<typeof http.IncomingMessage, typeof http.ServerResponse>,
diff --git a/packages/devtools-shared/src/event-types.ts b/packages/devtools-shared/src/event-types.ts
index e9b74cab5b9c..f78799cd6d6e 100644
--- a/packages/devtools-shared/src/event-types.ts
+++ b/packages/devtools-shared/src/event-types.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   Mutation,
   MutationKey,
   MutationStatus,
@@ -6,7 +6,7 @@ import {
   QueryState,
   QueryStatus,
 } from "@tanstack/react-query";
-import { TraceType } from "./trace";
+import type { TraceType } from "./trace";
 
 export enum DevtoolsEvent {
   RELOAD = "devtools:reload",
diff --git a/packages/devtools-shared/src/receive.ts b/packages/devtools-shared/src/receive.ts
index f0aad6b67cb7..866c14d4e0e9 100644
--- a/packages/devtools-shared/src/receive.ts
+++ b/packages/devtools-shared/src/receive.ts
@@ -1,6 +1,6 @@
 // receive ws message by adding a listener to the ws object
 
-import { DevtoolsEvent, DevtoolsEventPayloads } from "./event-types";
+import type { DevtoolsEvent, DevtoolsEventPayloads } from "./event-types";
 
 export function receive<T extends DevtoolsEvent>(
   ws: WebSocket,
diff --git a/packages/devtools-shared/src/send.ts b/packages/devtools-shared/src/send.ts
index faf870d16b4b..38d51f128516 100644
--- a/packages/devtools-shared/src/send.ts
+++ b/packages/devtools-shared/src/send.ts
@@ -1,4 +1,4 @@
-import { DevtoolsEvent, DevtoolsEventPayloads } from "./event-types";
+import type { DevtoolsEvent, DevtoolsEventPayloads } from "./event-types";
 
 export async function send<T extends DevtoolsEvent>(
   ws: WebSocket,
diff --git a/packages/devtools-ui/src/components/add-package-drawer.tsx b/packages/devtools-ui/src/components/add-package-drawer.tsx
index 55f74ce45855..386405144d14 100644
--- a/packages/devtools-ui/src/components/add-package-drawer.tsx
+++ b/packages/devtools-ui/src/components/add-package-drawer.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import clsx from "clsx";
-import { AvailablePackageType } from "@refinedev/devtools-shared";
+import type { AvailablePackageType } from "@refinedev/devtools-shared";
 
 import { CloseIcon } from "./icons/close";
 import { SearchIcon } from "./icons/search";
diff --git a/packages/devtools-ui/src/components/add-package.item.tsx b/packages/devtools-ui/src/components/add-package.item.tsx
index 6d7c66c5ff16..9617f8844c2c 100644
--- a/packages/devtools-ui/src/components/add-package.item.tsx
+++ b/packages/devtools-ui/src/components/add-package.item.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import clsx from "clsx";
 import { Button } from "./button";
 import { PlusCircleIcon } from "./icons/plus-circle";
-import { AvailablePackageType } from "@refinedev/devtools-shared";
+import type { AvailablePackageType } from "@refinedev/devtools-shared";
 
 type PackageItemProps = {
   onInstall?: () => void;
diff --git a/packages/devtools-ui/src/components/feed-item.tsx b/packages/devtools-ui/src/components/feed-item.tsx
index 3f9d1da424c9..fa2e9db07c1b 100644
--- a/packages/devtools-ui/src/components/feed-item.tsx
+++ b/packages/devtools-ui/src/components/feed-item.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import dayjs from "dayjs";
 import clsx from "clsx";
 
-import { FeedSection } from "@refinedev/devtools-shared";
+import type { FeedSection } from "@refinedev/devtools-shared";
 
 type Props = {
   item: FeedSection;
diff --git a/packages/devtools-ui/src/components/header-auth-status.tsx b/packages/devtools-ui/src/components/header-auth-status.tsx
index 90c56681c3ca..d14f26a4e1ef 100644
--- a/packages/devtools-ui/src/components/header-auth-status.tsx
+++ b/packages/devtools-ui/src/components/header-auth-status.tsx
@@ -4,7 +4,7 @@ import Gravatar from "react-gravatar";
 
 import { getMe } from "src/utils/me";
 
-import { MeResponse } from "src/interfaces/api";
+import type { MeResponse } from "src/interfaces/api";
 import { logoutUser } from "src/utils/auth";
 import { useNavigate } from "react-router-dom";
 
diff --git a/packages/devtools-ui/src/components/highlight.tsx b/packages/devtools-ui/src/components/highlight.tsx
index 294ce2c75875..1182eef369d4 100644
--- a/packages/devtools-ui/src/components/highlight.tsx
+++ b/packages/devtools-ui/src/components/highlight.tsx
@@ -1,5 +1,8 @@
 import React from "react";
-import HighlightPrism, { Language, defaultProps } from "prism-react-renderer";
+import HighlightPrism, {
+  type Language,
+  defaultProps,
+} from "prism-react-renderer";
 import theme from "prism-react-renderer/themes/nightOwl";
 
 type Props = {
diff --git a/packages/devtools-ui/src/components/monitor-applied-filter-group.tsx b/packages/devtools-ui/src/components/monitor-applied-filter-group.tsx
index 5fc1a80ce917..f966cfceb2ac 100644
--- a/packages/devtools-ui/src/components/monitor-applied-filter-group.tsx
+++ b/packages/devtools-ui/src/components/monitor-applied-filter-group.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import clsx from "clsx";
-import { Filters } from "./monitor-filters";
+import type { Filters } from "./monitor-filters";
 import { CloseIcon } from "./icons/close";
 
 type Props = {
diff --git a/packages/devtools-ui/src/components/monitor-details.tsx b/packages/devtools-ui/src/components/monitor-details.tsx
index c2b950a798b7..54e67299ef31 100644
--- a/packages/devtools-ui/src/components/monitor-details.tsx
+++ b/packages/devtools-ui/src/components/monitor-details.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import clsx from "clsx";
 
-import { Activity } from "src/interfaces/activity";
+import type { Activity } from "src/interfaces/activity";
 import { Status } from "./status";
 import { TraceList } from "./trace-list";
 import dayjs from "dayjs";
@@ -13,7 +13,7 @@ import { getResourceValue } from "src/utils/get-resource-value";
 import { ResourceValue } from "./resource-value";
 import {
   DevToolsContext,
-  RefineHook,
+  type RefineHook,
   scopes,
 } from "@refinedev/devtools-shared";
 import { getOwners } from "src/utils/get-owners";
diff --git a/packages/devtools-ui/src/components/monitor-filters.tsx b/packages/devtools-ui/src/components/monitor-filters.tsx
index 306e1e1f0972..ffc5814a06bd 100644
--- a/packages/devtools-ui/src/components/monitor-filters.tsx
+++ b/packages/devtools-ui/src/components/monitor-filters.tsx
@@ -8,7 +8,7 @@ import { FilterField } from "./filter-field";
 import { CheckboxGroup } from "./checkbox-group";
 import { scopes } from "@refinedev/devtools-shared";
 import { MonitorAppliedFilterGroup } from "./monitor-applied-filter-group";
-import { Activity } from "src/interfaces/activity";
+import type { Activity } from "src/interfaces/activity";
 
 export type Filters = {
   scope: string[];
diff --git a/packages/devtools-ui/src/components/monitor-table.tsx b/packages/devtools-ui/src/components/monitor-table.tsx
index 2ab99bbe8af8..73bca4e38dd4 100644
--- a/packages/devtools-ui/src/components/monitor-table.tsx
+++ b/packages/devtools-ui/src/components/monitor-table.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import clsx from "clsx";
-import { ColumnDef, Table, flexRender } from "@tanstack/react-table";
-import { Activity } from "src/interfaces/activity";
+import { type ColumnDef, type Table, flexRender } from "@tanstack/react-table";
+import type { Activity } from "src/interfaces/activity";
 import { ChevronDownIcon } from "./icons/chevron-down";
 
 type Props = {
diff --git a/packages/devtools-ui/src/components/owners.tsx b/packages/devtools-ui/src/components/owners.tsx
index 9b634f000801..9da140e02908 100644
--- a/packages/devtools-ui/src/components/owners.tsx
+++ b/packages/devtools-ui/src/components/owners.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { cleanFilePath } from "src/utils/clean-file-path";
-import { Activity } from "src/interfaces/activity";
+import type { Activity } from "src/interfaces/activity";
 import clsx from "clsx";
 import { getOwners } from "src/utils/get-owners";
 import { DevToolsContext } from "@refinedev/devtools-shared";
diff --git a/packages/devtools-ui/src/components/package-item.tsx b/packages/devtools-ui/src/components/package-item.tsx
index cc3300c9e109..1c76ec51f26d 100644
--- a/packages/devtools-ui/src/components/package-item.tsx
+++ b/packages/devtools-ui/src/components/package-item.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import clsx from "clsx";
 
-import {
+import type {
   PackageLatestVersionType,
   PackageType,
 } from "@refinedev/devtools-shared";
diff --git a/packages/devtools-ui/src/components/packages.tsx b/packages/devtools-ui/src/components/packages.tsx
index 0e408578579c..a88566c3ba00 100644
--- a/packages/devtools-ui/src/components/packages.tsx
+++ b/packages/devtools-ui/src/components/packages.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import clsx from "clsx";
 import { Fireworks } from "@fireworks-js/react";
 import type { FireworksHandlers } from "@fireworks-js/react";
-import { PackageType } from "@refinedev/devtools-shared";
+import type { PackageType } from "@refinedev/devtools-shared";
 
 import { getInstalledPackages, installPackages } from "src/utils/packages";
 import { PackageItem } from "src/components/package-item";
diff --git a/packages/devtools-ui/src/components/resource-value.tsx b/packages/devtools-ui/src/components/resource-value.tsx
index 4ab22a45de73..35759a3f2378 100644
--- a/packages/devtools-ui/src/components/resource-value.tsx
+++ b/packages/devtools-ui/src/components/resource-value.tsx
@@ -1,4 +1,4 @@
-import { Scopes } from "@refinedev/devtools-shared";
+import type { Scopes } from "@refinedev/devtools-shared";
 import clsx from "clsx";
 import React from "react";
 
diff --git a/packages/devtools-ui/src/components/status.tsx b/packages/devtools-ui/src/components/status.tsx
index 30ed30c3ec7a..9e0dc4d2b364 100644
--- a/packages/devtools-ui/src/components/status.tsx
+++ b/packages/devtools-ui/src/components/status.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { Activity } from "src/interfaces/activity";
+import type { Activity } from "src/interfaces/activity";
 
 export const Status = ({ activity }: { activity: Activity }) => {
   const status = activity.status;
diff --git a/packages/devtools-ui/src/components/trace-list.tsx b/packages/devtools-ui/src/components/trace-list.tsx
index 76244d028eea..b124e2e1636e 100644
--- a/packages/devtools-ui/src/components/trace-list.tsx
+++ b/packages/devtools-ui/src/components/trace-list.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import clsx from "clsx";
 
-import { TraceType } from "@refinedev/devtools-shared";
+import type { TraceType } from "@refinedev/devtools-shared";
 
 export const TraceList = ({ trace }: { trace?: TraceType[] }) => {
   return (
diff --git a/packages/devtools-ui/src/interfaces/activity.ts b/packages/devtools-ui/src/interfaces/activity.ts
index 8ed212df2135..aa116aea1f28 100644
--- a/packages/devtools-ui/src/interfaces/activity.ts
+++ b/packages/devtools-ui/src/interfaces/activity.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   DevtoolsEvent,
   DevtoolsEventPayloads,
 } from "@refinedev/devtools-shared";
diff --git a/packages/devtools-ui/src/pages/login.tsx b/packages/devtools-ui/src/pages/login.tsx
index 0b671f3615c9..65959986ddbc 100644
--- a/packages/devtools-ui/src/pages/login.tsx
+++ b/packages/devtools-ui/src/pages/login.tsx
@@ -1,4 +1,4 @@
-import { LoginFlow } from "@ory/client";
+import type { LoginFlow } from "@ory/client";
 import {
   DevToolsContext,
   DevtoolsEvent,
diff --git a/packages/devtools-ui/src/pages/monitor.tsx b/packages/devtools-ui/src/pages/monitor.tsx
index 1adaa42ccaf6..6786bbec5d61 100644
--- a/packages/devtools-ui/src/pages/monitor.tsx
+++ b/packages/devtools-ui/src/pages/monitor.tsx
@@ -5,14 +5,14 @@ import {
   DevtoolsEvent,
   receive,
   hooksByScope,
-  RefineHook,
-  Scopes,
+  type RefineHook,
+  type Scopes,
   scopes,
 } from "@refinedev/devtools-shared";
 import {
-  Cell,
-  ColumnDef,
-  SortingState,
+  type Cell,
+  type ColumnDef,
+  type SortingState,
   getCoreRowModel,
   getPaginationRowModel,
   getSortedRowModel,
@@ -26,7 +26,7 @@ import { Status } from "src/components/status";
 import { MonitorDetails } from "src/components/monitor-details";
 import { TraceList } from "src/components/trace-list";
 import { MonitorTable } from "src/components/monitor-table";
-import { Filters, MonitorFilters } from "src/components/monitor-filters";
+import { type Filters, MonitorFilters } from "src/components/monitor-filters";
 import { useSearchParams } from "react-router-dom";
 import { getResourceValue } from "src/utils/get-resource-value";
 import { ResourceValue } from "src/components/resource-value";
diff --git a/packages/devtools-ui/src/pages/onboarding.tsx b/packages/devtools-ui/src/pages/onboarding.tsx
index ac303af62ce8..b223809bc43a 100644
--- a/packages/devtools-ui/src/pages/onboarding.tsx
+++ b/packages/devtools-ui/src/pages/onboarding.tsx
@@ -5,7 +5,7 @@ import { Button } from "src/components/button";
 import { LogoIcon } from "src/components/icons/logo";
 import { Input } from "src/components/input";
 import { FeatureSlide, FeatureSlideMobile } from "src/components/feature-slide";
-import { MeUpdateVariables } from "src/interfaces/api";
+import type { MeUpdateVariables } from "src/interfaces/api";
 import { getMe, updateMe } from "src/utils/me";
 
 export const Onboarding = () => {
diff --git a/packages/devtools-ui/src/utils/get-owners.ts b/packages/devtools-ui/src/utils/get-owners.ts
index bfac256acf8d..f6824a74eb52 100644
--- a/packages/devtools-ui/src/utils/get-owners.ts
+++ b/packages/devtools-ui/src/utils/get-owners.ts
@@ -1,4 +1,4 @@
-import { Activity } from "src/interfaces/activity";
+import type { Activity } from "src/interfaces/activity";
 
 export const getOwners = (activity: Activity) => {
   return activity.trace?.filter((t) => !t.isRefine) ?? [];
diff --git a/packages/devtools-ui/src/utils/get-resource-value.ts b/packages/devtools-ui/src/utils/get-resource-value.ts
index d3f1c51813b9..c99d3766ba2a 100644
--- a/packages/devtools-ui/src/utils/get-resource-value.ts
+++ b/packages/devtools-ui/src/utils/get-resource-value.ts
@@ -1,4 +1,4 @@
-import { Activity } from "src/interfaces/activity";
+import type { Activity } from "src/interfaces/activity";
 import get from "lodash/get";
 
 export const getResourceValue = (activity: Activity): string => {
diff --git a/packages/devtools-ui/src/utils/me.ts b/packages/devtools-ui/src/utils/me.ts
index 036155c1423d..79321f3a6568 100644
--- a/packages/devtools-ui/src/utils/me.ts
+++ b/packages/devtools-ui/src/utils/me.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   MeResponse,
   MeUpdateVariables,
   RaffleResponse,
diff --git a/packages/devtools-ui/src/utils/packages.ts b/packages/devtools-ui/src/utils/packages.ts
index a3e309c2f389..3a22d4477f6c 100644
--- a/packages/devtools-ui/src/utils/packages.ts
+++ b/packages/devtools-ui/src/utils/packages.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   AvailablePackageType,
   PackageLatestVersionType,
   PackageType,
diff --git a/packages/devtools-ui/src/utils/project-id.ts b/packages/devtools-ui/src/utils/project-id.ts
index 6ecf5c83fdd1..9b50965d518c 100644
--- a/packages/devtools-ui/src/utils/project-id.ts
+++ b/packages/devtools-ui/src/utils/project-id.ts
@@ -1,4 +1,4 @@
-import { ProjectIdResponse } from "src/interfaces/api";
+import type { ProjectIdResponse } from "src/interfaces/api";
 
 export const fetchNewProjectId = async () => {
   try {
diff --git a/packages/devtools/src/components/icons/arrow-union-icon.tsx b/packages/devtools/src/components/icons/arrow-union-icon.tsx
index 43bc8df894c1..173fabeefb23 100644
--- a/packages/devtools/src/components/icons/arrow-union-icon.tsx
+++ b/packages/devtools/src/components/icons/arrow-union-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const ArrowUnionIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/packages/devtools/src/components/icons/devtools-icon.tsx b/packages/devtools/src/components/icons/devtools-icon.tsx
index b9a55ee98292..217c456c6276 100644
--- a/packages/devtools/src/components/icons/devtools-icon.tsx
+++ b/packages/devtools/src/components/icons/devtools-icon.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
 
 export const DevtoolsIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/packages/devtools/src/components/resizable-pane.tsx b/packages/devtools/src/components/resizable-pane.tsx
index 653f7cc73fb3..b8555a841364 100644
--- a/packages/devtools/src/components/resizable-pane.tsx
+++ b/packages/devtools/src/components/resizable-pane.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { Placement } from "src/interfaces/placement";
+import type { Placement } from "src/interfaces/placement";
 import {
   getDefaultPanelSize,
   getMaxPanelHeight,
diff --git a/packages/devtools/src/panel.tsx b/packages/devtools/src/panel.tsx
index d77e2fd98810..6513cb3f5122 100644
--- a/packages/devtools/src/panel.tsx
+++ b/packages/devtools/src/panel.tsx
@@ -8,7 +8,7 @@ import {
   send,
 } from "@refinedev/devtools-shared";
 
-import { Placement } from "./interfaces/placement";
+import type { Placement } from "./interfaces/placement";
 
 export const DevtoolsPanel =
   __DEV_CONDITION__ !== "development"
diff --git a/packages/devtools/src/utilities/index.ts b/packages/devtools/src/utilities/index.ts
index cdac809cfa6d..36438e5bbc10 100644
--- a/packages/devtools/src/utilities/index.ts
+++ b/packages/devtools/src/utilities/index.ts
@@ -1,4 +1,4 @@
-import { Placement } from "src/interfaces/placement";
+import type { Placement } from "src/interfaces/placement";
 
 export const getPanelToggleTransforms = (visible: boolean) => {
   return visible ? "scaleX(1) translateY(0)" : "scaleX(0) translateY(25vw)";
diff --git a/packages/graphql/src/dataProvider/index.ts b/packages/graphql/src/dataProvider/index.ts
index 520b3a191e22..510e62216922 100644
--- a/packages/graphql/src/dataProvider/index.ts
+++ b/packages/graphql/src/dataProvider/index.ts
@@ -1,4 +1,4 @@
-import { DataProvider, BaseRecord } from "@refinedev/core";
+import type { DataProvider, BaseRecord } from "@refinedev/core";
 import { GraphQLClient } from "graphql-request";
 import * as gql from "gql-query-builder";
 import pluralize from "pluralize";
diff --git a/packages/graphql/src/liveProvider/index.ts b/packages/graphql/src/liveProvider/index.ts
index 02ef1bcefe5e..6e794567a67a 100644
--- a/packages/graphql/src/liveProvider/index.ts
+++ b/packages/graphql/src/liveProvider/index.ts
@@ -1,5 +1,5 @@
-import { LiveProvider } from "@refinedev/core";
-import { Client } from "graphql-ws";
+import type { LiveProvider } from "@refinedev/core";
+import type { Client } from "graphql-ws";
 
 import {
   generateUseListSubscription,
diff --git a/packages/graphql/src/utils/generateFilter.ts b/packages/graphql/src/utils/generateFilter.ts
index 203373c63ea7..9fd6bcbedff0 100644
--- a/packages/graphql/src/utils/generateFilter.ts
+++ b/packages/graphql/src/utils/generateFilter.ts
@@ -1,4 +1,4 @@
-import { CrudFilters, LogicalFilter } from "@refinedev/core";
+import type { CrudFilters, LogicalFilter } from "@refinedev/core";
 
 export const generateFilter = (filters?: CrudFilters) => {
   const queryFilters: { [key: string]: any } = {};
diff --git a/packages/graphql/src/utils/generateSort.ts b/packages/graphql/src/utils/generateSort.ts
index f096a33ed061..ad76f05e64cc 100644
--- a/packages/graphql/src/utils/generateSort.ts
+++ b/packages/graphql/src/utils/generateSort.ts
@@ -1,4 +1,4 @@
-import { CrudSorting } from "@refinedev/core";
+import type { CrudSorting } from "@refinedev/core";
 
 export const generateSort = (sorters?: CrudSorting) => {
   if (sorters && sorters.length > 0) {
diff --git a/packages/graphql/src/utils/generateUseListSubscription.ts b/packages/graphql/src/utils/generateUseListSubscription.ts
index 5fff1b7a232d..b1ac72ec8fc4 100644
--- a/packages/graphql/src/utils/generateUseListSubscription.ts
+++ b/packages/graphql/src/utils/generateUseListSubscription.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   MetaQuery,
   Pagination,
   CrudSorting,
diff --git a/packages/graphql/src/utils/generateUseManySubscription.ts b/packages/graphql/src/utils/generateUseManySubscription.ts
index dbdcbae5e0ca..e5334db61f2c 100644
--- a/packages/graphql/src/utils/generateUseManySubscription.ts
+++ b/packages/graphql/src/utils/generateUseManySubscription.ts
@@ -1,4 +1,4 @@
-import { BaseKey, MetaQuery } from "@refinedev/core";
+import type { BaseKey, MetaQuery } from "@refinedev/core";
 import * as gql from "gql-query-builder";
 import camelCase from "camelcase";
 
diff --git a/packages/graphql/src/utils/generateUseOneSubscription.ts b/packages/graphql/src/utils/generateUseOneSubscription.ts
index 940db5122fb4..4feb13059acd 100644
--- a/packages/graphql/src/utils/generateUseOneSubscription.ts
+++ b/packages/graphql/src/utils/generateUseOneSubscription.ts
@@ -1,4 +1,4 @@
-import { MetaQuery, BaseKey } from "@refinedev/core";
+import type { MetaQuery, BaseKey } from "@refinedev/core";
 import * as gql from "gql-query-builder";
 import pluralize from "pluralize";
 import camelCase from "camelcase";
diff --git a/packages/graphql/src/utils/graphql.ts b/packages/graphql/src/utils/graphql.ts
index adc5fea3bbd3..5f589da9a441 100644
--- a/packages/graphql/src/utils/graphql.ts
+++ b/packages/graphql/src/utils/graphql.ts
@@ -1,5 +1,5 @@
-import { MetaQuery } from "@refinedev/core";
-import { DocumentNode, visit, SelectionSetNode } from "graphql";
+import type { MetaQuery } from "@refinedev/core";
+import { type DocumentNode, visit, type SelectionSetNode } from "graphql";
 
 export const getOperationFields = (documentNode: DocumentNode) => {
   const fieldLines: string[] = [];
diff --git a/packages/graphql/test/utils/generateFilter.spec.ts b/packages/graphql/test/utils/generateFilter.spec.ts
index 15cdda401c57..e1663b365af5 100644
--- a/packages/graphql/test/utils/generateFilter.spec.ts
+++ b/packages/graphql/test/utils/generateFilter.spec.ts
@@ -1,4 +1,4 @@
-import { CrudFilters } from "@refinedev/core";
+import type { CrudFilters } from "@refinedev/core";
 import { generateFilter } from "../../src/utils";
 
 describe("generateFilter", () => {
diff --git a/packages/graphql/test/utils/generateSort.spec.ts b/packages/graphql/test/utils/generateSort.spec.ts
index 3a42bd60add7..ce8153c98b21 100644
--- a/packages/graphql/test/utils/generateSort.spec.ts
+++ b/packages/graphql/test/utils/generateSort.spec.ts
@@ -1,4 +1,4 @@
-import { CrudSorting } from "@refinedev/core";
+import type { CrudSorting } from "@refinedev/core";
 import { generateSort, genereteSort } from "../../src/utils";
 
 describe("generateSort", () => {
diff --git a/packages/graphql/test/utils/generateUseListSubscription.spec.ts b/packages/graphql/test/utils/generateUseListSubscription.spec.ts
index a51d9edafcf3..9e7b30319a42 100644
--- a/packages/graphql/test/utils/generateUseListSubscription.spec.ts
+++ b/packages/graphql/test/utils/generateUseListSubscription.spec.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   CrudFilters,
   CrudSorting,
   MetaQuery,
diff --git a/packages/hasura/src/dataProvider/index.ts b/packages/hasura/src/dataProvider/index.ts
index 3eab29263722..da18ab27cf03 100644
--- a/packages/hasura/src/dataProvider/index.ts
+++ b/packages/hasura/src/dataProvider/index.ts
@@ -1,4 +1,4 @@
-import { BaseRecord, DataProvider } from "@refinedev/core";
+import type { BaseRecord, DataProvider } from "@refinedev/core";
 import camelCase from "camelcase";
 import * as gql from "gql-query-builder";
 import { GraphQLClient } from "graphql-request";
diff --git a/packages/hasura/src/liveProvider/index.ts b/packages/hasura/src/liveProvider/index.ts
index 2be963f3d2cc..c91978dff81a 100644
--- a/packages/hasura/src/liveProvider/index.ts
+++ b/packages/hasura/src/liveProvider/index.ts
@@ -1,5 +1,5 @@
-import { LiveProvider } from "@refinedev/core";
-import { Client } from "graphql-ws";
+import type { LiveProvider } from "@refinedev/core";
+import type { Client } from "graphql-ws";
 
 import {
   generateUseManySubscription,
diff --git a/packages/hasura/src/utils/generateFilters.ts b/packages/hasura/src/utils/generateFilters.ts
index cd95b3d43523..96c54d829ce6 100644
--- a/packages/hasura/src/utils/generateFilters.ts
+++ b/packages/hasura/src/utils/generateFilters.ts
@@ -1,11 +1,11 @@
-import {
+import type {
   ConditionalFilter,
   CrudOperators,
   LogicalFilter,
 } from "@refinedev/core";
 import camelcase from "camelcase";
 import setWith from "lodash/setWith";
-import { NamingConvention } from "src/dataProvider";
+import type { NamingConvention } from "src/dataProvider";
 
 export type HasuraFilterCondition =
   | "_and"
diff --git a/packages/hasura/src/utils/generateSorting.ts b/packages/hasura/src/utils/generateSorting.ts
index d6c870222fcb..b79c3a9f987c 100644
--- a/packages/hasura/src/utils/generateSorting.ts
+++ b/packages/hasura/src/utils/generateSorting.ts
@@ -1,4 +1,4 @@
-import { CrudSort, CrudSorting } from "@refinedev/core";
+import type { CrudSort, CrudSorting } from "@refinedev/core";
 import setWith from "lodash/setWith";
 
 export type HasuraSortOrder = "asc" | "desc";
diff --git a/packages/hasura/src/utils/generateUseListSubscription.ts b/packages/hasura/src/utils/generateUseListSubscription.ts
index 7f37ffeae1ea..8a129919289a 100644
--- a/packages/hasura/src/utils/generateUseListSubscription.ts
+++ b/packages/hasura/src/utils/generateUseListSubscription.ts
@@ -1,7 +1,7 @@
-import { CrudSorting, MetaQuery, Pagination } from "@refinedev/core";
+import type { CrudSorting, MetaQuery, Pagination } from "@refinedev/core";
 import * as gql from "gql-query-builder";
 
-import { HasuraCrudFilters, generateFilters } from "./generateFilters";
+import { type HasuraCrudFilters, generateFilters } from "./generateFilters";
 import { generateSorting } from "./generateSorting";
 import { getOperationFields } from "./graphql";
 
diff --git a/packages/hasura/src/utils/generateUseManySubscription.ts b/packages/hasura/src/utils/generateUseManySubscription.ts
index cd6b853b5862..6009117a99c3 100644
--- a/packages/hasura/src/utils/generateUseManySubscription.ts
+++ b/packages/hasura/src/utils/generateUseManySubscription.ts
@@ -1,4 +1,4 @@
-import { MetaQuery, BaseKey } from "@refinedev/core";
+import type { MetaQuery, BaseKey } from "@refinedev/core";
 import * as gql from "gql-query-builder";
 import { getOperationFields } from "./graphql";
 
diff --git a/packages/hasura/src/utils/generateUseOneSubscription.ts b/packages/hasura/src/utils/generateUseOneSubscription.ts
index 1e3aad8a0bdb..a1c0155ae626 100644
--- a/packages/hasura/src/utils/generateUseOneSubscription.ts
+++ b/packages/hasura/src/utils/generateUseOneSubscription.ts
@@ -1,4 +1,4 @@
-import { MetaQuery, BaseKey } from "@refinedev/core";
+import type { MetaQuery, BaseKey } from "@refinedev/core";
 import * as gql from "gql-query-builder";
 import { getOperationFields } from "./graphql";
 
diff --git a/packages/hasura/src/utils/graphql.ts b/packages/hasura/src/utils/graphql.ts
index adc5fea3bbd3..5f589da9a441 100644
--- a/packages/hasura/src/utils/graphql.ts
+++ b/packages/hasura/src/utils/graphql.ts
@@ -1,5 +1,5 @@
-import { MetaQuery } from "@refinedev/core";
-import { DocumentNode, visit, SelectionSetNode } from "graphql";
+import type { MetaQuery } from "@refinedev/core";
+import { type DocumentNode, visit, type SelectionSetNode } from "graphql";
 
 export const getOperationFields = (documentNode: DocumentNode) => {
   const fieldLines: string[] = [];
diff --git a/packages/hasura/test/utils/generateFilters.spec.ts b/packages/hasura/test/utils/generateFilters.spec.ts
index 511ddf37675c..09ef8048ab8a 100644
--- a/packages/hasura/test/utils/generateFilters.spec.ts
+++ b/packages/hasura/test/utils/generateFilters.spec.ts
@@ -1,6 +1,6 @@
 import {
-  HasuraCrudFilters,
-  HasuraCrudOperators,
+  type HasuraCrudFilters,
+  type HasuraCrudOperators,
   generateFilters,
   handleFilterValue,
 } from "../../src/utils";
diff --git a/packages/hasura/test/utils/generateSorting.spec.ts b/packages/hasura/test/utils/generateSorting.spec.ts
index 321e17b4ccbc..7a58cb4ab050 100644
--- a/packages/hasura/test/utils/generateSorting.spec.ts
+++ b/packages/hasura/test/utils/generateSorting.spec.ts
@@ -1,4 +1,4 @@
-import { CrudSorting } from "@refinedev/core";
+import type { CrudSorting } from "@refinedev/core";
 import { generateSorting } from "../../src/utils";
 
 describe("generateSorting", () => {
diff --git a/packages/hasura/test/utils/generateUseListSubscription.spec.ts b/packages/hasura/test/utils/generateUseListSubscription.spec.ts
index 396eeaffc890..e1f46d1070ec 100644
--- a/packages/hasura/test/utils/generateUseListSubscription.spec.ts
+++ b/packages/hasura/test/utils/generateUseListSubscription.spec.ts
@@ -1,6 +1,6 @@
-import { MetaQuery, Pagination, CrudSorting } from "@refinedev/core";
+import type { MetaQuery, Pagination, CrudSorting } from "@refinedev/core";
 import {
-  HasuraCrudFilters,
+  type HasuraCrudFilters,
   generateUseListSubscription,
   genereteUseListSubscription,
 } from "../../src/utils";
diff --git a/packages/hasura/test/utils/generateUseManySubscription.spec.ts b/packages/hasura/test/utils/generateUseManySubscription.spec.ts
index acf2e8e9ea8e..d58b5fff2f19 100644
--- a/packages/hasura/test/utils/generateUseManySubscription.spec.ts
+++ b/packages/hasura/test/utils/generateUseManySubscription.spec.ts
@@ -1,4 +1,4 @@
-import { MetaQuery } from "@refinedev/core";
+import type { MetaQuery } from "@refinedev/core";
 import {
   generateUseManySubscription,
   genereteUseManySubscription,
diff --git a/packages/hasura/test/utils/generateUseOneSubscription.spec.ts b/packages/hasura/test/utils/generateUseOneSubscription.spec.ts
index ae22aa1f66af..a7d36a26628e 100644
--- a/packages/hasura/test/utils/generateUseOneSubscription.spec.ts
+++ b/packages/hasura/test/utils/generateUseOneSubscription.spec.ts
@@ -2,7 +2,7 @@ import {
   generateUseOneSubscription,
   genereteUseOneSubscription,
 } from "../../src/utils";
-import { MetaQuery } from "@refinedev/core";
+import type { MetaQuery } from "@refinedev/core";
 
 describe("genereteUseOneSubscription (deprecated)", () => {
   const resource = "post";
diff --git a/packages/inferencer/src/components/live/index.tsx b/packages/inferencer/src/components/live/index.tsx
index 077846981e75..270717181124 100644
--- a/packages/inferencer/src/components/live/index.tsx
+++ b/packages/inferencer/src/components/live/index.tsx
@@ -2,10 +2,14 @@ import React from "react";
 import * as RefineCore from "@refinedev/core";
 import * as gql from "graphql-tag";
 
-import { LivePreview, LiveProvider, ContextProps } from "@aliemir/react-live";
+import {
+  LivePreview,
+  LiveProvider,
+  type ContextProps,
+} from "@aliemir/react-live";
 
 import { replaceImports, replaceExports } from "../../utilities";
-import { AdditionalScopeType, LiveComponentProps } from "../../types";
+import type { AdditionalScopeType, LiveComponentProps } from "../../types";
 
 const defaultScope: Array<AdditionalScopeType> = [
   ["react", "React", React],
diff --git a/packages/inferencer/src/components/shared-code-viewer/index.tsx b/packages/inferencer/src/components/shared-code-viewer/index.tsx
index 69e99b448615..92e911e2eefa 100644
--- a/packages/inferencer/src/components/shared-code-viewer/index.tsx
+++ b/packages/inferencer/src/components/shared-code-viewer/index.tsx
@@ -1,8 +1,8 @@
-import React, { SVGProps } from "react";
+import React, { type SVGProps } from "react";
 import Highlight, { defaultProps } from "prism-react-renderer";
 import theme from "prism-react-renderer/themes/vsDark";
 
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 import { prettierFormat } from "../../utilities";
 
 export const SharedCodeViewer: CreateInferencerConfig["codeViewerComponent"] =
diff --git a/packages/inferencer/src/compose-inferencers/index.ts b/packages/inferencer/src/compose-inferencers/index.ts
index 975e65becbf3..bc6cfce018e2 100644
--- a/packages/inferencer/src/compose-inferencers/index.ts
+++ b/packages/inferencer/src/compose-inferencers/index.ts
@@ -1,4 +1,4 @@
-import { FieldInferencer } from "../types";
+import type { FieldInferencer } from "../types";
 import { pickInferredField } from "../utilities";
 
 /**
diff --git a/packages/inferencer/src/compose-transformers/index.ts b/packages/inferencer/src/compose-transformers/index.ts
index 5033ef829b34..28aa11e6aae4 100644
--- a/packages/inferencer/src/compose-transformers/index.ts
+++ b/packages/inferencer/src/compose-transformers/index.ts
@@ -1,4 +1,4 @@
-import { FieldTransformer } from "../types";
+import type { FieldTransformer } from "../types";
 
 /**
  * Compose multiple field transformers into one
diff --git a/packages/inferencer/src/create-inferencer/index.tsx b/packages/inferencer/src/create-inferencer/index.tsx
index 4d38a6cc9bd7..87cfeb74437a 100644
--- a/packages/inferencer/src/create-inferencer/index.tsx
+++ b/packages/inferencer/src/create-inferencer/index.tsx
@@ -1,7 +1,7 @@
 import React, { useContext } from "react";
 import { useResource, TranslationContext } from "@refinedev/core";
 
-import {
+import type {
   CreateInferencer,
   InferencerComponentProps,
   InferencerResultComponent,
diff --git a/packages/inferencer/src/field-inferencers/array.ts b/packages/inferencer/src/field-inferencers/array.ts
index 50770a653ed1..2fd6f76c2c10 100644
--- a/packages/inferencer/src/field-inferencers/array.ts
+++ b/packages/inferencer/src/field-inferencers/array.ts
@@ -1,4 +1,4 @@
-import { FieldInferencer, InferType } from "../types";
+import type { FieldInferencer, InferType } from "../types";
 
 export const arrayInfer: FieldInferencer = (
   key,
diff --git a/packages/inferencer/src/field-inferencers/boolean.ts b/packages/inferencer/src/field-inferencers/boolean.ts
index a1652bc373b2..93ede69bff7a 100644
--- a/packages/inferencer/src/field-inferencers/boolean.ts
+++ b/packages/inferencer/src/field-inferencers/boolean.ts
@@ -1,4 +1,4 @@
-import { FieldInferencer } from "../types";
+import type { FieldInferencer } from "../types";
 
 export const booleanInfer: FieldInferencer = (key, value) => {
   const isBoolean = typeof value === "boolean";
diff --git a/packages/inferencer/src/field-inferencers/date.ts b/packages/inferencer/src/field-inferencers/date.ts
index 05b4be1664e5..8c254be8f189 100644
--- a/packages/inferencer/src/field-inferencers/date.ts
+++ b/packages/inferencer/src/field-inferencers/date.ts
@@ -1,5 +1,5 @@
 import dayjs from "dayjs";
-import { FieldInferencer } from "../types";
+import type { FieldInferencer } from "../types";
 
 const dateSuffixRegexp = /(_at|_on|At|On|AT|ON)(\[\])?$/;
 
diff --git a/packages/inferencer/src/field-inferencers/email.ts b/packages/inferencer/src/field-inferencers/email.ts
index 79d5e2132880..2b0538481071 100644
--- a/packages/inferencer/src/field-inferencers/email.ts
+++ b/packages/inferencer/src/field-inferencers/email.ts
@@ -1,4 +1,4 @@
-import { FieldInferencer } from "../types";
+import type { FieldInferencer } from "../types";
 
 const emailRegexp =
   /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
diff --git a/packages/inferencer/src/field-inferencers/image.ts b/packages/inferencer/src/field-inferencers/image.ts
index d4b752c6207b..61a88d99e0d0 100644
--- a/packages/inferencer/src/field-inferencers/image.ts
+++ b/packages/inferencer/src/field-inferencers/image.ts
@@ -1,4 +1,4 @@
-import { FieldInferencer } from "../types";
+import type { FieldInferencer } from "../types";
 
 const imageRegexp = /\.(gif|jpe?g|tiff?|png|webp|bmp|svg)$/i;
 
diff --git a/packages/inferencer/src/field-inferencers/nullish.ts b/packages/inferencer/src/field-inferencers/nullish.ts
index f40717bf1981..32449a7959fe 100644
--- a/packages/inferencer/src/field-inferencers/nullish.ts
+++ b/packages/inferencer/src/field-inferencers/nullish.ts
@@ -1,4 +1,4 @@
-import { FieldInferencer } from "../types";
+import type { FieldInferencer } from "../types";
 
 export const nullishInfer: FieldInferencer = (key, value) => {
   const isUndefined = typeof value === "undefined";
diff --git a/packages/inferencer/src/field-inferencers/number.ts b/packages/inferencer/src/field-inferencers/number.ts
index 5a4f2f94de43..368b67bd3ab8 100644
--- a/packages/inferencer/src/field-inferencers/number.ts
+++ b/packages/inferencer/src/field-inferencers/number.ts
@@ -1,4 +1,4 @@
-import { FieldInferencer } from "../types";
+import type { FieldInferencer } from "../types";
 
 export const numberInfer: FieldInferencer = (key, value) => {
   const isNonEmptyString = typeof value === "string" && value.length > 0;
diff --git a/packages/inferencer/src/field-inferencers/object.ts b/packages/inferencer/src/field-inferencers/object.ts
index a5283609fb42..57e2a640d63f 100644
--- a/packages/inferencer/src/field-inferencers/object.ts
+++ b/packages/inferencer/src/field-inferencers/object.ts
@@ -1,5 +1,5 @@
 import { getFieldableKeys } from "../utilities";
-import { FieldInferencer } from "../types";
+import type { FieldInferencer } from "../types";
 
 const idPropertyRegexp = /id$/i;
 
diff --git a/packages/inferencer/src/field-inferencers/relation.ts b/packages/inferencer/src/field-inferencers/relation.ts
index 91bf11d25968..5fbf50597b32 100644
--- a/packages/inferencer/src/field-inferencers/relation.ts
+++ b/packages/inferencer/src/field-inferencers/relation.ts
@@ -1,4 +1,4 @@
-import { FieldInferencer } from "../types";
+import type { FieldInferencer } from "../types";
 
 export const relationRegexp = /(-id|-ids|_id|_ids|Id|Ids|ID|IDs)(\[\])?$/;
 
diff --git a/packages/inferencer/src/field-inferencers/richtext.ts b/packages/inferencer/src/field-inferencers/richtext.ts
index c95031214a36..a498025e3380 100644
--- a/packages/inferencer/src/field-inferencers/richtext.ts
+++ b/packages/inferencer/src/field-inferencers/richtext.ts
@@ -1,4 +1,4 @@
-import { FieldInferencer } from "../types";
+import type { FieldInferencer } from "../types";
 
 export const richtextInfer: FieldInferencer = (key, value) => {
   const isLongText = typeof value === "string" && value.length > 100;
diff --git a/packages/inferencer/src/field-inferencers/text.ts b/packages/inferencer/src/field-inferencers/text.ts
index 67af6b545075..2d27871276ed 100644
--- a/packages/inferencer/src/field-inferencers/text.ts
+++ b/packages/inferencer/src/field-inferencers/text.ts
@@ -1,4 +1,4 @@
-import { FieldInferencer } from "../types";
+import type { FieldInferencer } from "../types";
 
 export const textInfer: FieldInferencer = (key, value) => {
   const isText = typeof value === "string";
diff --git a/packages/inferencer/src/field-inferencers/url.ts b/packages/inferencer/src/field-inferencers/url.ts
index 794cad149727..e7fad374e816 100644
--- a/packages/inferencer/src/field-inferencers/url.ts
+++ b/packages/inferencer/src/field-inferencers/url.ts
@@ -1,4 +1,4 @@
-import { FieldInferencer } from "../types";
+import type { FieldInferencer } from "../types";
 
 const urlRegexp = /^(https?|ftp):\/\/(-\.)?([^\s/?\.#-]+\.?)+(\/[^\s]*)?$/i;
 
diff --git a/packages/inferencer/src/field-transformers/basic-to-relation.ts b/packages/inferencer/src/field-transformers/basic-to-relation.ts
index 6af3a8214014..5b39f3caffaa 100644
--- a/packages/inferencer/src/field-transformers/basic-to-relation.ts
+++ b/packages/inferencer/src/field-transformers/basic-to-relation.ts
@@ -1,4 +1,4 @@
-import { FieldTransformer, InferField } from "../types";
+import type { FieldTransformer, InferField } from "../types";
 
 export const basicToRelation: FieldTransformer = (
   fields,
diff --git a/packages/inferencer/src/field-transformers/image-by-key.ts b/packages/inferencer/src/field-transformers/image-by-key.ts
index d72c35eccfd2..ecdbbeb42e7f 100644
--- a/packages/inferencer/src/field-transformers/image-by-key.ts
+++ b/packages/inferencer/src/field-transformers/image-by-key.ts
@@ -1,4 +1,4 @@
-import { FieldTransformer, InferField } from "../types";
+import type { FieldTransformer, InferField } from "../types";
 
 const imageFieldLikeRegexp = /(image|photo|avatar|cover|thumbnail|icon)/i;
 
diff --git a/packages/inferencer/src/field-transformers/relation-by-resource.ts b/packages/inferencer/src/field-transformers/relation-by-resource.ts
index 6b577ad64902..ac9048fb6712 100644
--- a/packages/inferencer/src/field-transformers/relation-by-resource.ts
+++ b/packages/inferencer/src/field-transformers/relation-by-resource.ts
@@ -1,5 +1,5 @@
 import { resourceFromInferred } from "../utilities";
-import { FieldTransformer, InferField } from "../types";
+import type { FieldTransformer, InferField } from "../types";
 
 export const relationByResource: FieldTransformer = (
   fields,
diff --git a/packages/inferencer/src/field-transformers/relation-to-fieldable.ts b/packages/inferencer/src/field-transformers/relation-to-fieldable.ts
index b1ae2017abd1..ffcf6efccc07 100644
--- a/packages/inferencer/src/field-transformers/relation-to-fieldable.ts
+++ b/packages/inferencer/src/field-transformers/relation-to-fieldable.ts
@@ -1,4 +1,4 @@
-import { FieldTransformer, InferField } from "../types";
+import type { FieldTransformer, InferField } from "../types";
 
 export const relationToFieldable: FieldTransformer = (
   fields,
diff --git a/packages/inferencer/src/inferencers/antd/code-viewer.tsx b/packages/inferencer/src/inferencers/antd/code-viewer.tsx
index 2b9f4a1e7b7f..b5dd8110dc47 100644
--- a/packages/inferencer/src/inferencers/antd/code-viewer.tsx
+++ b/packages/inferencer/src/inferencers/antd/code-viewer.tsx
@@ -3,7 +3,7 @@ import * as Icons from "@ant-design/icons";
 import { Button, Modal, Space } from "antd";
 
 import { prettierFormat } from "../../utilities";
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 import { CodeHighlight } from "../../components";
 
 /**
diff --git a/packages/inferencer/src/inferencers/antd/create.tsx b/packages/inferencer/src/inferencers/antd/create.tsx
index 50de27360512..d40332ffa995 100644
--- a/packages/inferencer/src/inferencers/antd/create.tsx
+++ b/packages/inferencer/src/inferencers/antd/create.tsx
@@ -23,7 +23,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   InferencerResultComponent,
   InferField,
   ImportElement,
diff --git a/packages/inferencer/src/inferencers/antd/edit.tsx b/packages/inferencer/src/inferencers/antd/edit.tsx
index 456b498e944b..c1073ac92d6b 100644
--- a/packages/inferencer/src/inferencers/antd/edit.tsx
+++ b/packages/inferencer/src/inferencers/antd/edit.tsx
@@ -23,7 +23,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   InferencerResultComponent,
   InferField,
   ImportElement,
diff --git a/packages/inferencer/src/inferencers/antd/error.tsx b/packages/inferencer/src/inferencers/antd/error.tsx
index ec07e3ec46e3..41c0a2fdca3c 100644
--- a/packages/inferencer/src/inferencers/antd/error.tsx
+++ b/packages/inferencer/src/inferencers/antd/error.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Alert, Row, Col } from "antd";
 
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 
 export const ErrorComponent: CreateInferencerConfig["errorComponent"] = ({
   error,
diff --git a/packages/inferencer/src/inferencers/antd/list.tsx b/packages/inferencer/src/inferencers/antd/list.tsx
index e9b951870991..658d9703ff45 100644
--- a/packages/inferencer/src/inferencers/antd/list.tsx
+++ b/packages/inferencer/src/inferencers/antd/list.tsx
@@ -31,7 +31,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   InferencerResultComponent,
   InferField,
   ImportElement,
diff --git a/packages/inferencer/src/inferencers/antd/loading.tsx b/packages/inferencer/src/inferencers/antd/loading.tsx
index cddc4ac84055..0fc83e498393 100644
--- a/packages/inferencer/src/inferencers/antd/loading.tsx
+++ b/packages/inferencer/src/inferencers/antd/loading.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Spin, Row, Col } from "antd";
 
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 
 export const LoadingComponent: CreateInferencerConfig["loadingComponent"] =
   () => {
diff --git a/packages/inferencer/src/inferencers/antd/show.tsx b/packages/inferencer/src/inferencers/antd/show.tsx
index 45c456086021..78bfaf263608 100644
--- a/packages/inferencer/src/inferencers/antd/show.tsx
+++ b/packages/inferencer/src/inferencers/antd/show.tsx
@@ -31,7 +31,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   InferencerResultComponent,
   InferField,
   ImportElement,
diff --git a/packages/inferencer/src/inferencers/chakra-ui/code-viewer.tsx b/packages/inferencer/src/inferencers/chakra-ui/code-viewer.tsx
index 2201128814ac..b0e6ff681110 100644
--- a/packages/inferencer/src/inferencers/chakra-ui/code-viewer.tsx
+++ b/packages/inferencer/src/inferencers/chakra-ui/code-viewer.tsx
@@ -18,7 +18,7 @@ import {
 } from "@tabler/icons-react";
 
 import { prettierFormat } from "../../utilities";
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 import { CodeHighlight } from "../../components";
 
 /**
diff --git a/packages/inferencer/src/inferencers/chakra-ui/create.tsx b/packages/inferencer/src/inferencers/chakra-ui/create.tsx
index 3e86a42efc4d..172ecdfcc386 100644
--- a/packages/inferencer/src/inferencers/chakra-ui/create.tsx
+++ b/packages/inferencer/src/inferencers/chakra-ui/create.tsx
@@ -30,7 +30,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   InferencerResultComponent,
   InferField,
   ImportElement,
diff --git a/packages/inferencer/src/inferencers/chakra-ui/edit.tsx b/packages/inferencer/src/inferencers/chakra-ui/edit.tsx
index b682c4ec1f06..b4b403f0b9fd 100644
--- a/packages/inferencer/src/inferencers/chakra-ui/edit.tsx
+++ b/packages/inferencer/src/inferencers/chakra-ui/edit.tsx
@@ -31,7 +31,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   InferencerResultComponent,
   InferField,
   ImportElement,
diff --git a/packages/inferencer/src/inferencers/chakra-ui/error.tsx b/packages/inferencer/src/inferencers/chakra-ui/error.tsx
index 0c2e0fc39b1c..b1286da19beb 100644
--- a/packages/inferencer/src/inferencers/chakra-ui/error.tsx
+++ b/packages/inferencer/src/inferencers/chakra-ui/error.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 import { Center, Alert, AlertIcon, AlertDescription } from "@chakra-ui/react";
 
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 
 export const ErrorComponent: CreateInferencerConfig["errorComponent"] = ({
   error,
diff --git a/packages/inferencer/src/inferencers/chakra-ui/list.tsx b/packages/inferencer/src/inferencers/chakra-ui/list.tsx
index 01ab8443af6e..e4ffb3998288 100644
--- a/packages/inferencer/src/inferencers/chakra-ui/list.tsx
+++ b/packages/inferencer/src/inferencers/chakra-ui/list.tsx
@@ -47,7 +47,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   ImportElement,
   InferencerResultComponent,
   InferField,
diff --git a/packages/inferencer/src/inferencers/chakra-ui/loading.tsx b/packages/inferencer/src/inferencers/chakra-ui/loading.tsx
index 15535e583392..6cb439ec17e3 100644
--- a/packages/inferencer/src/inferencers/chakra-ui/loading.tsx
+++ b/packages/inferencer/src/inferencers/chakra-ui/loading.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 import { Box, Spinner } from "@chakra-ui/react";
 
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 
 export const LoadingComponent: CreateInferencerConfig["loadingComponent"] =
   () => {
diff --git a/packages/inferencer/src/inferencers/chakra-ui/show.tsx b/packages/inferencer/src/inferencers/chakra-ui/show.tsx
index 58f5582644af..7c51b0cfeaf0 100644
--- a/packages/inferencer/src/inferencers/chakra-ui/show.tsx
+++ b/packages/inferencer/src/inferencers/chakra-ui/show.tsx
@@ -29,7 +29,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   ImportElement,
   InferencerResultComponent,
   InferField,
diff --git a/packages/inferencer/src/inferencers/headless/code-viewer.tsx b/packages/inferencer/src/inferencers/headless/code-viewer.tsx
index 42f0da2078d0..016a0c1e6685 100644
--- a/packages/inferencer/src/inferencers/headless/code-viewer.tsx
+++ b/packages/inferencer/src/inferencers/headless/code-viewer.tsx
@@ -7,7 +7,7 @@ import {
 } from "@tabler/icons-react";
 
 import { prettierFormat } from "../../utilities";
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 import { CodeHighlight } from "../../components";
 
 type ModalProps = {
diff --git a/packages/inferencer/src/inferencers/headless/create.tsx b/packages/inferencer/src/inferencers/headless/create.tsx
index e398b699c65d..f7392f4fc4ff 100644
--- a/packages/inferencer/src/inferencers/headless/create.tsx
+++ b/packages/inferencer/src/inferencers/headless/create.tsx
@@ -23,7 +23,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   InferencerResultComponent,
   InferField,
   ImportElement,
diff --git a/packages/inferencer/src/inferencers/headless/edit.tsx b/packages/inferencer/src/inferencers/headless/edit.tsx
index 9d0388ff3c4f..cf1da9e8500e 100644
--- a/packages/inferencer/src/inferencers/headless/edit.tsx
+++ b/packages/inferencer/src/inferencers/headless/edit.tsx
@@ -24,7 +24,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   InferencerResultComponent,
   InferField,
   ImportElement,
diff --git a/packages/inferencer/src/inferencers/headless/error.tsx b/packages/inferencer/src/inferencers/headless/error.tsx
index de7b93a724b9..36350b9d2390 100644
--- a/packages/inferencer/src/inferencers/headless/error.tsx
+++ b/packages/inferencer/src/inferencers/headless/error.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 
 export const ErrorComponent: CreateInferencerConfig["errorComponent"] = ({
   error,
diff --git a/packages/inferencer/src/inferencers/headless/list.tsx b/packages/inferencer/src/inferencers/headless/list.tsx
index cb366c6f6cb0..51f2c9b66d97 100644
--- a/packages/inferencer/src/inferencers/headless/list.tsx
+++ b/packages/inferencer/src/inferencers/headless/list.tsx
@@ -21,7 +21,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   InferencerResultComponent,
   InferField,
   ImportElement,
diff --git a/packages/inferencer/src/inferencers/headless/loading.tsx b/packages/inferencer/src/inferencers/headless/loading.tsx
index ac89f9a6c3cd..a3b93e26e142 100644
--- a/packages/inferencer/src/inferencers/headless/loading.tsx
+++ b/packages/inferencer/src/inferencers/headless/loading.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 
 export const LoadingComponent: CreateInferencerConfig["loadingComponent"] =
   () => {
diff --git a/packages/inferencer/src/inferencers/headless/show.tsx b/packages/inferencer/src/inferencers/headless/show.tsx
index 48b0de159ab7..2d210abaedaa 100644
--- a/packages/inferencer/src/inferencers/headless/show.tsx
+++ b/packages/inferencer/src/inferencers/headless/show.tsx
@@ -18,7 +18,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   ImportElement,
   InferencerResultComponent,
   InferField,
diff --git a/packages/inferencer/src/inferencers/mantine/code-viewer.tsx b/packages/inferencer/src/inferencers/mantine/code-viewer.tsx
index 3167a65cbb61..2356711feb4a 100644
--- a/packages/inferencer/src/inferencers/mantine/code-viewer.tsx
+++ b/packages/inferencer/src/inferencers/mantine/code-viewer.tsx
@@ -9,7 +9,7 @@ import {
 } from "@tabler/icons-react";
 
 import { prettierFormat } from "../../utilities";
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 import { CodeHighlight } from "../../components";
 
 /**
diff --git a/packages/inferencer/src/inferencers/mantine/create.tsx b/packages/inferencer/src/inferencers/mantine/create.tsx
index def14e8967f3..5722132a44b3 100644
--- a/packages/inferencer/src/inferencers/mantine/create.tsx
+++ b/packages/inferencer/src/inferencers/mantine/create.tsx
@@ -27,7 +27,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   InferencerResultComponent,
   InferField,
   RendererContext,
diff --git a/packages/inferencer/src/inferencers/mantine/edit.tsx b/packages/inferencer/src/inferencers/mantine/edit.tsx
index 09900f8f7495..35a6ec84e638 100644
--- a/packages/inferencer/src/inferencers/mantine/edit.tsx
+++ b/packages/inferencer/src/inferencers/mantine/edit.tsx
@@ -30,7 +30,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   InferencerResultComponent,
   InferField,
   RendererContext,
diff --git a/packages/inferencer/src/inferencers/mantine/error.tsx b/packages/inferencer/src/inferencers/mantine/error.tsx
index fe7d9225da6e..4beaa9ea6ac4 100644
--- a/packages/inferencer/src/inferencers/mantine/error.tsx
+++ b/packages/inferencer/src/inferencers/mantine/error.tsx
@@ -3,7 +3,7 @@ import React from "react";
 import { Alert, Center } from "@mantine/core";
 import { IconAlertCircle } from "@tabler/icons-react";
 
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 
 export const ErrorComponent: CreateInferencerConfig["errorComponent"] = ({
   error,
diff --git a/packages/inferencer/src/inferencers/mantine/list.tsx b/packages/inferencer/src/inferencers/mantine/list.tsx
index 43cc4a3ce08c..2fe9504489c6 100644
--- a/packages/inferencer/src/inferencers/mantine/list.tsx
+++ b/packages/inferencer/src/inferencers/mantine/list.tsx
@@ -32,7 +32,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   ImportElement,
   InferencerResultComponent,
   InferField,
diff --git a/packages/inferencer/src/inferencers/mantine/loading.tsx b/packages/inferencer/src/inferencers/mantine/loading.tsx
index 7d3a9bfe5f79..554a9735509f 100644
--- a/packages/inferencer/src/inferencers/mantine/loading.tsx
+++ b/packages/inferencer/src/inferencers/mantine/loading.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 import { LoadingOverlay } from "@mantine/core";
 
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 
 export const LoadingComponent: CreateInferencerConfig["loadingComponent"] =
   () => {
diff --git a/packages/inferencer/src/inferencers/mantine/show.tsx b/packages/inferencer/src/inferencers/mantine/show.tsx
index f2539c893ef1..8edf54bd091a 100644
--- a/packages/inferencer/src/inferencers/mantine/show.tsx
+++ b/packages/inferencer/src/inferencers/mantine/show.tsx
@@ -30,7 +30,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   ImportElement,
   InferencerResultComponent,
   InferField,
diff --git a/packages/inferencer/src/inferencers/mui/code-viewer.tsx b/packages/inferencer/src/inferencers/mui/code-viewer.tsx
index d67f8c17bc05..f1b0bdfe9c93 100644
--- a/packages/inferencer/src/inferencers/mui/code-viewer.tsx
+++ b/packages/inferencer/src/inferencers/mui/code-viewer.tsx
@@ -14,7 +14,7 @@ import {
 } from "@tabler/icons-react";
 
 import { prettierFormat } from "../../utilities";
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 import { CodeHighlight } from "../../components";
 
 /**
diff --git a/packages/inferencer/src/inferencers/mui/create.tsx b/packages/inferencer/src/inferencers/mui/create.tsx
index 0fd579baf0eb..0933b2dbf39a 100644
--- a/packages/inferencer/src/inferencers/mui/create.tsx
+++ b/packages/inferencer/src/inferencers/mui/create.tsx
@@ -30,7 +30,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   InferencerResultComponent,
   InferField,
   ImportElement,
diff --git a/packages/inferencer/src/inferencers/mui/edit.tsx b/packages/inferencer/src/inferencers/mui/edit.tsx
index d9a260a31d3d..32272e2fc272 100644
--- a/packages/inferencer/src/inferencers/mui/edit.tsx
+++ b/packages/inferencer/src/inferencers/mui/edit.tsx
@@ -29,7 +29,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   InferencerResultComponent,
   InferField,
   ImportElement,
diff --git a/packages/inferencer/src/inferencers/mui/error.tsx b/packages/inferencer/src/inferencers/mui/error.tsx
index b5c6dd762fcd..9fac5927798a 100644
--- a/packages/inferencer/src/inferencers/mui/error.tsx
+++ b/packages/inferencer/src/inferencers/mui/error.tsx
@@ -4,7 +4,7 @@ import Alert from "@mui/material/Alert";
 import AlertTitle from "@mui/material/AlertTitle";
 import Box from "@mui/material/Box";
 
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 
 export const ErrorComponent: CreateInferencerConfig["errorComponent"] = ({
   error,
diff --git a/packages/inferencer/src/inferencers/mui/list.tsx b/packages/inferencer/src/inferencers/mui/list.tsx
index d8ecd7b66732..1b4de0c28d48 100644
--- a/packages/inferencer/src/inferencers/mui/list.tsx
+++ b/packages/inferencer/src/inferencers/mui/list.tsx
@@ -33,7 +33,7 @@ import { SharedCodeViewer } from "../../components/shared-code-viewer";
 import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 
-import {
+import type {
   ImportElement,
   InferencerResultComponent,
   InferField,
diff --git a/packages/inferencer/src/inferencers/mui/loading.tsx b/packages/inferencer/src/inferencers/mui/loading.tsx
index ca8ab3b5e09f..87696773f4ba 100644
--- a/packages/inferencer/src/inferencers/mui/loading.tsx
+++ b/packages/inferencer/src/inferencers/mui/loading.tsx
@@ -3,7 +3,7 @@ import React from "react";
 import Box from "@mui/material/Box";
 import CircularProgress from "@mui/material/CircularProgress";
 
-import { CreateInferencerConfig } from "../../types";
+import type { CreateInferencerConfig } from "../../types";
 
 export const LoadingComponent: CreateInferencerConfig["loadingComponent"] =
   () => {
diff --git a/packages/inferencer/src/inferencers/mui/show.tsx b/packages/inferencer/src/inferencers/mui/show.tsx
index c641130d2140..2f08c70c0bdf 100644
--- a/packages/inferencer/src/inferencers/mui/show.tsx
+++ b/packages/inferencer/src/inferencers/mui/show.tsx
@@ -31,7 +31,7 @@ import { ErrorComponent } from "./error";
 import { LoadingComponent } from "./loading";
 import { SharedCodeViewer } from "../../components/shared-code-viewer";
 
-import {
+import type {
   InferencerResultComponent,
   InferField,
   ImportElement,
diff --git a/packages/inferencer/src/types/index.ts b/packages/inferencer/src/types/index.ts
index b51689aca68e..f415c10c1b78 100644
--- a/packages/inferencer/src/types/index.ts
+++ b/packages/inferencer/src/types/index.ts
@@ -1,4 +1,4 @@
-import { IResourceItem, DataProvider } from "@refinedev/core";
+import type { IResourceItem, DataProvider } from "@refinedev/core";
 import React from "react";
 
 export type InferType =
diff --git a/packages/inferencer/src/use-infer-fetch/index.tsx b/packages/inferencer/src/use-infer-fetch/index.tsx
index 2c3cb0ba5017..0168f79ce91b 100644
--- a/packages/inferencer/src/use-infer-fetch/index.tsx
+++ b/packages/inferencer/src/use-infer-fetch/index.tsx
@@ -1,8 +1,8 @@
 import React from "react";
-import { useDataProvider, useResource, BaseKey } from "@refinedev/core";
+import { useDataProvider, useResource, type BaseKey } from "@refinedev/core";
 
 import { pickDataProvider, dataProviderFromResource } from "../utilities";
-import { InferencerComponentProps } from "../types";
+import type { InferencerComponentProps } from "../types";
 import { pickMeta } from "../utilities/get-meta-props";
 
 /**
diff --git a/packages/inferencer/src/use-relation-fetch/index.ts b/packages/inferencer/src/use-relation-fetch/index.ts
index 11350141d109..74abb2aa62a1 100644
--- a/packages/inferencer/src/use-relation-fetch/index.ts
+++ b/packages/inferencer/src/use-relation-fetch/index.ts
@@ -7,7 +7,7 @@ import {
   toPlural,
   toSingular,
 } from "../utilities";
-import {
+import type {
   FieldInferencer,
   InferField,
   InferencerComponentProps,
diff --git a/packages/inferencer/src/utilities/accessor/index.ts b/packages/inferencer/src/utilities/accessor/index.ts
index 64fef229f558..ab2dbcd6d8d2 100644
--- a/packages/inferencer/src/utilities/accessor/index.ts
+++ b/packages/inferencer/src/utilities/accessor/index.ts
@@ -1,4 +1,4 @@
-import { InferField } from "../../types";
+import type { InferField } from "../../types";
 
 const dotAccessableRegex = /^[a-zA-Z_$][a-zA-Z_$0-9]*$/;
 
diff --git a/packages/inferencer/src/utilities/get-meta-props/index.test.ts b/packages/inferencer/src/utilities/get-meta-props/index.test.ts
index b6361ea4d325..f1c0100abd83 100644
--- a/packages/inferencer/src/utilities/get-meta-props/index.test.ts
+++ b/packages/inferencer/src/utilities/get-meta-props/index.test.ts
@@ -1,6 +1,6 @@
 import gql from "graphql-tag";
-import { Action, getMetaProps } from ".";
-import { InferencerComponentProps } from "@/types";
+import { type Action, getMetaProps } from ".";
+import type { InferencerComponentProps } from "@/types";
 
 // remove all indentation, newlines, empty spaces
 const getMetaPropsForTest = (
diff --git a/packages/inferencer/src/utilities/get-meta-props/index.ts b/packages/inferencer/src/utilities/get-meta-props/index.ts
index 4a57862ea0dc..aba76f4b840e 100644
--- a/packages/inferencer/src/utilities/get-meta-props/index.ts
+++ b/packages/inferencer/src/utilities/get-meta-props/index.ts
@@ -1,4 +1,4 @@
-import { InferencerComponentProps } from "../../types";
+import type { InferencerComponentProps } from "../../types";
 
 export type Action = keyof NonNullable<
   InferencerComponentProps["meta"]
diff --git a/packages/inferencer/src/utilities/get-option-label/index.ts b/packages/inferencer/src/utilities/get-option-label/index.ts
index 9f53cf77e7d2..55c0b5f4d77a 100644
--- a/packages/inferencer/src/utilities/get-option-label/index.ts
+++ b/packages/inferencer/src/utilities/get-option-label/index.ts
@@ -1,4 +1,4 @@
-import { InferField } from "../../types";
+import type { InferField } from "../../types";
 
 export const getOptionLabel = (field: InferField) => {
   if (!field.relationInfer) return "";
diff --git a/packages/inferencer/src/utilities/pick-data-provider/index.tsx b/packages/inferencer/src/utilities/pick-data-provider/index.tsx
index e61068e778a0..aa177943ce5d 100644
--- a/packages/inferencer/src/utilities/pick-data-provider/index.tsx
+++ b/packages/inferencer/src/utilities/pick-data-provider/index.tsx
@@ -1,4 +1,4 @@
-import { IResourceItem } from "@refinedev/core";
+import type { IResourceItem } from "@refinedev/core";
 import { pickNotDeprecated } from "@refinedev/core";
 
 /**
diff --git a/packages/inferencer/src/utilities/pick-inferred-field/index.ts b/packages/inferencer/src/utilities/pick-inferred-field/index.ts
index 9bc9e8ccf333..1f7bb49eb9f7 100644
--- a/packages/inferencer/src/utilities/pick-inferred-field/index.ts
+++ b/packages/inferencer/src/utilities/pick-inferred-field/index.ts
@@ -1,4 +1,4 @@
-import { InferField } from "../../types";
+import type { InferField } from "../../types";
 
 /**
  * Each field inferencer will run with every property of a record and output a result.
diff --git a/packages/inferencer/src/utilities/print-imports/index.test.ts b/packages/inferencer/src/utilities/print-imports/index.test.ts
index 4abe1751c156..c0f5b05fdc59 100644
--- a/packages/inferencer/src/utilities/print-imports/index.test.ts
+++ b/packages/inferencer/src/utilities/print-imports/index.test.ts
@@ -1,4 +1,4 @@
-import { ImportElement } from "@/types";
+import type { ImportElement } from "@/types";
 import { printImports } from ".";
 
 describe("printImports", () => {
diff --git a/packages/inferencer/src/utilities/print-imports/index.ts b/packages/inferencer/src/utilities/print-imports/index.ts
index 61f2237cfb83..19eacc7d6cdf 100644
--- a/packages/inferencer/src/utilities/print-imports/index.ts
+++ b/packages/inferencer/src/utilities/print-imports/index.ts
@@ -1,4 +1,4 @@
-import { ImportElement } from "../../types";
+import type { ImportElement } from "../../types";
 
 export const printImports = (imports: Array<ImportElement>) => {
   const byModule = imports.reduce(
diff --git a/packages/inferencer/src/utilities/resource-from-inferred/index.ts b/packages/inferencer/src/utilities/resource-from-inferred/index.ts
index 0f572567270d..808bc0e80c09 100644
--- a/packages/inferencer/src/utilities/resource-from-inferred/index.ts
+++ b/packages/inferencer/src/utilities/resource-from-inferred/index.ts
@@ -1,7 +1,7 @@
 import pluralize from "pluralize";
-import { IResourceItem } from "@refinedev/core";
+import type { IResourceItem } from "@refinedev/core";
 
-import { InferField } from "../../types";
+import type { InferField } from "../../types";
 
 import { removeRelationSuffix } from "../remove-relation-suffix";
 
diff --git a/packages/inferencer/src/utilities/translate-action-title/index.test.ts b/packages/inferencer/src/utilities/translate-action-title/index.test.ts
index 3fb5bfa15ee5..a6b26bb3ed7f 100644
--- a/packages/inferencer/src/utilities/translate-action-title/index.test.ts
+++ b/packages/inferencer/src/utilities/translate-action-title/index.test.ts
@@ -1,4 +1,4 @@
-import { IResourceItem } from "@refinedev/core";
+import type { IResourceItem } from "@refinedev/core";
 import { translateActionTitle } from ".";
 import { prettyString } from "../pretty-string";
 import { toSingular } from "../to-singular";
diff --git a/packages/inferencer/src/utilities/translate-action-title/index.ts b/packages/inferencer/src/utilities/translate-action-title/index.ts
index 3aea2fba2150..c2229d220e20 100644
--- a/packages/inferencer/src/utilities/translate-action-title/index.ts
+++ b/packages/inferencer/src/utilities/translate-action-title/index.ts
@@ -1,4 +1,4 @@
-import { IResourceItem } from "@refinedev/core";
+import type { IResourceItem } from "@refinedev/core";
 import { prettyString } from "../pretty-string";
 import { toSingular } from "../to-singular";
 import { toPlural } from "../to-plural";
diff --git a/packages/inferencer/src/utilities/translate-pretty-string/index.test.ts b/packages/inferencer/src/utilities/translate-pretty-string/index.test.ts
index 122ddcaeee22..ee563ab90bad 100644
--- a/packages/inferencer/src/utilities/translate-pretty-string/index.test.ts
+++ b/packages/inferencer/src/utilities/translate-pretty-string/index.test.ts
@@ -1,6 +1,6 @@
-import { IResourceItem } from "@refinedev/core";
+import type { IResourceItem } from "@refinedev/core";
 import { translatePrettyString } from ".";
-import { InferField } from "@/types";
+import type { InferField } from "@/types";
 
 describe("translatePrettyString", () => {
   const resource: IResourceItem = {
diff --git a/packages/inferencer/src/utilities/translate-pretty-string/index.ts b/packages/inferencer/src/utilities/translate-pretty-string/index.ts
index 7471f381d160..0f7bbd0eed9f 100644
--- a/packages/inferencer/src/utilities/translate-pretty-string/index.ts
+++ b/packages/inferencer/src/utilities/translate-pretty-string/index.ts
@@ -1,6 +1,6 @@
-import { IResourceItem } from "@refinedev/core";
+import type { IResourceItem } from "@refinedev/core";
 import { prettyString } from "../pretty-string";
-import { InferField } from "../../types";
+import type { InferField } from "../../types";
 
 export const translatePrettyString = (payload: {
   resource: IResourceItem;
diff --git a/packages/inferencer/test/dataMocks.ts b/packages/inferencer/test/dataMocks.ts
index e5f0ff11f58d..f063d5b6f66d 100644
--- a/packages/inferencer/test/dataMocks.ts
+++ b/packages/inferencer/test/dataMocks.ts
@@ -1,4 +1,4 @@
-import { DataProvider } from "@refinedev/core";
+import type { DataProvider } from "@refinedev/core";
 import { Link, useLocation, useNavigate, useParams } from "react-router-dom";
 
 /* import {
diff --git a/packages/inferencer/test/index.tsx b/packages/inferencer/test/index.tsx
index 5cdfb810ad03..e42c4176a225 100644
--- a/packages/inferencer/test/index.tsx
+++ b/packages/inferencer/test/index.tsx
@@ -3,13 +3,13 @@ import { BrowserRouter } from "react-router-dom";
 
 import {
   Refine,
-  I18nProvider,
-  AccessControlProvider,
-  LegacyAuthProvider,
-  DataProvider,
-  NotificationProvider,
-  IResourceItem,
-  AuthProvider,
+  type I18nProvider,
+  type AccessControlProvider,
+  type LegacyAuthProvider,
+  type DataProvider,
+  type NotificationProvider,
+  type IResourceItem,
+  type AuthProvider,
 } from "@refinedev/core";
 
 import { MockRouterProvider, MockJSONServer } from "@test";
diff --git a/packages/kbar/src/components/renderResults/index.tsx b/packages/kbar/src/components/renderResults/index.tsx
index 60b41ec2eb47..02905b77de44 100644
--- a/packages/kbar/src/components/renderResults/index.tsx
+++ b/packages/kbar/src/components/renderResults/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { ActionId, KBarResults, useMatches } from "kbar";
+import { type ActionId, KBarResults, useMatches } from "kbar";
 
 import { ResultItem } from "@components";
 
diff --git a/packages/kbar/src/components/resultItem/index.tsx b/packages/kbar/src/components/resultItem/index.tsx
index 4c4939d9ca75..3ebcc1966a99 100644
--- a/packages/kbar/src/components/resultItem/index.tsx
+++ b/packages/kbar/src/components/resultItem/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { ActionImpl, ActionId } from "kbar";
+import type { ActionImpl, ActionId } from "kbar";
 
 interface IResultITemProps {
   action: ActionImpl;
diff --git a/packages/kbar/src/hooks/useRefineKbar/index.spec.tsx b/packages/kbar/src/hooks/useRefineKbar/index.spec.tsx
index ca8eda8e11c2..03498214de35 100644
--- a/packages/kbar/src/hooks/useRefineKbar/index.spec.tsx
+++ b/packages/kbar/src/hooks/useRefineKbar/index.spec.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { AccessControlProvider, IResourceItem } from "@refinedev/core";
+import type { AccessControlProvider, IResourceItem } from "@refinedev/core";
 import { Route, Routes } from "react-router-dom";
 
 import { act, TestWrapper, renderHook } from "@test";
diff --git a/packages/kbar/src/hooks/useRefineKbar/index.tsx b/packages/kbar/src/hooks/useRefineKbar/index.tsx
index cdaaa8258214..197567b1a444 100644
--- a/packages/kbar/src/hooks/useRefineKbar/index.tsx
+++ b/packages/kbar/src/hooks/useRefineKbar/index.tsx
@@ -4,7 +4,7 @@ import {
   useDelete,
   useTranslate,
   useResource,
-  IResourceItem,
+  type IResourceItem,
   useCanWithoutCache,
   useUserFriendlyName,
   useRouterType,
@@ -13,7 +13,7 @@ import {
 import {
   useRegisterActions,
   createAction,
-  Action,
+  type Action,
   KBarContext,
   VisualState,
 } from "kbar";
diff --git a/packages/kbar/src/index.tsx b/packages/kbar/src/index.tsx
index ffb084505e67..b2724e425d7d 100644
--- a/packages/kbar/src/index.tsx
+++ b/packages/kbar/src/index.tsx
@@ -1,7 +1,7 @@
 import React, { createContext } from "react";
-import { KBarProvider, KBarProviderProps } from "kbar";
+import { KBarProvider, type KBarProviderProps } from "kbar";
 
-import { CommandBar } from "./components/index.js";
+import type { CommandBar } from "./components/index.js";
 
 interface IKBarProviderProps extends KBarProviderProps {
   commandBarProps?: React.ComponentProps<typeof CommandBar>;
diff --git a/packages/kbar/test/index.tsx b/packages/kbar/test/index.tsx
index 22992375e33e..fa3eed2474ba 100644
--- a/packages/kbar/test/index.tsx
+++ b/packages/kbar/test/index.tsx
@@ -1,10 +1,10 @@
 import React from "react";
 import { BrowserRouter } from "react-router-dom";
 
-import { AuthProvider, Refine } from "@refinedev/core";
+import { type AuthProvider, Refine } from "@refinedev/core";
 
 import { MockRouterProvider, MockJSONServer } from "@test";
-import {
+import type {
   I18nProvider,
   AccessControlProvider,
   LegacyAuthProvider,
diff --git a/packages/mantine/src/components/autoSaveIndicator/index.tsx b/packages/mantine/src/components/autoSaveIndicator/index.tsx
index be8bd4fc7972..036c64227408 100644
--- a/packages/mantine/src/components/autoSaveIndicator/index.tsx
+++ b/packages/mantine/src/components/autoSaveIndicator/index.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  AutoSaveIndicatorProps,
+  type AutoSaveIndicatorProps,
   useTranslate,
   AutoSaveIndicator as AutoSaveIndicatorCore,
 } from "@refinedev/core";
diff --git a/packages/mantine/src/components/breadcrumb/index.spec.tsx b/packages/mantine/src/components/breadcrumb/index.spec.tsx
index cd4c26f61fd7..602b7438cd38 100644
--- a/packages/mantine/src/components/breadcrumb/index.spec.tsx
+++ b/packages/mantine/src/components/breadcrumb/index.spec.tsx
@@ -1,10 +1,10 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { Route, Routes } from "react-router-dom";
 
 import {
   render,
   TestWrapper,
-  ITestWrapperProps,
+  type ITestWrapperProps,
   act,
   MockLegacyRouterProvider,
 } from "@test";
diff --git a/packages/mantine/src/components/breadcrumb/index.tsx b/packages/mantine/src/components/breadcrumb/index.tsx
index 336c5f740348..e7d6f2469723 100644
--- a/packages/mantine/src/components/breadcrumb/index.tsx
+++ b/packages/mantine/src/components/breadcrumb/index.tsx
@@ -8,12 +8,12 @@ import {
   useRouterContext,
   useRouterType,
 } from "@refinedev/core";
-import { RefineBreadcrumbProps } from "@refinedev/ui-types";
+import type { RefineBreadcrumbProps } from "@refinedev/ui-types";
 
 import {
   Text,
   Breadcrumbs,
-  BreadcrumbsProps as MantineBreadcrumbProps,
+  type BreadcrumbsProps as MantineBreadcrumbProps,
   Anchor,
   Group,
 } from "@mantine/core";
diff --git a/packages/mantine/src/components/buttons/clone/index.tsx b/packages/mantine/src/components/buttons/clone/index.tsx
index 28d2f9d6d601..f2a6121a62a9 100644
--- a/packages/mantine/src/components/buttons/clone/index.tsx
+++ b/packages/mantine/src/components/buttons/clone/index.tsx
@@ -8,7 +8,7 @@ import { ActionIcon, Anchor, Button } from "@mantine/core";
 import { IconSquarePlus } from "@tabler/icons-react";
 
 import { mapButtonVariantToActionIconVariant } from "@definitions/button";
-import { CloneButtonProps } from "../types";
+import type { CloneButtonProps } from "../types";
 
 /**
  * `<CloneButton>` uses Mantine {@link https://mantine.dev/core/button `<Button> component`}.
diff --git a/packages/mantine/src/components/buttons/create/index.tsx b/packages/mantine/src/components/buttons/create/index.tsx
index 200c9dc57df8..687355fc7b72 100644
--- a/packages/mantine/src/components/buttons/create/index.tsx
+++ b/packages/mantine/src/components/buttons/create/index.tsx
@@ -8,7 +8,7 @@ import { ActionIcon, Anchor, Button } from "@mantine/core";
 import { IconSquarePlus } from "@tabler/icons-react";
 
 import { mapButtonVariantToActionIconVariant } from "@definitions/button";
-import { CreateButtonProps } from "../types";
+import type { CreateButtonProps } from "../types";
 
 export const CreateButton: React.FC<CreateButtonProps> = ({
   resource: resourceNameFromProps,
diff --git a/packages/mantine/src/components/buttons/delete/index.tsx b/packages/mantine/src/components/buttons/delete/index.tsx
index 13f865340474..31a8868ad973 100644
--- a/packages/mantine/src/components/buttons/delete/index.tsx
+++ b/packages/mantine/src/components/buttons/delete/index.tsx
@@ -8,7 +8,7 @@ import { Group, Text, Button, Popover, ActionIcon } from "@mantine/core";
 import { IconTrash } from "@tabler/icons-react";
 
 import { mapButtonVariantToActionIconVariant } from "@definitions/button";
-import { DeleteButtonProps } from "../types";
+import type { DeleteButtonProps } from "../types";
 
 /**
  * `<DeleteButton>` uses Mantine {@link https://mantine.dev/core/button `<Button>`} and {@link https://mantine.dev/core/modal `<Modal>`} components.
diff --git a/packages/mantine/src/components/buttons/edit/index.tsx b/packages/mantine/src/components/buttons/edit/index.tsx
index 7d5184aa34da..5aaeb1811f0c 100644
--- a/packages/mantine/src/components/buttons/edit/index.tsx
+++ b/packages/mantine/src/components/buttons/edit/index.tsx
@@ -8,7 +8,7 @@ import { ActionIcon, Anchor, Button } from "@mantine/core";
 import { IconPencil } from "@tabler/icons-react";
 
 import { mapButtonVariantToActionIconVariant } from "@definitions/button";
-import { EditButtonProps } from "../types";
+import type { EditButtonProps } from "../types";
 
 /**
  * `<EditButton>` uses Mantine {@link https://mantine.dev/core/button `<Button> component`}.
diff --git a/packages/mantine/src/components/buttons/export/index.tsx b/packages/mantine/src/components/buttons/export/index.tsx
index fa894558106d..3a80d7daa0e6 100644
--- a/packages/mantine/src/components/buttons/export/index.tsx
+++ b/packages/mantine/src/components/buttons/export/index.tsx
@@ -8,7 +8,7 @@ import { ActionIcon, Button } from "@mantine/core";
 import { IconFileExport } from "@tabler/icons-react";
 
 import { mapButtonVariantToActionIconVariant } from "@definitions/button";
-import { ExportButtonProps } from "../types";
+import type { ExportButtonProps } from "../types";
 
 /**
  * `<ExportButton>` uses Mantine {@link https://mantine.dev/core/button `<Button> `} component with a default export icon and a default text with "Export".
diff --git a/packages/mantine/src/components/buttons/import/index.tsx b/packages/mantine/src/components/buttons/import/index.tsx
index 634e53109a53..0f482f196c2e 100644
--- a/packages/mantine/src/components/buttons/import/index.tsx
+++ b/packages/mantine/src/components/buttons/import/index.tsx
@@ -8,7 +8,7 @@ import { ActionIcon, Button } from "@mantine/core";
 import { IconFileImport } from "@tabler/icons-react";
 
 import { mapButtonVariantToActionIconVariant } from "@definitions/button";
-import { ImportButtonProps } from "../types";
+import type { ImportButtonProps } from "../types";
 
 /**
  * `<ImportButton>` is compatible with the {@link https://refine.dev/docs/api-reference/core/hooks/import-export/useImport/ `useImport`} core hook.
diff --git a/packages/mantine/src/components/buttons/list/index.tsx b/packages/mantine/src/components/buttons/list/index.tsx
index c79d80054202..ad31d58e7c2a 100644
--- a/packages/mantine/src/components/buttons/list/index.tsx
+++ b/packages/mantine/src/components/buttons/list/index.tsx
@@ -8,7 +8,7 @@ import { ActionIcon, Anchor, Button } from "@mantine/core";
 import { IconList } from "@tabler/icons-react";
 
 import { mapButtonVariantToActionIconVariant } from "@definitions/button";
-import { ListButtonProps } from "../types";
+import type { ListButtonProps } from "../types";
 
 /**
  * `<ListButton>` is using uses Mantine {@link https://mantine.dev/core/button `<Button> `} component.
diff --git a/packages/mantine/src/components/buttons/refresh/index.tsx b/packages/mantine/src/components/buttons/refresh/index.tsx
index 76d6479a3716..4be6daecfa2b 100644
--- a/packages/mantine/src/components/buttons/refresh/index.tsx
+++ b/packages/mantine/src/components/buttons/refresh/index.tsx
@@ -8,7 +8,7 @@ import { ActionIcon, Button } from "@mantine/core";
 import { IconRefresh } from "@tabler/icons-react";
 
 import { mapButtonVariantToActionIconVariant } from "@definitions/button";
-import { RefreshButtonProps } from "../types";
+import type { RefreshButtonProps } from "../types";
 
 /**
  * `<RefreshButton>` uses Mantine {@link https://mantine.dev/core/button `<Button> `} component.
diff --git a/packages/mantine/src/components/buttons/save/index.tsx b/packages/mantine/src/components/buttons/save/index.tsx
index f142a2b7f0e3..ae06f57dae60 100644
--- a/packages/mantine/src/components/buttons/save/index.tsx
+++ b/packages/mantine/src/components/buttons/save/index.tsx
@@ -8,7 +8,7 @@ import { ActionIcon, Button } from "@mantine/core";
 import { IconDeviceFloppy } from "@tabler/icons-react";
 
 import { mapButtonVariantToActionIconVariant } from "@definitions/button";
-import { SaveButtonProps } from "../types";
+import type { SaveButtonProps } from "../types";
 
 /**
  * `<SaveButton>` uses Mantine {@link https://mantine.dev/core/button `<Button> `}.
diff --git a/packages/mantine/src/components/buttons/show/index.tsx b/packages/mantine/src/components/buttons/show/index.tsx
index 968f816cfdb4..b39a02a0c570 100644
--- a/packages/mantine/src/components/buttons/show/index.tsx
+++ b/packages/mantine/src/components/buttons/show/index.tsx
@@ -8,7 +8,7 @@ import { ActionIcon, Anchor, Button } from "@mantine/core";
 import { IconEye } from "@tabler/icons-react";
 
 import { mapButtonVariantToActionIconVariant } from "@definitions/button";
-import { ShowButtonProps } from "../types";
+import type { ShowButtonProps } from "../types";
 
 /**
  * `<ShowButton>` uses Mantine {@link https://mantine.dev/core/button `<Button> `} component.
diff --git a/packages/mantine/src/components/buttons/types.ts b/packages/mantine/src/components/buttons/types.ts
index e388e6e58e7d..112b94d5878f 100644
--- a/packages/mantine/src/components/buttons/types.ts
+++ b/packages/mantine/src/components/buttons/types.ts
@@ -1,6 +1,6 @@
-import { ButtonProps } from "@mantine/core";
-import { UseImportInputPropsType } from "@refinedev/core";
-import {
+import type { ButtonProps } from "@mantine/core";
+import type { UseImportInputPropsType } from "@refinedev/core";
+import type {
   RefineCloneButtonProps,
   RefineCreateButtonProps,
   RefineDeleteButtonProps,
@@ -12,7 +12,7 @@ import {
   RefineSaveButtonProps,
   RefineShowButtonProps,
 } from "@refinedev/ui-types";
-import { IconProps } from "@tabler/icons-react";
+import type { IconProps } from "@tabler/icons-react";
 
 export type ShowButtonProps = RefineShowButtonProps<
   ButtonProps,
diff --git a/packages/mantine/src/components/crud/create/index.spec.tsx b/packages/mantine/src/components/crud/create/index.spec.tsx
index 4291cba1535d..66af3a8dc44a 100644
--- a/packages/mantine/src/components/crud/create/index.spec.tsx
+++ b/packages/mantine/src/components/crud/create/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 
 import { Route, Routes } from "react-router-dom";
 
diff --git a/packages/mantine/src/components/crud/create/index.tsx b/packages/mantine/src/components/crud/create/index.tsx
index 18a35780274b..5a5ce72f475e 100644
--- a/packages/mantine/src/components/crud/create/index.tsx
+++ b/packages/mantine/src/components/crud/create/index.tsx
@@ -18,8 +18,8 @@ import {
   useTranslate,
 } from "@refinedev/core";
 import { IconArrowLeft } from "@tabler/icons-react";
-import { SaveButton, Breadcrumb, SaveButtonProps } from "@components";
-import { CreateProps } from "../types";
+import { SaveButton, Breadcrumb, type SaveButtonProps } from "@components";
+import type { CreateProps } from "../types";
 import { RefinePageHeaderClassNames } from "@refinedev/ui-types";
 
 export const Create: React.FC<CreateProps> = (props) => {
diff --git a/packages/mantine/src/components/crud/edit/index.spec.tsx b/packages/mantine/src/components/crud/edit/index.spec.tsx
index 74246c69e669..bfc66ac8ca05 100644
--- a/packages/mantine/src/components/crud/edit/index.spec.tsx
+++ b/packages/mantine/src/components/crud/edit/index.spec.tsx
@@ -1,12 +1,12 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { Route, Routes } from "react-router-dom";
-import { AccessControlProvider } from "@refinedev/core";
+import type { AccessControlProvider } from "@refinedev/core";
 
 import {
   MockLegacyRouterProvider,
   act,
   fireEvent,
-  ITestWrapperProps,
+  type ITestWrapperProps,
   MockJSONServer,
   render,
   TestWrapper,
diff --git a/packages/mantine/src/components/crud/edit/index.tsx b/packages/mantine/src/components/crud/edit/index.tsx
index b647173a0ebf..cc50c9600a16 100644
--- a/packages/mantine/src/components/crud/edit/index.tsx
+++ b/packages/mantine/src/components/crud/edit/index.tsx
@@ -27,13 +27,13 @@ import {
   RefreshButton,
   SaveButton,
   Breadcrumb,
-  ListButtonProps,
-  RefreshButtonProps,
-  DeleteButtonProps,
-  SaveButtonProps,
+  type ListButtonProps,
+  type RefreshButtonProps,
+  type DeleteButtonProps,
+  type SaveButtonProps,
   AutoSaveIndicator,
 } from "@components";
-import { EditProps } from "../types";
+import type { EditProps } from "../types";
 import { RefinePageHeaderClassNames } from "@refinedev/ui-types";
 
 export const Edit: React.FC<EditProps> = (props) => {
diff --git a/packages/mantine/src/components/crud/list/index.spec.tsx b/packages/mantine/src/components/crud/list/index.spec.tsx
index 1f7c963649c2..07256ac324de 100644
--- a/packages/mantine/src/components/crud/list/index.spec.tsx
+++ b/packages/mantine/src/components/crud/list/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { crudListTests } from "@refinedev/ui-tests";
 import { RefineButtonTestIds } from "@refinedev/ui-types";
 import { Route, Routes } from "react-router-dom";
diff --git a/packages/mantine/src/components/crud/list/index.tsx b/packages/mantine/src/components/crud/list/index.tsx
index 18b5a57f388c..06812a6b8aa2 100644
--- a/packages/mantine/src/components/crud/list/index.tsx
+++ b/packages/mantine/src/components/crud/list/index.tsx
@@ -8,8 +8,8 @@ import {
   useTranslate,
 } from "@refinedev/core";
 
-import { CreateButton, Breadcrumb, CreateButtonProps } from "@components";
-import { ListProps } from "../types";
+import { CreateButton, Breadcrumb, type CreateButtonProps } from "@components";
+import type { ListProps } from "../types";
 import { RefinePageHeaderClassNames } from "@refinedev/ui-types";
 
 export const List: React.FC<ListProps> = (props) => {
diff --git a/packages/mantine/src/components/crud/show/index.spec.tsx b/packages/mantine/src/components/crud/show/index.spec.tsx
index 2a7c07e396cc..415a15d350db 100644
--- a/packages/mantine/src/components/crud/show/index.spec.tsx
+++ b/packages/mantine/src/components/crud/show/index.spec.tsx
@@ -1,6 +1,6 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { Route, Routes } from "react-router-dom";
-import { AccessControlProvider } from "@refinedev/core";
+import type { AccessControlProvider } from "@refinedev/core";
 import { crudShowTests } from "@refinedev/ui-tests";
 
 import { MockLegacyRouterProvider, render, TestWrapper, waitFor } from "@test";
diff --git a/packages/mantine/src/components/crud/show/index.tsx b/packages/mantine/src/components/crud/show/index.tsx
index 50ad0075660f..2fbc5525c8e5 100644
--- a/packages/mantine/src/components/crud/show/index.tsx
+++ b/packages/mantine/src/components/crud/show/index.tsx
@@ -27,12 +27,12 @@ import {
   ListButton,
   RefreshButton,
   Breadcrumb,
-  ListButtonProps,
-  EditButtonProps,
-  DeleteButtonProps,
-  RefreshButtonProps,
+  type ListButtonProps,
+  type EditButtonProps,
+  type DeleteButtonProps,
+  type RefreshButtonProps,
 } from "@components";
-import { ShowProps } from "../types";
+import type { ShowProps } from "../types";
 import { RefinePageHeaderClassNames } from "@refinedev/ui-types";
 
 export const Show: React.FC<ShowProps> = (props) => {
diff --git a/packages/mantine/src/components/crud/types.ts b/packages/mantine/src/components/crud/types.ts
index 5362c9e0ca64..5b28f108f90c 100644
--- a/packages/mantine/src/components/crud/types.ts
+++ b/packages/mantine/src/components/crud/types.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   CreateButtonProps,
   DeleteButtonProps,
   EditButtonProps,
@@ -6,8 +6,8 @@ import {
   RefreshButtonProps,
   SaveButtonProps,
 } from "../buttons/types";
-import { BoxProps, CardProps, GroupProps } from "@mantine/core";
-import {
+import type { BoxProps, CardProps, GroupProps } from "@mantine/core";
+import type {
   RefineCrudCreateProps,
   RefineCrudEditProps,
   RefineCrudListProps,
diff --git a/packages/mantine/src/components/fields/boolean/index.tsx b/packages/mantine/src/components/fields/boolean/index.tsx
index fe5c9d29d9a0..4df49f8c4e56 100644
--- a/packages/mantine/src/components/fields/boolean/index.tsx
+++ b/packages/mantine/src/components/fields/boolean/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { Tooltip } from "@mantine/core";
 import { IconX, IconCheck } from "@tabler/icons-react";
 
-import { BooleanFieldProps } from "../types";
+import type { BooleanFieldProps } from "../types";
 
 /**
  * This field is used to display boolean values. It uses the {@link https://mantine.dev/core/tooltip `<Tooltip>`} values from Mantine.
diff --git a/packages/mantine/src/components/fields/date/index.tsx b/packages/mantine/src/components/fields/date/index.tsx
index cebd18a33cc0..8c634683808b 100644
--- a/packages/mantine/src/components/fields/date/index.tsx
+++ b/packages/mantine/src/components/fields/date/index.tsx
@@ -9,7 +9,7 @@ dayjs.extend(LocalizedFormat);
 
 const defaultLocale = dayjs.locale();
 
-import { DateFieldProps } from "../types";
+import type { DateFieldProps } from "../types";
 
 /**
  * This field is used to display dates. It uses {@link https://day.js.org/docs/en/display/format `Day.js`} to display date format and
diff --git a/packages/mantine/src/components/fields/email/index.tsx b/packages/mantine/src/components/fields/email/index.tsx
index f75d413bd008..fbb5ccc3674c 100644
--- a/packages/mantine/src/components/fields/email/index.tsx
+++ b/packages/mantine/src/components/fields/email/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Anchor } from "@mantine/core";
 
-import { EmailFieldProps } from "../types";
+import type { EmailFieldProps } from "../types";
 
 /**
  * This field is used to display email values. It uses the {@link https://mantine.dev/core/text `<Text>` }
diff --git a/packages/mantine/src/components/fields/file/index.tsx b/packages/mantine/src/components/fields/file/index.tsx
index 887d7e5ed558..c5d2206602bd 100644
--- a/packages/mantine/src/components/fields/file/index.tsx
+++ b/packages/mantine/src/components/fields/file/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 import { UrlField } from "@components";
 
-import { FileFieldProps } from "../types";
+import type { FileFieldProps } from "../types";
 
 export const FileField: React.FC<FileFieldProps> = ({
   title,
diff --git a/packages/mantine/src/components/fields/markdown/index.tsx b/packages/mantine/src/components/fields/markdown/index.tsx
index 278710344843..d99fd5090746 100644
--- a/packages/mantine/src/components/fields/markdown/index.tsx
+++ b/packages/mantine/src/components/fields/markdown/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import ReactMarkdown from "react-markdown";
 import gfm from "remark-gfm";
 
-import { MarkdownFieldProps } from "../types";
+import type { MarkdownFieldProps } from "../types";
 
 /**
  * This field lets you display markdown content. It supports {@link https://github.github.com/gfm/ GitHub Flavored Markdown}.
diff --git a/packages/mantine/src/components/fields/number/index.tsx b/packages/mantine/src/components/fields/number/index.tsx
index b6116a507d04..f79e11c6028f 100644
--- a/packages/mantine/src/components/fields/number/index.tsx
+++ b/packages/mantine/src/components/fields/number/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Text } from "@mantine/core";
 
-import { NumberFieldProps } from "../types";
+import type { NumberFieldProps } from "../types";
 
 function toLocaleStringSupportsOptions() {
   return !!(
diff --git a/packages/mantine/src/components/fields/tag/index.tsx b/packages/mantine/src/components/fields/tag/index.tsx
index 93d99be05647..ebb0e973dc85 100644
--- a/packages/mantine/src/components/fields/tag/index.tsx
+++ b/packages/mantine/src/components/fields/tag/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Chip } from "@mantine/core";
 
-import { TagFieldProps } from "../types";
+import type { TagFieldProps } from "../types";
 
 /**
  * This field lets you display a value in a tag. It uses Mantine {@link https://mantine.dev/core/chip `<Chip>`} component.
diff --git a/packages/mantine/src/components/fields/text/index.tsx b/packages/mantine/src/components/fields/text/index.tsx
index ce4d02eba35f..ad85a1a50284 100644
--- a/packages/mantine/src/components/fields/text/index.tsx
+++ b/packages/mantine/src/components/fields/text/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Text } from "@mantine/core";
 
-import { TextFieldProps } from "../types";
+import type { TextFieldProps } from "../types";
 
 /**
  * This field lets you show basic text. It uses Mantine {@link https://mantine.dev/core/text `<Text>`} component.
diff --git a/packages/mantine/src/components/fields/types.ts b/packages/mantine/src/components/fields/types.ts
index ccbe16be7367..603e1e0d6c10 100644
--- a/packages/mantine/src/components/fields/types.ts
+++ b/packages/mantine/src/components/fields/types.ts
@@ -1,6 +1,11 @@
-import { ReactChild, ReactNode } from "react";
-import { AnchorProps, ChipProps, TextProps, TooltipProps } from "@mantine/core";
-import {
+import type { ReactChild, ReactNode } from "react";
+import type {
+  AnchorProps,
+  ChipProps,
+  TextProps,
+  TooltipProps,
+} from "@mantine/core";
+import type {
   RefineFieldBooleanProps,
   RefineFieldDateProps,
   RefineFieldEmailProps,
@@ -11,9 +16,9 @@ import {
   RefineFieldTextProps,
   RefineFieldUrlProps,
 } from "@refinedev/ui-types";
-import { IconProps } from "@tabler/icons-react";
-import { ConfigType } from "dayjs";
-import { ReactMarkdownOptions } from "react-markdown";
+import type { IconProps } from "@tabler/icons-react";
+import type { ConfigType } from "dayjs";
+import type { ReactMarkdownOptions } from "react-markdown";
 
 export type BooleanFieldProps = RefineFieldBooleanProps<
   unknown,
diff --git a/packages/mantine/src/components/fields/url/index.tsx b/packages/mantine/src/components/fields/url/index.tsx
index bfca23995219..f3745d8a7ee6 100644
--- a/packages/mantine/src/components/fields/url/index.tsx
+++ b/packages/mantine/src/components/fields/url/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Anchor } from "@mantine/core";
 
-import { UrlFieldProps } from "../types";
+import type { UrlFieldProps } from "../types";
 
 /**
  * This field is used to display email values. It uses the {@link https://mantine.dev/core/text `<Text>` }
diff --git a/packages/mantine/src/components/layout/header/index.tsx b/packages/mantine/src/components/layout/header/index.tsx
index 83c9d55b7264..9574fa29ea8c 100644
--- a/packages/mantine/src/components/layout/header/index.tsx
+++ b/packages/mantine/src/components/layout/header/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { useGetIdentity, useActiveAuthProvider } from "@refinedev/core";
 import { Avatar, Group, Header as MantineHeader, Title } from "@mantine/core";
 
-import { RefineLayoutHeaderProps } from "../types";
+import type { RefineLayoutHeaderProps } from "../types";
 
 export const Header: React.FC<RefineLayoutHeaderProps> = () => {
   const authProvider = useActiveAuthProvider();
diff --git a/packages/mantine/src/components/layout/index.tsx b/packages/mantine/src/components/layout/index.tsx
index 759702f02a21..bdc19afd91e6 100644
--- a/packages/mantine/src/components/layout/index.tsx
+++ b/packages/mantine/src/components/layout/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Box } from "@mantine/core";
 
-import { RefineLayoutLayoutProps } from "./types";
+import type { RefineLayoutLayoutProps } from "./types";
 import { Sider as DefaultSider } from "./sider";
 import { Header as DefaultHeader } from "./header";
 
diff --git a/packages/mantine/src/components/layout/sider/index.tsx b/packages/mantine/src/components/layout/sider/index.tsx
index 2f92715d1151..b4148c070752 100644
--- a/packages/mantine/src/components/layout/sider/index.tsx
+++ b/packages/mantine/src/components/layout/sider/index.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import {
   CanAccess,
-  ITreeMenu,
+  type ITreeMenu,
   useIsExistAuthentication,
   useLink,
   useLogout,
@@ -20,14 +20,14 @@ import {
   Drawer,
   Navbar,
   NavLink,
-  NavLinkStylesNames,
-  NavLinkStylesParams,
+  type NavLinkStylesNames,
+  type NavLinkStylesParams,
   ScrollArea,
   MediaQuery,
   Button,
   Tooltip,
-  TooltipProps,
-  Styles,
+  type TooltipProps,
+  type Styles,
 } from "@mantine/core";
 import {
   IconList,
@@ -37,7 +37,7 @@ import {
   IconPower,
   IconDashboard,
 } from "@tabler/icons-react";
-import { RefineLayoutSiderProps } from "../types";
+import type { RefineLayoutSiderProps } from "../types";
 
 import { RefineTitle as DefaultTitle } from "@components";
 
diff --git a/packages/mantine/src/components/layout/title/index.tsx b/packages/mantine/src/components/layout/title/index.tsx
index edb3227a489c..de12aa07819b 100644
--- a/packages/mantine/src/components/layout/title/index.tsx
+++ b/packages/mantine/src/components/layout/title/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import {
   useRouterContext,
-  TitleProps,
+  type TitleProps,
   useRouterType,
   useLink,
 } from "@refinedev/core";
diff --git a/packages/mantine/src/components/pages/auth/components/forgotPassword/index.tsx b/packages/mantine/src/components/pages/auth/components/forgotPassword/index.tsx
index 99cfdf2dc149..7cfbb3a9a163 100644
--- a/packages/mantine/src/components/pages/auth/components/forgotPassword/index.tsx
+++ b/packages/mantine/src/components/pages/auth/components/forgotPassword/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import {
-  ForgotPasswordPageProps,
-  ForgotPasswordFormTypes,
+  type ForgotPasswordPageProps,
+  type ForgotPasswordFormTypes,
   useRouterType,
   useLink,
 } from "@refinedev/core";
@@ -19,8 +19,8 @@ import {
   Anchor,
   Button,
   Text,
-  BoxProps,
-  CardProps,
+  type BoxProps,
+  type CardProps,
   Group,
   useMantineTheme,
 } from "@mantine/core";
@@ -33,7 +33,7 @@ import {
   titleStyles,
   pageTitleStyles,
 } from "../styles";
-import { FormPropsType } from "../..";
+import type { FormPropsType } from "../..";
 
 type ResetPassworProps = ForgotPasswordPageProps<
   BoxProps,
diff --git a/packages/mantine/src/components/pages/auth/components/login/index.tsx b/packages/mantine/src/components/pages/auth/components/login/index.tsx
index 3f044bdc59f0..85071dc1716a 100644
--- a/packages/mantine/src/components/pages/auth/components/login/index.tsx
+++ b/packages/mantine/src/components/pages/auth/components/login/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import {
-  LoginPageProps,
-  LoginFormTypes,
+  type LoginPageProps,
+  type LoginFormTypes,
   useRouterType,
   useLink,
   useActiveAuthProvider,
@@ -20,8 +20,8 @@ import {
   Text,
   Divider,
   Stack,
-  BoxProps,
-  CardProps,
+  type BoxProps,
+  type CardProps,
   useMantineTheme,
 } from "@mantine/core";
 
@@ -33,7 +33,7 @@ import {
   titleStyles,
   pageTitleStyles,
 } from "../styles";
-import { FormPropsType } from "../..";
+import type { FormPropsType } from "../..";
 
 type LoginProps = LoginPageProps<BoxProps, CardProps, FormPropsType>;
 
diff --git a/packages/mantine/src/components/pages/auth/components/register/index.tsx b/packages/mantine/src/components/pages/auth/components/register/index.tsx
index 152827935d9a..6f44f1a46491 100644
--- a/packages/mantine/src/components/pages/auth/components/register/index.tsx
+++ b/packages/mantine/src/components/pages/auth/components/register/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import {
-  RegisterPageProps,
-  RegisterFormTypes,
+  type RegisterPageProps,
+  type RegisterFormTypes,
   useActiveAuthProvider,
 } from "@refinedev/core";
 import {
@@ -21,8 +21,8 @@ import {
   Anchor,
   Button,
   Text,
-  BoxProps,
-  CardProps,
+  type BoxProps,
+  type CardProps,
   Group,
   Stack,
   Divider,
@@ -37,7 +37,7 @@ import {
   titleStyles,
   pageTitleStyles,
 } from "../styles";
-import { FormPropsType } from "../..";
+import type { FormPropsType } from "../..";
 
 type RegisterProps = RegisterPageProps<BoxProps, CardProps, FormPropsType>;
 
diff --git a/packages/mantine/src/components/pages/auth/components/styles.ts b/packages/mantine/src/components/pages/auth/components/styles.ts
index d28ddca43cd7..9468fcf9836b 100644
--- a/packages/mantine/src/components/pages/auth/components/styles.ts
+++ b/packages/mantine/src/components/pages/auth/components/styles.ts
@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 
 export const layoutStyles: CSSProperties = {
   display: "flex",
diff --git a/packages/mantine/src/components/pages/auth/components/updatePassword/index.tsx b/packages/mantine/src/components/pages/auth/components/updatePassword/index.tsx
index 14d637b02cc0..8505428d6acd 100644
--- a/packages/mantine/src/components/pages/auth/components/updatePassword/index.tsx
+++ b/packages/mantine/src/components/pages/auth/components/updatePassword/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import {
-  UpdatePasswordPageProps,
-  UpdatePasswordFormTypes,
+  type UpdatePasswordPageProps,
+  type UpdatePasswordFormTypes,
   useActiveAuthProvider,
 } from "@refinedev/core";
 import { useUpdatePassword, useTranslate } from "@refinedev/core";
@@ -12,8 +12,8 @@ import {
   TextInput,
   Title,
   Button,
-  BoxProps,
-  CardProps,
+  type BoxProps,
+  type CardProps,
   useMantineTheme,
 } from "@mantine/core";
 
@@ -24,7 +24,7 @@ import {
   titleStyles,
   pageTitleStyles,
 } from "../styles";
-import { FormPropsType } from "../..";
+import type { FormPropsType } from "../..";
 import { ThemedTitleV2 } from "@components";
 
 type UpdatePassworProps = UpdatePasswordPageProps<
diff --git a/packages/mantine/src/components/pages/auth/index.tsx b/packages/mantine/src/components/pages/auth/index.tsx
index 2e45fb75e108..49240cbcf673 100644
--- a/packages/mantine/src/components/pages/auth/index.tsx
+++ b/packages/mantine/src/components/pages/auth/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { AuthPageProps } from "@refinedev/core";
-import { BoxProps, CardProps } from "@mantine/core";
-import { UseFormInput } from "@mantine/form/lib/types";
+import type { AuthPageProps } from "@refinedev/core";
+import type { BoxProps, CardProps } from "@mantine/core";
+import type { UseFormInput } from "@mantine/form/lib/types";
 
 import {
   LoginPage,
diff --git a/packages/mantine/src/components/pages/error/index.spec.tsx b/packages/mantine/src/components/pages/error/index.spec.tsx
index f45379bf86e0..eccbaadbb351 100644
--- a/packages/mantine/src/components/pages/error/index.spec.tsx
+++ b/packages/mantine/src/components/pages/error/index.spec.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import { pageErrorTests } from "@refinedev/ui-tests";
-import ReactRouterDom, { Route, Routes } from "react-router-dom";
+import type ReactRouterDom from "react-router-dom";
+import { Route, Routes } from "react-router-dom";
 import userEvent from "@testing-library/user-event";
 
 import { ErrorComponent } from ".";
@@ -9,7 +10,7 @@ import {
   fireEvent,
   TestWrapper as BaseTestWrapper,
   MockLegacyRouterProvider,
-  ITestWrapperProps,
+  type ITestWrapperProps,
 } from "@test";
 
 const mHistory = jest.fn();
diff --git a/packages/mantine/src/components/pages/error/index.tsx b/packages/mantine/src/components/pages/error/index.tsx
index 03cc78994ccc..856a5995c0e3 100644
--- a/packages/mantine/src/components/pages/error/index.tsx
+++ b/packages/mantine/src/components/pages/error/index.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { RefineErrorPageProps } from "@refinedev/ui-types";
+import type { RefineErrorPageProps } from "@refinedev/ui-types";
 import {
   useNavigation,
   useTranslate,
diff --git a/packages/mantine/src/components/pages/ready/index.tsx b/packages/mantine/src/components/pages/ready/index.tsx
index 5f9c51169bb0..438cf3e57fcf 100644
--- a/packages/mantine/src/components/pages/ready/index.tsx
+++ b/packages/mantine/src/components/pages/ready/index.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { RefineReadyPageProps } from "@refinedev/ui-types";
+import type { RefineReadyPageProps } from "@refinedev/ui-types";
 import {
   BackgroundImage,
   Code,
diff --git a/packages/mantine/src/components/themedLayout/header/index.spec.tsx b/packages/mantine/src/components/themedLayout/header/index.spec.tsx
index 135825f22d2d..ca29284ee57a 100644
--- a/packages/mantine/src/components/themedLayout/header/index.spec.tsx
+++ b/packages/mantine/src/components/themedLayout/header/index.spec.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { render, TestWrapper } from "@test";
 import { ThemedHeader } from "./index";
-import { AuthProvider, LegacyAuthProvider } from "@refinedev/core";
+import type { AuthProvider, LegacyAuthProvider } from "@refinedev/core";
 
 const mockLegacyAuthProvider: LegacyAuthProvider = {
   login: () => Promise.resolve(),
diff --git a/packages/mantine/src/components/themedLayout/header/index.tsx b/packages/mantine/src/components/themedLayout/header/index.tsx
index cd260a8703b6..ad8f16f252cf 100644
--- a/packages/mantine/src/components/themedLayout/header/index.tsx
+++ b/packages/mantine/src/components/themedLayout/header/index.tsx
@@ -8,7 +8,7 @@ import {
   useMantineTheme,
 } from "@mantine/core";
 
-import { RefineThemedLayoutHeaderProps } from "../types";
+import type { RefineThemedLayoutHeaderProps } from "../types";
 
 /**
  * @deprecated It is recommended to use the improved `ThemedLayoutV2`. Review migration guidelines. https://refine.dev/docs/api-reference/mantine/components/mantine-themed-layout/#migrate-themedlayout-to-themedlayoutv2
diff --git a/packages/mantine/src/components/themedLayout/index.tsx b/packages/mantine/src/components/themedLayout/index.tsx
index a21ab9739077..9483e2825aba 100644
--- a/packages/mantine/src/components/themedLayout/index.tsx
+++ b/packages/mantine/src/components/themedLayout/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Box } from "@mantine/core";
 
-import { RefineThemedLayoutProps } from "./types";
+import type { RefineThemedLayoutProps } from "./types";
 import { ThemedSider as DefaultSider } from "./sider";
 import { ThemedHeader as DefaultHeader } from "./header";
 
diff --git a/packages/mantine/src/components/themedLayout/sider/index.tsx b/packages/mantine/src/components/themedLayout/sider/index.tsx
index 8f0ca30ec9ba..a7477779d445 100644
--- a/packages/mantine/src/components/themedLayout/sider/index.tsx
+++ b/packages/mantine/src/components/themedLayout/sider/index.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import {
   CanAccess,
-  ITreeMenu,
+  type ITreeMenu,
   useIsExistAuthentication,
   useLink,
   useLogout,
@@ -20,14 +20,14 @@ import {
   Drawer,
   Navbar,
   NavLink,
-  NavLinkStylesNames,
-  NavLinkStylesParams,
+  type NavLinkStylesNames,
+  type NavLinkStylesParams,
   ScrollArea,
   MediaQuery,
   Button,
   Tooltip,
-  TooltipProps,
-  Styles,
+  type TooltipProps,
+  type Styles,
   useMantineTheme,
   Flex,
 } from "@mantine/core";
@@ -39,7 +39,7 @@ import {
   IconPower,
   IconDashboard,
 } from "@tabler/icons-react";
-import { RefineThemedLayoutSiderProps } from "../types";
+import type { RefineThemedLayoutSiderProps } from "../types";
 
 import { ThemedTitle as DefaultTitle } from "@components";
 
diff --git a/packages/mantine/src/components/themedLayout/title/index.tsx b/packages/mantine/src/components/themedLayout/title/index.tsx
index 1af222b850d9..120826c230da 100644
--- a/packages/mantine/src/components/themedLayout/title/index.tsx
+++ b/packages/mantine/src/components/themedLayout/title/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useRouterContext, useRouterType, useLink } from "@refinedev/core";
 import { Center, Text, useMantineTheme } from "@mantine/core";
-import { RefineLayoutThemedTitleProps } from "../types";
+import type { RefineLayoutThemedTitleProps } from "../types";
 
 const defaultText = "Refine Project";
 
diff --git a/packages/mantine/src/components/themedLayoutV2/header/index.spec.tsx b/packages/mantine/src/components/themedLayoutV2/header/index.spec.tsx
index f9475c62b542..f1ac8e1a352c 100644
--- a/packages/mantine/src/components/themedLayoutV2/header/index.spec.tsx
+++ b/packages/mantine/src/components/themedLayoutV2/header/index.spec.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { render, TestWrapper, waitFor } from "@test";
 import { ThemedHeaderV2 } from "./index";
-import { AuthProvider, LegacyAuthProvider } from "@refinedev/core";
+import type { AuthProvider, LegacyAuthProvider } from "@refinedev/core";
 
 const mockLegacyAuthProvider: LegacyAuthProvider = {
   login: () => Promise.resolve(),
diff --git a/packages/mantine/src/components/themedLayoutV2/header/index.tsx b/packages/mantine/src/components/themedLayoutV2/header/index.tsx
index bc29dd670846..64db3031e46d 100644
--- a/packages/mantine/src/components/themedLayoutV2/header/index.tsx
+++ b/packages/mantine/src/components/themedLayoutV2/header/index.tsx
@@ -8,12 +8,12 @@ import {
   Avatar,
   Flex,
   Header as MantineHeader,
-  Sx,
+  type Sx,
   Title,
   useMantineTheme,
 } from "@mantine/core";
 
-import { RefineThemedLayoutV2HeaderProps } from "../types";
+import type { RefineThemedLayoutV2HeaderProps } from "../types";
 import { HamburgerMenu } from "../hamburgerMenu";
 
 export const ThemedHeaderV2: React.FC<RefineThemedLayoutV2HeaderProps> = ({
diff --git a/packages/mantine/src/components/themedLayoutV2/index.tsx b/packages/mantine/src/components/themedLayoutV2/index.tsx
index f1787158651e..4e68c1f60c00 100644
--- a/packages/mantine/src/components/themedLayoutV2/index.tsx
+++ b/packages/mantine/src/components/themedLayoutV2/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Box } from "@mantine/core";
 
-import { RefineThemedLayoutV2Props } from "./types";
+import type { RefineThemedLayoutV2Props } from "./types";
 import { ThemedSiderV2 as DefaultSider } from "./sider";
 import { ThemedHeaderV2 as DefaultHeader } from "./header";
 import { ThemedLayoutContextProvider } from "../../contexts";
diff --git a/packages/mantine/src/components/themedLayoutV2/sider/index.tsx b/packages/mantine/src/components/themedLayoutV2/sider/index.tsx
index 2f98ff9e9930..c430295eadfb 100644
--- a/packages/mantine/src/components/themedLayoutV2/sider/index.tsx
+++ b/packages/mantine/src/components/themedLayoutV2/sider/index.tsx
@@ -1,7 +1,7 @@
-import React, { CSSProperties } from "react";
+import React, { type CSSProperties } from "react";
 import {
   CanAccess,
-  ITreeMenu,
+  type ITreeMenu,
   useIsExistAuthentication,
   useLink,
   useLogout,
@@ -19,13 +19,13 @@ import {
   Drawer,
   Navbar,
   NavLink,
-  NavLinkStylesNames,
-  NavLinkStylesParams,
+  type NavLinkStylesNames,
+  type NavLinkStylesParams,
   ScrollArea,
   MediaQuery,
   Tooltip,
-  TooltipProps,
-  Styles,
+  type TooltipProps,
+  type Styles,
   useMantineTheme,
   Flex,
 } from "@mantine/core";
@@ -34,7 +34,7 @@ import { IconList, IconPower, IconDashboard } from "@tabler/icons-react";
 import { ThemedTitleV2 as DefaultTitle } from "@components";
 import { useThemedLayoutContext } from "@hooks";
 
-import { RefineThemedLayoutV2SiderProps } from "../types";
+import type { RefineThemedLayoutV2SiderProps } from "../types";
 
 const defaultNavIcon = <IconList size={20} />;
 
diff --git a/packages/mantine/src/components/themedLayoutV2/title/index.tsx b/packages/mantine/src/components/themedLayoutV2/title/index.tsx
index 6514178332f2..68b33cfb7a6b 100644
--- a/packages/mantine/src/components/themedLayoutV2/title/index.tsx
+++ b/packages/mantine/src/components/themedLayoutV2/title/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useRouterContext, useRouterType, useLink } from "@refinedev/core";
 import { Center, Text, useMantineTheme } from "@mantine/core";
-import { RefineLayoutThemedTitleProps } from "../types";
+import type { RefineLayoutThemedTitleProps } from "../types";
 
 const defaultText = "Refine Project";
 
diff --git a/packages/mantine/src/contexts/themedLayoutContext/index.tsx b/packages/mantine/src/contexts/themedLayoutContext/index.tsx
index d193fa8f6208..cedb65c6a300 100644
--- a/packages/mantine/src/contexts/themedLayoutContext/index.tsx
+++ b/packages/mantine/src/contexts/themedLayoutContext/index.tsx
@@ -1,6 +1,6 @@
-import React, { ReactNode, useState } from "react";
+import React, { type ReactNode, useState } from "react";
 
-import { IThemedLayoutContext } from "./IThemedLayoutContext";
+import type { IThemedLayoutContext } from "./IThemedLayoutContext";
 
 export const ThemedLayoutContext = React.createContext<IThemedLayoutContext>({
   siderCollapsed: false,
diff --git a/packages/mantine/src/definitions/button/index.ts b/packages/mantine/src/definitions/button/index.ts
index 741aa32e781a..0646393a229f 100644
--- a/packages/mantine/src/definitions/button/index.ts
+++ b/packages/mantine/src/definitions/button/index.ts
@@ -1,4 +1,4 @@
-import { ActionIconVariant, ButtonVariant } from "@mantine/core";
+import type { ActionIconVariant, ButtonVariant } from "@mantine/core";
 
 export const mapButtonVariantToActionIconVariant = (
   variant?: ButtonVariant,
diff --git a/packages/mantine/src/hooks/form/useForm/index.spec.tsx b/packages/mantine/src/hooks/form/useForm/index.spec.tsx
index 3ad83453c89f..372c1017ac69 100644
--- a/packages/mantine/src/hooks/form/useForm/index.spec.tsx
+++ b/packages/mantine/src/hooks/form/useForm/index.spec.tsx
@@ -5,7 +5,7 @@ import { useForm } from ".";
 import { Select, TextInput } from "@mantine/core";
 import { useSelect } from "@hooks/useSelect";
 import { Edit } from "@components/crud";
-import { IRefineOptions, HttpError } from "@refinedev/core";
+import type { IRefineOptions, HttpError } from "@refinedev/core";
 import { act } from "react-dom/test-utils";
 
 const renderForm = ({
diff --git a/packages/mantine/src/hooks/form/useForm/index.ts b/packages/mantine/src/hooks/form/useForm/index.ts
index 82f0d80d0d03..6b1f082a1ef5 100644
--- a/packages/mantine/src/hooks/form/useForm/index.ts
+++ b/packages/mantine/src/hooks/form/useForm/index.ts
@@ -1,19 +1,19 @@
 import React, { useEffect } from "react";
 import {
   useForm as useMantineForm,
-  UseFormReturnType as UseMantineFormReturnType,
+  type UseFormReturnType as UseMantineFormReturnType,
 } from "@mantine/form";
 import get from "lodash/get";
 import has from "lodash/has";
 import set from "lodash/set";
-import { UseFormInput } from "@mantine/form/lib/types";
+import type { UseFormInput } from "@mantine/form/lib/types";
 import {
-  BaseRecord,
-  HttpError,
+  type BaseRecord,
+  type HttpError,
   useForm as useFormCore,
   useWarnAboutChange,
-  UseFormProps as UseFormCoreProps,
-  UseFormReturnType as UseFormReturnTypeCore,
+  type UseFormProps as UseFormCoreProps,
+  type UseFormReturnType as UseFormReturnTypeCore,
   useTranslate,
   useRefineContext,
   flattenObjectKeys,
diff --git a/packages/mantine/src/hooks/form/useModalForm/index.ts b/packages/mantine/src/hooks/form/useModalForm/index.ts
index db3bbbb8379b..be19001f0582 100644
--- a/packages/mantine/src/hooks/form/useModalForm/index.ts
+++ b/packages/mantine/src/hooks/form/useModalForm/index.ts
@@ -1,9 +1,9 @@
 import { useCallback } from "react";
 import {
-  BaseKey,
-  BaseRecord,
-  FormWithSyncWithLocationParams,
-  HttpError,
+  type BaseKey,
+  type BaseRecord,
+  type FormWithSyncWithLocationParams,
+  type HttpError,
   useGo,
   useModal,
   useParsed,
@@ -14,8 +14,8 @@ import {
   useInvalidate,
 } from "@refinedev/core";
 
-import { useForm, UseFormProps, UseFormReturnType } from "../useForm";
-import { UseFormInput } from "@mantine/form/lib/types";
+import { useForm, type UseFormProps, type UseFormReturnType } from "../useForm";
+import type { UseFormInput } from "@mantine/form/lib/types";
 import React from "react";
 
 export type UseModalFormReturnType<
diff --git a/packages/mantine/src/hooks/form/useStepsForm/index.ts b/packages/mantine/src/hooks/form/useStepsForm/index.ts
index 169da19d9f5d..40db63ef9c39 100644
--- a/packages/mantine/src/hooks/form/useStepsForm/index.ts
+++ b/packages/mantine/src/hooks/form/useStepsForm/index.ts
@@ -1,7 +1,7 @@
 import { useState } from "react";
-import { BaseRecord, HttpError } from "@refinedev/core";
+import type { BaseRecord, HttpError } from "@refinedev/core";
 
-import { useForm, UseFormProps, UseFormReturnType } from "../useForm";
+import { useForm, type UseFormProps, type UseFormReturnType } from "../useForm";
 
 export type UseStepsFormReturnType<
   TQueryFnData extends BaseRecord = BaseRecord,
diff --git a/packages/mantine/src/hooks/useSelect/index.ts b/packages/mantine/src/hooks/useSelect/index.ts
index d4bff5243d21..aee44da753d7 100644
--- a/packages/mantine/src/hooks/useSelect/index.ts
+++ b/packages/mantine/src/hooks/useSelect/index.ts
@@ -1,15 +1,15 @@
-import { SelectProps } from "@mantine/core";
-import { QueryObserverResult } from "@tanstack/react-query";
+import type { SelectProps } from "@mantine/core";
+import type { QueryObserverResult } from "@tanstack/react-query";
 
 import {
   useSelect as useSelectCore,
-  BaseRecord,
-  GetManyResponse,
-  GetListResponse,
-  HttpError,
-  UseSelectProps,
-  BaseOption,
-  Prettify,
+  type BaseRecord,
+  type GetManyResponse,
+  type GetListResponse,
+  type HttpError,
+  type UseSelectProps,
+  type BaseOption,
+  type Prettify,
 } from "@refinedev/core";
 
 export type UseSelectReturnType<
diff --git a/packages/mantine/src/hooks/useThemedLayoutContext/index.ts b/packages/mantine/src/hooks/useThemedLayoutContext/index.ts
index 729fef9497e1..84d06582e86b 100644
--- a/packages/mantine/src/hooks/useThemedLayoutContext/index.ts
+++ b/packages/mantine/src/hooks/useThemedLayoutContext/index.ts
@@ -1,7 +1,7 @@
 import { useContext } from "react";
 
 import { ThemedLayoutContext } from "@contexts";
-import { IThemedLayoutContext } from "@contexts/themedLayoutContext/IThemedLayoutContext";
+import type { IThemedLayoutContext } from "@contexts/themedLayoutContext/IThemedLayoutContext";
 
 export type UseThemedLayoutContextType = IThemedLayoutContext;
 
diff --git a/packages/mantine/src/providers/notificationProvider.tsx b/packages/mantine/src/providers/notificationProvider.tsx
index ca3231ed5cc5..d4caf5b1e3d6 100644
--- a/packages/mantine/src/providers/notificationProvider.tsx
+++ b/packages/mantine/src/providers/notificationProvider.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NotificationProvider } from "@refinedev/core";
+import type { NotificationProvider } from "@refinedev/core";
 import {
   showNotification,
   updateNotification,
diff --git a/packages/mantine/src/theme/index.ts b/packages/mantine/src/theme/index.ts
index 80ad85e2f73a..f90cb8da9b48 100644
--- a/packages/mantine/src/theme/index.ts
+++ b/packages/mantine/src/theme/index.ts
@@ -1,4 +1,4 @@
-import { MantineTheme, MantineThemeOverride } from "@mantine/core";
+import type { MantineTheme, MantineThemeOverride } from "@mantine/core";
 
 const commonThemeProperties: Partial<MantineThemeOverride> = {
   fontFamily: [
diff --git a/packages/mantine/test/dataMocks.ts b/packages/mantine/test/dataMocks.ts
index bdb69c96c79a..27d53b3f056f 100644
--- a/packages/mantine/test/dataMocks.ts
+++ b/packages/mantine/test/dataMocks.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   Action,
   AuthProvider,
   IResourceItem,
diff --git a/packages/mantine/test/index.tsx b/packages/mantine/test/index.tsx
index 37a918e90651..2e70e7c60596 100644
--- a/packages/mantine/test/index.tsx
+++ b/packages/mantine/test/index.tsx
@@ -3,16 +3,16 @@ import { BrowserRouter } from "react-router-dom";
 
 import {
   Refine,
-  I18nProvider,
-  AccessControlProvider,
-  LegacyAuthProvider,
-  DataProvider,
-  NotificationProvider,
-  IResourceItem,
-  AuthProvider,
-  IRouterProvider,
-  RouterBindings,
-  IRefineOptions,
+  type I18nProvider,
+  type AccessControlProvider,
+  type LegacyAuthProvider,
+  type DataProvider,
+  type NotificationProvider,
+  type IResourceItem,
+  type AuthProvider,
+  type IRouterProvider,
+  type RouterBindings,
+  type IRefineOptions,
 } from "@refinedev/core";
 
 import { mockRouterBindings, MockJSONServer } from "@test";
diff --git a/packages/medusa/src/authProvider/index.ts b/packages/medusa/src/authProvider/index.ts
index a38ee31182eb..b910b98042af 100644
--- a/packages/medusa/src/authProvider/index.ts
+++ b/packages/medusa/src/authProvider/index.ts
@@ -1,4 +1,4 @@
-import { AuthProvider, HttpError } from "@refinedev/core";
+import type { AuthProvider, HttpError } from "@refinedev/core";
 import axios from "axios";
 
 export const authProvider = (API_URL: string): AuthProvider => {
diff --git a/packages/medusa/src/dataProvider/index.ts b/packages/medusa/src/dataProvider/index.ts
index 0eb77d206012..011152c64ec0 100644
--- a/packages/medusa/src/dataProvider/index.ts
+++ b/packages/medusa/src/dataProvider/index.ts
@@ -1,6 +1,6 @@
-import { DataProvider as DataProviderType } from "@refinedev/core";
-import { AxiosInstance } from "axios";
-import { stringify, StringifyOptions } from "query-string";
+import type { DataProvider as DataProviderType } from "@refinedev/core";
+import type { AxiosInstance } from "axios";
+import { stringify, type StringifyOptions } from "query-string";
 import { axiosInstance, generateFilter } from "../utils";
 
 const DataProvider = (
diff --git a/packages/medusa/src/utils/axios.ts b/packages/medusa/src/utils/axios.ts
index 641864871cc1..1d754a17d617 100644
--- a/packages/medusa/src/utils/axios.ts
+++ b/packages/medusa/src/utils/axios.ts
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import axios from "axios";
 
 export const axiosInstance = axios.create();
diff --git a/packages/medusa/src/utils/generateFilter.ts b/packages/medusa/src/utils/generateFilter.ts
index a4d32ff609a6..93f3dc5ba497 100644
--- a/packages/medusa/src/utils/generateFilter.ts
+++ b/packages/medusa/src/utils/generateFilter.ts
@@ -1,4 +1,4 @@
-import { CrudFilter } from "@refinedev/core";
+import type { CrudFilter } from "@refinedev/core";
 import { mapOperator } from "./mapOperator";
 
 export const generateFilter = (filters?: CrudFilter[]) => {
diff --git a/packages/medusa/src/utils/mapOperator.ts b/packages/medusa/src/utils/mapOperator.ts
index 22312b209b70..4db3d8071da8 100644
--- a/packages/medusa/src/utils/mapOperator.ts
+++ b/packages/medusa/src/utils/mapOperator.ts
@@ -1,4 +1,4 @@
-import { CrudOperators } from "@refinedev/core";
+import type { CrudOperators } from "@refinedev/core";
 
 export const mapOperator = (operator: CrudOperators): string => {
   switch (operator) {
diff --git a/packages/medusa/test/utils/generateFilter.spec.ts b/packages/medusa/test/utils/generateFilter.spec.ts
index fc6d6fd8941d..a91a1c7310d2 100644
--- a/packages/medusa/test/utils/generateFilter.spec.ts
+++ b/packages/medusa/test/utils/generateFilter.spec.ts
@@ -1,4 +1,4 @@
-import { CrudFilters } from "@refinedev/core";
+import type { CrudFilters } from "@refinedev/core";
 import { generateFilter } from "../../src/utils";
 
 describe("generateFilter", () => {
diff --git a/packages/medusa/test/utils/mapOperator.spec.ts b/packages/medusa/test/utils/mapOperator.spec.ts
index b4c2c00765cf..2a4d8be6e5b2 100644
--- a/packages/medusa/test/utils/mapOperator.spec.ts
+++ b/packages/medusa/test/utils/mapOperator.spec.ts
@@ -1,4 +1,4 @@
-import { CrudOperators } from "@refinedev/core";
+import type { CrudOperators } from "@refinedev/core";
 import { mapOperator } from "../../src/utils";
 
 describe("mapOperator", () => {
diff --git a/packages/mui/src/components/autoSaveIndicator/index.tsx b/packages/mui/src/components/autoSaveIndicator/index.tsx
index 8d08b99664da..ff2e887bc5e2 100644
--- a/packages/mui/src/components/autoSaveIndicator/index.tsx
+++ b/packages/mui/src/components/autoSaveIndicator/index.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  AutoSaveIndicatorProps,
+  type AutoSaveIndicatorProps,
   useTranslate,
   AutoSaveIndicator as AutoSaveIndicatorCore,
 } from "@refinedev/core";
diff --git a/packages/mui/src/components/breadcrumb/index.spec.tsx b/packages/mui/src/components/breadcrumb/index.spec.tsx
index f417ed643bd8..9689d8178a0e 100644
--- a/packages/mui/src/components/breadcrumb/index.spec.tsx
+++ b/packages/mui/src/components/breadcrumb/index.spec.tsx
@@ -1,7 +1,7 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { Route, Routes } from "react-router-dom";
 
-import { render, TestWrapper, ITestWrapperProps, act } from "@test";
+import { render, TestWrapper, type ITestWrapperProps, act } from "@test";
 import { Breadcrumb } from "./";
 import { breadcrumbTests } from "@refinedev/ui-tests";
 
diff --git a/packages/mui/src/components/breadcrumb/index.tsx b/packages/mui/src/components/breadcrumb/index.tsx
index 89e0ded60b1c..861b8a131c17 100644
--- a/packages/mui/src/components/breadcrumb/index.tsx
+++ b/packages/mui/src/components/breadcrumb/index.tsx
@@ -8,7 +8,7 @@ import {
   useRouterContext,
   useRouterType,
 } from "@refinedev/core";
-import { RefineBreadcrumbProps } from "@refinedev/ui-types";
+import type { RefineBreadcrumbProps } from "@refinedev/ui-types";
 
 import Breadcrumbs from "@mui/material/Breadcrumbs";
 import Typography from "@mui/material/Typography";
diff --git a/packages/mui/src/components/buttons/clone/index.tsx b/packages/mui/src/components/buttons/clone/index.tsx
index 08a3a1c44b01..41299bc33471 100644
--- a/packages/mui/src/components/buttons/clone/index.tsx
+++ b/packages/mui/src/components/buttons/clone/index.tsx
@@ -8,7 +8,7 @@ import {
 import Button from "@mui/material/Button";
 import AddBoxOutlined from "@mui/icons-material/AddBoxOutlined";
 
-import { CloneButtonProps } from "../types";
+import type { CloneButtonProps } from "../types";
 
 /**
  * `<CloneButton>` uses Material UI {@link https://mui.com/components/buttons/ `<Button> component`}.
diff --git a/packages/mui/src/components/buttons/create/index.tsx b/packages/mui/src/components/buttons/create/index.tsx
index f521d8db945c..16d975df337c 100644
--- a/packages/mui/src/components/buttons/create/index.tsx
+++ b/packages/mui/src/components/buttons/create/index.tsx
@@ -8,7 +8,7 @@ import {
 import Button from "@mui/material/Button";
 import AddBoxOutlined from "@mui/icons-material/AddBoxOutlined";
 
-import { CreateButtonProps } from "../types";
+import type { CreateButtonProps } from "../types";
 
 /**
  * <CreateButton> uses Material UI {@link https://mui.com/components/buttons/ `<Button> component`}.
diff --git a/packages/mui/src/components/buttons/delete/index.tsx b/packages/mui/src/components/buttons/delete/index.tsx
index 5276414dc7e8..211d4209c00d 100644
--- a/packages/mui/src/components/buttons/delete/index.tsx
+++ b/packages/mui/src/components/buttons/delete/index.tsx
@@ -14,7 +14,7 @@ import LoadingButton from "@mui/lab/LoadingButton";
 
 import DeleteOutline from "@mui/icons-material/DeleteOutline";
 
-import { DeleteButtonProps } from "../types";
+import type { DeleteButtonProps } from "../types";
 
 /**
  * `<DeleteButton>` uses Material UI {@link https://mui.com/material-ui/api/loading-button/#main-content `<LoadingButton>`} and {@link https://mui.com/material-ui/react-dialog/#main-content `<Dialog>`} components.
diff --git a/packages/mui/src/components/buttons/edit/index.tsx b/packages/mui/src/components/buttons/edit/index.tsx
index 2c0b97800dbc..c7b335f10db1 100644
--- a/packages/mui/src/components/buttons/edit/index.tsx
+++ b/packages/mui/src/components/buttons/edit/index.tsx
@@ -8,7 +8,7 @@ import {
 import Button from "@mui/material/Button";
 import EditOutlined from "@mui/icons-material/EditOutlined";
 
-import { EditButtonProps } from "../types";
+import type { EditButtonProps } from "../types";
 
 /**
  * `<EditButton>` uses uses Material UI {@link https://mui.com/components/buttons/ `<Button>`} component.
diff --git a/packages/mui/src/components/buttons/export/index.tsx b/packages/mui/src/components/buttons/export/index.tsx
index 6aa2ce2db051..e76a4467624d 100644
--- a/packages/mui/src/components/buttons/export/index.tsx
+++ b/packages/mui/src/components/buttons/export/index.tsx
@@ -8,7 +8,7 @@ import {
 import LoadingButton from "@mui/lab/LoadingButton";
 import ImportExportOutlined from "@mui/icons-material/ImportExportOutlined";
 
-import { ExportButtonProps } from "../types";
+import type { ExportButtonProps } from "../types";
 
 /**
  * `<ExportButton>` uses Material UI {@link https://mui.com/material-ui/api/loading-button/#main-content `<LoadingButton>`} with a default export icon and a default text with "Export".
diff --git a/packages/mui/src/components/buttons/import/index.tsx b/packages/mui/src/components/buttons/import/index.tsx
index 797312febf64..956acd7b0de6 100644
--- a/packages/mui/src/components/buttons/import/index.tsx
+++ b/packages/mui/src/components/buttons/import/index.tsx
@@ -8,7 +8,7 @@ import {
 import LoadingButton from "@mui/lab/LoadingButton";
 import ImportExportOutlined from "@mui/icons-material/ImportExportOutlined";
 
-import { ImportButtonProps } from "../types";
+import type { ImportButtonProps } from "../types";
 
 /**
  * `<ImportButton>` is compatible with the {@link https://refine.dev/docs/api-reference/core/hooks/import-export/useImport/ `useImport`} core hook.
diff --git a/packages/mui/src/components/buttons/list/index.tsx b/packages/mui/src/components/buttons/list/index.tsx
index bf3c99083303..26decbeb582f 100644
--- a/packages/mui/src/components/buttons/list/index.tsx
+++ b/packages/mui/src/components/buttons/list/index.tsx
@@ -8,7 +8,7 @@ import {
 import Button from "@mui/material/Button";
 import ListOutlined from "@mui/icons-material/ListOutlined";
 
-import { ListButtonProps } from "../types";
+import type { ListButtonProps } from "../types";
 
 /**
  * `<ListButton>` is using uses Material UI {@link https://mui.com/components/buttons/ `<Button>`} component.
diff --git a/packages/mui/src/components/buttons/refresh/index.tsx b/packages/mui/src/components/buttons/refresh/index.tsx
index 23774879e863..eb8284d22863 100644
--- a/packages/mui/src/components/buttons/refresh/index.tsx
+++ b/packages/mui/src/components/buttons/refresh/index.tsx
@@ -8,7 +8,7 @@ import {
 import LoadingButton from "@mui/lab/LoadingButton";
 import RefreshOutlined from "@mui/icons-material/RefreshOutlined";
 
-import { RefreshButtonProps } from "../types";
+import type { RefreshButtonProps } from "../types";
 
 /**
  * `<RefreshButton>` uses uses Material UI {@link https://mui.com/material-ui/api/loading-button/#main-content `<LoadingButton>`} component
diff --git a/packages/mui/src/components/buttons/save/index.tsx b/packages/mui/src/components/buttons/save/index.tsx
index 075039b016b0..ca91cd47fc3c 100644
--- a/packages/mui/src/components/buttons/save/index.tsx
+++ b/packages/mui/src/components/buttons/save/index.tsx
@@ -8,7 +8,7 @@ import {
 import LoadingButton from "@mui/lab/LoadingButton";
 import SaveOutlined from "@mui/icons-material/SaveOutlined";
 
-import { SaveButtonProps } from "../types";
+import type { SaveButtonProps } from "../types";
 
 /**
  * `<SaveButton>` uses Material UI {@link https://mui.com/material-ui/api/loading-button/#main-content `<LoadingButton>`} component.
diff --git a/packages/mui/src/components/buttons/show/index.tsx b/packages/mui/src/components/buttons/show/index.tsx
index 657cbb0018d0..6c2b6229ef3e 100644
--- a/packages/mui/src/components/buttons/show/index.tsx
+++ b/packages/mui/src/components/buttons/show/index.tsx
@@ -8,7 +8,7 @@ import {
 import Button from "@mui/material/Button";
 import VisibilityOutlined from "@mui/icons-material/VisibilityOutlined";
 
-import { ShowButtonProps } from "../types";
+import type { ShowButtonProps } from "../types";
 
 /**
  * `<ShowButton>` uses uses Material UI {@link https://mui.com/components/buttons/ `<Button>`} component.
diff --git a/packages/mui/src/components/buttons/types.ts b/packages/mui/src/components/buttons/types.ts
index 64364c715980..a06b36f1f1d9 100644
--- a/packages/mui/src/components/buttons/types.ts
+++ b/packages/mui/src/components/buttons/types.ts
@@ -1,6 +1,6 @@
-import { UseImportInputPropsType } from "@refinedev/core";
+import type { UseImportInputPropsType } from "@refinedev/core";
 
-import {
+import type {
   RefineCloneButtonProps,
   RefineCreateButtonProps,
   RefineDeleteButtonProps,
diff --git a/packages/mui/src/components/crud/create/index.tsx b/packages/mui/src/components/crud/create/index.tsx
index 90f2fdf850a2..589d08bc0adc 100644
--- a/packages/mui/src/components/crud/create/index.tsx
+++ b/packages/mui/src/components/crud/create/index.tsx
@@ -20,8 +20,8 @@ import Box from "@mui/material/Box";
 
 import ArrowBackIcon from "@mui/icons-material/ArrowBack";
 
-import { Breadcrumb, SaveButton, SaveButtonProps } from "@components";
-import { CreateProps } from "../types";
+import { Breadcrumb, SaveButton, type SaveButtonProps } from "@components";
+import type { CreateProps } from "../types";
 import { RefinePageHeaderClassNames } from "@refinedev/ui-types";
 
 /**
diff --git a/packages/mui/src/components/crud/edit/index.spec.tsx b/packages/mui/src/components/crud/edit/index.spec.tsx
index 0ebc960b14de..2d487f5300f3 100644
--- a/packages/mui/src/components/crud/edit/index.spec.tsx
+++ b/packages/mui/src/components/crud/edit/index.spec.tsx
@@ -1,12 +1,12 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { Route, Routes } from "react-router-dom";
-import { AccessControlProvider } from "@refinedev/core";
+import type { AccessControlProvider } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
 import {
   act,
   fireEvent,
-  ITestWrapperProps,
+  type ITestWrapperProps,
   MockJSONServer,
   render,
   TestWrapper,
diff --git a/packages/mui/src/components/crud/edit/index.tsx b/packages/mui/src/components/crud/edit/index.tsx
index bf0a65b85886..ace01db5fefa 100644
--- a/packages/mui/src/components/crud/edit/index.tsx
+++ b/packages/mui/src/components/crud/edit/index.tsx
@@ -29,13 +29,13 @@ import {
   ListButton,
   SaveButton,
   Breadcrumb,
-  ListButtonProps,
-  RefreshButtonProps,
-  DeleteButtonProps,
-  SaveButtonProps,
+  type ListButtonProps,
+  type RefreshButtonProps,
+  type DeleteButtonProps,
+  type SaveButtonProps,
   AutoSaveIndicator,
 } from "@components";
-import { EditProps } from "../types";
+import type { EditProps } from "../types";
 import { RefinePageHeaderClassNames } from "@refinedev/ui-types";
 
 /**
diff --git a/packages/mui/src/components/crud/list/index.spec.tsx b/packages/mui/src/components/crud/list/index.spec.tsx
index 1900e86a9ca5..8738afbdd3ae 100644
--- a/packages/mui/src/components/crud/list/index.spec.tsx
+++ b/packages/mui/src/components/crud/list/index.spec.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { crudListTests } from "@refinedev/ui-tests";
 import { RefineButtonTestIds } from "@refinedev/ui-types";
 import { Route, Routes } from "react-router-dom";
diff --git a/packages/mui/src/components/crud/list/index.tsx b/packages/mui/src/components/crud/list/index.tsx
index 5eb9525063fa..0cab713bc2a6 100644
--- a/packages/mui/src/components/crud/list/index.tsx
+++ b/packages/mui/src/components/crud/list/index.tsx
@@ -14,9 +14,9 @@ import CardContent from "@mui/material/CardContent";
 import Typography from "@mui/material/Typography";
 import Box from "@mui/material/Box";
 
-import { CreateButton, Breadcrumb, CreateButtonProps } from "@components";
+import { CreateButton, Breadcrumb, type CreateButtonProps } from "@components";
 
-import { ListProps } from "../types";
+import type { ListProps } from "../types";
 import { RefinePageHeaderClassNames } from "@refinedev/ui-types";
 
 /**
diff --git a/packages/mui/src/components/crud/show/index.spec.tsx b/packages/mui/src/components/crud/show/index.spec.tsx
index d694d040a35a..adb95b049ec3 100644
--- a/packages/mui/src/components/crud/show/index.spec.tsx
+++ b/packages/mui/src/components/crud/show/index.spec.tsx
@@ -1,6 +1,6 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { Route, Routes } from "react-router-dom";
-import { AccessControlProvider } from "@refinedev/core";
+import type { AccessControlProvider } from "@refinedev/core";
 import { crudShowTests } from "@refinedev/ui-tests";
 
 import { render, TestWrapper, waitFor } from "@test";
diff --git a/packages/mui/src/components/crud/show/index.tsx b/packages/mui/src/components/crud/show/index.tsx
index 7701053df759..0e10b5ba0a3c 100644
--- a/packages/mui/src/components/crud/show/index.tsx
+++ b/packages/mui/src/components/crud/show/index.tsx
@@ -27,12 +27,12 @@ import {
   ListButton,
   EditButton,
   Breadcrumb,
-  ListButtonProps,
-  EditButtonProps,
-  DeleteButtonProps,
-  RefreshButtonProps,
+  type ListButtonProps,
+  type EditButtonProps,
+  type DeleteButtonProps,
+  type RefreshButtonProps,
 } from "@components";
-import { ShowProps } from "../types";
+import type { ShowProps } from "../types";
 import { RefinePageHeaderClassNames } from "@refinedev/ui-types";
 
 /**
diff --git a/packages/mui/src/components/crud/types.ts b/packages/mui/src/components/crud/types.ts
index 81720c59620e..057d4abbd034 100644
--- a/packages/mui/src/components/crud/types.ts
+++ b/packages/mui/src/components/crud/types.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   CreateButtonProps,
   DeleteButtonProps,
   EditButtonProps,
@@ -13,7 +13,7 @@ import type { CardContentProps } from "@mui/material/CardContent";
 import type { CardHeaderProps } from "@mui/material/CardHeader";
 import type { CardProps } from "@mui/material/Card";
 
-import {
+import type {
   RefineCrudCreateProps,
   RefineCrudEditProps,
   RefineCrudListProps,
diff --git a/packages/mui/src/components/fields/boolean/index.tsx b/packages/mui/src/components/fields/boolean/index.tsx
index 74ef1d0542a5..06e82eb57f52 100644
--- a/packages/mui/src/components/fields/boolean/index.tsx
+++ b/packages/mui/src/components/fields/boolean/index.tsx
@@ -4,7 +4,7 @@ import Tooltip from "@mui/material/Tooltip";
 import CheckOutlined from "@mui/icons-material/CheckOutlined";
 import CloseOutlined from "@mui/icons-material/CloseOutlined";
 
-import { BooleanFieldProps } from "../types";
+import type { BooleanFieldProps } from "../types";
 
 /**
  * This field is used to display boolean values. It uses the {@link https://mui.com/material-ui/react-tooltip/#main-content `<Tooltip>`} values from Materila UI.
diff --git a/packages/mui/src/components/fields/date/index.tsx b/packages/mui/src/components/fields/date/index.tsx
index 325de8653ce6..b7fd14541a99 100644
--- a/packages/mui/src/components/fields/date/index.tsx
+++ b/packages/mui/src/components/fields/date/index.tsx
@@ -6,7 +6,7 @@ import LocalizedFormat from "dayjs/plugin/localizedFormat";
 
 import Typography from "@mui/material/Typography";
 
-import { DateFieldProps } from "../types";
+import type { DateFieldProps } from "../types";
 
 dayjs.extend(LocalizedFormat);
 
diff --git a/packages/mui/src/components/fields/email/index.tsx b/packages/mui/src/components/fields/email/index.tsx
index be3aa1b4cf04..47426a5fb421 100644
--- a/packages/mui/src/components/fields/email/index.tsx
+++ b/packages/mui/src/components/fields/email/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import Typography from "@mui/material/Typography";
 import Link from "@mui/material/Link";
 
-import { EmailFieldProps } from "../types";
+import type { EmailFieldProps } from "../types";
 
 /**
  * This field is used to display email values. It uses the {@link https://mui.com/material-ui/react-typography/#main-content `<Typography>` }
diff --git a/packages/mui/src/components/fields/file/index.tsx b/packages/mui/src/components/fields/file/index.tsx
index 5b90f6e37174..351635210a82 100644
--- a/packages/mui/src/components/fields/file/index.tsx
+++ b/packages/mui/src/components/fields/file/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 import { UrlField } from "@components";
 
-import { FileFieldProps } from "../types";
+import type { FileFieldProps } from "../types";
 
 /**
  * This field is used to display files and  uses Material UI {@link https://mui.com/material-ui/react-typography/#main-content `<Typography>`}  and {@link https://mui.com/material-ui/react-link/#main-content `<Link>`} components.
diff --git a/packages/mui/src/components/fields/markdown/index.tsx b/packages/mui/src/components/fields/markdown/index.tsx
index 999f2f233e6d..6f20e1192125 100644
--- a/packages/mui/src/components/fields/markdown/index.tsx
+++ b/packages/mui/src/components/fields/markdown/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import ReactMarkdown from "react-markdown";
 import gfm from "remark-gfm";
 
-import { MarkdownFieldProps } from "../types";
+import type { MarkdownFieldProps } from "../types";
 
 /**
  * This field lets you display markdown content. It supports {@link https://github.github.com/gfm/ GitHub Flavored Markdown}.
diff --git a/packages/mui/src/components/fields/number/index.tsx b/packages/mui/src/components/fields/number/index.tsx
index 72c74d526306..a1bdb8ba5c4f 100644
--- a/packages/mui/src/components/fields/number/index.tsx
+++ b/packages/mui/src/components/fields/number/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import Typography from "@mui/material/Typography";
 
-import { NumberFieldProps } from "../types";
+import type { NumberFieldProps } from "../types";
 
 function toLocaleStringSupportsOptions() {
   return !!(
diff --git a/packages/mui/src/components/fields/tag/index.tsx b/packages/mui/src/components/fields/tag/index.tsx
index bb384be1f403..d9cd6743a5b0 100644
--- a/packages/mui/src/components/fields/tag/index.tsx
+++ b/packages/mui/src/components/fields/tag/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import Chip from "@mui/material/Chip";
 
-import { TagFieldProps } from "../types";
+import type { TagFieldProps } from "../types";
 
 /**
  * This field lets you display a value in a tag. It uses Material UI {@link https://mui.com/material-ui/react-chip/#main-content `<Chip>`} component.
diff --git a/packages/mui/src/components/fields/text/index.tsx b/packages/mui/src/components/fields/text/index.tsx
index dd73ed39d23a..d53a4e7166ac 100644
--- a/packages/mui/src/components/fields/text/index.tsx
+++ b/packages/mui/src/components/fields/text/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import Typography from "@mui/material/Typography";
 
-import { TextFieldProps } from "../types";
+import type { TextFieldProps } from "../types";
 
 /**
  * This field lets you show basic text. It uses Materail UI {@link https://mui.com/material-ui/react-typography/#main-content `<Typography>`} component.
diff --git a/packages/mui/src/components/fields/types.ts b/packages/mui/src/components/fields/types.ts
index d8d3dcc938fd..62a5bf0bc3a7 100644
--- a/packages/mui/src/components/fields/types.ts
+++ b/packages/mui/src/components/fields/types.ts
@@ -1,4 +1,4 @@
-import { ReactChild, ReactNode } from "react";
+import type { ReactChild, ReactNode } from "react";
 
 import type { ChipProps } from "@mui/material/Chip";
 import type { LinkProps } from "@mui/material/Link";
@@ -6,7 +6,7 @@ import type { SvgIconProps } from "@mui/material/SvgIcon";
 import type { TooltipProps } from "@mui/material/Tooltip";
 import type { TypographyProps } from "@mui/material/Typography";
 
-import {
+import type {
   RefineFieldBooleanProps,
   RefineFieldDateProps,
   RefineFieldEmailProps,
diff --git a/packages/mui/src/components/fields/url/index.tsx b/packages/mui/src/components/fields/url/index.tsx
index d6e1ce5ecab2..b152deb7ee9e 100644
--- a/packages/mui/src/components/fields/url/index.tsx
+++ b/packages/mui/src/components/fields/url/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import Link from "@mui/material/Link";
 import Typography from "@mui/material/Typography";
 
-import { UrlFieldProps } from "../types";
+import type { UrlFieldProps } from "../types";
 
 /**
  * This field lets you embed a link.It uses the {@link https://mui.com/material-ui/react-typography/#main-content `<Typography>` }
diff --git a/packages/mui/src/components/layout/header/index.tsx b/packages/mui/src/components/layout/header/index.tsx
index e8234a4fec00..562e0143d29a 100644
--- a/packages/mui/src/components/layout/header/index.tsx
+++ b/packages/mui/src/components/layout/header/index.tsx
@@ -7,7 +7,7 @@ import Toolbar from "@mui/material/Toolbar";
 import Typography from "@mui/material/Typography";
 import Avatar from "@mui/material/Avatar";
 
-import { RefineLayoutHeaderProps } from "../types";
+import type { RefineLayoutHeaderProps } from "../types";
 
 export const Header: React.FC<RefineLayoutHeaderProps> = () => {
   const authProvider = useActiveAuthProvider();
diff --git a/packages/mui/src/components/layout/index.tsx b/packages/mui/src/components/layout/index.tsx
index 5bc6eeb96275..05854247e498 100644
--- a/packages/mui/src/components/layout/index.tsx
+++ b/packages/mui/src/components/layout/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import Box from "@mui/material/Box";
 
-import { RefineLayoutLayoutProps } from "./types";
+import type { RefineLayoutLayoutProps } from "./types";
 import { Sider as DefaultSider } from "./sider";
 import { Header as DefaultHeader } from "./header";
 
diff --git a/packages/mui/src/components/layout/sider/index.tsx b/packages/mui/src/components/layout/sider/index.tsx
index de09770ad776..b764b6839631 100644
--- a/packages/mui/src/components/layout/sider/index.tsx
+++ b/packages/mui/src/components/layout/sider/index.tsx
@@ -22,7 +22,7 @@ import Dashboard from "@mui/icons-material/Dashboard";
 
 import {
   CanAccess,
-  ITreeMenu,
+  type ITreeMenu,
   useIsExistAuthentication,
   useLogout,
   useTitle,
@@ -37,7 +37,7 @@ import {
   useWarnAboutChange,
 } from "@refinedev/core";
 
-import { RefineLayoutSiderProps } from "../types";
+import type { RefineLayoutSiderProps } from "../types";
 
 import { Title as DefaultTitle } from "@components";
 
diff --git a/packages/mui/src/components/layout/title/index.tsx b/packages/mui/src/components/layout/title/index.tsx
index 5e835817925c..5176f8be29b0 100644
--- a/packages/mui/src/components/layout/title/index.tsx
+++ b/packages/mui/src/components/layout/title/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import {
   useRouterContext,
-  TitleProps,
+  type TitleProps,
   useLink,
   useRouterType,
 } from "@refinedev/core";
diff --git a/packages/mui/src/components/pages/auth/components/forgotPassword/index.tsx b/packages/mui/src/components/pages/auth/components/forgotPassword/index.tsx
index 354519c6148e..73ea8bd9be96 100644
--- a/packages/mui/src/components/pages/auth/components/forgotPassword/index.tsx
+++ b/packages/mui/src/components/pages/auth/components/forgotPassword/index.tsx
@@ -10,7 +10,7 @@ import MuiLink from "@mui/material/Link";
 import type { BoxProps } from "@mui/material/Box";
 import type { CardContentProps } from "@mui/material/CardContent";
 
-import {
+import type {
   ForgotPasswordFormTypes,
   ForgotPasswordPageProps,
 } from "@refinedev/core";
@@ -18,8 +18,8 @@ import { useForm } from "@refinedev/react-hook-form";
 import * as React from "react";
 
 import {
-  BaseRecord,
-  HttpError,
+  type BaseRecord,
+  type HttpError,
   useForgotPassword,
   useLink,
   useRouterContext,
@@ -28,7 +28,7 @@ import {
 } from "@refinedev/core";
 
 import { ThemedTitleV2 } from "@components";
-import { FormPropsType } from "../../index";
+import type { FormPropsType } from "../../index";
 import { layoutStyles, titleStyles } from "../styles";
 
 type ForgotPasswordProps = ForgotPasswordPageProps<
diff --git a/packages/mui/src/components/pages/auth/components/login/index.tsx b/packages/mui/src/components/pages/auth/components/login/index.tsx
index 750d479de65d..269098147496 100644
--- a/packages/mui/src/components/pages/auth/components/login/index.tsx
+++ b/packages/mui/src/components/pages/auth/components/login/index.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import {
-  LoginPageProps,
-  LoginFormTypes,
+  type LoginPageProps,
+  type LoginFormTypes,
   useActiveAuthProvider,
 } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
@@ -24,8 +24,8 @@ import type { BoxProps } from "@mui/material/Box";
 import type { CardContentProps } from "@mui/material/CardContent";
 
 import {
-  BaseRecord,
-  HttpError,
+  type BaseRecord,
+  type HttpError,
   useLogin,
   useTranslate,
   useRouterContext,
@@ -34,7 +34,7 @@ import {
 } from "@refinedev/core";
 import { layoutStyles, titleStyles } from "../styles";
 
-import { FormPropsType } from "../../index";
+import type { FormPropsType } from "../../index";
 import { ThemedTitleV2 } from "@components";
 
 type LoginProps = LoginPageProps<BoxProps, CardContentProps, FormPropsType>;
diff --git a/packages/mui/src/components/pages/auth/components/register/index.tsx b/packages/mui/src/components/pages/auth/components/register/index.tsx
index d815e5d7bec9..664264a094cb 100644
--- a/packages/mui/src/components/pages/auth/components/register/index.tsx
+++ b/packages/mui/src/components/pages/auth/components/register/index.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import {
-  RegisterFormTypes,
-  RegisterPageProps,
+  type RegisterFormTypes,
+  type RegisterPageProps,
   useActiveAuthProvider,
 } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
@@ -21,8 +21,8 @@ import type { BoxProps } from "@mui/material/Box";
 import type { CardContentProps } from "@mui/material/CardContent";
 
 import {
-  BaseRecord,
-  HttpError,
+  type BaseRecord,
+  type HttpError,
   useTranslate,
   useRouterContext,
   useRouterType,
@@ -31,7 +31,7 @@ import {
 } from "@refinedev/core";
 
 import { layoutStyles, titleStyles } from "../styles";
-import { FormPropsType } from "../../index";
+import type { FormPropsType } from "../../index";
 import { ThemedTitleV2 } from "@components";
 
 type RegisterProps = RegisterPageProps<
diff --git a/packages/mui/src/components/pages/auth/components/styles.ts b/packages/mui/src/components/pages/auth/components/styles.ts
index 24a21b3c7a29..aba35d367f75 100644
--- a/packages/mui/src/components/pages/auth/components/styles.ts
+++ b/packages/mui/src/components/pages/auth/components/styles.ts
@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 
 export const layoutStyles: CSSProperties = {};
 
diff --git a/packages/mui/src/components/pages/auth/components/updatePassword/index.tsx b/packages/mui/src/components/pages/auth/components/updatePassword/index.tsx
index 92a1f97e8aa6..8618bffef058 100644
--- a/packages/mui/src/components/pages/auth/components/updatePassword/index.tsx
+++ b/packages/mui/src/components/pages/auth/components/updatePassword/index.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import {
-  UpdatePasswordFormTypes,
-  UpdatePasswordPageProps,
+  type UpdatePasswordFormTypes,
+  type UpdatePasswordPageProps,
   useActiveAuthProvider,
 } from "@refinedev/core";
 
@@ -19,14 +19,14 @@ import type { BoxProps } from "@mui/material/Box";
 import type { CardContentProps } from "@mui/material/CardContent";
 
 import {
-  BaseRecord,
-  HttpError,
+  type BaseRecord,
+  type HttpError,
   useTranslate,
   useUpdatePassword,
 } from "@refinedev/core";
 
 import { layoutStyles, titleStyles } from "../styles";
-import { FormPropsType } from "../../index";
+import type { FormPropsType } from "../../index";
 import { ThemedTitleV2 } from "@components";
 
 type UpdatePasswordProps = UpdatePasswordPageProps<
diff --git a/packages/mui/src/components/pages/auth/index.tsx b/packages/mui/src/components/pages/auth/index.tsx
index f8f27900ee44..9f4cedc0a08d 100644
--- a/packages/mui/src/components/pages/auth/index.tsx
+++ b/packages/mui/src/components/pages/auth/index.tsx
@@ -2,9 +2,9 @@ import React from "react";
 import type { BoxProps } from "@mui/material/Box";
 import type { CardProps } from "@mui/material/Card";
 
-import { AuthPageProps, RegisterFormTypes } from "@refinedev/core";
+import type { AuthPageProps, RegisterFormTypes } from "@refinedev/core";
 
-import { UseFormProps } from "@refinedev/react-hook-form";
+import type { UseFormProps } from "@refinedev/react-hook-form";
 
 import {
   LoginPage,
diff --git a/packages/mui/src/components/pages/error/index.spec.tsx b/packages/mui/src/components/pages/error/index.spec.tsx
index 1ea8688e4422..f7ed1283831b 100644
--- a/packages/mui/src/components/pages/error/index.spec.tsx
+++ b/packages/mui/src/components/pages/error/index.spec.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import { pageErrorTests } from "@refinedev/ui-tests";
-import ReactRouterDom, { Route, Routes } from "react-router-dom";
+import type ReactRouterDom from "react-router-dom";
+import { Route, Routes } from "react-router-dom";
 
 import { ErrorComponent } from ".";
 import { render, fireEvent, TestWrapper, act } from "@test";
diff --git a/packages/mui/src/components/pages/error/index.tsx b/packages/mui/src/components/pages/error/index.tsx
index 8c73e54c6d69..b4b4aa434738 100644
--- a/packages/mui/src/components/pages/error/index.tsx
+++ b/packages/mui/src/components/pages/error/index.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { useGo, useResource, useRouterType } from "@refinedev/core";
-import { RefineErrorPageProps } from "@refinedev/ui-types";
+import type { RefineErrorPageProps } from "@refinedev/ui-types";
 import { useNavigation, useTranslate } from "@refinedev/core";
 
 import Stack from "@mui/material/Stack";
diff --git a/packages/mui/src/components/pages/login/index.tsx b/packages/mui/src/components/pages/login/index.tsx
index ec49cdb6e861..8db5467c4352 100644
--- a/packages/mui/src/components/pages/login/index.tsx
+++ b/packages/mui/src/components/pages/login/index.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { LoginPageProps, useActiveAuthProvider } from "@refinedev/core";
+import { type LoginPageProps, useActiveAuthProvider } from "@refinedev/core";
 import { useForm } from "@refinedev/react-hook-form";
 
 import Button from "@mui/material/Button";
@@ -13,7 +13,12 @@ import Container from "@mui/material/Container";
 import Card from "@mui/material/Card";
 import CardContent from "@mui/material/CardContent";
 
-import { BaseRecord, HttpError, useLogin, useTranslate } from "@refinedev/core";
+import {
+  type BaseRecord,
+  type HttpError,
+  useLogin,
+  useTranslate,
+} from "@refinedev/core";
 
 type ILoginForm = {
   username: string;
diff --git a/packages/mui/src/components/pages/ready/index.tsx b/packages/mui/src/components/pages/ready/index.tsx
index ca86cee95497..712f1c93b77e 100644
--- a/packages/mui/src/components/pages/ready/index.tsx
+++ b/packages/mui/src/components/pages/ready/index.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { RefineReadyPageProps } from "@refinedev/ui-types";
+import type { RefineReadyPageProps } from "@refinedev/ui-types";
 
 import Stack from "@mui/material/Stack";
 import Grid from "@mui/material/Grid";
diff --git a/packages/mui/src/components/themedLayout/header/index.tsx b/packages/mui/src/components/themedLayout/header/index.tsx
index 0c9536f465f1..7f3faca5a73a 100644
--- a/packages/mui/src/components/themedLayout/header/index.tsx
+++ b/packages/mui/src/components/themedLayout/header/index.tsx
@@ -10,7 +10,7 @@ import IconButton from "@mui/material/IconButton";
 
 import Menu from "@mui/icons-material/Menu";
 
-import { RefineThemedLayoutHeaderProps } from "../types";
+import type { RefineThemedLayoutHeaderProps } from "../types";
 
 /**
  * @deprecated It is recommended to use the improved `ThemedLayoutV2`. Review migration guidelines. https://refine.dev/docs/api-reference/mui/components/mui-themed-layout/#migrate-themedlayout-to-themedlayoutv2
diff --git a/packages/mui/src/components/themedLayout/index.tsx b/packages/mui/src/components/themedLayout/index.tsx
index 0e914ee95056..bb6df1dd124b 100644
--- a/packages/mui/src/components/themedLayout/index.tsx
+++ b/packages/mui/src/components/themedLayout/index.tsx
@@ -3,7 +3,7 @@ import Box from "@mui/material/Box";
 
 import { ThemedSider as DefaultSider } from "./sider";
 import { ThemedHeader as DefaultHeader } from "./header";
-import { RefineThemedLayoutProps } from "./types";
+import type { RefineThemedLayoutProps } from "./types";
 
 /**
  * @deprecated It is recommended to use the improved `ThemedLayoutV2`. Review migration guidelines. https://refine.dev/docs/api-reference/mui/components/mui-themed-layout/#migrate-themedlayout-to-themedlayoutv2
diff --git a/packages/mui/src/components/themedLayout/sider/index.tsx b/packages/mui/src/components/themedLayout/sider/index.tsx
index d28acb1251d1..7d4921798c65 100644
--- a/packages/mui/src/components/themedLayout/sider/index.tsx
+++ b/packages/mui/src/components/themedLayout/sider/index.tsx
@@ -21,7 +21,7 @@ import Dashboard from "@mui/icons-material/Dashboard";
 
 import {
   CanAccess,
-  ITreeMenu,
+  type ITreeMenu,
   useIsExistAuthentication,
   useLogout,
   useTitle,
@@ -36,7 +36,7 @@ import {
   useWarnAboutChange,
 } from "@refinedev/core";
 
-import { RefineThemedLayoutSiderProps } from "../types";
+import type { RefineThemedLayoutSiderProps } from "../types";
 
 import { ThemedTitle as DefaultTitle } from "@components";
 
diff --git a/packages/mui/src/components/themedLayout/title/index.tsx b/packages/mui/src/components/themedLayout/title/index.tsx
index a8afffcb267d..5287a1cfb7ff 100644
--- a/packages/mui/src/components/themedLayout/title/index.tsx
+++ b/packages/mui/src/components/themedLayout/title/index.tsx
@@ -5,7 +5,7 @@ import MuiLink from "@mui/material/Link";
 import SvgIcon from "@mui/material/SvgIcon";
 import Typography from "@mui/material/Typography";
 
-import { RefineLayoutThemedTitleProps } from "../types";
+import type { RefineLayoutThemedTitleProps } from "../types";
 
 const defaultText = "Refine Project";
 
diff --git a/packages/mui/src/components/themedLayoutV2/header/index.spec.tsx b/packages/mui/src/components/themedLayoutV2/header/index.spec.tsx
index f9475c62b542..f1ac8e1a352c 100644
--- a/packages/mui/src/components/themedLayoutV2/header/index.spec.tsx
+++ b/packages/mui/src/components/themedLayoutV2/header/index.spec.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { render, TestWrapper, waitFor } from "@test";
 import { ThemedHeaderV2 } from "./index";
-import { AuthProvider, LegacyAuthProvider } from "@refinedev/core";
+import type { AuthProvider, LegacyAuthProvider } from "@refinedev/core";
 
 const mockLegacyAuthProvider: LegacyAuthProvider = {
   login: () => Promise.resolve(),
diff --git a/packages/mui/src/components/themedLayoutV2/header/index.tsx b/packages/mui/src/components/themedLayoutV2/header/index.tsx
index 18b06289d3eb..6aa8e84d6ce8 100644
--- a/packages/mui/src/components/themedLayoutV2/header/index.tsx
+++ b/packages/mui/src/components/themedLayoutV2/header/index.tsx
@@ -11,7 +11,7 @@ import Toolbar from "@mui/material/Toolbar";
 import Typography from "@mui/material/Typography";
 import Avatar from "@mui/material/Avatar";
 
-import { RefineThemedLayoutV2HeaderProps } from "../types";
+import type { RefineThemedLayoutV2HeaderProps } from "../types";
 
 import { HamburgerMenu } from "../hamburgerMenu";
 
diff --git a/packages/mui/src/components/themedLayoutV2/index.tsx b/packages/mui/src/components/themedLayoutV2/index.tsx
index 82a0f9f5757e..1084a4273e8d 100644
--- a/packages/mui/src/components/themedLayoutV2/index.tsx
+++ b/packages/mui/src/components/themedLayoutV2/index.tsx
@@ -5,7 +5,7 @@ import Box from "@mui/material/Box";
 import { ThemedLayoutContextProvider } from "@contexts";
 import { ThemedSiderV2 as DefaultSider } from "./sider";
 import { ThemedHeaderV2 as DefaultHeader } from "./header";
-import { RefineThemedLayoutV2Props } from "./types";
+import type { RefineThemedLayoutV2Props } from "./types";
 
 export const ThemedLayoutV2: React.FC<RefineThemedLayoutV2Props> = ({
   Sider,
diff --git a/packages/mui/src/components/themedLayoutV2/sider/index.tsx b/packages/mui/src/components/themedLayoutV2/sider/index.tsx
index 4a248ff084e8..0c133ea3157d 100644
--- a/packages/mui/src/components/themedLayoutV2/sider/index.tsx
+++ b/packages/mui/src/components/themedLayoutV2/sider/index.tsx
@@ -1,4 +1,4 @@
-import React, { CSSProperties, useState } from "react";
+import React, { type CSSProperties, useState } from "react";
 
 import Box from "@mui/material/Box";
 import Drawer from "@mui/material/Drawer";
@@ -20,7 +20,7 @@ import Dashboard from "@mui/icons-material/Dashboard";
 
 import {
   CanAccess,
-  ITreeMenu,
+  type ITreeMenu,
   useIsExistAuthentication,
   useLogout,
   useTitle,
@@ -34,7 +34,7 @@ import {
   pickNotDeprecated,
   useWarnAboutChange,
 } from "@refinedev/core";
-import { RefineThemedLayoutV2SiderProps } from "../types";
+import type { RefineThemedLayoutV2SiderProps } from "../types";
 
 import { ThemedTitleV2 as DefaultTitle } from "@components";
 import { useThemedLayoutContext } from "@hooks";
diff --git a/packages/mui/src/components/themedLayoutV2/title/index.tsx b/packages/mui/src/components/themedLayoutV2/title/index.tsx
index cf8ee349cfce..c4c2e1c70808 100644
--- a/packages/mui/src/components/themedLayoutV2/title/index.tsx
+++ b/packages/mui/src/components/themedLayoutV2/title/index.tsx
@@ -5,7 +5,7 @@ import MuiLink from "@mui/material/Link";
 import SvgIcon from "@mui/material/SvgIcon";
 import Typography from "@mui/material/Typography";
 
-import { RefineLayoutThemedTitleProps } from "../types";
+import type { RefineLayoutThemedTitleProps } from "../types";
 
 const defaultText = "Refine Project";
 
diff --git a/packages/mui/src/contexts/themedLayoutContext/index.tsx b/packages/mui/src/contexts/themedLayoutContext/index.tsx
index d193fa8f6208..cedb65c6a300 100644
--- a/packages/mui/src/contexts/themedLayoutContext/index.tsx
+++ b/packages/mui/src/contexts/themedLayoutContext/index.tsx
@@ -1,6 +1,6 @@
-import React, { ReactNode, useState } from "react";
+import React, { type ReactNode, useState } from "react";
 
-import { IThemedLayoutContext } from "./IThemedLayoutContext";
+import type { IThemedLayoutContext } from "./IThemedLayoutContext";
 
 export const ThemedLayoutContext = React.createContext<IThemedLayoutContext>({
   siderCollapsed: false,
diff --git a/packages/mui/src/definitions/dataGrid/index.spec.ts b/packages/mui/src/definitions/dataGrid/index.spec.ts
index 996648539f5a..c86b3efc3593 100644
--- a/packages/mui/src/definitions/dataGrid/index.spec.ts
+++ b/packages/mui/src/definitions/dataGrid/index.spec.ts
@@ -1,6 +1,6 @@
 import type { GridFilterModel, GridSortModel } from "@mui/x-data-grid";
 import { GridLogicOperator } from "@mui/x-data-grid";
-import { CrudFilters, CrudSorting } from "@refinedev/core";
+import type { CrudFilters, CrudSorting } from "@refinedev/core";
 
 import {
   transformCrudFiltersToFilterModel,
diff --git a/packages/mui/src/definitions/dataGrid/index.ts b/packages/mui/src/definitions/dataGrid/index.ts
index 915f14217627..1b1388ac8e36 100644
--- a/packages/mui/src/definitions/dataGrid/index.ts
+++ b/packages/mui/src/definitions/dataGrid/index.ts
@@ -5,7 +5,7 @@ import type {
 } from "@mui/x-data-grid";
 import { GridLogicOperator } from "@mui/x-data-grid";
 
-import {
+import type {
   CrudFilters,
   CrudOperators,
   CrudSorting,
diff --git a/packages/mui/src/hooks/useAutocomplete/index.ts b/packages/mui/src/hooks/useAutocomplete/index.ts
index f796b3346801..2e88377e6955 100644
--- a/packages/mui/src/hooks/useAutocomplete/index.ts
+++ b/packages/mui/src/hooks/useAutocomplete/index.ts
@@ -1,9 +1,9 @@
 import {
   useSelect as useSelectCore,
-  HttpError,
-  UseSelectProps,
-  UseSelectReturnType,
-  BaseRecord,
+  type HttpError,
+  type UseSelectProps,
+  type UseSelectReturnType,
+  type BaseRecord,
 } from "@refinedev/core";
 
 import type { AutocompleteProps } from "@mui/material/Autocomplete";
diff --git a/packages/mui/src/hooks/useDataGrid/index.spec.ts b/packages/mui/src/hooks/useDataGrid/index.spec.ts
index fbff01c09943..cb109274e3d4 100644
--- a/packages/mui/src/hooks/useDataGrid/index.spec.ts
+++ b/packages/mui/src/hooks/useDataGrid/index.spec.ts
@@ -3,7 +3,7 @@ import { renderHook, waitFor } from "@testing-library/react";
 import { MockJSONServer, TestWrapper } from "@test";
 
 import { useDataGrid } from "./";
-import { CrudFilters } from "@refinedev/core";
+import type { CrudFilters } from "@refinedev/core";
 import { act } from "react-dom/test-utils";
 
 describe("useDataGrid Hook", () => {
diff --git a/packages/mui/src/hooks/useDataGrid/index.ts b/packages/mui/src/hooks/useDataGrid/index.ts
index 6dbcc8769bea..f7b3373f161c 100644
--- a/packages/mui/src/hooks/useDataGrid/index.ts
+++ b/packages/mui/src/hooks/useDataGrid/index.ts
@@ -1,14 +1,14 @@
 import {
-  BaseRecord,
-  CrudFilters,
-  HttpError,
-  Pagination,
+  type BaseRecord,
+  type CrudFilters,
+  type HttpError,
+  type Pagination,
   pickNotDeprecated,
-  Prettify,
+  type Prettify,
   useLiveMode,
   useTable as useTableCore,
-  useTableProps as useTablePropsCore,
-  useTableReturnType as useTableReturnTypeCore,
+  type useTableProps as useTablePropsCore,
+  type useTableReturnType as useTableReturnTypeCore,
 } from "@refinedev/core";
 import { useState } from "react";
 
diff --git a/packages/mui/src/hooks/useThemedLayoutContext/index.ts b/packages/mui/src/hooks/useThemedLayoutContext/index.ts
index c40890697615..3412274907cb 100644
--- a/packages/mui/src/hooks/useThemedLayoutContext/index.ts
+++ b/packages/mui/src/hooks/useThemedLayoutContext/index.ts
@@ -1,7 +1,7 @@
 import { useContext } from "react";
 
 import { ThemedLayoutContext } from "../../contexts";
-import { IThemedLayoutContext } from "../../contexts/themedLayoutContext/IThemedLayoutContext";
+import type { IThemedLayoutContext } from "../../contexts/themedLayoutContext/IThemedLayoutContext";
 
 export type UseThemedLayoutContextType = IThemedLayoutContext;
 
diff --git a/packages/mui/src/providers/notificationProvider/index.spec.tsx b/packages/mui/src/providers/notificationProvider/index.spec.tsx
index b5ad1a6583c9..ccb52e3a389e 100644
--- a/packages/mui/src/providers/notificationProvider/index.spec.tsx
+++ b/packages/mui/src/providers/notificationProvider/index.spec.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import * as Snack from "notistack";
 
-import { OpenNotificationParams } from "@refinedev/core";
+import type { OpenNotificationParams } from "@refinedev/core";
 
 import { CircularDeterminate } from "@components/circularDeterminate";
 
diff --git a/packages/mui/src/providers/notificationProvider/index.tsx b/packages/mui/src/providers/notificationProvider/index.tsx
index 949f41d2e8d0..8f7786ff1d32 100644
--- a/packages/mui/src/providers/notificationProvider/index.tsx
+++ b/packages/mui/src/providers/notificationProvider/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NotificationProvider } from "@refinedev/core";
+import type { NotificationProvider } from "@refinedev/core";
 
 import { useSnackbar } from "notistack";
 
diff --git a/packages/mui/test/dataMocks.ts b/packages/mui/test/dataMocks.ts
index 30ea3b7fe41b..b89ace2ee0b7 100644
--- a/packages/mui/test/dataMocks.ts
+++ b/packages/mui/test/dataMocks.ts
@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { useParams, useLocation, Link, useNavigate } from "react-router-dom";
 
 /* import {
diff --git a/packages/mui/test/index.tsx b/packages/mui/test/index.tsx
index f6cd1503146c..778f3ef685aa 100644
--- a/packages/mui/test/index.tsx
+++ b/packages/mui/test/index.tsx
@@ -2,14 +2,14 @@ import React from "react";
 import { BrowserRouter } from "react-router-dom";
 
 import {
-  AuthProvider,
+  type AuthProvider,
   Refine,
-  I18nProvider,
-  AccessControlProvider,
-  LegacyAuthProvider,
-  DataProvider,
-  NotificationProvider,
-  IResourceItem,
+  type I18nProvider,
+  type AccessControlProvider,
+  type LegacyAuthProvider,
+  type DataProvider,
+  type NotificationProvider,
+  type IResourceItem,
 } from "@refinedev/core";
 
 import { MockRouterProvider, MockJSONServer } from "@test";
diff --git a/packages/nestjs-query/src/dataProvider/index.ts b/packages/nestjs-query/src/dataProvider/index.ts
index 51fbfda0ee7a..bc1f29b4b4c2 100644
--- a/packages/nestjs-query/src/dataProvider/index.ts
+++ b/packages/nestjs-query/src/dataProvider/index.ts
@@ -1,9 +1,9 @@
-import { BaseRecord, DataProvider, LogicalFilter } from "@refinedev/core";
+import type { BaseRecord, DataProvider, LogicalFilter } from "@refinedev/core";
 
 import camelcase from "camelcase";
 import * as gql from "gql-query-builder";
-import VariableOptions from "gql-query-builder/build/VariableOptions";
-import { GraphQLClient } from "graphql-request";
+import type VariableOptions from "gql-query-builder/build/VariableOptions";
+import type { GraphQLClient } from "graphql-request";
 import gqlTag from "graphql-tag";
 import { singular } from "pluralize";
 
diff --git a/packages/nestjs-query/src/liveProvider/index.ts b/packages/nestjs-query/src/liveProvider/index.ts
index de25b90c3ff7..078d1a2bf98a 100644
--- a/packages/nestjs-query/src/liveProvider/index.ts
+++ b/packages/nestjs-query/src/liveProvider/index.ts
@@ -1,6 +1,6 @@
-import { LiveProvider } from "@refinedev/core";
+import type { LiveProvider } from "@refinedev/core";
 
-import { Client } from "graphql-ws";
+import type { Client } from "graphql-ws";
 
 import { generateSubscription } from "../utils";
 
diff --git a/packages/nestjs-query/src/utils/graphql.ts b/packages/nestjs-query/src/utils/graphql.ts
index d59599c17b82..ecbd99d5753c 100644
--- a/packages/nestjs-query/src/utils/graphql.ts
+++ b/packages/nestjs-query/src/utils/graphql.ts
@@ -1,4 +1,9 @@
-import { FieldNode, DocumentNode, visit, SelectionSetNode } from "graphql";
+import {
+  type FieldNode,
+  type DocumentNode,
+  visit,
+  type SelectionSetNode,
+} from "graphql";
 
 const getChildNodesField = (node: FieldNode): FieldNode | undefined => {
   return node?.selectionSet?.selections?.find(
diff --git a/packages/nestjs-query/src/utils/index.ts b/packages/nestjs-query/src/utils/index.ts
index 3e8bb8f95732..81b5990bcd29 100644
--- a/packages/nestjs-query/src/utils/index.ts
+++ b/packages/nestjs-query/src/utils/index.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   CrudFilter,
   CrudOperators,
   CrudSorting,
@@ -8,8 +8,8 @@ import {
 
 import camelcase from "camelcase";
 import * as gql from "gql-query-builder";
-import VariableOptions from "gql-query-builder/build/VariableOptions";
-import { Client } from "graphql-ws";
+import type VariableOptions from "gql-query-builder/build/VariableOptions";
+import type { Client } from "graphql-ws";
 import set from "lodash/set";
 import { singular } from "pluralize";
 
diff --git a/packages/nestjs-query/test/custom/index.spec.ts b/packages/nestjs-query/test/custom/index.spec.ts
index 0723156cf25b..9f675ec4d411 100644
--- a/packages/nestjs-query/test/custom/index.spec.ts
+++ b/packages/nestjs-query/test/custom/index.spec.ts
@@ -1,4 +1,4 @@
-import { BaseRecord } from "@refinedev/core";
+import type { BaseRecord } from "@refinedev/core";
 
 import dataProvider from "../../src/index";
 import client from "../gqlClient";
diff --git a/packages/nestjsx-crud/src/provider.ts b/packages/nestjsx-crud/src/provider.ts
index d104c3321353..3bce540517ae 100644
--- a/packages/nestjsx-crud/src/provider.ts
+++ b/packages/nestjsx-crud/src/provider.ts
@@ -1,6 +1,6 @@
 import { CondOperator, RequestQueryBuilder } from "@nestjsx/crud-request";
-import { DataProvider, HttpError } from "@refinedev/core";
-import { AxiosInstance } from "axios";
+import type { DataProvider, HttpError } from "@refinedev/core";
+import type { AxiosInstance } from "axios";
 import { stringify } from "query-string";
 import {
   axiosInstance,
diff --git a/packages/nestjsx-crud/src/utils/axios.ts b/packages/nestjsx-crud/src/utils/axios.ts
index 641864871cc1..1d754a17d617 100644
--- a/packages/nestjsx-crud/src/utils/axios.ts
+++ b/packages/nestjsx-crud/src/utils/axios.ts
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import axios from "axios";
 
 export const axiosInstance = axios.create();
diff --git a/packages/nestjsx-crud/src/utils/handleFilter.ts b/packages/nestjsx-crud/src/utils/handleFilter.ts
index 22eeaf99d0a1..2f650865009f 100644
--- a/packages/nestjsx-crud/src/utils/handleFilter.ts
+++ b/packages/nestjsx-crud/src/utils/handleFilter.ts
@@ -1,5 +1,5 @@
-import { CrudFilters, CrudFilter } from "@refinedev/core";
-import { RequestQueryBuilder, SCondition } from "@nestjsx/crud-request";
+import type { CrudFilters, CrudFilter } from "@refinedev/core";
+import type { RequestQueryBuilder, SCondition } from "@nestjsx/crud-request";
 import { mapOperator } from "./mapOperator";
 
 export const generateSearchFilter = (filters: CrudFilters): SCondition => {
diff --git a/packages/nestjsx-crud/src/utils/handleJoin.ts b/packages/nestjsx-crud/src/utils/handleJoin.ts
index b6e374a204c6..e40e42def2fd 100644
--- a/packages/nestjsx-crud/src/utils/handleJoin.ts
+++ b/packages/nestjsx-crud/src/utils/handleJoin.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   RequestQueryBuilder,
   QueryJoin,
   QueryJoinArr,
diff --git a/packages/nestjsx-crud/src/utils/handlePagination.ts b/packages/nestjsx-crud/src/utils/handlePagination.ts
index 7cf3511e1338..e9496903afde 100644
--- a/packages/nestjsx-crud/src/utils/handlePagination.ts
+++ b/packages/nestjsx-crud/src/utils/handlePagination.ts
@@ -1,5 +1,5 @@
-import { RequestQueryBuilder } from "@nestjsx/crud-request";
-import { Pagination } from "@refinedev/core";
+import type { RequestQueryBuilder } from "@nestjsx/crud-request";
+import type { Pagination } from "@refinedev/core";
 
 export const handlePagination = (
   query: RequestQueryBuilder,
diff --git a/packages/nestjsx-crud/src/utils/handleSort.ts b/packages/nestjsx-crud/src/utils/handleSort.ts
index b53ff1124d08..c0dd5b7825b2 100644
--- a/packages/nestjsx-crud/src/utils/handleSort.ts
+++ b/packages/nestjsx-crud/src/utils/handleSort.ts
@@ -1,10 +1,10 @@
-import {
+import type {
   RequestQueryBuilder,
   QuerySort,
   QuerySortArr,
   QuerySortOperator,
 } from "@nestjsx/crud-request";
-import { CrudSorting } from "@refinedev/core";
+import type { CrudSorting } from "@refinedev/core";
 
 export type SortBy = QuerySort | QuerySortArr | Array<QuerySort | QuerySortArr>;
 
diff --git a/packages/nestjsx-crud/src/utils/mapOperator.ts b/packages/nestjsx-crud/src/utils/mapOperator.ts
index c9630246359e..2ddb80049add 100644
--- a/packages/nestjsx-crud/src/utils/mapOperator.ts
+++ b/packages/nestjsx-crud/src/utils/mapOperator.ts
@@ -1,5 +1,5 @@
-import { ComparisonOperator, CondOperator } from "@nestjsx/crud-request";
-import { CrudOperators } from "@refinedev/core";
+import { type ComparisonOperator, CondOperator } from "@nestjsx/crud-request";
+import type { CrudOperators } from "@refinedev/core";
 
 export const mapOperator = (operator: CrudOperators): ComparisonOperator => {
   switch (operator) {
diff --git a/packages/nestjsx-crud/src/utils/transformHttpError.ts b/packages/nestjsx-crud/src/utils/transformHttpError.ts
index 9dfe5a506443..981019f5acf2 100644
--- a/packages/nestjsx-crud/src/utils/transformHttpError.ts
+++ b/packages/nestjsx-crud/src/utils/transformHttpError.ts
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 import { transformErrorMessages } from "./transformErrorMessages";
 
diff --git a/packages/nestjsx-crud/test/utils/handleFilter.spec.ts b/packages/nestjsx-crud/test/utils/handleFilter.spec.ts
index 38d931c70c22..67baf5c8247e 100644
--- a/packages/nestjsx-crud/test/utils/handleFilter.spec.ts
+++ b/packages/nestjsx-crud/test/utils/handleFilter.spec.ts
@@ -1,5 +1,5 @@
-import { RequestQueryBuilder, SCondition } from "@nestjsx/crud-request";
-import { CrudFilters, CrudSorting, CrudFilter } from "@refinedev/core";
+import { RequestQueryBuilder, type SCondition } from "@nestjsx/crud-request";
+import type { CrudFilters, CrudSorting, CrudFilter } from "@refinedev/core";
 import {
   handleFilter,
   handleSort,
diff --git a/packages/nestjsx-crud/test/utils/handleJoin.spec.ts b/packages/nestjsx-crud/test/utils/handleJoin.spec.ts
index 72008774e3ad..77ea35e72506 100644
--- a/packages/nestjsx-crud/test/utils/handleJoin.spec.ts
+++ b/packages/nestjsx-crud/test/utils/handleJoin.spec.ts
@@ -1,10 +1,10 @@
 import {
   RequestQueryBuilder,
-  QueryJoin,
-  QueryJoinArr,
+  type QueryJoin,
+  type QueryJoinArr,
 } from "@nestjsx/crud-request";
 import { handleFilter, handleJoin, handleSort } from "../../src/utils";
-import { CrudFilters, CrudSorting } from "@refinedev/core";
+import type { CrudFilters, CrudSorting } from "@refinedev/core";
 
 describe("handleJoin", () => {
   it("should apply join to the query", () => {
diff --git a/packages/nestjsx-crud/test/utils/handlePagination.spec.ts b/packages/nestjsx-crud/test/utils/handlePagination.spec.ts
index be415b5e4821..21854c7655a8 100644
--- a/packages/nestjsx-crud/test/utils/handlePagination.spec.ts
+++ b/packages/nestjsx-crud/test/utils/handlePagination.spec.ts
@@ -1,6 +1,6 @@
 import { RequestQueryBuilder } from "@nestjsx/crud-request";
 import { handleFilter, handlePagination, handleSort } from "../../src/utils";
-import { CrudFilters, CrudSorting, Pagination } from "@refinedev/core";
+import type { CrudFilters, CrudSorting, Pagination } from "@refinedev/core";
 
 describe("handlePagination", () => {
   it("should apply pagination for server mode", () => {
diff --git a/packages/nestjsx-crud/test/utils/handleSort.spec.ts b/packages/nestjsx-crud/test/utils/handleSort.spec.ts
index f6d7782345c4..01e283783e4c 100644
--- a/packages/nestjsx-crud/test/utils/handleSort.spec.ts
+++ b/packages/nestjsx-crud/test/utils/handleSort.spec.ts
@@ -1,5 +1,5 @@
-import { RequestQueryBuilder, QuerySort } from "@nestjsx/crud-request";
-import { CrudFilters, CrudSorting } from "@refinedev/core";
+import { RequestQueryBuilder, type QuerySort } from "@nestjsx/crud-request";
+import type { CrudFilters, CrudSorting } from "@refinedev/core";
 import { handleFilter, generateSort, handleSort } from "../../src/utils";
 
 describe("handleSort", () => {
diff --git a/packages/nestjsx-crud/test/utils/mapOperator.spec.ts b/packages/nestjsx-crud/test/utils/mapOperator.spec.ts
index 999eb4900e62..aa73e1be0197 100644
--- a/packages/nestjsx-crud/test/utils/mapOperator.spec.ts
+++ b/packages/nestjsx-crud/test/utils/mapOperator.spec.ts
@@ -1,5 +1,5 @@
-import { ComparisonOperator, CondOperator } from "@nestjsx/crud-request";
-import { CrudOperators } from "@refinedev/core";
+import { type ComparisonOperator, CondOperator } from "@nestjsx/crud-request";
+import type { CrudOperators } from "@refinedev/core";
 import { mapOperator } from "../../src/utils";
 
 describe("mapOperator", () => {
diff --git a/packages/nextjs-router/src/app/bindings.tsx b/packages/nextjs-router/src/app/bindings.tsx
index 79702e574d49..409af7c9ff26 100644
--- a/packages/nextjs-router/src/app/bindings.tsx
+++ b/packages/nextjs-router/src/app/bindings.tsx
@@ -1,14 +1,14 @@
 import {
-  GoConfig,
-  RouterBindings,
+  type GoConfig,
+  type RouterBindings,
   ResourceContext,
   matchResourceFromRoute,
-  ParseResponse,
+  type ParseResponse,
 } from "@refinedev/core";
 import { useRouter, usePathname, useSearchParams } from "next/navigation";
 import Link from "next/link";
 import qs from "qs";
-import React, { ComponentProps, useContext } from "react";
+import React, { type ComponentProps, useContext } from "react";
 import { paramsFromCurrentPath } from "../common/params-from-current-path";
 import { convertToNumberIfPossible } from "src/common/convert-to-number-if-possible";
 
diff --git a/packages/nextjs-router/src/pages/bindings.tsx b/packages/nextjs-router/src/pages/bindings.tsx
index 70ab770f640a..a6f4d7716dfa 100644
--- a/packages/nextjs-router/src/pages/bindings.tsx
+++ b/packages/nextjs-router/src/pages/bindings.tsx
@@ -1,14 +1,14 @@
 import {
-  GoConfig,
-  RouterBindings,
+  type GoConfig,
+  type RouterBindings,
   ResourceContext,
   matchResourceFromRoute,
-  ParseResponse,
+  type ParseResponse,
 } from "@refinedev/core";
 import { useRouter } from "next/router";
 import Link from "next/link";
 import qs from "qs";
-import React, { ComponentProps, useContext } from "react";
+import React, { type ComponentProps, useContext } from "react";
 import { paramsFromCurrentPath } from "../common/params-from-current-path";
 import { convertToNumberIfPossible } from "src/common/convert-to-number-if-possible";
 
diff --git a/packages/nextjs-router/src/pages/document-title-handler.tsx b/packages/nextjs-router/src/pages/document-title-handler.tsx
index c7dc0dbf1304..85bfd6eca0f6 100644
--- a/packages/nextjs-router/src/pages/document-title-handler.tsx
+++ b/packages/nextjs-router/src/pages/document-title-handler.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import {
-  Action,
-  IResourceItem,
+  type Action,
+  type IResourceItem,
   generateDefaultDocumentTitle,
   useParsed,
   useTranslate,
diff --git a/packages/nextjs-router/tsup.config.ts b/packages/nextjs-router/tsup.config.ts
index 0352c05c12f1..5063c5a40e91 100644
--- a/packages/nextjs-router/tsup.config.ts
+++ b/packages/nextjs-router/tsup.config.ts
@@ -1,4 +1,4 @@
-import { defineConfig, Options } from "tsup";
+import { defineConfig, type Options } from "tsup";
 import { NodeResolvePlugin } from "@esbuild-plugins/node-resolve";
 import { nextJsEsmReplacePlugin } from "../shared/next-js-esm-replace-plugin";
 
diff --git a/packages/react-hook-form/src/useForm/index.spec.tsx b/packages/react-hook-form/src/useForm/index.spec.tsx
index fc814bb755b1..32453adf2cb0 100644
--- a/packages/react-hook-form/src/useForm/index.spec.tsx
+++ b/packages/react-hook-form/src/useForm/index.spec.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 
 import { useForm } from ".";
-import { IRefineOptions, HttpError } from "@refinedev/core";
+import type { IRefineOptions, HttpError } from "@refinedev/core";
 import { MockJSONServer, TestWrapper, act, render, waitFor } from "../../test";
 import { Route, Routes } from "react-router-dom";
 
diff --git a/packages/react-hook-form/src/useForm/index.ts b/packages/react-hook-form/src/useForm/index.ts
index 600ef42d0be5..a8ce06f839ce 100644
--- a/packages/react-hook-form/src/useForm/index.ts
+++ b/packages/react-hook-form/src/useForm/index.ts
@@ -4,19 +4,19 @@ import has from "lodash/has";
 
 import {
   useForm as useHookForm,
-  UseFormProps as UseHookFormProps,
-  UseFormReturn,
-  FieldValues,
-  UseFormHandleSubmit,
-  Path,
+  type UseFormProps as UseHookFormProps,
+  type UseFormReturn,
+  type FieldValues,
+  type UseFormHandleSubmit,
+  type Path,
 } from "react-hook-form";
 import {
-  BaseRecord,
-  HttpError,
+  type BaseRecord,
+  type HttpError,
   useForm as useFormCore,
   useWarnAboutChange,
-  UseFormProps as UseFormCoreProps,
-  UseFormReturnType as UseFormReturnTypeCore,
+  type UseFormProps as UseFormCoreProps,
+  type UseFormReturnType as UseFormReturnTypeCore,
   useTranslate,
   useRefineContext,
   flattenObjectKeys,
diff --git a/packages/react-hook-form/src/useModalForm/index.ts b/packages/react-hook-form/src/useModalForm/index.ts
index fb1e61c5900c..b8258b0abcd7 100644
--- a/packages/react-hook-form/src/useModalForm/index.ts
+++ b/packages/react-hook-form/src/useModalForm/index.ts
@@ -1,9 +1,9 @@
 import { useCallback } from "react";
 import {
-  BaseKey,
-  BaseRecord,
-  FormWithSyncWithLocationParams,
-  HttpError,
+  type BaseKey,
+  type BaseRecord,
+  type FormWithSyncWithLocationParams,
+  type HttpError,
   useGo,
   useModal,
   useParsed,
@@ -13,9 +13,9 @@ import {
   useWarnAboutChange,
   useInvalidate,
 } from "@refinedev/core";
-import { FieldValues } from "react-hook-form";
+import type { FieldValues } from "react-hook-form";
 
-import { useForm, UseFormProps, UseFormReturnType } from "../useForm";
+import { useForm, type UseFormProps, type UseFormReturnType } from "../useForm";
 import React from "react";
 
 export type UseModalFormReturnType<
diff --git a/packages/react-hook-form/src/useStepsForm/index.ts b/packages/react-hook-form/src/useStepsForm/index.ts
index 1c834233ca0a..2bbc9fb04a3c 100644
--- a/packages/react-hook-form/src/useStepsForm/index.ts
+++ b/packages/react-hook-form/src/useStepsForm/index.ts
@@ -1,9 +1,9 @@
 import { useEffect, useState } from "react";
-import { FieldValues, Path } from "react-hook-form";
-import { BaseRecord, HttpError } from "@refinedev/core";
+import type { FieldValues, Path } from "react-hook-form";
+import type { BaseRecord, HttpError } from "@refinedev/core";
 import get from "lodash/get";
 
-import { useForm, UseFormProps, UseFormReturnType } from "../useForm";
+import { useForm, type UseFormProps, type UseFormReturnType } from "../useForm";
 
 export type UseStepsFormReturnType<
   TQueryFnData extends BaseRecord = BaseRecord,
diff --git a/packages/react-hook-form/test/dataMocks.ts b/packages/react-hook-form/test/dataMocks.ts
index 3569348359d3..dc4fc299251d 100644
--- a/packages/react-hook-form/test/dataMocks.ts
+++ b/packages/react-hook-form/test/dataMocks.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   ParsedParams,
   IResourceItem,
   Action,
diff --git a/packages/react-hook-form/test/index.tsx b/packages/react-hook-form/test/index.tsx
index 00b5357eda98..6c20683bcd24 100644
--- a/packages/react-hook-form/test/index.tsx
+++ b/packages/react-hook-form/test/index.tsx
@@ -1,11 +1,11 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { MemoryRouter } from "react-router-dom";
 import {
   Refine,
-  DataProvider,
-  IResourceItem,
-  I18nProvider,
-  IRefineOptions,
+  type DataProvider,
+  type IResourceItem,
+  type I18nProvider,
+  type IRefineOptions,
 } from "@refinedev/core";
 
 import { MockJSONServer, mockRouterBindings } from "./dataMocks";
diff --git a/packages/react-router-v6/src/bindings.tsx b/packages/react-router-v6/src/bindings.tsx
index e68ea35989ff..c1c1320f5c91 100644
--- a/packages/react-router-v6/src/bindings.tsx
+++ b/packages/react-router-v6/src/bindings.tsx
@@ -1,8 +1,8 @@
-import React, { ComponentProps } from "react";
+import React, { type ComponentProps } from "react";
 import {
-  GoConfig,
-  ParseResponse,
-  RouterBindings,
+  type GoConfig,
+  type ParseResponse,
+  type RouterBindings,
   matchResourceFromRoute,
   ResourceContext,
 } from "@refinedev/core";
diff --git a/packages/react-router-v6/src/create-resource-routes.tsx b/packages/react-router-v6/src/create-resource-routes.tsx
index 30f956d4f8b6..068fee540299 100644
--- a/packages/react-router-v6/src/create-resource-routes.tsx
+++ b/packages/react-router-v6/src/create-resource-routes.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { Action, ResourceProps } from "@refinedev/core";
+import type { Action, ResourceProps } from "@refinedev/core";
 
 import { Route } from "react-router-dom";
 
diff --git a/packages/react-router-v6/src/document-title-handler.tsx b/packages/react-router-v6/src/document-title-handler.tsx
index 1b1bdad43212..bb984fd264a7 100644
--- a/packages/react-router-v6/src/document-title-handler.tsx
+++ b/packages/react-router-v6/src/document-title-handler.tsx
@@ -1,6 +1,6 @@
 import {
-  Action,
-  IResourceItem,
+  type Action,
+  type IResourceItem,
   useParsed,
   useTranslate,
   generateDefaultDocumentTitle,
diff --git a/packages/react-router-v6/src/legacy/index.ts b/packages/react-router-v6/src/legacy/index.ts
index c67eeb4e5960..bb7c30b457e5 100644
--- a/packages/react-router-v6/src/legacy/index.ts
+++ b/packages/react-router-v6/src/legacy/index.ts
@@ -1,11 +1,11 @@
 import React from "react";
-import { handleUseParams, IRouterProvider } from "@refinedev/core";
+import { handleUseParams, type IRouterProvider } from "@refinedev/core";
 import {
   useLocation,
   useParams,
   Link,
-  RouteProps,
-  BrowserRouterProps,
+  type RouteProps,
+  type BrowserRouterProps,
   useNavigate,
 } from "react-router-dom";
 
diff --git a/packages/react-router-v6/src/legacy/routeProvider.tsx b/packages/react-router-v6/src/legacy/routeProvider.tsx
index 5e7bdb087e91..17d9eda3cfb4 100644
--- a/packages/react-router-v6/src/legacy/routeProvider.tsx
+++ b/packages/react-router-v6/src/legacy/routeProvider.tsx
@@ -8,11 +8,11 @@ import {
   useRefineContext,
   useRouterContext,
   CanAccess,
-  ResourceRouterParams,
+  type ResourceRouterParams,
   useActiveAuthProvider,
   useIsAuthenticated,
 } from "@refinedev/core";
-import { RefineRouteProps } from "./index";
+import type { RefineRouteProps } from "./index";
 
 const ResourceComponent: React.FC<{ route: string }> = ({ route }) => {
   const { catchAll } = useRefineContext();
diff --git a/packages/react-router-v6/src/legacy/routerComponent.tsx b/packages/react-router-v6/src/legacy/routerComponent.tsx
index 1aa591fe1c64..69b6184d2e69 100644
--- a/packages/react-router-v6/src/legacy/routerComponent.tsx
+++ b/packages/react-router-v6/src/legacy/routerComponent.tsx
@@ -1,11 +1,11 @@
 import React from "react";
 import {
   BrowserRouter,
-  BrowserRouterProps,
+  type BrowserRouterProps,
   MemoryRouter,
-  MemoryRouterProps,
+  type MemoryRouterProps,
   HashRouter,
-  HashRouterProps,
+  type HashRouterProps,
 } from "react-router-dom";
 
 import { RouteProvider } from "./routeProvider";
diff --git a/packages/react-router-v6/src/navigate-to-resource.tsx b/packages/react-router-v6/src/navigate-to-resource.tsx
index 9ab805b2c94a..8f82aa9bc506 100644
--- a/packages/react-router-v6/src/navigate-to-resource.tsx
+++ b/packages/react-router-v6/src/navigate-to-resource.tsx
@@ -1,5 +1,5 @@
 import { useResource, useGetToPath } from "@refinedev/core";
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 import { Navigate } from "react-router-dom";
 
 type NavigateToResourceProps = PropsWithChildren<{
diff --git a/packages/react-table/src/useTable/index.spec.ts b/packages/react-table/src/useTable/index.spec.ts
index 60117704105f..c07eba90791a 100644
--- a/packages/react-table/src/useTable/index.spec.ts
+++ b/packages/react-table/src/useTable/index.spec.ts
@@ -1,6 +1,6 @@
 import { renderHook, waitFor } from "@testing-library/react";
 import { act } from "react-dom/test-utils";
-import { ColumnDef } from "@tanstack/react-table";
+import type { ColumnDef } from "@tanstack/react-table";
 
 import { TestWrapper } from "../../test";
 import { useTable } from "./index";
diff --git a/packages/react-table/src/useTable/index.ts b/packages/react-table/src/useTable/index.ts
index 9c567ac0aa7f..07a0ff1419c2 100644
--- a/packages/react-table/src/useTable/index.ts
+++ b/packages/react-table/src/useTable/index.ts
@@ -1,19 +1,19 @@
 import { useEffect } from "react";
 import {
-  BaseRecord,
+  type BaseRecord,
   ConditionalFilter,
-  CrudFilter,
+  type CrudFilter,
   CrudOperators,
-  HttpError,
+  type HttpError,
   LogicalFilter,
   useTable as useTableCore,
-  useTableProps as useTablePropsCore,
-  useTableReturnType as useTableReturnTypeCore,
+  type useTableProps as useTablePropsCore,
+  type useTableReturnType as useTableReturnTypeCore,
 } from "@refinedev/core";
 import {
   useReactTable,
-  TableOptions,
-  Table,
+  type TableOptions,
+  type Table,
   getCoreRowModel,
   ColumnFilter,
   getSortedRowModel,
diff --git a/packages/react-table/src/utils/column-filters-to-crud-filters/index.spec.ts b/packages/react-table/src/utils/column-filters-to-crud-filters/index.spec.ts
index 856c4a93c4db..4f78b6a2ec16 100644
--- a/packages/react-table/src/utils/column-filters-to-crud-filters/index.spec.ts
+++ b/packages/react-table/src/utils/column-filters-to-crud-filters/index.spec.ts
@@ -1,4 +1,4 @@
-import { ColumnDef, ColumnFilter } from "@tanstack/react-table";
+import type { ColumnDef, ColumnFilter } from "@tanstack/react-table";
 import { columnFiltersToCrudFilters } from ".";
 
 describe("columnFiltersToCrudFilters", () => {
diff --git a/packages/react-table/src/utils/column-filters-to-crud-filters/index.ts b/packages/react-table/src/utils/column-filters-to-crud-filters/index.ts
index 8d556ad4e549..a4858db0f94f 100644
--- a/packages/react-table/src/utils/column-filters-to-crud-filters/index.ts
+++ b/packages/react-table/src/utils/column-filters-to-crud-filters/index.ts
@@ -1,10 +1,10 @@
-import {
+import type {
   ConditionalFilter,
   CrudFilter,
   CrudOperators,
   LogicalFilter,
 } from "@refinedev/core";
-import {
+import type {
   ColumnDef,
   ColumnFilter,
   ColumnFiltersState,
diff --git a/packages/react-table/src/utils/crud-filters-to-column-filters/index.spec.ts b/packages/react-table/src/utils/crud-filters-to-column-filters/index.spec.ts
index a2be55097268..2263914e0ff8 100644
--- a/packages/react-table/src/utils/crud-filters-to-column-filters/index.spec.ts
+++ b/packages/react-table/src/utils/crud-filters-to-column-filters/index.spec.ts
@@ -1,6 +1,6 @@
-import { ColumnDef, ColumnFilter } from "@tanstack/react-table";
+import { type ColumnDef, ColumnFilter } from "@tanstack/react-table";
 import { crudFiltersToColumnFilters } from ".";
-import { CrudFilter } from "@refinedev/core";
+import type { CrudFilter } from "@refinedev/core";
 
 describe("crudFiltersToColumnFilters", () => {
   it("should return with ColumnFilter type", () => {
diff --git a/packages/react-table/src/utils/crud-filters-to-column-filters/index.ts b/packages/react-table/src/utils/crud-filters-to-column-filters/index.ts
index f5292fefc2fc..fad915430ea2 100644
--- a/packages/react-table/src/utils/crud-filters-to-column-filters/index.ts
+++ b/packages/react-table/src/utils/crud-filters-to-column-filters/index.ts
@@ -1,5 +1,5 @@
-import { CrudFilter, LogicalFilter } from "@refinedev/core";
-import { ColumnDef, ColumnFilter } from "@tanstack/react-table";
+import type { CrudFilter, LogicalFilter } from "@refinedev/core";
+import type { ColumnDef, ColumnFilter } from "@tanstack/react-table";
 
 type Params = {
   columns: ColumnDef<any, any>[];
diff --git a/packages/react-table/src/utils/get-removed-filters/index.spec.ts b/packages/react-table/src/utils/get-removed-filters/index.spec.ts
index 3243ee4ec04e..41781ea0ea1d 100644
--- a/packages/react-table/src/utils/get-removed-filters/index.spec.ts
+++ b/packages/react-table/src/utils/get-removed-filters/index.spec.ts
@@ -1,4 +1,4 @@
-import { CrudFilter } from "@refinedev/core";
+import type { CrudFilter } from "@refinedev/core";
 import { getRemovedFilters } from ".";
 
 describe("getRemovedFilters", () => {
diff --git a/packages/react-table/src/utils/get-removed-filters/index.ts b/packages/react-table/src/utils/get-removed-filters/index.ts
index 9c194e03378e..2877aa7e3bb5 100644
--- a/packages/react-table/src/utils/get-removed-filters/index.ts
+++ b/packages/react-table/src/utils/get-removed-filters/index.ts
@@ -1,4 +1,4 @@
-import { CrudFilter, LogicalFilter } from "@refinedev/core";
+import type { CrudFilter, LogicalFilter } from "@refinedev/core";
 
 type Params = {
   nextFilters: CrudFilter[];
diff --git a/packages/react-table/test/dataMocks.ts b/packages/react-table/test/dataMocks.ts
index a2c8be11a931..d656a3afaac0 100644
--- a/packages/react-table/test/dataMocks.ts
+++ b/packages/react-table/test/dataMocks.ts
@@ -1,4 +1,4 @@
-import { LegacyRouterProvider } from "@refinedev/core";
+import type { LegacyRouterProvider } from "@refinedev/core";
 import { useParams, useLocation, Link, useNavigate } from "react-router-dom";
 
 export const posts = [
diff --git a/packages/react-table/test/index.tsx b/packages/react-table/test/index.tsx
index 53f8dc8f9f17..55542d4eed5f 100644
--- a/packages/react-table/test/index.tsx
+++ b/packages/react-table/test/index.tsx
@@ -1,6 +1,6 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { MemoryRouter } from "react-router-dom";
-import { Refine, DataProvider, IResourceItem } from "@refinedev/core";
+import { Refine, type DataProvider, type IResourceItem } from "@refinedev/core";
 
 import { MockRouterProvider, MockJSONServer } from "./dataMocks";
 
diff --git a/packages/remix-router/src/bindings.tsx b/packages/remix-router/src/bindings.tsx
index 7968bdd4d7e0..b283b78131b0 100644
--- a/packages/remix-router/src/bindings.tsx
+++ b/packages/remix-router/src/bindings.tsx
@@ -1,13 +1,13 @@
 import {
-  GoConfig,
-  RouterBindings,
+  type GoConfig,
+  type RouterBindings,
   ResourceContext,
   matchResourceFromRoute,
-  ParseResponse,
+  type ParseResponse,
 } from "@refinedev/core";
 import { useParams, useLocation, useNavigate, Link } from "@remix-run/react";
 import qs from "qs";
-import React, { ComponentProps, useCallback, useContext } from "react";
+import React, { type ComponentProps, useCallback, useContext } from "react";
 import { paramsFromCurrentPath } from "./params-from-current-path";
 import { convertToNumberIfPossible } from "./convert-to-number-if-possible";
 
diff --git a/packages/remix-router/src/legacy/checkAuthentication.ts b/packages/remix-router/src/legacy/checkAuthentication.ts
index a2b3bf9779e0..3f24f48c49a7 100644
--- a/packages/remix-router/src/legacy/checkAuthentication.ts
+++ b/packages/remix-router/src/legacy/checkAuthentication.ts
@@ -1,4 +1,4 @@
-import { LegacyAuthProvider } from "@refinedev/core";
+import type { LegacyAuthProvider } from "@refinedev/core";
 import { redirect } from "@remix-run/node";
 
 export const checkAuthentication = async (
diff --git a/packages/remix-router/src/legacy/routeComponent.tsx b/packages/remix-router/src/legacy/routeComponent.tsx
index 133573ce0d11..00d0a533a76e 100644
--- a/packages/remix-router/src/legacy/routeComponent.tsx
+++ b/packages/remix-router/src/legacy/routeComponent.tsx
@@ -1,4 +1,4 @@
-import React, { PropsWithChildren, useEffect } from "react";
+import React, { type PropsWithChildren, useEffect } from "react";
 import { useLoaderData } from "@remix-run/react";
 
 import {
diff --git a/packages/remix-router/src/legacy/routerProvider.ts b/packages/remix-router/src/legacy/routerProvider.ts
index 940ccd739e85..a08e2d414263 100644
--- a/packages/remix-router/src/legacy/routerProvider.ts
+++ b/packages/remix-router/src/legacy/routerProvider.ts
@@ -1,4 +1,4 @@
-import { IRouterProvider } from "@refinedev/core";
+import type { IRouterProvider } from "@refinedev/core";
 import { Link, useLocation, useNavigate } from "@remix-run/react";
 
 import { Prompt } from "./prompt";
diff --git a/packages/remix-router/src/legacy/useParams.ts b/packages/remix-router/src/legacy/useParams.ts
index eb12eddcfced..9baabb505b6b 100644
--- a/packages/remix-router/src/legacy/useParams.ts
+++ b/packages/remix-router/src/legacy/useParams.ts
@@ -1,8 +1,8 @@
 import {
   handleUseParams,
-  IRouterProvider,
-  ResourceRouterParams,
-  RouteAction,
+  type IRouterProvider,
+  type ResourceRouterParams,
+  type RouteAction,
 } from "@refinedev/core";
 import { useParams as useRemixParams } from "@remix-run/react";
 
diff --git a/packages/remix-router/src/navigate-to-resource.ts b/packages/remix-router/src/navigate-to-resource.ts
index 34a9700b6795..ae8228b4a515 100644
--- a/packages/remix-router/src/navigate-to-resource.ts
+++ b/packages/remix-router/src/navigate-to-resource.ts
@@ -1,5 +1,5 @@
 import { useResource, useGetToPath } from "@refinedev/core";
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 import { useNavigate } from "@remix-run/react";
 
 type NavigateToResourceProps = PropsWithChildren<{
diff --git a/packages/shared/dayjs-esm-replace-plugin.ts b/packages/shared/dayjs-esm-replace-plugin.ts
index 4644fe90dc83..d8fc11631426 100644
--- a/packages/shared/dayjs-esm-replace-plugin.ts
+++ b/packages/shared/dayjs-esm-replace-plugin.ts
@@ -1,4 +1,4 @@
-import { Plugin } from "esbuild";
+import type { Plugin } from "esbuild";
 
 export const dayJsEsmReplacePlugin: Plugin = {
   name: "dayJsEsmReplace",
diff --git a/packages/shared/lodash-replace-plugin.ts b/packages/shared/lodash-replace-plugin.ts
index 458354b63a90..5ba839713237 100644
--- a/packages/shared/lodash-replace-plugin.ts
+++ b/packages/shared/lodash-replace-plugin.ts
@@ -1,4 +1,4 @@
-import { Plugin } from "esbuild";
+import type { Plugin } from "esbuild";
 import * as fs from "fs";
 import path from "path";
 
diff --git a/packages/shared/mui-icons-material-esm-replace-plugin.ts b/packages/shared/mui-icons-material-esm-replace-plugin.ts
index f7fae6fa8acb..2dce64c3e3e7 100644
--- a/packages/shared/mui-icons-material-esm-replace-plugin.ts
+++ b/packages/shared/mui-icons-material-esm-replace-plugin.ts
@@ -1,4 +1,4 @@
-import { Plugin } from "esbuild";
+import type { Plugin } from "esbuild";
 
 export const muiIconsMaterialEsmReplacePlugin: Plugin = {
   name: "muiIconsMaterialEsmReplace",
diff --git a/packages/shared/next-js-esm-replace-plugin.ts b/packages/shared/next-js-esm-replace-plugin.ts
index 0f9ec2477e96..2235252dd1f1 100644
--- a/packages/shared/next-js-esm-replace-plugin.ts
+++ b/packages/shared/next-js-esm-replace-plugin.ts
@@ -1,4 +1,4 @@
-import { Plugin } from "esbuild";
+import type { Plugin } from "esbuild";
 
 export const nextJsEsmReplacePlugin: Plugin = {
   name: "nextJsEsmReplace",
diff --git a/packages/shared/prism-react-renderer-theme-replace-plugin.ts b/packages/shared/prism-react-renderer-theme-replace-plugin.ts
index ba02092756dd..7299e52a2ad4 100644
--- a/packages/shared/prism-react-renderer-theme-replace-plugin.ts
+++ b/packages/shared/prism-react-renderer-theme-replace-plugin.ts
@@ -1,4 +1,4 @@
-import { Plugin } from "esbuild";
+import type { Plugin } from "esbuild";
 
 export const prismReactRendererThemeReplacePlugin: Plugin = {
   name: "prismReactRendererThemeReplace",
diff --git a/packages/shared/remove-test-ids-plugin.ts b/packages/shared/remove-test-ids-plugin.ts
index d4e38083aad6..49015ce09457 100644
--- a/packages/shared/remove-test-ids-plugin.ts
+++ b/packages/shared/remove-test-ids-plugin.ts
@@ -1,4 +1,4 @@
-import { Plugin } from "esbuild";
+import type { Plugin } from "esbuild";
 
 export const removeTestIdsPlugin: Plugin = {
   name: "react-remove-testids",
diff --git a/packages/shared/replace-core-version-plugin.ts b/packages/shared/replace-core-version-plugin.ts
index 23a74b07f868..355169c53c05 100644
--- a/packages/shared/replace-core-version-plugin.ts
+++ b/packages/shared/replace-core-version-plugin.ts
@@ -1,4 +1,4 @@
-import { Plugin } from "esbuild";
+import type { Plugin } from "esbuild";
 import * as fs from "fs";
 import path from "path";
 
diff --git a/packages/shared/tabler-cjs-replace-plugin.ts b/packages/shared/tabler-cjs-replace-plugin.ts
index 5b2d77bd5771..94c0943963ad 100644
--- a/packages/shared/tabler-cjs-replace-plugin.ts
+++ b/packages/shared/tabler-cjs-replace-plugin.ts
@@ -1,4 +1,4 @@
-import { Plugin } from "esbuild";
+import type { Plugin } from "esbuild";
 import * as fs from "fs";
 import path from "path";
 
diff --git a/packages/simple-rest/src/provider.ts b/packages/simple-rest/src/provider.ts
index 873cbbd50d71..7bb55f3c841c 100644
--- a/packages/simple-rest/src/provider.ts
+++ b/packages/simple-rest/src/provider.ts
@@ -1,6 +1,6 @@
-import { AxiosInstance } from "axios";
+import type { AxiosInstance } from "axios";
 import { stringify } from "query-string";
-import { DataProvider } from "@refinedev/core";
+import type { DataProvider } from "@refinedev/core";
 import { axiosInstance, generateSort, generateFilter } from "./utils";
 
 type MethodTypes = "get" | "delete" | "head" | "options";
diff --git a/packages/simple-rest/src/utils/axios.ts b/packages/simple-rest/src/utils/axios.ts
index 22d10bcf0d03..94a654e93890 100644
--- a/packages/simple-rest/src/utils/axios.ts
+++ b/packages/simple-rest/src/utils/axios.ts
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import axios from "axios";
 
 const axiosInstance = axios.create();
diff --git a/packages/simple-rest/src/utils/generateFilter.ts b/packages/simple-rest/src/utils/generateFilter.ts
index 2a2a659de31a..1732a6047856 100644
--- a/packages/simple-rest/src/utils/generateFilter.ts
+++ b/packages/simple-rest/src/utils/generateFilter.ts
@@ -1,4 +1,4 @@
-import { CrudFilters } from "@refinedev/core";
+import type { CrudFilters } from "@refinedev/core";
 import { mapOperator } from "./mapOperator";
 
 export const generateFilter = (filters?: CrudFilters) => {
diff --git a/packages/simple-rest/src/utils/generateSort.ts b/packages/simple-rest/src/utils/generateSort.ts
index 0d7d7935211c..044dc22a9519 100644
--- a/packages/simple-rest/src/utils/generateSort.ts
+++ b/packages/simple-rest/src/utils/generateSort.ts
@@ -1,4 +1,4 @@
-import { CrudSorting } from "@refinedev/core";
+import type { CrudSorting } from "@refinedev/core";
 
 export const generateSort = (sorters?: CrudSorting) => {
   if (sorters && sorters.length > 0) {
diff --git a/packages/simple-rest/src/utils/mapOperator.ts b/packages/simple-rest/src/utils/mapOperator.ts
index 87f47c163025..5f6239d15144 100644
--- a/packages/simple-rest/src/utils/mapOperator.ts
+++ b/packages/simple-rest/src/utils/mapOperator.ts
@@ -1,4 +1,4 @@
-import { CrudOperators } from "@refinedev/core";
+import type { CrudOperators } from "@refinedev/core";
 
 export const mapOperator = (operator: CrudOperators): string => {
   switch (operator) {
diff --git a/packages/simple-rest/test/utils/generateFilter.spec.ts b/packages/simple-rest/test/utils/generateFilter.spec.ts
index 5cd59f5c9808..89d2079d3645 100644
--- a/packages/simple-rest/test/utils/generateFilter.spec.ts
+++ b/packages/simple-rest/test/utils/generateFilter.spec.ts
@@ -1,4 +1,4 @@
-import { CrudFilters } from "@refinedev/core";
+import type { CrudFilters } from "@refinedev/core";
 import { generateFilter } from "../../src/utils/generateFilter";
 
 describe("generateFilter", () => {
diff --git a/packages/simple-rest/test/utils/generateSort.spec.ts b/packages/simple-rest/test/utils/generateSort.spec.ts
index 1cd860b95096..cc0308995619 100644
--- a/packages/simple-rest/test/utils/generateSort.spec.ts
+++ b/packages/simple-rest/test/utils/generateSort.spec.ts
@@ -1,4 +1,4 @@
-import { CrudSorting } from "@refinedev/core";
+import type { CrudSorting } from "@refinedev/core";
 import { generateSort } from "../../src/utils";
 
 describe("generateSort", () => {
diff --git a/packages/simple-rest/test/utils/mapOperator.spec.ts b/packages/simple-rest/test/utils/mapOperator.spec.ts
index e4ad6ba735e7..ef0ef7144d5c 100644
--- a/packages/simple-rest/test/utils/mapOperator.spec.ts
+++ b/packages/simple-rest/test/utils/mapOperator.spec.ts
@@ -1,4 +1,4 @@
-import { CrudOperators } from "@refinedev/core";
+import type { CrudOperators } from "@refinedev/core";
 import { mapOperator } from "../../src/utils";
 
 describe("mapOperator", () => {
diff --git a/packages/strapi-v4/src/dataProvider.ts b/packages/strapi-v4/src/dataProvider.ts
index bef6b9fb2e3f..ac288ff1a9ef 100644
--- a/packages/strapi-v4/src/dataProvider.ts
+++ b/packages/strapi-v4/src/dataProvider.ts
@@ -1,5 +1,5 @@
-import { DataProvider as IDataProvider, HttpError } from "@refinedev/core";
-import { AxiosInstance } from "axios";
+import type { DataProvider as IDataProvider, HttpError } from "@refinedev/core";
+import type { AxiosInstance } from "axios";
 import qs from "qs";
 import {
   axiosInstance,
diff --git a/packages/strapi-v4/src/helpers/auth.ts b/packages/strapi-v4/src/helpers/auth.ts
index 2831b91a3c05..d8b8f2f0604e 100644
--- a/packages/strapi-v4/src/helpers/auth.ts
+++ b/packages/strapi-v4/src/helpers/auth.ts
@@ -1,4 +1,4 @@
-import { MetaQuery, pickNotDeprecated } from "@refinedev/core";
+import { type MetaQuery, pickNotDeprecated } from "@refinedev/core";
 import axios from "axios";
 import qs from "qs";
 
diff --git a/packages/strapi-v4/src/utils/axios.ts b/packages/strapi-v4/src/utils/axios.ts
index b8fdfc5ef5bb..cd28191f3f67 100644
--- a/packages/strapi-v4/src/utils/axios.ts
+++ b/packages/strapi-v4/src/utils/axios.ts
@@ -1,5 +1,5 @@
 import axios from "axios";
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 
 export const axiosInstance = axios.create();
 
diff --git a/packages/strapi-v4/src/utils/generateFilter.ts b/packages/strapi-v4/src/utils/generateFilter.ts
index 1ce30c46d6ce..a93bec27cdaf 100644
--- a/packages/strapi-v4/src/utils/generateFilter.ts
+++ b/packages/strapi-v4/src/utils/generateFilter.ts
@@ -1,4 +1,8 @@
-import { CrudFilters, LogicalFilter, ConditionalFilter } from "@refinedev/core";
+import type {
+  CrudFilters,
+  LogicalFilter,
+  ConditionalFilter,
+} from "@refinedev/core";
 import { mapOperator } from "./mapOperator";
 import qs from "qs";
 
diff --git a/packages/strapi-v4/src/utils/generateSort.ts b/packages/strapi-v4/src/utils/generateSort.ts
index 878d407dd40a..a71d31031bd4 100644
--- a/packages/strapi-v4/src/utils/generateSort.ts
+++ b/packages/strapi-v4/src/utils/generateSort.ts
@@ -1,4 +1,4 @@
-import { CrudSorting } from "@refinedev/core";
+import type { CrudSorting } from "@refinedev/core";
 
 export const generateSort = (sorters?: CrudSorting) => {
   const _sort: string[] = [];
diff --git a/packages/strapi-v4/src/utils/mapOperator.ts b/packages/strapi-v4/src/utils/mapOperator.ts
index 15e927e6cedd..c8fa6ba0a260 100644
--- a/packages/strapi-v4/src/utils/mapOperator.ts
+++ b/packages/strapi-v4/src/utils/mapOperator.ts
@@ -1,4 +1,4 @@
-import { CrudOperators } from "@refinedev/core";
+import type { CrudOperators } from "@refinedev/core";
 
 export const mapOperator = (operator: CrudOperators) => {
   switch (operator) {
diff --git a/packages/strapi-v4/src/utils/transformHttpError.ts b/packages/strapi-v4/src/utils/transformHttpError.ts
index 2540f14e44e5..145d9426e80c 100644
--- a/packages/strapi-v4/src/utils/transformHttpError.ts
+++ b/packages/strapi-v4/src/utils/transformHttpError.ts
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { transformErrorMessages } from "./transformErrorMessages";
 
 export const transformHttpError = (err: any): HttpError => {
diff --git a/packages/strapi-v4/test/utils/generateFilter.spec.ts b/packages/strapi-v4/test/utils/generateFilter.spec.ts
index bd40abd0de7a..7ee8d49377b4 100644
--- a/packages/strapi-v4/test/utils/generateFilter.spec.ts
+++ b/packages/strapi-v4/test/utils/generateFilter.spec.ts
@@ -1,4 +1,4 @@
-import { CrudFilters } from "@refinedev/core";
+import type { CrudFilters } from "@refinedev/core";
 import { generateFilter, generateNestedFilterField } from "../../src/utils";
 
 describe("generateFilter", () => {
diff --git a/packages/strapi-v4/test/utils/generateSort.spec.ts b/packages/strapi-v4/test/utils/generateSort.spec.ts
index a95f52be4385..775b8ad68a68 100644
--- a/packages/strapi-v4/test/utils/generateSort.spec.ts
+++ b/packages/strapi-v4/test/utils/generateSort.spec.ts
@@ -1,4 +1,4 @@
-import { CrudSorting } from "@refinedev/core";
+import type { CrudSorting } from "@refinedev/core";
 import { generateSort } from "../../src/utils";
 
 describe("generateSort", () => {
diff --git a/packages/strapi-v4/test/utils/mapOperator.spec.ts b/packages/strapi-v4/test/utils/mapOperator.spec.ts
index 10312ca8d33a..b2db82dba300 100644
--- a/packages/strapi-v4/test/utils/mapOperator.spec.ts
+++ b/packages/strapi-v4/test/utils/mapOperator.spec.ts
@@ -1,4 +1,4 @@
-import { CrudOperators } from "@refinedev/core";
+import type { CrudOperators } from "@refinedev/core";
 import { mapOperator } from "../../src/utils";
 
 describe("mapOperator", () => {
diff --git a/packages/strapi-v4/test/utils/transformHttpError.spec.ts b/packages/strapi-v4/test/utils/transformHttpError.spec.ts
index 0fd525cd9eb1..a712e968129c 100644
--- a/packages/strapi-v4/test/utils/transformHttpError.spec.ts
+++ b/packages/strapi-v4/test/utils/transformHttpError.spec.ts
@@ -1,4 +1,4 @@
-import { HttpError } from "@refinedev/core";
+import type { HttpError } from "@refinedev/core";
 import { transformHttpError } from "../../src/utils/transformHttpError";
 import * as _transformErrorMessages from "../../src/utils/transformErrorMessages";
 
diff --git a/packages/strapi/src/dataProvider.ts b/packages/strapi/src/dataProvider.ts
index 378a948fdb83..10d0e6fe3cd2 100644
--- a/packages/strapi/src/dataProvider.ts
+++ b/packages/strapi/src/dataProvider.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   BaseKey,
   CrudFilters,
   CrudSorting,
@@ -6,7 +6,7 @@ import {
   HttpError,
   LogicalFilter,
 } from "@refinedev/core";
-import axios, { AxiosInstance } from "axios";
+import axios, { type AxiosInstance } from "axios";
 import { stringify } from "query-string";
 
 const axiosInstance = axios.create();
diff --git a/packages/supabase/src/dataProvider/index.ts b/packages/supabase/src/dataProvider/index.ts
index f8cde1309aa0..6a624f84180d 100644
--- a/packages/supabase/src/dataProvider/index.ts
+++ b/packages/supabase/src/dataProvider/index.ts
@@ -1,5 +1,5 @@
-import { DataProvider } from "@refinedev/core";
-import { SupabaseClient } from "@supabase/supabase-js";
+import type { DataProvider } from "@refinedev/core";
+import type { SupabaseClient } from "@supabase/supabase-js";
 import { generateFilter, handleError } from "../utils";
 
 export const dataProvider = (
diff --git a/packages/supabase/src/liveProvider/index.ts b/packages/supabase/src/liveProvider/index.ts
index 1451605dd3b4..19200da1de4c 100644
--- a/packages/supabase/src/liveProvider/index.ts
+++ b/packages/supabase/src/liveProvider/index.ts
@@ -1,5 +1,5 @@
-import { LiveProvider, CrudFilter, CrudFilters } from "@refinedev/core";
-import {
+import type { LiveProvider, CrudFilter, CrudFilters } from "@refinedev/core";
+import type {
   RealtimeChannel,
   RealtimePostgresChangesPayload,
   SupabaseClient,
diff --git a/packages/supabase/src/types/index.ts b/packages/supabase/src/types/index.ts
index 52036bd8ff6c..09e02a5e05ee 100644
--- a/packages/supabase/src/types/index.ts
+++ b/packages/supabase/src/types/index.ts
@@ -1,4 +1,4 @@
-import { LiveEvent } from "@refinedev/core";
+import type { LiveEvent } from "@refinedev/core";
 import { REALTIME_POSTGRES_CHANGES_LISTEN_EVENT } from "@supabase/supabase-js";
 
 export const liveTypes: Record<
diff --git a/packages/supabase/src/utils/generateFilter.ts b/packages/supabase/src/utils/generateFilter.ts
index be50a79dfe17..9c43d9e3ce33 100644
--- a/packages/supabase/src/utils/generateFilter.ts
+++ b/packages/supabase/src/utils/generateFilter.ts
@@ -1,4 +1,4 @@
-import { CrudFilter } from "@refinedev/core";
+import type { CrudFilter } from "@refinedev/core";
 import { mapOperator } from "./mapOperator";
 
 export const generateFilter = (filter: CrudFilter, query: any) => {
diff --git a/packages/supabase/src/utils/handleError.ts b/packages/supabase/src/utils/handleError.ts
index 131830a5d55e..8c334ae22e7f 100644
--- a/packages/supabase/src/utils/handleError.ts
+++ b/packages/supabase/src/utils/handleError.ts
@@ -1,5 +1,5 @@
-import { HttpError } from "@refinedev/core";
-import { PostgrestError } from "@supabase/supabase-js";
+import type { HttpError } from "@refinedev/core";
+import type { PostgrestError } from "@supabase/supabase-js";
 
 export const handleError = (error: PostgrestError) => {
   const customError: HttpError = {
diff --git a/packages/supabase/src/utils/mapOperator.ts b/packages/supabase/src/utils/mapOperator.ts
index 50d17e2dc3d7..c9539cf8a72b 100644
--- a/packages/supabase/src/utils/mapOperator.ts
+++ b/packages/supabase/src/utils/mapOperator.ts
@@ -1,4 +1,4 @@
-import { CrudOperators } from "@refinedev/core";
+import type { CrudOperators } from "@refinedev/core";
 
 export const mapOperator = (operator: CrudOperators) => {
   switch (operator) {
diff --git a/packages/supabase/test/getList/index.spec.ts b/packages/supabase/test/getList/index.spec.ts
index d869222b611c..39c5910827c8 100644
--- a/packages/supabase/test/getList/index.spec.ts
+++ b/packages/supabase/test/getList/index.spec.ts
@@ -1,4 +1,4 @@
-import { SupabaseClient } from "@supabase/supabase-js";
+import type { SupabaseClient } from "@supabase/supabase-js";
 import { dataProvider } from "../../src/index";
 import supabaseClient from "../supabaseClient";
 import "./index.mock";
diff --git a/packages/supabase/test/utils/generateFilter.spec.ts b/packages/supabase/test/utils/generateFilter.spec.ts
index efaac6f2d79a..efe5133260a1 100644
--- a/packages/supabase/test/utils/generateFilter.spec.ts
+++ b/packages/supabase/test/utils/generateFilter.spec.ts
@@ -1,4 +1,4 @@
-import { CrudFilter } from "@refinedev/core";
+import type { CrudFilter } from "@refinedev/core";
 import { generateFilter } from "../../src/utils";
 
 describe("generateFilter", () => {
diff --git a/packages/supabase/test/utils/handleError.spec.ts b/packages/supabase/test/utils/handleError.spec.ts
index 2a586edd78ac..ba81471a0694 100644
--- a/packages/supabase/test/utils/handleError.spec.ts
+++ b/packages/supabase/test/utils/handleError.spec.ts
@@ -1,6 +1,6 @@
 import { handleError } from "../../src/utils";
-import { PostgrestError } from "@supabase/supabase-js";
-import { HttpError } from "@refinedev/core";
+import type { PostgrestError } from "@supabase/supabase-js";
+import type { HttpError } from "@refinedev/core";
 
 describe("handleError", () => {
   it("should transform PostgrestError into HttpError and reject the promise", async () => {
diff --git a/packages/supabase/test/utils/mapOperator.spec.ts b/packages/supabase/test/utils/mapOperator.spec.ts
index 38b13ab79882..2f6e2c3bb260 100644
--- a/packages/supabase/test/utils/mapOperator.spec.ts
+++ b/packages/supabase/test/utils/mapOperator.spec.ts
@@ -1,5 +1,5 @@
 import { mapOperator } from "../../src/utils";
-import { CrudOperators } from "@refinedev/core";
+import type { CrudOperators } from "@refinedev/core";
 
 describe("mapOperator", () => {
   it("should correctly map CrudOperators to their corresponding string values", () => {
diff --git a/packages/ui-tests/src/test/dataMocks.tsx b/packages/ui-tests/src/test/dataMocks.tsx
index 90f61e7196fe..6e01274b7aa8 100644
--- a/packages/ui-tests/src/test/dataMocks.tsx
+++ b/packages/ui-tests/src/test/dataMocks.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import {
+import type {
   ParsedParams,
   IResourceItem,
   Action,
diff --git a/packages/ui-tests/src/test/index.tsx b/packages/ui-tests/src/test/index.tsx
index 98ae569fa524..725c12ff90f0 100644
--- a/packages/ui-tests/src/test/index.tsx
+++ b/packages/ui-tests/src/test/index.tsx
@@ -1,10 +1,10 @@
 import React from "react";
 import { BrowserRouter } from "react-router-dom";
 
-import { AuthProvider, Refine } from "@refinedev/core";
+import { type AuthProvider, Refine } from "@refinedev/core";
 
 import { MockRouterProvider, MockJSONServer } from "@test";
-import {
+import type {
   I18nProvider,
   AccessControlProvider,
   LegacyAuthProvider,
diff --git a/packages/ui-tests/src/tests/autoSaveIndicator.tsx b/packages/ui-tests/src/tests/autoSaveIndicator.tsx
index 085506fe33b9..f12c99f5e407 100644
--- a/packages/ui-tests/src/tests/autoSaveIndicator.tsx
+++ b/packages/ui-tests/src/tests/autoSaveIndicator.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { AutoSaveIndicatorProps } from "@refinedev/core";
+import type { AutoSaveIndicatorProps } from "@refinedev/core";
 import { render } from "@test";
 
 export const autoSaveIndicatorTests = (
diff --git a/packages/ui-tests/src/tests/breadcrumb.tsx b/packages/ui-tests/src/tests/breadcrumb.tsx
index 3eb7f3810d5c..1dd60e041c88 100644
--- a/packages/ui-tests/src/tests/breadcrumb.tsx
+++ b/packages/ui-tests/src/tests/breadcrumb.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 import { Route, Routes } from "react-router-dom";
-import { RefineBreadcrumbProps } from "@refinedev/ui-types";
+import type { RefineBreadcrumbProps } from "@refinedev/ui-types";
 
-import { act, ITestWrapperProps, render, TestWrapper } from "@test";
+import { act, type ITestWrapperProps, render, TestWrapper } from "@test";
 
 const renderBreadcrumb = (
   children: React.ReactNode,
diff --git a/packages/ui-tests/src/tests/buttons/clone.tsx b/packages/ui-tests/src/tests/buttons/clone.tsx
index b3f558d8cf45..d66b219090d1 100644
--- a/packages/ui-tests/src/tests/buttons/clone.tsx
+++ b/packages/ui-tests/src/tests/buttons/clone.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Route, Routes } from "react-router-dom";
 import {
-  RefineCloneButtonProps,
+  type RefineCloneButtonProps,
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
diff --git a/packages/ui-tests/src/tests/buttons/create.tsx b/packages/ui-tests/src/tests/buttons/create.tsx
index 15ed064ad9f2..8153e269ecfc 100644
--- a/packages/ui-tests/src/tests/buttons/create.tsx
+++ b/packages/ui-tests/src/tests/buttons/create.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Route, Routes } from "react-router-dom";
 import {
-  RefineCreateButtonProps,
+  type RefineCreateButtonProps,
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
diff --git a/packages/ui-tests/src/tests/buttons/delete.tsx b/packages/ui-tests/src/tests/buttons/delete.tsx
index 0f984789480f..2634c8d9848e 100644
--- a/packages/ui-tests/src/tests/buttons/delete.tsx
+++ b/packages/ui-tests/src/tests/buttons/delete.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  RefineDeleteButtonProps,
+  type RefineDeleteButtonProps,
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
diff --git a/packages/ui-tests/src/tests/buttons/edit.tsx b/packages/ui-tests/src/tests/buttons/edit.tsx
index 29e956b069de..8442644e409c 100644
--- a/packages/ui-tests/src/tests/buttons/edit.tsx
+++ b/packages/ui-tests/src/tests/buttons/edit.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  RefineEditButtonProps,
+  type RefineEditButtonProps,
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
diff --git a/packages/ui-tests/src/tests/buttons/export.tsx b/packages/ui-tests/src/tests/buttons/export.tsx
index 64924f0997ff..3143d6fab0ea 100644
--- a/packages/ui-tests/src/tests/buttons/export.tsx
+++ b/packages/ui-tests/src/tests/buttons/export.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  RefineExportButtonProps,
+  type RefineExportButtonProps,
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
diff --git a/packages/ui-tests/src/tests/buttons/import.tsx b/packages/ui-tests/src/tests/buttons/import.tsx
index ee688abd42b0..4790bfb7651c 100644
--- a/packages/ui-tests/src/tests/buttons/import.tsx
+++ b/packages/ui-tests/src/tests/buttons/import.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  RefineImportButtonProps,
+  type RefineImportButtonProps,
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
diff --git a/packages/ui-tests/src/tests/buttons/list.tsx b/packages/ui-tests/src/tests/buttons/list.tsx
index 52ffdbc56a05..641d0cf29876 100644
--- a/packages/ui-tests/src/tests/buttons/list.tsx
+++ b/packages/ui-tests/src/tests/buttons/list.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  RefineListButtonProps,
+  type RefineListButtonProps,
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
diff --git a/packages/ui-tests/src/tests/buttons/refresh.tsx b/packages/ui-tests/src/tests/buttons/refresh.tsx
index ee55b4ee4b85..bdeaef97d7e1 100644
--- a/packages/ui-tests/src/tests/buttons/refresh.tsx
+++ b/packages/ui-tests/src/tests/buttons/refresh.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  RefineRefreshButtonProps,
+  type RefineRefreshButtonProps,
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
diff --git a/packages/ui-tests/src/tests/buttons/save.tsx b/packages/ui-tests/src/tests/buttons/save.tsx
index 40c9aaa7ff5b..2ece7379b97e 100644
--- a/packages/ui-tests/src/tests/buttons/save.tsx
+++ b/packages/ui-tests/src/tests/buttons/save.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  RefineSaveButtonProps,
+  type RefineSaveButtonProps,
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
diff --git a/packages/ui-tests/src/tests/buttons/show.tsx b/packages/ui-tests/src/tests/buttons/show.tsx
index b2d07fa8457e..d97d486324ac 100644
--- a/packages/ui-tests/src/tests/buttons/show.tsx
+++ b/packages/ui-tests/src/tests/buttons/show.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  RefineShowButtonProps,
+  type RefineShowButtonProps,
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
diff --git a/packages/ui-tests/src/tests/crud/create.tsx b/packages/ui-tests/src/tests/crud/create.tsx
index 41647e902e72..9d1c4611e5c5 100644
--- a/packages/ui-tests/src/tests/crud/create.tsx
+++ b/packages/ui-tests/src/tests/crud/create.tsx
@@ -1,11 +1,11 @@
 import React from "react";
 import { Route, Routes } from "react-router-dom";
 import {
-  RefineCrudCreateProps,
+  type RefineCrudCreateProps,
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { ITestWrapperProps, render, TestWrapper } from "@test";
+import { type ITestWrapperProps, render, TestWrapper } from "@test";
 
 const renderCreate = (
   create: React.ReactNode,
diff --git a/packages/ui-tests/src/tests/crud/edit.tsx b/packages/ui-tests/src/tests/crud/edit.tsx
index 4bbbcefb9a3f..5d713e9f07b1 100644
--- a/packages/ui-tests/src/tests/crud/edit.tsx
+++ b/packages/ui-tests/src/tests/crud/edit.tsx
@@ -1,9 +1,12 @@
 import React from "react";
 import { Route, Routes } from "react-router-dom";
-import { RefineCrudEditProps, RefineButtonTestIds } from "@refinedev/ui-types";
-import { AccessControlProvider } from "@refinedev/core";
+import {
+  type RefineCrudEditProps,
+  RefineButtonTestIds,
+} from "@refinedev/ui-types";
+import type { AccessControlProvider } from "@refinedev/core";
 
-import { ITestWrapperProps, render, TestWrapper } from "@test";
+import { type ITestWrapperProps, render, TestWrapper } from "@test";
 
 const renderEdit = (
   edit: React.ReactNode,
diff --git a/packages/ui-tests/src/tests/crud/list.tsx b/packages/ui-tests/src/tests/crud/list.tsx
index 178552906489..a363b331dfd1 100644
--- a/packages/ui-tests/src/tests/crud/list.tsx
+++ b/packages/ui-tests/src/tests/crud/list.tsx
@@ -1,9 +1,18 @@
 import React from "react";
-import { AccessControlProvider } from "@refinedev/core";
+import type { AccessControlProvider } from "@refinedev/core";
 import { Route, Routes } from "react-router-dom";
-import { RefineCrudListProps, RefineButtonTestIds } from "@refinedev/ui-types";
-
-import { act, ITestWrapperProps, render, TestWrapper, waitFor } from "@test";
+import {
+  type RefineCrudListProps,
+  RefineButtonTestIds,
+} from "@refinedev/ui-types";
+
+import {
+  act,
+  type ITestWrapperProps,
+  render,
+  TestWrapper,
+  waitFor,
+} from "@test";
 
 const renderList = (
   list: React.ReactNode,
diff --git a/packages/ui-tests/src/tests/crud/show.tsx b/packages/ui-tests/src/tests/crud/show.tsx
index c920f213d70d..8eb374a5de1c 100644
--- a/packages/ui-tests/src/tests/crud/show.tsx
+++ b/packages/ui-tests/src/tests/crud/show.tsx
@@ -1,9 +1,12 @@
 import React from "react";
 import { Route, Routes } from "react-router-dom";
-import { RefineCrudShowProps, RefineButtonTestIds } from "@refinedev/ui-types";
-import { AccessControlProvider } from "@refinedev/core";
+import {
+  type RefineCrudShowProps,
+  RefineButtonTestIds,
+} from "@refinedev/ui-types";
+import type { AccessControlProvider } from "@refinedev/core";
 
-import { ITestWrapperProps, render, TestWrapper } from "@test";
+import { type ITestWrapperProps, render, TestWrapper } from "@test";
 
 const renderShow = (
   show: React.ReactNode,
diff --git a/packages/ui-tests/src/tests/fields/boolean.tsx b/packages/ui-tests/src/tests/fields/boolean.tsx
index 30d3c6ad4d6a..040582ed2523 100644
--- a/packages/ui-tests/src/tests/fields/boolean.tsx
+++ b/packages/ui-tests/src/tests/fields/boolean.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { RefineFieldBooleanProps } from "@refinedev/ui-types";
+import type { RefineFieldBooleanProps } from "@refinedev/ui-types";
 
 import { act, fireEvent, render } from "@test";
 
diff --git a/packages/ui-tests/src/tests/fields/date.tsx b/packages/ui-tests/src/tests/fields/date.tsx
index d0ea50bb6790..67f570095a5b 100644
--- a/packages/ui-tests/src/tests/fields/date.tsx
+++ b/packages/ui-tests/src/tests/fields/date.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { ConfigType } from "dayjs";
+import type { ConfigType } from "dayjs";
 
-import { RefineFieldDateProps } from "@refinedev/ui-types";
+import type { RefineFieldDateProps } from "@refinedev/ui-types";
 
 import { render } from "@test";
 
diff --git a/packages/ui-tests/src/tests/fields/email.tsx b/packages/ui-tests/src/tests/fields/email.tsx
index 058b92f2687e..a646b5f87d7b 100644
--- a/packages/ui-tests/src/tests/fields/email.tsx
+++ b/packages/ui-tests/src/tests/fields/email.tsx
@@ -1,5 +1,5 @@
-import React, { ReactNode } from "react";
-import { RefineFieldEmailProps } from "@refinedev/ui-types";
+import React, { type ReactNode } from "react";
+import type { RefineFieldEmailProps } from "@refinedev/ui-types";
 
 import { render } from "@test";
 
diff --git a/packages/ui-tests/src/tests/fields/file.tsx b/packages/ui-tests/src/tests/fields/file.tsx
index b71d5bfd8d85..471271300931 100644
--- a/packages/ui-tests/src/tests/fields/file.tsx
+++ b/packages/ui-tests/src/tests/fields/file.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { RefineFieldFileProps } from "@refinedev/ui-types";
+import type { RefineFieldFileProps } from "@refinedev/ui-types";
 
 import { render } from "@test";
 
diff --git a/packages/ui-tests/src/tests/fields/image.tsx b/packages/ui-tests/src/tests/fields/image.tsx
index a7b89f37683a..9701fbc23697 100644
--- a/packages/ui-tests/src/tests/fields/image.tsx
+++ b/packages/ui-tests/src/tests/fields/image.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { RefineFieldImageProps } from "@refinedev/ui-types";
+import type { RefineFieldImageProps } from "@refinedev/ui-types";
 
 import { render } from "@test";
 
diff --git a/packages/ui-tests/src/tests/fields/markdown.tsx b/packages/ui-tests/src/tests/fields/markdown.tsx
index 4972d0f9b514..50a92cc7f11c 100644
--- a/packages/ui-tests/src/tests/fields/markdown.tsx
+++ b/packages/ui-tests/src/tests/fields/markdown.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { RefineFieldMarkdownProps } from "@refinedev/ui-types";
+import type { RefineFieldMarkdownProps } from "@refinedev/ui-types";
 
 import { render } from "@test";
 
diff --git a/packages/ui-tests/src/tests/fields/number.tsx b/packages/ui-tests/src/tests/fields/number.tsx
index 8c1221b105c3..8509e052c6f5 100644
--- a/packages/ui-tests/src/tests/fields/number.tsx
+++ b/packages/ui-tests/src/tests/fields/number.tsx
@@ -1,5 +1,5 @@
-import React, { ReactChild } from "react";
-import { RefineFieldNumberProps } from "@refinedev/ui-types";
+import React, { type ReactChild } from "react";
+import type { RefineFieldNumberProps } from "@refinedev/ui-types";
 
 import { render } from "@test";
 
diff --git a/packages/ui-tests/src/tests/fields/tag.tsx b/packages/ui-tests/src/tests/fields/tag.tsx
index 4035f589f2ac..88069042ff7f 100644
--- a/packages/ui-tests/src/tests/fields/tag.tsx
+++ b/packages/ui-tests/src/tests/fields/tag.tsx
@@ -1,5 +1,5 @@
-import React, { ReactNode } from "react";
-import { RefineFieldTagProps } from "@refinedev/ui-types";
+import React, { type ReactNode } from "react";
+import type { RefineFieldTagProps } from "@refinedev/ui-types";
 
 import { render } from "@test";
 
diff --git a/packages/ui-tests/src/tests/fields/text.tsx b/packages/ui-tests/src/tests/fields/text.tsx
index b1fc2b7eed06..4ef654ef4451 100644
--- a/packages/ui-tests/src/tests/fields/text.tsx
+++ b/packages/ui-tests/src/tests/fields/text.tsx
@@ -1,5 +1,5 @@
-import React, { ReactNode } from "react";
-import { RefineFieldTextProps } from "@refinedev/ui-types";
+import React, { type ReactNode } from "react";
+import type { RefineFieldTextProps } from "@refinedev/ui-types";
 
 import { render } from "@test";
 
diff --git a/packages/ui-tests/src/tests/fields/url.tsx b/packages/ui-tests/src/tests/fields/url.tsx
index a763ef54303b..e50282df0686 100644
--- a/packages/ui-tests/src/tests/fields/url.tsx
+++ b/packages/ui-tests/src/tests/fields/url.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { RefineFieldUrlProps } from "@refinedev/ui-types";
+import type { RefineFieldUrlProps } from "@refinedev/ui-types";
 
 import { render } from "@test";
 
diff --git a/packages/ui-tests/src/tests/layout/footer.tsx b/packages/ui-tests/src/tests/layout/footer.tsx
index ccb6794ee844..346293d3b786 100644
--- a/packages/ui-tests/src/tests/layout/footer.tsx
+++ b/packages/ui-tests/src/tests/layout/footer.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { RefineLayoutFooterProps } from "@refinedev/ui-types";
+import type { RefineLayoutFooterProps } from "@refinedev/ui-types";
 
 import { act, render, TestWrapper } from "@test";
 
diff --git a/packages/ui-tests/src/tests/layout/header.tsx b/packages/ui-tests/src/tests/layout/header.tsx
index 923ee225cc3b..eee2da57e433 100644
--- a/packages/ui-tests/src/tests/layout/header.tsx
+++ b/packages/ui-tests/src/tests/layout/header.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 
-import { AuthProvider } from "@refinedev/core";
-import { RefineLayoutHeaderProps } from "@refinedev/ui-types";
+import type { AuthProvider } from "@refinedev/core";
+import type { RefineLayoutHeaderProps } from "@refinedev/ui-types";
 
 import { render, TestWrapper } from "@test";
 
diff --git a/packages/ui-tests/src/tests/layout/layout.tsx b/packages/ui-tests/src/tests/layout/layout.tsx
index 9a30cfd9f897..972002f0ac29 100644
--- a/packages/ui-tests/src/tests/layout/layout.tsx
+++ b/packages/ui-tests/src/tests/layout/layout.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { RefineLayoutLayoutProps } from "@refinedev/ui-types";
+import type { RefineLayoutLayoutProps } from "@refinedev/ui-types";
 
 import { act, render, TestWrapper } from "@test";
 
diff --git a/packages/ui-tests/src/tests/layout/sider.tsx b/packages/ui-tests/src/tests/layout/sider.tsx
index 9a6176c123c0..3dbc3ae5f0b1 100644
--- a/packages/ui-tests/src/tests/layout/sider.tsx
+++ b/packages/ui-tests/src/tests/layout/sider.tsx
@@ -1,8 +1,8 @@
 import React from "react";
-import { RefineThemedLayoutV2SiderProps } from "@refinedev/ui-types";
+import type { RefineThemedLayoutV2SiderProps } from "@refinedev/ui-types";
 
 import { act, mockRouterBindings, render, TestWrapper, waitFor } from "@test";
-import { AuthProvider, LegacyAuthProvider } from "@refinedev/core";
+import type { AuthProvider, LegacyAuthProvider } from "@refinedev/core";
 import { Route, Router, Routes } from "react-router-dom";
 
 const mockLegacyAuthProvider: LegacyAuthProvider & { isProvided: boolean } = {
diff --git a/packages/ui-tests/src/tests/layout/title.tsx b/packages/ui-tests/src/tests/layout/title.tsx
index e29074e19a6a..2e99f5ed9c28 100644
--- a/packages/ui-tests/src/tests/layout/title.tsx
+++ b/packages/ui-tests/src/tests/layout/title.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { RefineLayoutTitleProps } from "@refinedev/ui-types";
+import type { RefineLayoutTitleProps } from "@refinedev/ui-types";
 
 import { render, TestWrapper } from "@test";
 
diff --git a/packages/ui-tests/src/tests/pages/auth/authPage.tsx b/packages/ui-tests/src/tests/pages/auth/authPage.tsx
index 8408b950f99e..2babba342f28 100644
--- a/packages/ui-tests/src/tests/pages/auth/authPage.tsx
+++ b/packages/ui-tests/src/tests/pages/auth/authPage.tsx
@@ -1,5 +1,5 @@
-import React, { FC } from "react";
-import { AuthPageProps } from "@refinedev/core";
+import React, { type FC } from "react";
+import type { AuthPageProps } from "@refinedev/core";
 
 import { render, TestWrapper } from "@test";
 
diff --git a/packages/ui-tests/src/tests/pages/auth/forgotPassword.tsx b/packages/ui-tests/src/tests/pages/auth/forgotPassword.tsx
index 3c0284004242..2c3dab024363 100644
--- a/packages/ui-tests/src/tests/pages/auth/forgotPassword.tsx
+++ b/packages/ui-tests/src/tests/pages/auth/forgotPassword.tsx
@@ -1,5 +1,5 @@
-import React, { FC } from "react";
-import { ForgotPasswordPageProps } from "@refinedev/core";
+import React, { type FC } from "react";
+import type { ForgotPasswordPageProps } from "@refinedev/core";
 
 import {
   fireEvent,
diff --git a/packages/ui-tests/src/tests/pages/auth/login.tsx b/packages/ui-tests/src/tests/pages/auth/login.tsx
index 8b565f29ffe4..c2d8e7fede01 100644
--- a/packages/ui-tests/src/tests/pages/auth/login.tsx
+++ b/packages/ui-tests/src/tests/pages/auth/login.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import React, { type FC } from "react";
 
 import {
   fireEvent,
@@ -8,7 +8,7 @@ import {
   TestWrapper,
   waitFor,
 } from "@test";
-import { LoginPageProps } from "@refinedev/core";
+import type { LoginPageProps } from "@refinedev/core";
 
 export const pageLoginTests = (
   LoginPage: FC<LoginPageProps<any, any, any>>,
diff --git a/packages/ui-tests/src/tests/pages/auth/register.tsx b/packages/ui-tests/src/tests/pages/auth/register.tsx
index 02e89007ac1b..f246857f012c 100644
--- a/packages/ui-tests/src/tests/pages/auth/register.tsx
+++ b/packages/ui-tests/src/tests/pages/auth/register.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import React, { type FC } from "react";
 
 import {
   fireEvent,
@@ -8,7 +8,7 @@ import {
   TestWrapper,
   waitFor,
 } from "@test";
-import { RegisterPageProps } from "@refinedev/core";
+import type { RegisterPageProps } from "@refinedev/core";
 
 export const pageRegisterTests = (
   RegisterPage: FC<RegisterPageProps<any, any, any>>,
diff --git a/packages/ui-tests/src/tests/pages/auth/updatePassword.tsx b/packages/ui-tests/src/tests/pages/auth/updatePassword.tsx
index ee525c6242ac..3a75deaff5d1 100644
--- a/packages/ui-tests/src/tests/pages/auth/updatePassword.tsx
+++ b/packages/ui-tests/src/tests/pages/auth/updatePassword.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import React, { type FC } from "react";
 
 import {
   fireEvent,
@@ -8,7 +8,7 @@ import {
   TestWrapper,
   waitFor,
 } from "@test";
-import { UpdatePasswordPageProps } from "@refinedev/core";
+import type { UpdatePasswordPageProps } from "@refinedev/core";
 
 export const pageUpdatePasswordTests = (
   UpdatePasswordPage: FC<UpdatePasswordPageProps<any, any, any>>,
diff --git a/packages/ui-tests/src/tests/pages/error.tsx b/packages/ui-tests/src/tests/pages/error.tsx
index bf3798781fcb..b97c235be0bc 100644
--- a/packages/ui-tests/src/tests/pages/error.tsx
+++ b/packages/ui-tests/src/tests/pages/error.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { RefineErrorPageProps } from "@refinedev/ui-types";
+import type { RefineErrorPageProps } from "@refinedev/ui-types";
 
 import {
   fireEvent,
diff --git a/packages/ui-tests/src/tests/pages/ready.tsx b/packages/ui-tests/src/tests/pages/ready.tsx
index 6d4af4478f7f..5e1d0349e5da 100644
--- a/packages/ui-tests/src/tests/pages/ready.tsx
+++ b/packages/ui-tests/src/tests/pages/ready.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { RefineReadyPageProps } from "@refinedev/ui-types";
+import type { RefineReadyPageProps } from "@refinedev/ui-types";
 
 import { render, TestWrapper } from "@test";
 
diff --git a/packages/ui-types/src/types/button.tsx b/packages/ui-types/src/types/button.tsx
index 170404f3b55e..9d860e7162f0 100644
--- a/packages/ui-types/src/types/button.tsx
+++ b/packages/ui-types/src/types/button.tsx
@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
-import {
+import type { PropsWithChildren } from "react";
+import type {
   BaseKey,
   DeleteOneResponse,
   IQueryKeys,
diff --git a/packages/ui-types/src/types/crud.tsx b/packages/ui-types/src/types/crud.tsx
index 545214f3fc03..396dbe720dec 100644
--- a/packages/ui-types/src/types/crud.tsx
+++ b/packages/ui-types/src/types/crud.tsx
@@ -1,5 +1,9 @@
-import { PropsWithChildren } from "react";
-import { AutoSaveIndicatorProps, BaseKey, MutationMode } from "@refinedev/core";
+import type { PropsWithChildren } from "react";
+import type {
+  AutoSaveIndicatorProps,
+  BaseKey,
+  MutationMode,
+} from "@refinedev/core";
 
 export type ActionButtonRenderer<
   TExtraProps extends {} = Record<keyof any, unknown>,
diff --git a/packages/ui-types/src/types/field.tsx b/packages/ui-types/src/types/field.tsx
index 5be6135b481c..14eff66f03bb 100644
--- a/packages/ui-types/src/types/field.tsx
+++ b/packages/ui-types/src/types/field.tsx
@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { ConfigType } from "dayjs";
+import type { ReactNode } from "react";
+import type { ConfigType } from "dayjs";
 
 export type RefineFieldCommonProps<T = unknown> = {
   /**
diff --git a/packages/ui-types/src/types/layout.tsx b/packages/ui-types/src/types/layout.tsx
index 12bb41af9e2d..fcbe27ec026b 100644
--- a/packages/ui-types/src/types/layout.tsx
+++ b/packages/ui-types/src/types/layout.tsx
@@ -1,4 +1,4 @@
-import { TitleProps, LayoutProps } from "@refinedev/core";
+import type { TitleProps, LayoutProps } from "@refinedev/core";
 
 export type SiderRenderProps = {
   /**

From 84adce30b3f0cbdb333c262d1aa5693427bba3fc Mon Sep 17 00:00:00 2001
From: Yeldar <57894795+issa012@users.noreply.github.com>
Date: Wed, 29 May 2024 11:46:59 +0500
Subject: [PATCH 3/4] feat(nestjs-query): implement getApiUrl (#5983)

Co-authored-by: Alican Erdurmaz <alicanerdurmaz@gmail.com>
---
 .changeset/thick-doors-draw.md                     |  7 +++++++
 packages/nestjs-query/src/dataProvider/index.ts    |  2 +-
 packages/nestjs-query/test/gqlClient.ts            |  2 +-
 packages/nestjs-query/test/useApiUrl/index.spec.ts | 12 ++++++++++++
 4 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/thick-doors-draw.md
 create mode 100644 packages/nestjs-query/test/useApiUrl/index.spec.ts

diff --git a/.changeset/thick-doors-draw.md b/.changeset/thick-doors-draw.md
new file mode 100644
index 000000000000..4b5114cf0c99
--- /dev/null
+++ b/.changeset/thick-doors-draw.md
@@ -0,0 +1,7 @@
+---
+"@refinedev/nestjs-query": minor
+---
+
+feat(nestjs-query): implemented getApiUrl
+
+resolves #5606
diff --git a/packages/nestjs-query/src/dataProvider/index.ts b/packages/nestjs-query/src/dataProvider/index.ts
index bc1f29b4b4c2..433c7bbbdf92 100644
--- a/packages/nestjs-query/src/dataProvider/index.ts
+++ b/packages/nestjs-query/src/dataProvider/index.ts
@@ -416,7 +416,7 @@ const dataProvider = (client: GraphQLClient): Required<DataProvider> => {
       };
     },
     getApiUrl: () => {
-      throw Error("Not implemented on refine-nestjs-query data provider.");
+      return (client as any).url; // url field in GraphQLClient is private
     },
     custom: async ({ url, method, headers, meta }) => {
       if (url) {
diff --git a/packages/nestjs-query/test/gqlClient.ts b/packages/nestjs-query/test/gqlClient.ts
index efe169f9e0ed..18f16cea484b 100644
--- a/packages/nestjs-query/test/gqlClient.ts
+++ b/packages/nestjs-query/test/gqlClient.ts
@@ -1,7 +1,7 @@
 import { GraphQLClient } from "graphql-request";
 
 // const API_URL = "https://api.nestjs-query.refine.dev/graphql";
-const API_URL = "http://localhost:3003/graphql";
+export const API_URL = "http://localhost:3003/graphql";
 
 const client = new GraphQLClient(API_URL);
 
diff --git a/packages/nestjs-query/test/useApiUrl/index.spec.ts b/packages/nestjs-query/test/useApiUrl/index.spec.ts
new file mode 100644
index 000000000000..1388d9df1a68
--- /dev/null
+++ b/packages/nestjs-query/test/useApiUrl/index.spec.ts
@@ -0,0 +1,12 @@
+import dataProvider from "../../src/index";
+import client, { API_URL } from "../gqlClient";
+
+describe("getApiUrl", () => {
+  describe("should return API URL from client", () => {
+    it("correct response with getApiUrl", async () => {
+      const apiURL = dataProvider(client).getApiUrl();
+
+      expect(apiURL).toEqual(API_URL);
+    });
+  });
+});

From a2e53d28174bbc584cae20621e481afff550ac40 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ali=20Emir=20=C5=9Een?= <senaliemir@gmail.com>
Date: Wed, 29 May 2024 09:48:47 +0300
Subject: [PATCH 4/4] fix(devtools-internal): fix `NODE_ENV` conditional
 (#5992)

---
 .changeset/tall-doors-ring.md                             | 7 +++++++
 packages/devtools-internal/src/use-query-subscription.tsx | 4 +++-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/tall-doors-ring.md

diff --git a/.changeset/tall-doors-ring.md b/.changeset/tall-doors-ring.md
new file mode 100644
index 000000000000..668cd45064c5
--- /dev/null
+++ b/.changeset/tall-doors-ring.md
@@ -0,0 +1,7 @@
+---
+"@refinedev/devtools-internal": patch
+---
+
+fix(devtools-internal): broken env conditional in useQuerySubscription hook
+
+When using Refine with React Native, `process.env.NODE_ENV !== "development" ? () => ({}) : () => {...}` conditional in `useQuerySubscription` hook was causing a syntax error. This PR fixes the issue by explicitly returning an empty object on non-development environments.
diff --git a/packages/devtools-internal/src/use-query-subscription.tsx b/packages/devtools-internal/src/use-query-subscription.tsx
index 183e4f2a4e4a..a79908551d53 100644
--- a/packages/devtools-internal/src/use-query-subscription.tsx
+++ b/packages/devtools-internal/src/use-query-subscription.tsx
@@ -9,7 +9,9 @@ import { createQueryListener, createMutationListener } from "./listeners";
 
 export const useQuerySubscription =
   __DEV_CONDITION__ !== "development"
-    ? () => ({})
+    ? () => {
+        return {};
+      }
     : (queryClient: QueryClient) => {
         const { ws } = useContext(DevToolsContext);
         const queryCacheSubscription = React.useRef<() => void>();