diff --git a/.eslintrc.js b/.eslintrc.js
index f8250bec61..d61dd21569 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -51,6 +51,7 @@ module.exports = {
         },
       },
     ],
+    '@typescript-eslint/consistent-type-imports': 'error',
   },
   overrides: [
     {
diff --git a/examples/e-commerce/src/routing.ts b/examples/e-commerce/src/routing.ts
index 3ca55085ed..cbf5d2b9d7 100644
--- a/examples/e-commerce/src/routing.ts
+++ b/examples/e-commerce/src/routing.ts
@@ -1,9 +1,7 @@
 /* eslint complexity: off */
 
-import {
-  history as historyRouter,
-  UiState,
-} from 'instantsearch.js/es/lib/routers';
+import type { UiState } from 'instantsearch.js/es/lib/routers';
+import { history as historyRouter } from 'instantsearch.js/es/lib/routers';
 import {
   getFallbackHitsPerPageRoutingValue,
   getFallbackSortByRoutingValue,
diff --git a/scripts/jest/matchers/__tests__/toWarnDev-test.ts b/scripts/jest/matchers/__tests__/toWarnDev-test.ts
index cd3a032c26..7f8c45bd6d 100644
--- a/scripts/jest/matchers/__tests__/toWarnDev-test.ts
+++ b/scripts/jest/matchers/__tests__/toWarnDev-test.ts
@@ -1,5 +1,9 @@
 /* eslint-disable no-console */
 
+// export is needed for TS isolatedModules
+// eslint-disable-next-line jest/no-export
+export {};
+
 describe('toWarnDev', () => {
   describe('usage', () => {
     test('fails with incorrect type of message', () => {
diff --git a/src/components/Answers/Answers.tsx b/src/components/Answers/Answers.tsx
index 863957ab56..2bcbc71fd1 100644
--- a/src/components/Answers/Answers.tsx
+++ b/src/components/Answers/Answers.tsx
@@ -3,11 +3,11 @@
 import { h } from 'preact';
 import cx from 'classnames';
 import Template from '../Template/Template';
-import {
+import type {
   AnswersCSSClasses,
   AnswersTemplates,
 } from '../../widgets/answers/answers';
-import { ComponentCSSClasses, Hits } from '../../types';
+import type { ComponentCSSClasses, Hits } from '../../types';
 
 export type AnswersComponentCSSClasses = ComponentCSSClasses<AnswersCSSClasses>;
 
diff --git a/src/components/Answers/__tests__/Answers-test.tsx b/src/components/Answers/__tests__/Answers-test.tsx
index b201b891b4..7a6e2a4d53 100644
--- a/src/components/Answers/__tests__/Answers-test.tsx
+++ b/src/components/Answers/__tests__/Answers-test.tsx
@@ -2,7 +2,8 @@
 
 import { h } from 'preact';
 import { render } from '@testing-library/preact';
-import Answers, { AnswersProps } from '../Answers';
+import type { AnswersProps } from '../Answers';
+import Answers from '../Answers';
 
 const defaultProps: AnswersProps = {
   hits: [],
diff --git a/src/components/Breadcrumb/Breadcrumb.tsx b/src/components/Breadcrumb/Breadcrumb.tsx
index 38a7b6d989..01b2a6be2c 100644
--- a/src/components/Breadcrumb/Breadcrumb.tsx
+++ b/src/components/Breadcrumb/Breadcrumb.tsx
@@ -3,13 +3,13 @@
 import { h } from 'preact';
 import cx from 'classnames';
 import Template from '../Template/Template';
-import {
+import type {
   BreadcrumbCSSClasses,
   BreadcrumbTemplates,
 } from '../../widgets/breadcrumb/breadcrumb';
-import { ComponentCSSClasses } from '../../types';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
-import { BreadcrumbConnectorParamsItem } from '../../connectors/breadcrumb/connectBreadcrumb';
+import type { ComponentCSSClasses } from '../../types';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { BreadcrumbConnectorParamsItem } from '../../connectors/breadcrumb/connectBreadcrumb';
 
 export type BreadcrumbComponentCSSClasses =
   ComponentCSSClasses<BreadcrumbCSSClasses>;
diff --git a/src/components/Breadcrumb/__tests__/Breadcrumb-test.tsx b/src/components/Breadcrumb/__tests__/Breadcrumb-test.tsx
index 8231cef555..85cf7d9f1b 100644
--- a/src/components/Breadcrumb/__tests__/Breadcrumb-test.tsx
+++ b/src/components/Breadcrumb/__tests__/Breadcrumb-test.tsx
@@ -2,7 +2,8 @@
 
 import { h } from 'preact';
 import { render, fireEvent } from '@testing-library/preact';
-import Breadcrumb, { BreadcrumbProps } from '../Breadcrumb';
+import type { BreadcrumbProps } from '../Breadcrumb';
+import Breadcrumb from '../Breadcrumb';
 import { prepareTemplateProps } from '../../../lib/utils';
 import defaultTemplates from '../../../widgets/breadcrumb/defaultTemplates';
 
diff --git a/src/components/ClearRefinements/ClearRefinements.tsx b/src/components/ClearRefinements/ClearRefinements.tsx
index ef32af8844..82c31530f1 100644
--- a/src/components/ClearRefinements/ClearRefinements.tsx
+++ b/src/components/ClearRefinements/ClearRefinements.tsx
@@ -3,13 +3,13 @@
 import { h } from 'preact';
 import cx from 'classnames';
 import Template from '../Template/Template';
-import { ClearRefinementsRenderState } from '../../connectors/clear-refinements/connectClearRefinements';
-import {
+import type { ClearRefinementsRenderState } from '../../connectors/clear-refinements/connectClearRefinements';
+import type {
   ClearRefinementsCSSClasses,
   ClearRefinementsTemplates,
 } from '../../widgets/clear-refinements/clear-refinements';
-import { ComponentCSSClasses } from '../../types';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { ComponentCSSClasses } from '../../types';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 export type ClearRefinementsComponentCSSClasses =
   ComponentCSSClasses<ClearRefinementsCSSClasses>;
diff --git a/src/components/CurrentRefinements/CurrentRefinements.tsx b/src/components/CurrentRefinements/CurrentRefinements.tsx
index cd2f0d5aa2..a06586a727 100644
--- a/src/components/CurrentRefinements/CurrentRefinements.tsx
+++ b/src/components/CurrentRefinements/CurrentRefinements.tsx
@@ -2,12 +2,12 @@
 
 import { h } from 'preact';
 import { isSpecialClick, capitalize } from '../../lib/utils';
-import {
+import type {
   CurrentRefinementsConnectorParamsItem,
   CurrentRefinementsConnectorParamsRefinement,
 } from '../../connectors/current-refinements/connectCurrentRefinements';
-import { CurrentRefinementsCSSClasses } from '../../widgets/current-refinements/current-refinements';
-import { ComponentCSSClasses } from '../../types';
+import type { CurrentRefinementsCSSClasses } from '../../widgets/current-refinements/current-refinements';
+import type { ComponentCSSClasses } from '../../types';
 
 export type CurrentRefinementsComponentCSSClasses =
   ComponentCSSClasses<CurrentRefinementsCSSClasses>;
diff --git a/src/components/GeoSearchControls/GeoSearchButton.tsx b/src/components/GeoSearchControls/GeoSearchButton.tsx
index 695b81a7bd..0667543dc0 100644
--- a/src/components/GeoSearchControls/GeoSearchButton.tsx
+++ b/src/components/GeoSearchControls/GeoSearchButton.tsx
@@ -1,6 +1,7 @@
 /** @jsx h */
 
-import { h, ComponentChildren } from 'preact';
+import type { ComponentChildren } from 'preact';
+import { h } from 'preact';
 
 type Props = {
   className: string;
diff --git a/src/components/GeoSearchControls/GeoSearchControls.tsx b/src/components/GeoSearchControls/GeoSearchControls.tsx
index 3e2add2016..6a40638b50 100644
--- a/src/components/GeoSearchControls/GeoSearchControls.tsx
+++ b/src/components/GeoSearchControls/GeoSearchControls.tsx
@@ -5,12 +5,12 @@ import cx from 'classnames';
 import Template from '../Template/Template';
 import GeoSearchButton from './GeoSearchButton';
 import GeoSearchToggle from './GeoSearchToggle';
-import {
+import type {
   GeoSearchCSSClasses,
   GeoSearchTemplates,
 } from '../../widgets/geo-search/geo-search';
-import { ComponentCSSClasses } from '../../types';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { ComponentCSSClasses } from '../../types';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 type Props = {
   cssClasses: ComponentCSSClasses<GeoSearchCSSClasses>;
diff --git a/src/components/GeoSearchControls/GeoSearchToggle.tsx b/src/components/GeoSearchControls/GeoSearchToggle.tsx
index 945914e937..62e98ef506 100644
--- a/src/components/GeoSearchControls/GeoSearchToggle.tsx
+++ b/src/components/GeoSearchControls/GeoSearchToggle.tsx
@@ -1,6 +1,7 @@
 /** @jsx h */
 
-import { h, ComponentChildren } from 'preact';
+import type { ComponentChildren } from 'preact';
+import { h } from 'preact';
 
 type Props = {
   classNameLabel: string;
diff --git a/src/components/Hits/Hits.tsx b/src/components/Hits/Hits.tsx
index 119e796f61..5cbfd2fd15 100644
--- a/src/components/Hits/Hits.tsx
+++ b/src/components/Hits/Hits.tsx
@@ -3,11 +3,11 @@
 import { h } from 'preact';
 import cx from 'classnames';
 import Template from '../Template/Template';
-import { SearchResults } from 'algoliasearch-helper';
-import { BindEventForHits, SendEventForHits } from '../../lib/utils';
-import { ComponentCSSClasses, Hits as HitsArray } from '../../types';
-import { HitsCSSClasses, HitsTemplates } from '../../widgets/hits/hits';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { SearchResults } from 'algoliasearch-helper';
+import type { BindEventForHits, SendEventForHits } from '../../lib/utils';
+import type { ComponentCSSClasses, Hits as HitsArray } from '../../types';
+import type { HitsCSSClasses, HitsTemplates } from '../../widgets/hits/hits';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 export type HitsComponentCSSClasses = ComponentCSSClasses<HitsCSSClasses>;
 export type HitsComponentTemplates = Required<HitsTemplates>;
diff --git a/src/components/Hits/__tests__/Hits-test.tsx b/src/components/Hits/__tests__/Hits-test.tsx
index 5b2f50433b..d12baa1254 100644
--- a/src/components/Hits/__tests__/Hits-test.tsx
+++ b/src/components/Hits/__tests__/Hits-test.tsx
@@ -5,7 +5,8 @@ import { shallow, mount } from '../../../../test/utils/enzyme';
 import { highlight } from '../../../helpers';
 import { prepareTemplateProps, TAG_REPLACEMENT } from '../../../lib/utils';
 import Template from '../../Template/Template';
-import Hits, { HitsProps } from '../Hits';
+import type { HitsProps } from '../Hits';
+import Hits from '../Hits';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
 import { SearchParameters, SearchResults } from 'algoliasearch-helper';
 import defaultTemplates from '../../../widgets/hits/defaultTemplates';
diff --git a/src/components/InfiniteHits/InfiniteHits.tsx b/src/components/InfiniteHits/InfiniteHits.tsx
index d29a1be715..0cf5f6a58f 100644
--- a/src/components/InfiniteHits/InfiniteHits.tsx
+++ b/src/components/InfiniteHits/InfiniteHits.tsx
@@ -3,13 +3,13 @@
 import { h } from 'preact';
 import cx from 'classnames';
 import Template from '../Template/Template';
-import { SearchResults } from 'algoliasearch-helper';
-import { ComponentCSSClasses, Hits } from '../../types';
-import {
+import type { SearchResults } from 'algoliasearch-helper';
+import type { ComponentCSSClasses, Hits } from '../../types';
+import type {
   InfiniteHitsCSSClasses,
   InfiniteHitsTemplates,
 } from '../../widgets/infinite-hits/infinite-hits';
-import { SendEventForHits, BindEventForHits } from '../../lib/utils';
+import type { SendEventForHits, BindEventForHits } from '../../lib/utils';
 
 export type InfiniteHitsComponentCSSClasses =
   ComponentCSSClasses<InfiniteHitsCSSClasses>;
diff --git a/src/components/InfiniteHits/__tests__/InfiniteHits-test.tsx b/src/components/InfiniteHits/__tests__/InfiniteHits-test.tsx
index a3d3e64454..e1eec8aef6 100644
--- a/src/components/InfiniteHits/__tests__/InfiniteHits-test.tsx
+++ b/src/components/InfiniteHits/__tests__/InfiniteHits-test.tsx
@@ -4,7 +4,7 @@ import { h } from 'preact';
 import { render } from '@testing-library/preact';
 import { SearchParameters, SearchResults } from 'algoliasearch-helper';
 import InfiniteHits from '../InfiniteHits';
-import { Hits, SearchResponse } from '../../../types';
+import type { Hits, SearchResponse } from '../../../types';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
 
 function createResults(partialResults: Partial<SearchResponse<any>>) {
diff --git a/src/components/MenuSelect/MenuSelect.tsx b/src/components/MenuSelect/MenuSelect.tsx
index 8712663a6d..d71f24a24c 100644
--- a/src/components/MenuSelect/MenuSelect.tsx
+++ b/src/components/MenuSelect/MenuSelect.tsx
@@ -4,12 +4,12 @@ import { h } from 'preact';
 import cx from 'classnames';
 import { find } from '../../lib/utils';
 import Template from '../Template/Template';
-import {
+import type {
   MenuSelectCSSClasses,
   MenuSelectTemplates,
 } from '../../widgets/menu-select/menu-select';
-import { MenuRenderState } from '../../connectors/menu/connectMenu';
-import { ComponentCSSClasses } from '../../types';
+import type { MenuRenderState } from '../../connectors/menu/connectMenu';
+import type { ComponentCSSClasses } from '../../types';
 
 export type MenuSelectComponentCSSClasses =
   ComponentCSSClasses<MenuSelectCSSClasses>;
diff --git a/src/components/Pagination/Pagination.tsx b/src/components/Pagination/Pagination.tsx
index 75ec53ecf6..c66ab675b0 100644
--- a/src/components/Pagination/Pagination.tsx
+++ b/src/components/Pagination/Pagination.tsx
@@ -5,11 +5,11 @@ import cx from 'classnames';
 
 import PaginationLink from './PaginationLink';
 import { isSpecialClick } from '../../lib/utils';
-import {
+import type {
   PaginationCSSClasses,
   PaginationTemplates,
 } from '../../widgets/pagination/pagination';
-import { ComponentCSSClasses } from '../../types';
+import type { ComponentCSSClasses } from '../../types';
 
 export type PaginationComponentCSSClasses =
   ComponentCSSClasses<PaginationCSSClasses>;
diff --git a/src/components/Pagination/__tests__/Pagination-test.tsx b/src/components/Pagination/__tests__/Pagination-test.tsx
index 6cbb4460be..a563776d37 100644
--- a/src/components/Pagination/__tests__/Pagination-test.tsx
+++ b/src/components/Pagination/__tests__/Pagination-test.tsx
@@ -2,7 +2,8 @@
 
 import { h } from 'preact';
 import { mount } from '../../../../test/utils/enzyme';
-import Pagination, { PaginationProps } from '../Pagination';
+import type { PaginationProps } from '../Pagination';
+import Pagination from '../Pagination';
 import Paginator from '../../../connectors/pagination/Paginator';
 
 describe('Pagination', () => {
diff --git a/src/components/Panel/Panel.tsx b/src/components/Panel/Panel.tsx
index 942135642b..dfc0df3e8b 100644
--- a/src/components/Panel/Panel.tsx
+++ b/src/components/Panel/Panel.tsx
@@ -4,8 +4,11 @@ import { h } from 'preact';
 import { useState, useEffect, useRef } from 'preact/hooks';
 import cx from 'classnames';
 import Template from '../Template/Template';
-import { PanelCSSClasses, PanelTemplates } from '../../widgets/panel/panel';
-import {
+import type {
+  PanelCSSClasses,
+  PanelTemplates,
+} from '../../widgets/panel/panel';
+import type {
   ComponentCSSClasses,
   RenderOptions,
   UnknownWidgetFactory,
diff --git a/src/components/Panel/__tests__/Panel-test.tsx b/src/components/Panel/__tests__/Panel-test.tsx
index b3673206e3..4d2d5913bf 100644
--- a/src/components/Panel/__tests__/Panel-test.tsx
+++ b/src/components/Panel/__tests__/Panel-test.tsx
@@ -2,7 +2,8 @@
 
 import { h } from 'preact';
 import { render, fireEvent } from '@testing-library/preact';
-import Panel, { PanelProps } from '../Panel';
+import type { PanelProps } from '../Panel';
+import Panel from '../Panel';
 import { createRenderOptions } from '../../../../test/mock/createWidget';
 
 const cssClasses = {
diff --git a/src/components/PoweredBy/PoweredBy.tsx b/src/components/PoweredBy/PoweredBy.tsx
index 0cfef90509..373d75e4af 100644
--- a/src/components/PoweredBy/PoweredBy.tsx
+++ b/src/components/PoweredBy/PoweredBy.tsx
@@ -1,8 +1,8 @@
 /** @jsx h */
 
 import { h } from 'preact';
-import { ComponentCSSClasses } from '../../types';
-import { PoweredByCSSClasses } from '../../widgets/powered-by/powered-by';
+import type { ComponentCSSClasses } from '../../types';
+import type { PoweredByCSSClasses } from '../../widgets/powered-by/powered-by';
 
 export type PoweredByComponentCSSClasses =
   ComponentCSSClasses<PoweredByCSSClasses>;
diff --git a/src/components/QueryRuleCustomData/QueryRuleCustomData.tsx b/src/components/QueryRuleCustomData/QueryRuleCustomData.tsx
index fd8494311e..145d6f10f1 100644
--- a/src/components/QueryRuleCustomData/QueryRuleCustomData.tsx
+++ b/src/components/QueryRuleCustomData/QueryRuleCustomData.tsx
@@ -1,8 +1,8 @@
 /** @jsx h */
 
 import { h } from 'preact';
-import { ComponentCSSClasses } from '../../types';
-import {
+import type { ComponentCSSClasses } from '../../types';
+import type {
   QueryRuleCustomDataCSSClasses,
   QueryRuleCustomDataTemplates,
 } from '../../widgets/query-rule-custom-data/query-rule-custom-data';
diff --git a/src/components/RangeInput/RangeInput.tsx b/src/components/RangeInput/RangeInput.tsx
index 60a4b04897..99bd8e5a4d 100644
--- a/src/components/RangeInput/RangeInput.tsx
+++ b/src/components/RangeInput/RangeInput.tsx
@@ -3,12 +3,15 @@
 import { h, Component } from 'preact';
 import cx from 'classnames';
 import Template from '../Template/Template';
-import {
+import type {
   RangeInputCSSClasses,
   RangeInputTemplates,
 } from '../../widgets/range-input/range-input';
-import { Range, RangeBoundaries } from '../../connectors/range/connectRange';
-import { ComponentCSSClasses } from '../../types';
+import type {
+  Range,
+  RangeBoundaries,
+} from '../../connectors/range/connectRange';
+import type { ComponentCSSClasses } from '../../types';
 
 export type RangeInputComponentCSSClasses =
   ComponentCSSClasses<RangeInputCSSClasses>;
diff --git a/src/components/RangeInput/__tests__/RangeInput-test.tsx b/src/components/RangeInput/__tests__/RangeInput-test.tsx
index 226d56b2de..2a0b109ff8 100644
--- a/src/components/RangeInput/__tests__/RangeInput-test.tsx
+++ b/src/components/RangeInput/__tests__/RangeInput-test.tsx
@@ -3,7 +3,8 @@
 import { h } from 'preact';
 import { shallow } from '../../../../test/utils/enzyme';
 import { render, fireEvent } from '@testing-library/preact';
-import RangeInput, { RangeInputProps } from '../RangeInput';
+import type { RangeInputProps } from '../RangeInput';
+import RangeInput from '../RangeInput';
 
 describe('RangeInput', () => {
   const defaultProps: RangeInputProps = {
diff --git a/src/components/RefinementList/RefinementList.tsx b/src/components/RefinementList/RefinementList.tsx
index 5516bc488f..586f3d13b6 100644
--- a/src/components/RefinementList/RefinementList.tsx
+++ b/src/components/RefinementList/RefinementList.tsx
@@ -1,20 +1,22 @@
 /** @jsx h */
 
+import type { JSX } from 'preact';
 import { h, createRef, Component } from 'preact';
 import cx from 'classnames';
 import { isSpecialClick, isEqual } from '../../lib/utils';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 import Template from '../Template/Template';
 import RefinementListItem from './RefinementListItem';
-import SearchBox, {
+import type {
   SearchBoxComponentCSSClasses,
   SearchBoxComponentTemplates,
 } from '../SearchBox/SearchBox';
-import { HierarchicalMenuItem } from '../../connectors/hierarchical-menu/connectHierarchicalMenu';
-import { ComponentCSSClasses, CreateURL, Templates } from '../../types';
-import { RefinementListOwnCSSClasses } from '../../widgets/refinement-list/refinement-list';
-import { RatingMenuComponentCSSClasses } from '../../widgets/rating-menu/rating-menu';
-import { HierarchicalMenuComponentCSSClasses } from '../../widgets/hierarchical-menu/hierarchical-menu';
+import SearchBox from '../SearchBox/SearchBox';
+import type { HierarchicalMenuItem } from '../../connectors/hierarchical-menu/connectHierarchicalMenu';
+import type { ComponentCSSClasses, CreateURL, Templates } from '../../types';
+import type { RefinementListOwnCSSClasses } from '../../widgets/refinement-list/refinement-list';
+import type { RatingMenuComponentCSSClasses } from '../../widgets/rating-menu/rating-menu';
+import type { HierarchicalMenuComponentCSSClasses } from '../../widgets/hierarchical-menu/hierarchical-menu';
 
 // CSS types
 type RefinementListOptionalClasses =
@@ -66,7 +68,7 @@ export type RefinementListProps<TTemplates extends Templates> = {
   hasExhaustiveItems?: boolean;
   canToggleShowMore?: boolean;
   className?: string;
-  children?: h.JSX.Element;
+  children?: JSX.Element;
 
   // searchable props are optional, but will definitely be present in a searchable context
   isFromSearch?: boolean;
diff --git a/src/components/RefinementList/RefinementListItem.tsx b/src/components/RefinementList/RefinementListItem.tsx
index 39ee76912a..9aac0722ec 100644
--- a/src/components/RefinementList/RefinementListItem.tsx
+++ b/src/components/RefinementList/RefinementListItem.tsx
@@ -1,5 +1,6 @@
 /** @jsx h */
 
+import type { JSX } from 'preact';
 import { h } from 'preact';
 import Template from '../Template/Template';
 
@@ -11,7 +12,7 @@ export type RefinementListItemProps = {
     originalEvent: MouseEvent;
   }) => void;
   isRefined: boolean;
-  subItems?: h.JSX.Element;
+  subItems?: JSX.Element;
   templateData: Record<string, any>;
   templateKey: string;
   templateProps?: Record<string, any>;
diff --git a/src/components/RefinementList/__tests__/RefinementList-test.tsx b/src/components/RefinementList/__tests__/RefinementList-test.tsx
index 90f0ec386b..83ebf0fbd1 100644
--- a/src/components/RefinementList/__tests__/RefinementList-test.tsx
+++ b/src/components/RefinementList/__tests__/RefinementList-test.tsx
@@ -2,9 +2,10 @@
 
 import { h } from 'preact';
 import { render, fireEvent } from '@testing-library/preact';
-import RefinementList, { RefinementListProps } from '../RefinementList';
+import type { RefinementListProps } from '../RefinementList';
+import RefinementList from '../RefinementList';
 import defaultTemplates from '../../../widgets/refinement-list/defaultTemplates';
-import {
+import type {
   RefinementListItemData,
   RefinementListTemplates,
 } from '../../../widgets/refinement-list/refinement-list';
diff --git a/src/components/RefinementList/__tests__/RefinementListItem-test.tsx b/src/components/RefinementList/__tests__/RefinementListItem-test.tsx
index f82efcde6a..58648e4ecc 100644
--- a/src/components/RefinementList/__tests__/RefinementListItem-test.tsx
+++ b/src/components/RefinementList/__tests__/RefinementListItem-test.tsx
@@ -2,9 +2,8 @@
 
 import { h } from 'preact';
 import { shallow } from '../../../../test/utils/enzyme';
-import RefinementListItem, {
-  RefinementListItemProps,
-} from '../RefinementListItem';
+import type { RefinementListItemProps } from '../RefinementListItem';
+import RefinementListItem from '../RefinementListItem';
 
 describe('RefinementListItem', () => {
   const props: RefinementListItemProps = {
diff --git a/src/components/RelevantSort/RelevantSort.tsx b/src/components/RelevantSort/RelevantSort.tsx
index bbd5933a74..6a61108a97 100644
--- a/src/components/RelevantSort/RelevantSort.tsx
+++ b/src/components/RelevantSort/RelevantSort.tsx
@@ -2,11 +2,11 @@
 
 import { h } from 'preact';
 import Template from '../Template/Template';
-import {
+import type {
   RelevantSortCSSClasses,
   RelevantSortTemplates,
 } from '../../widgets/relevant-sort/relevant-sort';
-import { ComponentCSSClasses } from '../../types';
+import type { ComponentCSSClasses } from '../../types';
 
 export type RelevantSortComponentCSSClasses =
   ComponentCSSClasses<RelevantSortCSSClasses>;
diff --git a/src/components/RelevantSort/__tests__/RelevantSort-test.tsx b/src/components/RelevantSort/__tests__/RelevantSort-test.tsx
index c375571d2a..4bef25f3dd 100644
--- a/src/components/RelevantSort/__tests__/RelevantSort-test.tsx
+++ b/src/components/RelevantSort/__tests__/RelevantSort-test.tsx
@@ -3,7 +3,8 @@
 import { h } from 'preact';
 import { render, fireEvent } from '@testing-library/preact';
 
-import RelevantSort, { RelevantSortComponentTemplates } from '../RelevantSort';
+import type { RelevantSortComponentTemplates } from '../RelevantSort';
+import RelevantSort from '../RelevantSort';
 
 const cssClasses = {
   root: 'root',
diff --git a/src/components/SearchBox/SearchBox.tsx b/src/components/SearchBox/SearchBox.tsx
index c93053b005..d935991da1 100644
--- a/src/components/SearchBox/SearchBox.tsx
+++ b/src/components/SearchBox/SearchBox.tsx
@@ -3,11 +3,11 @@
 import { h, createRef, Component } from 'preact';
 import { noop } from '../../lib/utils';
 import Template from '../Template/Template';
-import {
+import type {
   SearchBoxCSSClasses,
   SearchBoxTemplates,
 } from '../../widgets/search-box/search-box';
-import { ComponentCSSClasses } from '../../types';
+import type { ComponentCSSClasses } from '../../types';
 
 export type SearchBoxComponentCSSClasses =
   ComponentCSSClasses<SearchBoxCSSClasses>;
diff --git a/src/components/Slider/Pit.tsx b/src/components/Slider/Pit.tsx
index d341ab8d6d..f715c86b2d 100644
--- a/src/components/Slider/Pit.tsx
+++ b/src/components/Slider/Pit.tsx
@@ -2,7 +2,7 @@
 
 import { h } from 'preact';
 import cx from 'classnames';
-import { PitProps } from './Rheostat';
+import type { PitProps } from './Rheostat';
 
 const Pit = ({ style, children }: PitProps) => {
   // first, end & middle
diff --git a/src/components/Slider/Rheostat.tsx b/src/components/Slider/Rheostat.tsx
index 4677572ff3..892737226e 100644
--- a/src/components/Slider/Rheostat.tsx
+++ b/src/components/Slider/Rheostat.tsx
@@ -6,13 +6,8 @@
 
 /** @jsx h */
 
-import {
-  h,
-  Component,
-  ComponentChildren,
-  ComponentType,
-  createRef,
-} from 'preact';
+import type { ComponentChildren, ComponentType, JSX } from 'preact';
+import { h, Component, createRef } from 'preact';
 
 type BoundingBox = {
   height: number;
@@ -73,11 +68,11 @@ function killEvent(ev: Event) {
   ev.preventDefault();
 }
 
-function Button(props: h.JSX.IntrinsicElements['button']) {
+function Button(props: JSX.IntrinsicElements['button']) {
   return <button {...props} type="button" />;
 }
 
-// Preact doesn't have builtin types for Style, h.JSX.HTMLAttributes['style'] is just object
+// Preact doesn't have builtin types for Style, JSX.HTMLAttributes['style'] is just object
 // maybe migrate to csstype later?
 type Style = {
   position?: 'absolute';
@@ -105,7 +100,7 @@ export type HandleProps = {
   onMouseDown?: (e: MouseEvent) => void;
   onTouchStart?: (e: TouchEvent) => void;
   role: 'slider';
-  style: h.JSX.HTMLAttributes['style'];
+  style: JSX.HTMLAttributes['style'];
   tabIndex: number;
 };
 
@@ -126,7 +121,7 @@ type Props = {
   orientation?: 'horizontal' | 'vertical';
   pitComponent?: ComponentType<PitProps>;
   pitPoints?: number[];
-  progressBar?: ComponentType<h.JSX.HTMLAttributes>;
+  progressBar?: ComponentType<JSX.HTMLAttributes>;
   snap?: boolean;
   snapPoints?: number[];
   values?: number[];
diff --git a/src/components/Slider/Slider.tsx b/src/components/Slider/Slider.tsx
index cae8222c83..43e98d6bf1 100644
--- a/src/components/Slider/Slider.tsx
+++ b/src/components/Slider/Slider.tsx
@@ -1,16 +1,17 @@
 /** @jsx h */
 
 import { h, Component } from 'preact';
-import Rheostat, { HandleProps } from './Rheostat';
+import type { HandleProps } from './Rheostat';
+import Rheostat from './Rheostat';
 import cx from 'classnames';
 import { range } from '../../lib/utils';
 import Pit from './Pit';
-import { RangeBoundaries } from '../../connectors/range/connectRange';
-import {
+import type { RangeBoundaries } from '../../connectors/range/connectRange';
+import type {
   RangeSliderCssClasses,
   RangeSliderWidgetParams,
 } from '../../widgets/range-slider/range-slider';
-import { ComponentCSSClasses } from '../../types';
+import type { ComponentCSSClasses } from '../../types';
 
 export type RangeSliderComponentCSSClasses =
   ComponentCSSClasses<RangeSliderCssClasses>;
diff --git a/src/components/Slider/__tests__/Slider-test.tsx b/src/components/Slider/__tests__/Slider-test.tsx
index 70feb748cf..49d412478f 100644
--- a/src/components/Slider/__tests__/Slider-test.tsx
+++ b/src/components/Slider/__tests__/Slider-test.tsx
@@ -2,7 +2,8 @@
 
 import { h } from 'preact';
 import { shallow } from '../../../../test/utils/enzyme';
-import Slider, { SliderProps } from '../Slider';
+import type { SliderProps } from '../Slider';
+import Slider from '../Slider';
 
 describe('Slider', () => {
   it('expect to render correctly', () => {
diff --git a/src/components/Stats/Stats.tsx b/src/components/Stats/Stats.tsx
index 912d92e6cc..f9bed8d29b 100644
--- a/src/components/Stats/Stats.tsx
+++ b/src/components/Stats/Stats.tsx
@@ -2,9 +2,12 @@
 
 import { h } from 'preact';
 import cx from 'classnames';
-import { StatsCSSClasses, StatsTemplates } from '../../widgets/stats/stats';
+import type {
+  StatsCSSClasses,
+  StatsTemplates,
+} from '../../widgets/stats/stats';
 import Template from '../Template/Template';
-import { ComponentCSSClasses } from '../../types';
+import type { ComponentCSSClasses } from '../../types';
 
 export type StatsComponentCSSClasses = ComponentCSSClasses<StatsCSSClasses>;
 
diff --git a/src/components/Template/Template.tsx b/src/components/Template/Template.tsx
index 2fc3b28258..27b539b703 100644
--- a/src/components/Template/Template.tsx
+++ b/src/components/Template/Template.tsx
@@ -1,9 +1,10 @@
 /** @jsx h */
 
+import type { JSX } from 'preact';
 import { h, Component } from 'preact';
 import { renderTemplate, isEqual } from '../../lib/utils';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
-import { Templates } from '../../types';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { Templates } from '../../types';
 
 const defaultProps = {
   data: {},
@@ -16,7 +17,7 @@ const defaultProps = {
 type TemplateProps = {
   data?: Record<string, any>;
   rootProps?: Record<string, any>;
-  rootTagName?: keyof h.JSX.IntrinsicElements;
+  rootTagName?: keyof JSX.IntrinsicElements;
   templateKey: string;
   bindEvent?: (...args: any[]) => string;
 } & PreparedTemplateProps<Templates> &
diff --git a/src/components/ToggleRefinement/ToggleRefinement.tsx b/src/components/ToggleRefinement/ToggleRefinement.tsx
index d776d68ad3..da23e44b61 100644
--- a/src/components/ToggleRefinement/ToggleRefinement.tsx
+++ b/src/components/ToggleRefinement/ToggleRefinement.tsx
@@ -1,13 +1,13 @@
 /** @jsx h */
 
 import { h } from 'preact';
-import {
+import type {
   ToggleRefinementRenderState,
   ToggleRefinementValue,
 } from '../../connectors/toggle-refinement/connectToggleRefinement';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
-import { ComponentCSSClasses } from '../../types';
-import {
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { ComponentCSSClasses } from '../../types';
+import type {
   ToggleRefinementTemplates,
   ToggleRefinementCSSClasses,
 } from '../../widgets/toggle-refinement/toggle-refinement';
diff --git a/src/components/VoiceSearch/VoiceSearch.tsx b/src/components/VoiceSearch/VoiceSearch.tsx
index 061da12425..248f0ee825 100644
--- a/src/components/VoiceSearch/VoiceSearch.tsx
+++ b/src/components/VoiceSearch/VoiceSearch.tsx
@@ -3,12 +3,12 @@
 import { h } from 'preact';
 import Template from '../Template/Template';
 
-import {
+import type {
   VoiceSearchCSSClasses,
   VoiceSearchTemplates,
 } from '../../widgets/voice-search/voice-search';
-import { VoiceListeningState } from '../../lib/voiceSearchHelper/types';
-import { ComponentCSSClasses } from '../../types';
+import type { VoiceListeningState } from '../../lib/voiceSearchHelper/types';
+import type { ComponentCSSClasses } from '../../types';
 
 export type VoiceSearchComponentCSSClasses =
   ComponentCSSClasses<VoiceSearchCSSClasses>;
diff --git a/src/components/VoiceSearch/__tests__/VoiceSearch-test.tsx b/src/components/VoiceSearch/__tests__/VoiceSearch-test.tsx
index 1369bc54bd..214af53ece 100644
--- a/src/components/VoiceSearch/__tests__/VoiceSearch-test.tsx
+++ b/src/components/VoiceSearch/__tests__/VoiceSearch-test.tsx
@@ -2,7 +2,8 @@
 
 import { h } from 'preact';
 import { render, fireEvent } from '@testing-library/preact';
-import VoiceSearch, { VoiceSearchProps } from '../VoiceSearch';
+import type { VoiceSearchProps } from '../VoiceSearch';
+import VoiceSearch from '../VoiceSearch';
 
 const defaultProps: VoiceSearchProps = {
   cssClasses: {
diff --git a/src/connectors/answers/connectAnswers.ts b/src/connectors/answers/connectAnswers.ts
index 4886f8d415..b9a864d901 100644
--- a/src/connectors/answers/connectAnswers.ts
+++ b/src/connectors/answers/connectAnswers.ts
@@ -8,8 +8,8 @@ import {
   noop,
   escapeHits,
 } from '../../lib/utils';
-import { DebouncedFunction } from '../../lib/utils/debounce';
-import {
+import type { DebouncedFunction } from '../../lib/utils/debounce';
+import type {
   Connector,
   Hits,
   Hit,
diff --git a/src/connectors/autocomplete/__tests__/connectAutocomplete-test.ts b/src/connectors/autocomplete/__tests__/connectAutocomplete-test.ts
index 933a19f7ba..705619e1c5 100644
--- a/src/connectors/autocomplete/__tests__/connectAutocomplete-test.ts
+++ b/src/connectors/autocomplete/__tests__/connectAutocomplete-test.ts
@@ -9,11 +9,10 @@ import {
 } from '../../../../test/mock/createWidget';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
-import connectAutocomplete, {
-  AutocompleteRenderState,
-} from '../connectAutocomplete';
+import type { AutocompleteRenderState } from '../connectAutocomplete';
+import connectAutocomplete from '../connectAutocomplete';
 import { TAG_PLACEHOLDER } from '../../../lib/utils';
-import { EscapedHits, Hit, SearchClient } from '../../../types';
+import type { EscapedHits, Hit, SearchClient } from '../../../types';
 
 describe('connectAutocomplete', () => {
   const getInitializedWidget = (config = {}) => {
diff --git a/src/connectors/autocomplete/connectAutocomplete.ts b/src/connectors/autocomplete/connectAutocomplete.ts
index eb018b8c7f..f4964aeadf 100644
--- a/src/connectors/autocomplete/connectAutocomplete.ts
+++ b/src/connectors/autocomplete/connectAutocomplete.ts
@@ -1,15 +1,15 @@
-import { SearchResults } from 'algoliasearch-helper';
+import type { SearchResults } from 'algoliasearch-helper';
+import type { SendEventForHits } from '../../lib/utils';
 import {
   escapeHits,
   TAG_PLACEHOLDER,
   checkRendering,
   createDocumentationMessageGenerator,
   createSendEventForHits,
-  SendEventForHits,
   noop,
   warning,
 } from '../../lib/utils';
-import { Hits, Connector, WidgetRenderState } from '../../types';
+import type { Hits, Connector, WidgetRenderState } from '../../types';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'autocomplete',
diff --git a/src/connectors/breadcrumb/connectBreadcrumb.ts b/src/connectors/breadcrumb/connectBreadcrumb.ts
index b318340442..709b6e1973 100644
--- a/src/connectors/breadcrumb/connectBreadcrumb.ts
+++ b/src/connectors/breadcrumb/connectBreadcrumb.ts
@@ -5,8 +5,8 @@ import {
   isEqual,
   noop,
 } from '../../lib/utils';
-import { SearchParameters, SearchResults } from 'algoliasearch-helper';
-import {
+import type { SearchParameters, SearchResults } from 'algoliasearch-helper';
+import type {
   Connector,
   TransformItems,
   CreateURL,
diff --git a/src/connectors/clear-refinements/connectClearRefinements.ts b/src/connectors/clear-refinements/connectClearRefinements.ts
index e73ebbfe77..d77a2fd075 100644
--- a/src/connectors/clear-refinements/connectClearRefinements.ts
+++ b/src/connectors/clear-refinements/connectClearRefinements.ts
@@ -1,4 +1,4 @@
-import { AlgoliaSearchHelper } from 'algoliasearch-helper';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
 import {
   checkRendering,
   clearRefinements,
@@ -8,7 +8,7 @@ import {
   uniq,
   mergeSearchParameters,
 } from '../../lib/utils';
-import {
+import type {
   TransformItems,
   CreateURL,
   Connector,
diff --git a/src/connectors/configure-related-items/__tests__/connectConfigureRelatedItems-test.ts b/src/connectors/configure-related-items/__tests__/connectConfigureRelatedItems-test.ts
index 93eee86938..214ae8339a 100644
--- a/src/connectors/configure-related-items/__tests__/connectConfigureRelatedItems-test.ts
+++ b/src/connectors/configure-related-items/__tests__/connectConfigureRelatedItems-test.ts
@@ -1,7 +1,7 @@
 import connectConfigureRelatedItems from '../connectConfigureRelatedItems';
 import instantsearch from '../../..';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
-import { AlgoliaHit } from '../../../types';
+import type { AlgoliaHit } from '../../../types';
 import { noop } from '../../../lib/utils';
 
 const hit: AlgoliaHit = {
diff --git a/src/connectors/configure-related-items/connectConfigureRelatedItems.ts b/src/connectors/configure-related-items/connectConfigureRelatedItems.ts
index bade6af52a..765cf0a661 100644
--- a/src/connectors/configure-related-items/connectConfigureRelatedItems.ts
+++ b/src/connectors/configure-related-items/connectConfigureRelatedItems.ts
@@ -1,17 +1,17 @@
-import algoliasearchHelper, {
+import type {
   SearchParameters,
   PlainSearchParameters,
 } from 'algoliasearch-helper';
-import { AlgoliaHit, Connector } from '../../types';
+import algoliasearchHelper from 'algoliasearch-helper';
+import type { AlgoliaHit, Connector } from '../../types';
 import {
   createDocumentationMessageGenerator,
   getObjectType,
   warning,
   getPropertyByPath,
 } from '../../lib/utils';
-import connectConfigure, {
-  ConfigureWidgetDescription,
-} from '../configure/connectConfigure';
+import type { ConfigureWidgetDescription } from '../configure/connectConfigure';
+import connectConfigure from '../configure/connectConfigure';
 
 export type MatchingPatterns = {
   [attribute: string]: {
diff --git a/src/connectors/configure/__tests__/connectConfigure-test.ts b/src/connectors/configure/__tests__/connectConfigure-test.ts
index bfa7cecf7e..65335be99e 100644
--- a/src/connectors/configure/__tests__/connectConfigure-test.ts
+++ b/src/connectors/configure/__tests__/connectConfigure-test.ts
@@ -1,7 +1,5 @@
-import algoliasearchHelper, {
-  SearchParameters,
-  AlgoliaSearchHelper,
-} from 'algoliasearch-helper';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
+import algoliasearchHelper, { SearchParameters } from 'algoliasearch-helper';
 
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import connectConfigure from '../connectConfigure';
diff --git a/src/connectors/configure/connectConfigure.ts b/src/connectors/configure/connectConfigure.ts
index c9388cd4f9..57dc0f0d93 100644
--- a/src/connectors/configure/connectConfigure.ts
+++ b/src/connectors/configure/connectConfigure.ts
@@ -1,9 +1,10 @@
-import algoliasearchHelper, {
+import type {
   SearchParameters,
   PlainSearchParameters,
   AlgoliaSearchHelper,
 } from 'algoliasearch-helper';
-import { Connector, WidgetRenderState } from '../../types';
+import algoliasearchHelper from 'algoliasearch-helper';
+import type { Connector, WidgetRenderState } from '../../types';
 import {
   createDocumentationMessageGenerator,
   isPlainObject,
diff --git a/src/connectors/current-refinements/__tests__/connectCurrentRefinements-test.ts b/src/connectors/current-refinements/__tests__/connectCurrentRefinements-test.ts
index d15405b514..047da3a025 100644
--- a/src/connectors/current-refinements/__tests__/connectCurrentRefinements-test.ts
+++ b/src/connectors/current-refinements/__tests__/connectCurrentRefinements-test.ts
@@ -1,11 +1,10 @@
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
 import algoliasearchHelper, {
-  AlgoliaSearchHelper,
   SearchResults,
   SearchParameters,
 } from 'algoliasearch-helper';
-import connectCurrentRefinements, {
-  CurrentRefinementsConnectorParamsItem,
-} from '../connectCurrentRefinements';
+import type { CurrentRefinementsConnectorParamsItem } from '../connectCurrentRefinements';
+import connectCurrentRefinements from '../connectCurrentRefinements';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import {
   createDisposeOptions,
diff --git a/src/connectors/current-refinements/connectCurrentRefinements.ts b/src/connectors/current-refinements/connectCurrentRefinements.ts
index e0ed44bd4b..8308df65d7 100644
--- a/src/connectors/current-refinements/connectCurrentRefinements.ts
+++ b/src/connectors/current-refinements/connectCurrentRefinements.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   AlgoliaSearchHelper,
   SearchParameters,
   SearchResults,
@@ -10,12 +10,12 @@ import {
   noop,
   warning,
 } from '../../lib/utils';
-import {
+import type {
   Refinement,
   FacetRefinement,
   NumericRefinement,
 } from '../../lib/utils/getRefinements';
-import {
+import type {
   Connector,
   TransformItems,
   CreateURL,
diff --git a/src/connectors/dynamic-widgets/__tests__/connectDynamicWidgets-test.ts b/src/connectors/dynamic-widgets/__tests__/connectDynamicWidgets-test.ts
index cbb77e3e2f..8db061bb58 100644
--- a/src/connectors/dynamic-widgets/__tests__/connectDynamicWidgets-test.ts
+++ b/src/connectors/dynamic-widgets/__tests__/connectDynamicWidgets-test.ts
@@ -13,7 +13,7 @@ import {
   createSingleSearchResponse,
 } from '../../../../test/mock/createAPIResponse';
 import connectHierarchicalMenu from '../../hierarchical-menu/connectHierarchicalMenu';
-import { DynamicWidgetsConnectorParams } from '../connectDynamicWidgets';
+import type { DynamicWidgetsConnectorParams } from '../connectDynamicWidgets';
 
 expect.addSnapshotSerializer(widgetSnapshotSerializer);
 
diff --git a/src/connectors/dynamic-widgets/connectDynamicWidgets.ts b/src/connectors/dynamic-widgets/connectDynamicWidgets.ts
index 17e1ae7b08..f98a68d057 100644
--- a/src/connectors/dynamic-widgets/connectDynamicWidgets.ts
+++ b/src/connectors/dynamic-widgets/connectDynamicWidgets.ts
@@ -1,11 +1,11 @@
-import { SearchResults } from 'algoliasearch-helper';
+import type { SearchResults } from 'algoliasearch-helper';
 import {
   checkRendering,
   createDocumentationMessageGenerator,
   getWidgetAttribute,
   noop,
 } from '../../lib/utils';
-import { Connector, Widget } from '../../types';
+import type { Connector, Widget } from '../../types';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'dynamic-widgets',
diff --git a/src/connectors/geo-search/connectGeoSearch.ts b/src/connectors/geo-search/connectGeoSearch.ts
index b6ce749cad..c6bd62d987 100644
--- a/src/connectors/geo-search/connectGeoSearch.ts
+++ b/src/connectors/geo-search/connectGeoSearch.ts
@@ -1,14 +1,17 @@
-import { AlgoliaSearchHelper, SearchParameters } from 'algoliasearch-helper';
+import type {
+  AlgoliaSearchHelper,
+  SearchParameters,
+} from 'algoliasearch-helper';
+import type { SendEventForHits } from '../../lib/utils';
 import {
   checkRendering,
   aroundLatLngToPosition,
   insideBoundingBoxToBoundingBox,
   createDocumentationMessageGenerator,
   createSendEventForHits,
-  SendEventForHits,
   noop,
 } from '../../lib/utils';
-import {
+import type {
   Connector,
   GeoLoc,
   Hit,
diff --git a/src/connectors/hierarchical-menu/connectHierarchicalMenu.ts b/src/connectors/hierarchical-menu/connectHierarchicalMenu.ts
index 9624a3af15..2b5526f812 100644
--- a/src/connectors/hierarchical-menu/connectHierarchicalMenu.ts
+++ b/src/connectors/hierarchical-menu/connectHierarchicalMenu.ts
@@ -1,3 +1,4 @@
+import type { SendEventForFacet } from '../../lib/utils';
 import {
   checkRendering,
   warning,
@@ -5,10 +6,9 @@ import {
   createSendEventForFacet,
   isEqual,
   noop,
-  SendEventForFacet,
 } from '../../lib/utils';
-import { SearchResults } from 'algoliasearch-helper';
-import {
+import type { SearchResults } from 'algoliasearch-helper';
+import type {
   Connector,
   CreateURL,
   TransformItems,
diff --git a/src/connectors/hits-per-page/__tests__/connectHitsPerPage-test.ts b/src/connectors/hits-per-page/__tests__/connectHitsPerPage-test.ts
index d0ee1e61df..bd77fbcd9d 100644
--- a/src/connectors/hits-per-page/__tests__/connectHitsPerPage-test.ts
+++ b/src/connectors/hits-per-page/__tests__/connectHitsPerPage-test.ts
@@ -3,7 +3,7 @@ import algoliasearchHelper, {
   SearchResults,
 } from 'algoliasearch-helper';
 import { connectHitsPerPage } from '../..';
-import { HitsPerPageConnectorParams } from '../connectHitsPerPage';
+import type { HitsPerPageConnectorParams } from '../connectHitsPerPage';
 import {
   createDisposeOptions,
   createInitOptions,
diff --git a/src/connectors/hits-per-page/connectHitsPerPage.ts b/src/connectors/hits-per-page/connectHitsPerPage.ts
index cf7050ecfd..adbc9d0511 100644
--- a/src/connectors/hits-per-page/connectHitsPerPage.ts
+++ b/src/connectors/hits-per-page/connectHitsPerPage.ts
@@ -5,8 +5,11 @@ import {
   noop,
 } from '../../lib/utils';
 
-import { AlgoliaSearchHelper, SearchParameters } from 'algoliasearch-helper';
-import {
+import type {
+  AlgoliaSearchHelper,
+  SearchParameters,
+} from 'algoliasearch-helper';
+import type {
   Connector,
   TransformItems,
   CreateURL,
diff --git a/src/connectors/hits/__tests__/connectHits-test.ts b/src/connectors/hits/__tests__/connectHits-test.ts
index a1f820bff8..367db57061 100644
--- a/src/connectors/hits/__tests__/connectHits-test.ts
+++ b/src/connectors/hits/__tests__/connectHits-test.ts
@@ -11,7 +11,11 @@ import {
 } from '../../../../test/mock/createWidget';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
-import { EscapedHits, Hit, HitAttributeHighlightResult } from '../../../types';
+import type {
+  EscapedHits,
+  Hit,
+  HitAttributeHighlightResult,
+} from '../../../types';
 
 jest.mock('../../../lib/utils/hits-absolute-position', () => ({
   // The real implementation creates a new array instance, which can cause bugs,
diff --git a/src/connectors/hits/__tests__/connectHitsWithInsights-test.ts b/src/connectors/hits/__tests__/connectHitsWithInsights-test.ts
index 1eee6906e8..9b36c12428 100644
--- a/src/connectors/hits/__tests__/connectHitsWithInsights-test.ts
+++ b/src/connectors/hits/__tests__/connectHitsWithInsights-test.ts
@@ -8,7 +8,7 @@ import {
 } from '../../../../test/mock/createWidget';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
 import connectHitsWithInsights from '../connectHitsWithInsights';
-import { Hit } from '../../../types';
+import type { Hit } from '../../../types';
 
 jest.mock('../../../lib/utils/hits-absolute-position', () => ({
   addAbsolutePosition: (hits: Hit[]) => hits,
diff --git a/src/connectors/hits/connectHits.ts b/src/connectors/hits/connectHits.ts
index 1ad4afbfdf..3409f370c6 100644
--- a/src/connectors/hits/connectHits.ts
+++ b/src/connectors/hits/connectHits.ts
@@ -1,3 +1,4 @@
+import type { SendEventForHits, BindEventForHits } from '../../lib/utils';
 import {
   escapeHits,
   TAG_PLACEHOLDER,
@@ -6,19 +7,17 @@ import {
   addAbsolutePosition,
   addQueryID,
   createSendEventForHits,
-  SendEventForHits,
   createBindEventForHits,
-  BindEventForHits,
   noop,
 } from '../../lib/utils';
-import {
+import type {
   TransformItems,
   Connector,
   Hits,
   Hit,
   WidgetRenderState,
 } from '../../types';
-import { SearchResults } from 'algoliasearch-helper';
+import type { SearchResults } from 'algoliasearch-helper';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'hits',
diff --git a/src/connectors/hits/connectHitsWithInsights.ts b/src/connectors/hits/connectHitsWithInsights.ts
index f1caaee9fb..44e99fa83c 100644
--- a/src/connectors/hits/connectHitsWithInsights.ts
+++ b/src/connectors/hits/connectHitsWithInsights.ts
@@ -1,9 +1,7 @@
 import { withInsights } from '../../lib/insights';
-import connectHits, {
-  HitsConnectorParams,
-  HitsWidgetDescription,
-} from './connectHits';
-import { Connector } from '../../types';
+import type { HitsConnectorParams, HitsWidgetDescription } from './connectHits';
+import connectHits from './connectHits';
+import type { Connector } from '../../types';
 
 /**
  * Due to https://github.com/microsoft/web-build-tools/issues/1050, we need
diff --git a/src/connectors/infinite-hits/__tests__/connectInfiniteHits-test.ts b/src/connectors/infinite-hits/__tests__/connectInfiniteHits-test.ts
index 081a448d57..45f9975831 100644
--- a/src/connectors/infinite-hits/__tests__/connectInfiniteHits-test.ts
+++ b/src/connectors/infinite-hits/__tests__/connectInfiniteHits-test.ts
@@ -1,8 +1,10 @@
-import algoliasearchHelper, {
-  SearchResults,
-  SearchParameters,
-} from 'algoliasearch-helper';
-import { SearchClient, HitAttributeHighlightResult, Hit } from '../../../types';
+import type { SearchParameters } from 'algoliasearch-helper';
+import algoliasearchHelper, { SearchResults } from 'algoliasearch-helper';
+import type {
+  SearchClient,
+  HitAttributeHighlightResult,
+  Hit,
+} from '../../../types';
 import { createInstantSearch } from '../../../../test/mock/createInstantSearch';
 import {
   createDisposeOptions,
diff --git a/src/connectors/infinite-hits/__tests__/connectInfiniteHitsWithInsights-test.ts b/src/connectors/infinite-hits/__tests__/connectInfiniteHitsWithInsights-test.ts
index f80311759c..d272897d8f 100644
--- a/src/connectors/infinite-hits/__tests__/connectInfiniteHitsWithInsights-test.ts
+++ b/src/connectors/infinite-hits/__tests__/connectInfiniteHitsWithInsights-test.ts
@@ -7,7 +7,12 @@ import {
 import { createInstantSearch } from '../../../../test/mock/createInstantSearch';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
-import { InstantSearch, InitOptions, RenderOptions, Hit } from '../../../types';
+import type {
+  InstantSearch,
+  InitOptions,
+  RenderOptions,
+  Hit,
+} from '../../../types';
 import connectInfiniteHitsWithInsights from '../connectInfiniteHitsWithInsights';
 
 jest.mock('../../../lib/utils/hits-absolute-position', () => ({
diff --git a/src/connectors/infinite-hits/connectInfiniteHits.ts b/src/connectors/infinite-hits/connectInfiniteHits.ts
index 2c2d99a5ef..b0d63a76db 100644
--- a/src/connectors/infinite-hits/connectInfiniteHits.ts
+++ b/src/connectors/infinite-hits/connectInfiniteHits.ts
@@ -1,16 +1,17 @@
-import {
+import type {
   AlgoliaSearchHelper as Helper,
   PlainSearchParameters,
   SearchParameters,
   SearchResults,
 } from 'algoliasearch-helper';
-import {
+import type {
   Hits,
   Connector,
   TransformItems,
   Hit,
   WidgetRenderState,
 } from '../../types';
+import type { SendEventForHits, BindEventForHits } from '../../lib/utils';
 import {
   escapeHits,
   TAG_PLACEHOLDER,
@@ -21,9 +22,7 @@ import {
   addQueryID,
   noop,
   createSendEventForHits,
-  SendEventForHits,
   createBindEventForHits,
-  BindEventForHits,
 } from '../../lib/utils';
 
 export type InfiniteHitsCachedHits = {
diff --git a/src/connectors/infinite-hits/connectInfiniteHitsWithInsights.ts b/src/connectors/infinite-hits/connectInfiniteHitsWithInsights.ts
index f8d4d604d9..e77d5b909c 100644
--- a/src/connectors/infinite-hits/connectInfiniteHitsWithInsights.ts
+++ b/src/connectors/infinite-hits/connectInfiniteHitsWithInsights.ts
@@ -1,9 +1,10 @@
 import { withInsights } from '../../lib/insights';
-import connectInfiniteHits, {
+import type {
   InfiniteHitsWidgetDescription,
   InfiniteHitsConnectorParams,
 } from './connectInfiniteHits';
-import { Connector } from '../../types';
+import connectInfiniteHits from './connectInfiniteHits';
+import type { Connector } from '../../types';
 
 /**
  * Due to https://github.com/microsoft/web-build-tools/issues/1050, we need
diff --git a/src/connectors/menu/__tests__/connectMenu-test.ts b/src/connectors/menu/__tests__/connectMenu-test.ts
index f199a8cff0..b0b3a72760 100644
--- a/src/connectors/menu/__tests__/connectMenu-test.ts
+++ b/src/connectors/menu/__tests__/connectMenu-test.ts
@@ -10,12 +10,13 @@ import {
   createInitOptions,
   createRenderOptions,
 } from '../../../../test/mock/createWidget';
-import connectMenu, {
+import type {
   MenuConnectorParams,
   MenuRenderState,
   MenuWidgetDescription,
 } from '../connectMenu';
-import { WidgetFactory } from '../../../types';
+import connectMenu from '../connectMenu';
+import type { WidgetFactory } from '../../../types';
 
 describe('connectMenu', () => {
   let rendering: jest.Mock<any, [MenuRenderState, boolean]>;
diff --git a/src/connectors/menu/connectMenu.ts b/src/connectors/menu/connectMenu.ts
index 3addf94088..f07c67a566 100644
--- a/src/connectors/menu/connectMenu.ts
+++ b/src/connectors/menu/connectMenu.ts
@@ -1,11 +1,11 @@
+import type { SendEventForFacet } from '../../lib/utils';
 import {
   checkRendering,
   createDocumentationMessageGenerator,
   createSendEventForFacet,
   noop,
-  SendEventForFacet,
 } from '../../lib/utils';
-import {
+import type {
   Connector,
   CreateURL,
   RenderOptions,
diff --git a/src/connectors/numeric-menu/__tests__/connectNumericMenu-test.ts b/src/connectors/numeric-menu/__tests__/connectNumericMenu-test.ts
index 83ee4dcfb0..0e2ca13114 100644
--- a/src/connectors/numeric-menu/__tests__/connectNumericMenu-test.ts
+++ b/src/connectors/numeric-menu/__tests__/connectNumericMenu-test.ts
@@ -2,11 +2,12 @@ import jsHelper, {
   SearchResults,
   SearchParameters,
 } from 'algoliasearch-helper';
-import connectNumericMenu, {
+import type {
   NumericMenuConnectorParamsItem,
   NumericMenuRenderState,
   NumericMenuRenderStateItem,
 } from '../connectNumericMenu';
+import connectNumericMenu from '../connectNumericMenu';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import {
   createDisposeOptions,
diff --git a/src/connectors/numeric-menu/connectNumericMenu.ts b/src/connectors/numeric-menu/connectNumericMenu.ts
index e4463ed3bc..8729cd6ac8 100644
--- a/src/connectors/numeric-menu/connectNumericMenu.ts
+++ b/src/connectors/numeric-menu/connectNumericMenu.ts
@@ -1,20 +1,23 @@
+import type { SendEventForFacet } from '../../lib/utils';
 import {
   checkRendering,
   createDocumentationMessageGenerator,
   isFiniteNumber,
-  SendEventForFacet,
   convertNumericRefinementsToFilters,
   noop,
 } from '../../lib/utils';
-import {
+import type {
   Connector,
   CreateURL,
   InstantSearch,
   TransformItems,
   WidgetRenderState,
 } from '../../types';
-import { AlgoliaSearchHelper, SearchParameters } from 'algoliasearch-helper';
-import { InsightsEvent } from '../../middlewares';
+import type {
+  AlgoliaSearchHelper,
+  SearchParameters,
+} from 'algoliasearch-helper';
+import type { InsightsEvent } from '../../middlewares';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'numeric-menu',
diff --git a/src/connectors/pagination/__tests__/connectPagination-test.ts b/src/connectors/pagination/__tests__/connectPagination-test.ts
index 014204ab6b..134ce13c54 100644
--- a/src/connectors/pagination/__tests__/connectPagination-test.ts
+++ b/src/connectors/pagination/__tests__/connectPagination-test.ts
@@ -3,10 +3,11 @@ import algoliasearchHelper, {
   SearchParameters,
 } from 'algoliasearch-helper';
 
-import connectPagination, {
+import type {
   PaginationConnectorParams,
   PaginationRenderState,
 } from '../connectPagination';
+import connectPagination from '../connectPagination';
 import {
   createDisposeOptions,
   createInitOptions,
diff --git a/src/connectors/pagination/connectPagination.ts b/src/connectors/pagination/connectPagination.ts
index 9cf295ca1a..5cbc918b95 100644
--- a/src/connectors/pagination/connectPagination.ts
+++ b/src/connectors/pagination/connectPagination.ts
@@ -4,8 +4,8 @@ import {
   noop,
 } from '../../lib/utils';
 import Paginator from './Paginator';
-import { Connector, CreateURL, WidgetRenderState } from '../../types';
-import { SearchParameters } from 'algoliasearch-helper';
+import type { Connector, CreateURL, WidgetRenderState } from '../../types';
+import type { SearchParameters } from 'algoliasearch-helper';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'pagination',
diff --git a/src/connectors/powered-by/connectPoweredBy.ts b/src/connectors/powered-by/connectPoweredBy.ts
index a15152f3fe..408330c0c0 100644
--- a/src/connectors/powered-by/connectPoweredBy.ts
+++ b/src/connectors/powered-by/connectPoweredBy.ts
@@ -3,7 +3,7 @@ import {
   createDocumentationMessageGenerator,
   noop,
 } from '../../lib/utils';
-import { Connector, WidgetRenderState } from '../../types';
+import type { Connector, WidgetRenderState } from '../../types';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'powered-by',
diff --git a/src/connectors/query-rules/__tests__/connectQueryRules-test.ts b/src/connectors/query-rules/__tests__/connectQueryRules-test.ts
index a06f06e9a9..e280ffecdb 100644
--- a/src/connectors/query-rules/__tests__/connectQueryRules-test.ts
+++ b/src/connectors/query-rules/__tests__/connectQueryRules-test.ts
@@ -1,7 +1,7 @@
+import type { AlgoliaSearchHelper as Helper } from 'algoliasearch-helper';
 import algoliasearchHelper, {
   SearchResults,
   SearchParameters,
-  AlgoliaSearchHelper as Helper,
 } from 'algoliasearch-helper';
 import { createInstantSearch } from '../../../../test/mock/createInstantSearch';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
@@ -12,7 +12,7 @@ import {
 } from '../../../../test/mock/createWidget';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
 import connectQueryRules from '../connectQueryRules';
-import { TransformItems } from '../../../types';
+import type { TransformItems } from '../../../types';
 
 describe('connectQueryRules', () => {
   function createWidget() {
diff --git a/src/connectors/query-rules/connectQueryRules.ts b/src/connectors/query-rules/connectQueryRules.ts
index a5d77d93f6..44d6371ff8 100644
--- a/src/connectors/query-rules/connectQueryRules.ts
+++ b/src/connectors/query-rules/connectQueryRules.ts
@@ -1,8 +1,8 @@
-import {
+import type {
   AlgoliaSearchHelper as Helper,
   SearchParameters,
 } from 'algoliasearch-helper';
-import { Connector, TransformItems, WidgetRenderState } from '../../types';
+import type { Connector, TransformItems, WidgetRenderState } from '../../types';
 import {
   checkRendering,
   createDocumentationMessageGenerator,
@@ -11,7 +11,7 @@ import {
   isEqual,
   noop,
 } from '../../lib/utils';
-import {
+import type {
   Refinement as InternalRefinement,
   NumericRefinement as InternalNumericRefinement,
 } from '../../lib/utils/getRefinements';
diff --git a/src/connectors/range/__tests__/connectRange-test.ts b/src/connectors/range/__tests__/connectRange-test.ts
index 9f9d4ba51a..aed6dac878 100644
--- a/src/connectors/range/__tests__/connectRange-test.ts
+++ b/src/connectors/range/__tests__/connectRange-test.ts
@@ -1,7 +1,7 @@
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
 import jsHelper, {
   SearchResults,
   SearchParameters,
-  AlgoliaSearchHelper,
 } from 'algoliasearch-helper';
 import connectRange from '../connectRange';
 import {
diff --git a/src/connectors/range/connectRange.ts b/src/connectors/range/connectRange.ts
index eed2171472..fd6b7647ad 100644
--- a/src/connectors/range/connectRange.ts
+++ b/src/connectors/range/connectRange.ts
@@ -1,8 +1,9 @@
-import {
+import type {
   AlgoliaSearchHelper,
   SearchParameters,
   SearchResults,
 } from 'algoliasearch-helper';
+import type { SendEventForFacet } from '../../lib/utils';
 import {
   checkRendering,
   createDocumentationMessageGenerator,
@@ -10,10 +11,9 @@ import {
   isFiniteNumber,
   find,
   noop,
-  SendEventForFacet,
 } from '../../lib/utils';
-import { InsightsEvent } from '../../middlewares';
-import { Connector, InstantSearch, WidgetRenderState } from '../../types';
+import type { InsightsEvent } from '../../middlewares';
+import type { Connector, InstantSearch, WidgetRenderState } from '../../types';
 
 const withUsage = createDocumentationMessageGenerator(
   { name: 'range-input', connector: true },
diff --git a/src/connectors/rating-menu/connectRatingMenu.ts b/src/connectors/rating-menu/connectRatingMenu.ts
index 2c607084d6..bd2bb8f5d0 100644
--- a/src/connectors/rating-menu/connectRatingMenu.ts
+++ b/src/connectors/rating-menu/connectRatingMenu.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   AlgoliaSearchHelper,
   SearchParameters,
   SearchResults,
@@ -10,13 +10,13 @@ import {
   noop,
   warning,
 } from '../../lib/utils';
-import {
+import type {
   Connector,
   InstantSearch,
   CreateURL,
   WidgetRenderState,
 } from '../../types';
-import { InsightsEvent } from '../../middlewares';
+import type { InsightsEvent } from '../../middlewares';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'rating-menu',
diff --git a/src/connectors/refinement-list/connectRefinementList.ts b/src/connectors/refinement-list/connectRefinementList.ts
index 9cba462e74..134d7f6793 100644
--- a/src/connectors/refinement-list/connectRefinementList.ts
+++ b/src/connectors/refinement-list/connectRefinementList.ts
@@ -1,4 +1,5 @@
-import { AlgoliaSearchHelper, SearchResults } from 'algoliasearch-helper';
+import type { AlgoliaSearchHelper, SearchResults } from 'algoliasearch-helper';
+import type { SendEventForFacet } from '../../lib/utils';
 import {
   escapeFacets,
   TAG_PLACEHOLDER,
@@ -7,9 +8,8 @@ import {
   createDocumentationMessageGenerator,
   createSendEventForFacet,
   noop,
-  SendEventForFacet,
 } from '../../lib/utils';
-import {
+import type {
   Connector,
   TransformItems,
   SortBy,
diff --git a/src/connectors/relevant-sort/connectRelevantSort.ts b/src/connectors/relevant-sort/connectRelevantSort.ts
index 227cac2356..4a27ddedf5 100644
--- a/src/connectors/relevant-sort/connectRelevantSort.ts
+++ b/src/connectors/relevant-sort/connectRelevantSort.ts
@@ -1,4 +1,4 @@
-import { Connector, WidgetRenderState } from '../../types';
+import type { Connector, WidgetRenderState } from '../../types';
 import { noop } from '../../lib/utils';
 
 export type RelevantSortConnectorParams = Record<string, unknown>;
diff --git a/src/connectors/search-box/__tests__/connectSearchBox-test.ts b/src/connectors/search-box/__tests__/connectSearchBox-test.ts
index e518ced4f5..cf34f438d6 100644
--- a/src/connectors/search-box/__tests__/connectSearchBox-test.ts
+++ b/src/connectors/search-box/__tests__/connectSearchBox-test.ts
@@ -8,7 +8,7 @@ import {
   createInitOptions,
   createRenderOptions,
 } from '../../../../test/mock/createWidget';
-import { InstantSearch } from '../../../types';
+import InstantSearch from '../../../lib/InstantSearch';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
 
diff --git a/src/connectors/search-box/connectSearchBox.ts b/src/connectors/search-box/connectSearchBox.ts
index 89eb14dbf2..7d072ce11a 100644
--- a/src/connectors/search-box/connectSearchBox.ts
+++ b/src/connectors/search-box/connectSearchBox.ts
@@ -1,10 +1,10 @@
-import { AlgoliaSearchHelper } from 'algoliasearch-helper';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
 import {
   checkRendering,
   createDocumentationMessageGenerator,
   noop,
 } from '../../lib/utils';
-import { Connector, WidgetRenderState } from '../../types';
+import type { Connector, WidgetRenderState } from '../../types';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'search-box',
diff --git a/src/connectors/sort-by/__tests__/connectSortBy-test.ts b/src/connectors/sort-by/__tests__/connectSortBy-test.ts
index 78b632a20f..b811e597cb 100644
--- a/src/connectors/sort-by/__tests__/connectSortBy-test.ts
+++ b/src/connectors/sort-by/__tests__/connectSortBy-test.ts
@@ -3,7 +3,8 @@ import algoliasearchHelper, {
   SearchParameters,
 } from 'algoliasearch-helper';
 
-import connectSortBy, { SortByRenderState } from '../connectSortBy';
+import type { SortByRenderState } from '../connectSortBy';
+import connectSortBy from '../connectSortBy';
 import index from '../../../widgets/index/index';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import { createInstantSearch } from '../../../../test/mock/createInstantSearch';
diff --git a/src/connectors/sort-by/connectSortBy.ts b/src/connectors/sort-by/connectSortBy.ts
index 94f13bc9fe..ec48d2cbac 100644
--- a/src/connectors/sort-by/connectSortBy.ts
+++ b/src/connectors/sort-by/connectSortBy.ts
@@ -5,7 +5,7 @@ import {
   warning,
   noop,
 } from '../../lib/utils';
-import { Connector, TransformItems, WidgetRenderState } from '../../types';
+import type { Connector, TransformItems, WidgetRenderState } from '../../types';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'sort-by',
diff --git a/src/connectors/stats/__tests__/connectStats-test.ts b/src/connectors/stats/__tests__/connectStats-test.ts
index cf8c13b71a..7b68022dff 100644
--- a/src/connectors/stats/__tests__/connectStats-test.ts
+++ b/src/connectors/stats/__tests__/connectStats-test.ts
@@ -8,7 +8,8 @@ import {
   createRenderOptions,
 } from '../../../../test/mock/createWidget';
 
-import connectStats, { StatsRenderState } from '../connectStats';
+import type { StatsRenderState } from '../connectStats';
+import connectStats from '../connectStats';
 
 describe('connectStats', () => {
   const getInitializedWidget = (config = {}) => {
diff --git a/src/connectors/stats/connectStats.ts b/src/connectors/stats/connectStats.ts
index b211f6e62e..2da81f9fca 100644
--- a/src/connectors/stats/connectStats.ts
+++ b/src/connectors/stats/connectStats.ts
@@ -3,7 +3,7 @@ import {
   createDocumentationMessageGenerator,
   noop,
 } from '../../lib/utils';
-import { Connector, WidgetRenderState } from '../../types';
+import type { Connector, WidgetRenderState } from '../../types';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'stats',
diff --git a/src/connectors/toggle-refinement/__tests__/connectToggleRefinement-test.ts b/src/connectors/toggle-refinement/__tests__/connectToggleRefinement-test.ts
index d562db74dc..64d3d4eb91 100644
--- a/src/connectors/toggle-refinement/__tests__/connectToggleRefinement-test.ts
+++ b/src/connectors/toggle-refinement/__tests__/connectToggleRefinement-test.ts
@@ -2,9 +2,8 @@ import jsHelper, {
   SearchResults,
   SearchParameters,
 } from 'algoliasearch-helper';
-import connectToggleRefinement, {
-  ToggleRefinementRenderState,
-} from '../connectToggleRefinement';
+import type { ToggleRefinementRenderState } from '../connectToggleRefinement';
+import connectToggleRefinement from '../connectToggleRefinement';
 import {
   createDisposeOptions,
   createInitOptions,
diff --git a/src/connectors/toggle-refinement/connectToggleRefinement.ts b/src/connectors/toggle-refinement/connectToggleRefinement.ts
index b62fa8c4b9..a205ac3481 100644
--- a/src/connectors/toggle-refinement/connectToggleRefinement.ts
+++ b/src/connectors/toggle-refinement/connectToggleRefinement.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   AlgoliaSearchHelper,
   SearchParameters,
   SearchResults,
@@ -12,7 +12,7 @@ import {
   noop,
   toArray,
 } from '../../lib/utils';
-import {
+import type {
   Connector,
   CreateURL,
   InstantSearch,
diff --git a/src/connectors/toggle-refinement/types.ts b/src/connectors/toggle-refinement/types.ts
index 0f73978a9a..dbc5f748ec 100644
--- a/src/connectors/toggle-refinement/types.ts
+++ b/src/connectors/toggle-refinement/types.ts
@@ -1,5 +1,5 @@
-import { SendEventForFacet } from '../../lib/utils';
-import { Connector, CreateURL, WidgetRenderState } from '../../types';
+import type { SendEventForFacet } from '../../lib/utils';
+import type { Connector, CreateURL, WidgetRenderState } from '../../types';
 
 type ToggleRefinementConnectorParams = {
   attribute: string;
diff --git a/src/connectors/voice-search/__tests__/connectVoiceSearch-test.ts b/src/connectors/voice-search/__tests__/connectVoiceSearch-test.ts
index 130b563844..b8f550d1c0 100644
--- a/src/connectors/voice-search/__tests__/connectVoiceSearch-test.ts
+++ b/src/connectors/voice-search/__tests__/connectVoiceSearch-test.ts
@@ -6,7 +6,7 @@ import {
   createRenderOptions,
 } from '../../../../test/mock/createWidget';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
-import {
+import type {
   VoiceSearchHelperParams,
   VoiceSearchHelper,
 } from '../../../lib/voiceSearchHelper/types';
diff --git a/src/connectors/voice-search/connectVoiceSearch.ts b/src/connectors/voice-search/connectVoiceSearch.ts
index f1f30d5e2b..0cd9af4b47 100644
--- a/src/connectors/voice-search/connectVoiceSearch.ts
+++ b/src/connectors/voice-search/connectVoiceSearch.ts
@@ -1,12 +1,12 @@
-import { PlainSearchParameters } from 'algoliasearch-helper';
+import type { PlainSearchParameters } from 'algoliasearch-helper';
 import {
   checkRendering,
   createDocumentationMessageGenerator,
   noop,
 } from '../../lib/utils';
-import { Connector, WidgetRenderState } from '../../types';
+import type { Connector, WidgetRenderState } from '../../types';
 import builtInCreateVoiceSearchHelper from '../../lib/voiceSearchHelper';
-import {
+import type {
   CreateVoiceSearchHelper,
   VoiceListeningState,
 } from '../../lib/voiceSearchHelper/types';
diff --git a/src/helpers/highlight.ts b/src/helpers/highlight.ts
index 754c9e7edf..2a36d3f059 100644
--- a/src/helpers/highlight.ts
+++ b/src/helpers/highlight.ts
@@ -1,4 +1,4 @@
-import { Hit } from '../types';
+import type { Hit } from '../types';
 import { component } from '../lib/suit';
 import { getPropertyByPath, TAG_REPLACEMENT } from '../lib/utils';
 
diff --git a/src/helpers/insights.ts b/src/helpers/insights.ts
index 8e5d85b7e5..c9b4181001 100644
--- a/src/helpers/insights.ts
+++ b/src/helpers/insights.ts
@@ -1,4 +1,4 @@
-import { InsightsClientMethod, InsightsClientPayload } from '../types';
+import type { InsightsClientMethod, InsightsClientPayload } from '../types';
 import { warning, serializePayload, deserializePayload } from '../lib/utils';
 
 export function readDataAttributes(domElement: HTMLElement): {
diff --git a/src/helpers/reverseHighlight.ts b/src/helpers/reverseHighlight.ts
index 2495381597..b33cbda5f9 100644
--- a/src/helpers/reverseHighlight.ts
+++ b/src/helpers/reverseHighlight.ts
@@ -1,4 +1,4 @@
-import { Hit } from '../types';
+import type { Hit } from '../types';
 import {
   TAG_REPLACEMENT,
   getPropertyByPath,
diff --git a/src/helpers/reverseSnippet.ts b/src/helpers/reverseSnippet.ts
index 9c53641fdb..1a497dace9 100644
--- a/src/helpers/reverseSnippet.ts
+++ b/src/helpers/reverseSnippet.ts
@@ -1,4 +1,4 @@
-import { Hit } from '../types';
+import type { Hit } from '../types';
 import {
   TAG_REPLACEMENT,
   getPropertyByPath,
diff --git a/src/helpers/snippet.ts b/src/helpers/snippet.ts
index 3858f2d668..bad2d24909 100644
--- a/src/helpers/snippet.ts
+++ b/src/helpers/snippet.ts
@@ -1,4 +1,4 @@
-import { Hit } from '../types';
+import type { Hit } from '../types';
 import { component } from '../lib/suit';
 import { TAG_REPLACEMENT, getPropertyByPath } from '../lib/utils';
 
diff --git a/src/index.es.ts b/src/index.es.ts
index 27c9bff9b8..3a24a94b42 100644
--- a/src/index.es.ts
+++ b/src/index.es.ts
@@ -1,5 +1,6 @@
-import { Expand, UiState } from './types';
-import InstantSearch, { InstantSearchOptions } from './lib/InstantSearch';
+import type { Expand, UiState } from './types';
+import type { InstantSearchOptions } from './lib/InstantSearch';
+import InstantSearch from './lib/InstantSearch';
 import version from './lib/version';
 import {
   snippet,
diff --git a/src/index.ts b/src/index.ts
index e5d63f66e0..b16e59ba37 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,5 +1,6 @@
-import InstantSearch, { InstantSearchOptions } from './lib/InstantSearch';
-import { Expand, UiState } from './types';
+import type { InstantSearchOptions } from './lib/InstantSearch';
+import InstantSearch from './lib/InstantSearch';
+import type { Expand, UiState } from './types';
 
 import version from './lib/version';
 
diff --git a/src/lib/InstantSearch.ts b/src/lib/InstantSearch.ts
index 89341046eb..480bfff98e 100644
--- a/src/lib/InstantSearch.ts
+++ b/src/lib/InstantSearch.ts
@@ -1,6 +1,8 @@
-import algoliasearchHelper, { AlgoliaSearchHelper } from 'algoliasearch-helper';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
+import algoliasearchHelper from 'algoliasearch-helper';
 import EventEmitter from 'events';
-import index, { IndexWidget, isIndexWidget } from '../widgets/index/index';
+import type { IndexWidget } from '../widgets/index/index';
+import index, { isIndexWidget } from '../widgets/index/index';
 import version from './version';
 import createHelpers from './createHelpers';
 import {
@@ -11,7 +13,7 @@ import {
   warning,
   checkIndexUiState,
 } from './utils';
-import {
+import type {
   InsightsClient as AlgoliaInsightsClient,
   SearchClient,
   Widget,
@@ -21,11 +23,9 @@ import {
   MiddlewareDefinition,
   RenderState,
 } from '../types';
-import {
-  createRouterMiddleware,
-  RouterProps,
-} from '../middlewares/createRouterMiddleware';
-import { InsightsEvent } from '../middlewares/createInsightsMiddleware';
+import type { RouterProps } from '../middlewares/createRouterMiddleware';
+import { createRouterMiddleware } from '../middlewares/createRouterMiddleware';
+import type { InsightsEvent } from '../middlewares/createInsightsMiddleware';
 import {
   createMetadataMiddleware,
   isMetadataEnabled,
diff --git a/src/lib/__tests__/InstantSearch-integration-test.ts b/src/lib/__tests__/InstantSearch-integration-test.ts
index abd709852e..27c27af24e 100644
--- a/src/lib/__tests__/InstantSearch-integration-test.ts
+++ b/src/lib/__tests__/InstantSearch-integration-test.ts
@@ -3,7 +3,7 @@ import instantsearch from '../../index.es';
 import { configure, searchBox } from '../../widgets';
 import { connectConfigure } from '../../connectors';
 import { createSearchClient } from '../../../test/mock/createSearchClient';
-import { MiddlewareDefinition } from '../../types';
+import type { MiddlewareDefinition } from '../../types';
 import { runAllMicroTasks } from '../../../test/utils/runAllMicroTasks';
 
 describe('configure', () => {
diff --git a/src/lib/__tests__/InstantSearch-test.tsx b/src/lib/__tests__/InstantSearch-test.tsx
index 649788d7b8..8cb54f110e 100644
--- a/src/lib/__tests__/InstantSearch-test.tsx
+++ b/src/lib/__tests__/InstantSearch-test.tsx
@@ -1,6 +1,7 @@
 /** @jsx h */
 
-import preact, { h, render, createRef } from 'preact';
+import type preact from 'preact';
+import { h, render, createRef } from 'preact';
 import originalHelper from 'algoliasearch-helper';
 import InstantSearch from '../InstantSearch';
 import version from '../version';
@@ -17,13 +18,13 @@ import {
 } from '../../../test/mock/createWidget';
 import { runAllMicroTasks } from '../../../test/utils/runAllMicroTasks';
 import { castToJestMock } from '../../../test/utils/castToJestMock';
-import { IndexWidget } from '../../widgets/index/index';
-import { Widget } from '../../types';
-import {
+import type { IndexWidget } from '../../widgets/index/index';
+import type { Widget } from '../../types';
+import type {
   PaginationConnectorParams,
   PaginationWidgetDescription,
 } from '../../connectors/pagination/connectPagination';
-import {
+import type {
   SearchBoxWidgetDescription,
   SearchBoxConnectorParams,
 } from '../../connectors/search-box/connectSearchBox';
diff --git a/src/lib/__tests__/RoutingManager-test.ts b/src/lib/__tests__/RoutingManager-test.ts
index 5e1591618a..dd554f76b4 100644
--- a/src/lib/__tests__/RoutingManager-test.ts
+++ b/src/lib/__tests__/RoutingManager-test.ts
@@ -2,7 +2,7 @@ import qs from 'qs';
 import { createSearchClient } from '../../../test/mock/createSearchClient';
 import { createWidget } from '../../../test/mock/createWidget';
 import { runAllMicroTasks } from '../../../test/utils/runAllMicroTasks';
-import {
+import type {
   Router,
   Widget,
   UiState,
@@ -11,7 +11,7 @@ import {
 } from '../../types';
 import historyRouter from '../routers/history';
 import instantsearch from '../..';
-import { JSDOM } from 'jsdom';
+import type { JSDOM } from 'jsdom';
 
 declare const jsdom: JSDOM;
 
diff --git a/src/lib/__tests__/insights-client-test.ts b/src/lib/__tests__/insights-client-test.ts
index e689484295..dbd049b0ff 100644
--- a/src/lib/__tests__/insights-client-test.ts
+++ b/src/lib/__tests__/insights-client-test.ts
@@ -1,6 +1,6 @@
 import { withInsights, inferInsightsPayload } from '../insights';
 import { SearchParameters, SearchResults } from 'algoliasearch-helper';
-import { InstantSearch, Widget } from '../../types';
+import type { InstantSearch, Widget } from '../../types';
 import { createInstantSearch } from '../../../test/mock/createInstantSearch';
 import { createSingleSearchResponse } from '../../../test/mock/createAPIResponse';
 import { castToJestMock } from '../../../test/utils/castToJestMock';
diff --git a/src/lib/createHelpers.ts b/src/lib/createHelpers.ts
index 82697de017..0bb452bb8d 100644
--- a/src/lib/createHelpers.ts
+++ b/src/lib/createHelpers.ts
@@ -1,15 +1,17 @@
+import type {
+  HighlightOptions,
+  ReverseHighlightOptions,
+  SnippetOptions,
+  ReverseSnippetOptions,
+} from '../helpers';
 import {
   highlight,
   reverseHighlight,
   snippet,
   reverseSnippet,
-  HighlightOptions,
-  ReverseHighlightOptions,
-  SnippetOptions,
-  ReverseSnippetOptions,
   insights,
 } from '../helpers';
-import {
+import type {
   Hit,
   HoganHelpers,
   InsightsClientMethod,
diff --git a/src/lib/infiniteHitsCache/sessionStorage.ts b/src/lib/infiniteHitsCache/sessionStorage.ts
index 1da0ee0c37..e8ddea54cc 100644
--- a/src/lib/infiniteHitsCache/sessionStorage.ts
+++ b/src/lib/infiniteHitsCache/sessionStorage.ts
@@ -1,6 +1,6 @@
-import { PlainSearchParameters } from 'algoliasearch-helper';
+import type { PlainSearchParameters } from 'algoliasearch-helper';
 import { isEqual } from '../utils';
-import { InfiniteHitsCache } from '../../connectors/infinite-hits/connectInfiniteHits';
+import type { InfiniteHitsCache } from '../../connectors/infinite-hits/connectInfiniteHits';
 
 function getStateWithoutPage(state: PlainSearchParameters) {
   const { page, ...rest } = state || {};
diff --git a/src/lib/insights/client.ts b/src/lib/insights/client.ts
index 0398dc9f30..608da67bbf 100644
--- a/src/lib/insights/client.ts
+++ b/src/lib/insights/client.ts
@@ -1,11 +1,11 @@
-import { SearchResults } from 'algoliasearch-helper';
+import type { SearchResults } from 'algoliasearch-helper';
 import {
   uniq,
   find,
   createDocumentationMessageGenerator,
   warning,
 } from '../utils';
-import {
+import type {
   Hits,
   InsightsClient,
   InsightsClientMethod,
diff --git a/src/lib/insights/listener.tsx b/src/lib/insights/listener.tsx
index 4446158532..d55c65a163 100644
--- a/src/lib/insights/listener.tsx
+++ b/src/lib/insights/listener.tsx
@@ -3,8 +3,8 @@
 import { h } from 'preact';
 import { deserializePayload } from '../utils';
 import { readDataAttributes, hasDataAttributes } from '../../helpers/insights';
-import { InsightsClientWrapper } from '../../types';
-import { InsightsEvent } from '../../middlewares/createInsightsMiddleware';
+import type { InsightsClientWrapper } from '../../types';
+import type { InsightsEvent } from '../../middlewares/createInsightsMiddleware';
 
 type WithInsightsListenerProps = {
   [key: string]: unknown;
diff --git a/src/lib/routers/history.ts b/src/lib/routers/history.ts
index b212406780..82157056a9 100644
--- a/src/lib/routers/history.ts
+++ b/src/lib/routers/history.ts
@@ -1,5 +1,5 @@
 import qs from 'qs';
-import { Router, UiState } from '../../types';
+import type { Router, UiState } from '../../types';
 
 type CreateURL<TRouteState> = (args: {
   qsModule: typeof qs;
diff --git a/src/lib/stateMappings/__tests__/simple-test.ts b/src/lib/stateMappings/__tests__/simple-test.ts
index f55f863c5c..f8b85c14ba 100644
--- a/src/lib/stateMappings/__tests__/simple-test.ts
+++ b/src/lib/stateMappings/__tests__/simple-test.ts
@@ -1,4 +1,4 @@
-import { UiState } from '../../../types';
+import type { UiState } from '../../../types';
 import simpleStateMapping from '../simple';
 
 describe('simpleStateMapping', () => {
diff --git a/src/lib/stateMappings/__tests__/singleIndex-test.ts b/src/lib/stateMappings/__tests__/singleIndex-test.ts
index 89b5210e0b..87af79620c 100644
--- a/src/lib/stateMappings/__tests__/singleIndex-test.ts
+++ b/src/lib/stateMappings/__tests__/singleIndex-test.ts
@@ -1,4 +1,4 @@
-import { UiState } from '../../../types';
+import type { UiState } from '../../../types';
 import singleIndexStateMapping from '../singleIndex';
 
 describe('singleIndexStateMapping', () => {
diff --git a/src/lib/stateMappings/simple.ts b/src/lib/stateMappings/simple.ts
index c303956623..75094abc2d 100644
--- a/src/lib/stateMappings/simple.ts
+++ b/src/lib/stateMappings/simple.ts
@@ -1,4 +1,4 @@
-import { UiState, IndexUiState, StateMapping } from '../../types';
+import type { UiState, IndexUiState, StateMapping } from '../../types';
 
 function getIndexStateWithoutConfigure<TIndexUiState extends IndexUiState>(
   uiState: TIndexUiState
diff --git a/src/lib/stateMappings/singleIndex.ts b/src/lib/stateMappings/singleIndex.ts
index 57258f2201..3ed1c9f46d 100644
--- a/src/lib/stateMappings/singleIndex.ts
+++ b/src/lib/stateMappings/singleIndex.ts
@@ -1,4 +1,4 @@
-import { StateMapping, IndexUiState, UiState } from '../../types';
+import type { StateMapping, IndexUiState, UiState } from '../../types';
 
 function getIndexStateWithoutConfigure<TIndexUiState extends IndexUiState>(
   uiState: TIndexUiState
diff --git a/src/lib/utils/__tests__/clearRefinements-test.ts b/src/lib/utils/__tests__/clearRefinements-test.ts
index 0684306f34..9e2a11e3ea 100644
--- a/src/lib/utils/__tests__/clearRefinements-test.ts
+++ b/src/lib/utils/__tests__/clearRefinements-test.ts
@@ -1,6 +1,6 @@
 import clearRefinements from '../clearRefinements';
 import algoliasearchHelper, { SearchParameters } from 'algoliasearch-helper';
-import { SearchClient } from '../../../types';
+import type { SearchClient } from '../../../types';
 
 const initHelperWithRefinements = () => {
   const helper = algoliasearchHelper({} as SearchClient, 'index', {
diff --git a/src/lib/utils/__tests__/createSendEventForFacet-test.ts b/src/lib/utils/__tests__/createSendEventForFacet-test.ts
index 1d943cb887..f79c99d536 100644
--- a/src/lib/utils/__tests__/createSendEventForFacet-test.ts
+++ b/src/lib/utils/__tests__/createSendEventForFacet-test.ts
@@ -1,6 +1,6 @@
 import algoliasearchHelper from 'algoliasearch-helper';
 import { createSendEventForFacet } from '../createSendEventForFacet';
-import { SearchClient } from '../../../types';
+import type { SearchClient } from '../../../types';
 import { createInstantSearch } from '../../../../test/mock/createInstantSearch';
 
 jest.mock('../isFacetRefined', () => jest.fn());
diff --git a/src/lib/utils/__tests__/geo-search-test.ts b/src/lib/utils/__tests__/geo-search-test.ts
index d7b77ae44b..a3cccaace6 100644
--- a/src/lib/utils/__tests__/geo-search-test.ts
+++ b/src/lib/utils/__tests__/geo-search-test.ts
@@ -1,7 +1,7 @@
+import type { LatLng } from '../geo-search';
 import {
   aroundLatLngToPosition,
   insideBoundingBoxToBoundingBox,
-  LatLng,
 } from '../geo-search';
 
 describe('aroundLatLngToPosition', () => {
diff --git a/src/lib/utils/__tests__/getHighlightFromSiblings-test.ts b/src/lib/utils/__tests__/getHighlightFromSiblings-test.ts
index 7eff585be5..ac03cf5bd0 100644
--- a/src/lib/utils/__tests__/getHighlightFromSiblings-test.ts
+++ b/src/lib/utils/__tests__/getHighlightFromSiblings-test.ts
@@ -1,4 +1,4 @@
-import { HighlightedParts } from '../../../types';
+import type { HighlightedParts } from '../../../types';
 import getHighlightFromSiblings from '../getHighlightFromSiblings';
 
 const oneMatch: HighlightedParts[] = [
diff --git a/src/lib/utils/__tests__/getRefinements-test.ts b/src/lib/utils/__tests__/getRefinements-test.ts
index 187472e4af..3f2cfbf887 100644
--- a/src/lib/utils/__tests__/getRefinements-test.ts
+++ b/src/lib/utils/__tests__/getRefinements-test.ts
@@ -1,5 +1,5 @@
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
 import algoliasearchHelper, {
-  AlgoliaSearchHelper,
   SearchParameters,
   SearchResults,
 } from 'algoliasearch-helper';
diff --git a/src/lib/utils/__tests__/renderTemplate-test.ts b/src/lib/utils/__tests__/renderTemplate-test.ts
index 756d33d16f..57ddb5c561 100644
--- a/src/lib/utils/__tests__/renderTemplate-test.ts
+++ b/src/lib/utils/__tests__/renderTemplate-test.ts
@@ -1,4 +1,4 @@
-import { HoganHelpers } from '../../../types';
+import type { HoganHelpers } from '../../../types';
 import renderTemplate from '../renderTemplate';
 
 describe('renderTemplate', () => {
diff --git a/src/lib/utils/checkIndexUiState.ts b/src/lib/utils/checkIndexUiState.ts
index b61b66ee49..1f58a1101f 100644
--- a/src/lib/utils/checkIndexUiState.ts
+++ b/src/lib/utils/checkIndexUiState.ts
@@ -1,7 +1,7 @@
 import capitalize from './capitalize';
 import { warning } from './logger';
-import { IndexWidget } from '../../widgets/index/index';
-import { Widget, IndexUiState } from '../../types';
+import type { IndexWidget } from '../../widgets/index/index';
+import type { Widget, IndexUiState } from '../../types';
 import { keys } from './typedObject';
 
 // Some connectors are responsible for multiple widgets so we need
diff --git a/src/lib/utils/checkRendering.ts b/src/lib/utils/checkRendering.ts
index e29fd7d30c..821737210e 100644
--- a/src/lib/utils/checkRendering.ts
+++ b/src/lib/utils/checkRendering.ts
@@ -1,4 +1,4 @@
-import { Renderer } from '../../types/connector';
+import type { Renderer } from '../../types/connector';
 import getObjectType from './getObjectType';
 
 function checkRendering<TRenderOptions, TWidgetParams>(
diff --git a/src/lib/utils/clearRefinements.ts b/src/lib/utils/clearRefinements.ts
index e7ca37281b..693bb695b1 100644
--- a/src/lib/utils/clearRefinements.ts
+++ b/src/lib/utils/clearRefinements.ts
@@ -1,4 +1,4 @@
-import { AlgoliaSearchHelper } from 'algoliasearch-helper';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
 
 /**
  * Clears the refinements of a SearchParameters object based on rules provided.
diff --git a/src/lib/utils/concatHighlightedParts.ts b/src/lib/utils/concatHighlightedParts.ts
index d9aa39c6da..3927e0026e 100644
--- a/src/lib/utils/concatHighlightedParts.ts
+++ b/src/lib/utils/concatHighlightedParts.ts
@@ -1,4 +1,4 @@
-import { HighlightedParts } from '../../types';
+import type { HighlightedParts } from '../../types';
 import { TAG_REPLACEMENT } from './escape-highlight';
 
 export default function concatHighlightedParts(parts: HighlightedParts[]) {
diff --git a/src/lib/utils/convertNumericRefinementsToFilters.ts b/src/lib/utils/convertNumericRefinementsToFilters.ts
index 6dc410f2b2..474e8690dd 100644
--- a/src/lib/utils/convertNumericRefinementsToFilters.ts
+++ b/src/lib/utils/convertNumericRefinementsToFilters.ts
@@ -1,4 +1,4 @@
-import { SearchParameters } from 'algoliasearch-helper';
+import type { SearchParameters } from 'algoliasearch-helper';
 
 export function convertNumericRefinementsToFilters(
   state: SearchParameters | null,
diff --git a/src/lib/utils/createSendEventForFacet.ts b/src/lib/utils/createSendEventForFacet.ts
index 8f1372997f..45c5abe48e 100644
--- a/src/lib/utils/createSendEventForFacet.ts
+++ b/src/lib/utils/createSendEventForFacet.ts
@@ -1,5 +1,5 @@
-import { AlgoliaSearchHelper } from 'algoliasearch-helper';
-import { InstantSearch } from '../../types';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
+import type { InstantSearch } from '../../types';
 import isFacetRefined from './isFacetRefined';
 
 type BuiltInSendEventForFacet = (
diff --git a/src/lib/utils/createSendEventForHits.ts b/src/lib/utils/createSendEventForHits.ts
index b258a7255d..8c3f125c5b 100644
--- a/src/lib/utils/createSendEventForHits.ts
+++ b/src/lib/utils/createSendEventForHits.ts
@@ -1,6 +1,6 @@
-import { InstantSearch, Hit, Hits, EscapedHits } from '../../types';
+import type { InstantSearch, Hit, Hits, EscapedHits } from '../../types';
 import { serializePayload } from '../../lib/utils/serializer';
-import { InsightsEvent } from '../../middlewares/createInsightsMiddleware';
+import type { InsightsEvent } from '../../middlewares/createInsightsMiddleware';
 
 type BuiltInSendEventForHits = (
   eventType: string,
diff --git a/src/lib/utils/debounce.ts b/src/lib/utils/debounce.ts
index 431f993216..ddb140242f 100644
--- a/src/lib/utils/debounce.ts
+++ b/src/lib/utils/debounce.ts
@@ -1,4 +1,4 @@
-import { Awaited } from '../../types';
+import type { Awaited } from '../../types';
 
 type Func = (...args: any[]) => any;
 
diff --git a/src/lib/utils/escape-highlight.ts b/src/lib/utils/escape-highlight.ts
index c07efea9e2..11d4fb3f9d 100644
--- a/src/lib/utils/escape-highlight.ts
+++ b/src/lib/utils/escape-highlight.ts
@@ -1,6 +1,6 @@
 import escape from './escape';
 import isPlainObject from './isPlainObject';
-import { Hit, FacetHit, EscapedHits } from '../../types';
+import type { Hit, FacetHit, EscapedHits } from '../../types';
 
 export const TAG_PLACEHOLDER = {
   highlightPreTag: '__ais-highlight__',
diff --git a/src/lib/utils/getHighlightFromSiblings.ts b/src/lib/utils/getHighlightFromSiblings.ts
index ddb64103f2..9ef214e4dc 100644
--- a/src/lib/utils/getHighlightFromSiblings.ts
+++ b/src/lib/utils/getHighlightFromSiblings.ts
@@ -1,5 +1,5 @@
 import unescape from './unescape';
-import { HighlightedParts } from '../../types';
+import type { HighlightedParts } from '../../types';
 
 const hasAlphanumeric = new RegExp(/\w/i);
 
diff --git a/src/lib/utils/getRefinements.ts b/src/lib/utils/getRefinements.ts
index 96f437ae3c..896b2a7a0b 100644
--- a/src/lib/utils/getRefinements.ts
+++ b/src/lib/utils/getRefinements.ts
@@ -1,4 +1,4 @@
-import { SearchParameters, SearchResults } from 'algoliasearch-helper';
+import type { SearchParameters, SearchResults } from 'algoliasearch-helper';
 import find from './find';
 import unescapeRefinement from './unescapeRefinement';
 
diff --git a/src/lib/utils/getWidgetAttribute.ts b/src/lib/utils/getWidgetAttribute.ts
index 83582cf691..e05e9981b3 100644
--- a/src/lib/utils/getWidgetAttribute.ts
+++ b/src/lib/utils/getWidgetAttribute.ts
@@ -1,5 +1,5 @@
-import { InitOptions, Widget } from '../../types';
-import { IndexWidget } from '../../widgets/index/index';
+import type { InitOptions, Widget } from '../../types';
+import type { IndexWidget } from '../../widgets/index/index';
 
 export function getWidgetAttribute(
   widget: Widget | IndexWidget,
diff --git a/src/lib/utils/hits-absolute-position.ts b/src/lib/utils/hits-absolute-position.ts
index 7600a095b5..48e83f471b 100644
--- a/src/lib/utils/hits-absolute-position.ts
+++ b/src/lib/utils/hits-absolute-position.ts
@@ -1,4 +1,4 @@
-import { AlgoliaHit } from '../../types';
+import type { AlgoliaHit } from '../../types';
 
 export function addAbsolutePosition<THit extends AlgoliaHit>(
   hits: THit[],
diff --git a/src/lib/utils/hits-query-id.ts b/src/lib/utils/hits-query-id.ts
index 11cdebea3b..3dc61f63f0 100644
--- a/src/lib/utils/hits-query-id.ts
+++ b/src/lib/utils/hits-query-id.ts
@@ -1,4 +1,4 @@
-import { AlgoliaHit } from '../../types';
+import type { AlgoliaHit } from '../../types';
 
 export function addQueryID<THit extends AlgoliaHit>(
   hits: THit[],
diff --git a/src/lib/utils/isFacetRefined.ts b/src/lib/utils/isFacetRefined.ts
index 6947a844a5..3cda366542 100644
--- a/src/lib/utils/isFacetRefined.ts
+++ b/src/lib/utils/isFacetRefined.ts
@@ -1,4 +1,4 @@
-import { AlgoliaSearchHelper } from 'algoliasearch-helper';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
 
 export default function isFacetRefined(
   helper: AlgoliaSearchHelper,
diff --git a/src/lib/utils/mergeSearchParameters.ts b/src/lib/utils/mergeSearchParameters.ts
index 056f2ef9d9..c46790c842 100644
--- a/src/lib/utils/mergeSearchParameters.ts
+++ b/src/lib/utils/mergeSearchParameters.ts
@@ -1,4 +1,4 @@
-import { SearchParameters } from 'algoliasearch-helper';
+import type { SearchParameters } from 'algoliasearch-helper';
 import findIndex from './findIndex';
 import uniq from './uniq';
 
diff --git a/src/lib/utils/prepareTemplateProps.ts b/src/lib/utils/prepareTemplateProps.ts
index d85e4c17a0..d09c4c04f0 100644
--- a/src/lib/utils/prepareTemplateProps.ts
+++ b/src/lib/utils/prepareTemplateProps.ts
@@ -1,6 +1,6 @@
 import uniq from './uniq';
-import { HoganHelpers, Templates } from '../../types';
-import { HoganOptions } from 'hogan.js';
+import type { HoganHelpers, Templates } from '../../types';
+import type { HoganOptions } from 'hogan.js';
 
 type TemplatesConfig = {
   helpers?: HoganHelpers;
diff --git a/src/lib/utils/renderTemplate.ts b/src/lib/utils/renderTemplate.ts
index c856f67467..6e2ed07215 100644
--- a/src/lib/utils/renderTemplate.ts
+++ b/src/lib/utils/renderTemplate.ts
@@ -1,6 +1,7 @@
-import hogan, { HoganOptions, Template } from 'hogan.js';
-import { Templates, HoganHelpers } from '../../types';
-import { BindEventForHits } from './createSendEventForHits';
+import type { HoganOptions, Template } from 'hogan.js';
+import hogan from 'hogan.js';
+import type { Templates, HoganHelpers } from '../../types';
+import type { BindEventForHits } from './createSendEventForHits';
 
 type TransformedHoganHelpers = {
   [helper: string]: () => (text: string) => string;
diff --git a/src/lib/utils/resolveSearchParameters.ts b/src/lib/utils/resolveSearchParameters.ts
index 49541d7dbc..17475b7fe3 100644
--- a/src/lib/utils/resolveSearchParameters.ts
+++ b/src/lib/utils/resolveSearchParameters.ts
@@ -1,5 +1,5 @@
-import { SearchParameters } from 'algoliasearch-helper';
-import { IndexWidget } from '../../widgets/index/index';
+import type { SearchParameters } from 'algoliasearch-helper';
+import type { IndexWidget } from '../../widgets/index/index';
 
 const resolveSearchParameters = (current: IndexWidget): SearchParameters[] => {
   let parent = current.getParent();
diff --git a/src/lib/utils/reverseHighlightedParts.ts b/src/lib/utils/reverseHighlightedParts.ts
index 180bd5cfab..90cfe6612c 100644
--- a/src/lib/utils/reverseHighlightedParts.ts
+++ b/src/lib/utils/reverseHighlightedParts.ts
@@ -1,4 +1,4 @@
-import { HighlightedParts } from '../../types';
+import type { HighlightedParts } from '../../types';
 import getHighlightFromSiblings from './getHighlightFromSiblings';
 
 export default function reverseHighlightedParts(parts: HighlightedParts[]) {
diff --git a/src/lib/voiceSearchHelper/index.ts b/src/lib/voiceSearchHelper/index.ts
index 8fd920c0d5..5082259cfe 100644
--- a/src/lib/voiceSearchHelper/index.ts
+++ b/src/lib/voiceSearchHelper/index.ts
@@ -1,5 +1,9 @@
 /* global SpeechRecognition SpeechRecognitionEvent */
-import { CreateVoiceSearchHelper, Status, VoiceListeningState } from './types';
+import type {
+  CreateVoiceSearchHelper,
+  Status,
+  VoiceListeningState,
+} from './types';
 
 const createVoiceSearchHelper: CreateVoiceSearchHelper =
   function createVoiceSearchHelper({
diff --git a/src/middlewares/__tests__/createInsightsMiddleware.ts b/src/middlewares/__tests__/createInsightsMiddleware.ts
index 10d4198c6f..268dd5fb70 100644
--- a/src/middlewares/__tests__/createInsightsMiddleware.ts
+++ b/src/middlewares/__tests__/createInsightsMiddleware.ts
@@ -7,7 +7,7 @@ import {
   createInsightsUmdVersion,
 } from '../../../test/mock/createInsightsClient';
 import { warning } from '../../lib/utils';
-import { SearchClient } from '../../types';
+import type { SearchClient } from '../../types';
 
 describe('insights', () => {
   const createTestEnvironment = () => {
diff --git a/src/middlewares/createInsightsMiddleware.ts b/src/middlewares/createInsightsMiddleware.ts
index 588184213c..e9c226257f 100644
--- a/src/middlewares/createInsightsMiddleware.ts
+++ b/src/middlewares/createInsightsMiddleware.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   InsightsClient,
   InsightsClientMethod,
   InternalMiddleware,
diff --git a/src/middlewares/createMetadataMiddleware.ts b/src/middlewares/createMetadataMiddleware.ts
index f4114fb882..374799777d 100644
--- a/src/middlewares/createMetadataMiddleware.ts
+++ b/src/middlewares/createMetadataMiddleware.ts
@@ -1,5 +1,5 @@
-import { InstantSearch, InternalMiddleware, Widget } from '../types';
-import { IndexWidget } from '../widgets/index/index';
+import type { InstantSearch, InternalMiddleware, Widget } from '../types';
+import type { IndexWidget } from '../widgets/index/index';
 
 type WidgetMetaData = {
   type: string | undefined;
diff --git a/src/middlewares/createRouterMiddleware.ts b/src/middlewares/createRouterMiddleware.ts
index 1cf77173b6..ff94f480bf 100644
--- a/src/middlewares/createRouterMiddleware.ts
+++ b/src/middlewares/createRouterMiddleware.ts
@@ -1,6 +1,6 @@
 import simpleStateMapping from '../lib/stateMappings/simple';
 import historyRouter from '../lib/routers/history';
-import {
+import type {
   Router,
   StateMapping,
   UiState,
diff --git a/src/types/algoliasearch.ts b/src/types/algoliasearch.ts
index e30774c5c6..297988e794 100644
--- a/src/types/algoliasearch.ts
+++ b/src/types/algoliasearch.ts
@@ -2,10 +2,10 @@
 // Custom types to support both algoliasearch
 // `v3` and algoliasearch `v4` clients.
 
-import algoliasearch from 'algoliasearch/lite';
-import * as AlgoliaSearch from 'algoliasearch/lite';
+import type algoliasearch from 'algoliasearch/lite';
+import type * as AlgoliaSearch from 'algoliasearch/lite';
 /** @ts-ignore */
-import * as ClientSearch from '@algolia/client-search';
+import type * as ClientSearch from '@algolia/client-search';
 
 /** @ts-ignore */
 type SearchResponseV3<TObject> = AlgoliaSearch.Response<TObject>;
diff --git a/src/types/connector.ts b/src/types/connector.ts
index bd3d707e25..2354f42fa3 100644
--- a/src/types/connector.ts
+++ b/src/types/connector.ts
@@ -1,8 +1,8 @@
-import { SearchResults } from 'algoliasearch-helper';
-import { InstantSearch } from './instantsearch';
-import { InsightsClient } from './insights';
-import { Hits } from './results';
-import { Widget, WidgetDescription } from './widget';
+import type { SearchResults } from 'algoliasearch-helper';
+import type { InstantSearch } from './instantsearch';
+import type { InsightsClient } from './insights';
+import type { Hits } from './results';
+import type { Widget, WidgetDescription } from './widget';
 
 /**
  * The base renderer options. All render functions receive
diff --git a/src/types/instantsearch.ts b/src/types/instantsearch.ts
index eaf0e3bdba..4d8db8af2b 100644
--- a/src/types/instantsearch.ts
+++ b/src/types/instantsearch.ts
@@ -1,4 +1,4 @@
-export {
+export type {
   default as InstantSearch,
   InstantSearchOptions,
 } from '../lib/InstantSearch';
diff --git a/src/types/middleware.ts b/src/types/middleware.ts
index e46ba9d9db..0863395fe6 100644
--- a/src/types/middleware.ts
+++ b/src/types/middleware.ts
@@ -1,6 +1,6 @@
-import InstantSearch from '../lib/InstantSearch';
-import { UiState } from './ui-state';
-import { AtLeastOne } from './utils';
+import type InstantSearch from '../lib/InstantSearch';
+import type { UiState } from './ui-state';
+import type { AtLeastOne } from './utils';
 
 export type MiddlewareDefinition<TUiState extends UiState = UiState> = {
   onStateChange(options: { uiState: TUiState }): void;
diff --git a/src/types/render-state.ts b/src/types/render-state.ts
index 7ceca508bd..4064993dee 100644
--- a/src/types/render-state.ts
+++ b/src/types/render-state.ts
@@ -1,30 +1,30 @@
-import { AnswersWidgetDescription } from '../connectors/answers/connectAnswers';
-import { AutocompleteWidgetDescription } from '../connectors/autocomplete/connectAutocomplete';
-import { BreadcrumbWidgetDescription } from '../connectors/breadcrumb/connectBreadcrumb';
-import { ClearRefinementsWidgetDescription } from '../connectors/clear-refinements/connectClearRefinements';
-import { ConfigureWidgetDescription } from '../connectors/configure/connectConfigure';
-import { CurrentRefinementsWidgetDescription } from '../connectors/current-refinements/connectCurrentRefinements';
-import { GeoSearchWidgetDescription } from '../connectors/geo-search/connectGeoSearch';
-import { HierarchicalMenuWidgetDescription } from '../connectors/hierarchical-menu/connectHierarchicalMenu';
-import { HitsPerPageWidgetDescription } from '../connectors/hits-per-page/connectHitsPerPage';
-import { HitsWidgetDescription } from '../connectors/hits/connectHits';
-import { InfiniteHitsWidgetDescription } from '../connectors/infinite-hits/connectInfiniteHits';
-import { MenuWidgetDescription } from '../connectors/menu/connectMenu';
-import { NumericMenuWidgetDescription } from '../connectors/numeric-menu/connectNumericMenu';
-import { PaginationWidgetDescription } from '../connectors/pagination/connectPagination';
-import { PoweredByWidgetDescription } from '../connectors/powered-by/connectPoweredBy';
-import { QueryRulesWidgetDescription } from '../connectors/query-rules/connectQueryRules';
-import { RangeWidgetDescription } from '../connectors/range/connectRange';
-import { RatingMenuWidgetDescription } from '../connectors/rating-menu/connectRatingMenu';
-import { RefinementListWidgetDescription } from '../connectors/refinement-list/connectRefinementList';
-import { RelevantSortWidgetDescription } from '../connectors/relevant-sort/connectRelevantSort';
-import { SearchBoxWidgetDescription } from '../connectors/search-box/connectSearchBox';
-import { SortByWidgetDescription } from '../connectors/sort-by/connectSortBy';
-import { StatsWidgetDescription } from '../connectors/stats/connectStats';
-import { ToggleRefinementWidgetDescription } from '../connectors/toggle-refinement/connectToggleRefinement';
-import { VoiceSearchWidgetDescription } from '../connectors/voice-search/connectVoiceSearch';
-import { AnalyticsWidgetDescription } from '../widgets/analytics/analytics';
-import { PlacesWidgetDescription } from '../widgets/places/places';
+import type { AnswersWidgetDescription } from '../connectors/answers/connectAnswers';
+import type { AutocompleteWidgetDescription } from '../connectors/autocomplete/connectAutocomplete';
+import type { BreadcrumbWidgetDescription } from '../connectors/breadcrumb/connectBreadcrumb';
+import type { ClearRefinementsWidgetDescription } from '../connectors/clear-refinements/connectClearRefinements';
+import type { ConfigureWidgetDescription } from '../connectors/configure/connectConfigure';
+import type { CurrentRefinementsWidgetDescription } from '../connectors/current-refinements/connectCurrentRefinements';
+import type { GeoSearchWidgetDescription } from '../connectors/geo-search/connectGeoSearch';
+import type { HierarchicalMenuWidgetDescription } from '../connectors/hierarchical-menu/connectHierarchicalMenu';
+import type { HitsPerPageWidgetDescription } from '../connectors/hits-per-page/connectHitsPerPage';
+import type { HitsWidgetDescription } from '../connectors/hits/connectHits';
+import type { InfiniteHitsWidgetDescription } from '../connectors/infinite-hits/connectInfiniteHits';
+import type { MenuWidgetDescription } from '../connectors/menu/connectMenu';
+import type { NumericMenuWidgetDescription } from '../connectors/numeric-menu/connectNumericMenu';
+import type { PaginationWidgetDescription } from '../connectors/pagination/connectPagination';
+import type { PoweredByWidgetDescription } from '../connectors/powered-by/connectPoweredBy';
+import type { QueryRulesWidgetDescription } from '../connectors/query-rules/connectQueryRules';
+import type { RangeWidgetDescription } from '../connectors/range/connectRange';
+import type { RatingMenuWidgetDescription } from '../connectors/rating-menu/connectRatingMenu';
+import type { RefinementListWidgetDescription } from '../connectors/refinement-list/connectRefinementList';
+import type { RelevantSortWidgetDescription } from '../connectors/relevant-sort/connectRelevantSort';
+import type { SearchBoxWidgetDescription } from '../connectors/search-box/connectSearchBox';
+import type { SortByWidgetDescription } from '../connectors/sort-by/connectSortBy';
+import type { StatsWidgetDescription } from '../connectors/stats/connectStats';
+import type { ToggleRefinementWidgetDescription } from '../connectors/toggle-refinement/connectToggleRefinement';
+import type { VoiceSearchWidgetDescription } from '../connectors/voice-search/connectVoiceSearch';
+import type { AnalyticsWidgetDescription } from '../widgets/analytics/analytics';
+import type { PlacesWidgetDescription } from '../widgets/places/places';
 
 type ConnectorRenderStates = AnswersWidgetDescription['indexRenderState'] &
   AutocompleteWidgetDescription['indexRenderState'] &
diff --git a/src/types/router.ts b/src/types/router.ts
index 11e1b1cc0d..5786f1a44e 100644
--- a/src/types/router.ts
+++ b/src/types/router.ts
@@ -1,4 +1,4 @@
-import { UiState } from './ui-state';
+import type { UiState } from './ui-state';
 
 /**
  * The router is the part that saves and reads the object from the storage.
diff --git a/src/types/templates.ts b/src/types/templates.ts
index afcfe30b79..e8f5ddf843 100644
--- a/src/types/templates.ts
+++ b/src/types/templates.ts
@@ -1,4 +1,4 @@
-import { BindEventForHits } from '../lib/utils';
+import type { BindEventForHits } from '../lib/utils';
 
 export type Template<TTemplateData = void> =
   | string
diff --git a/src/types/ui-state.ts b/src/types/ui-state.ts
index bad2205d50..13f0d029ea 100644
--- a/src/types/ui-state.ts
+++ b/src/types/ui-state.ts
@@ -1,21 +1,21 @@
-import { AutocompleteWidgetDescription } from '../connectors/autocomplete/connectAutocomplete';
-import { ConfigureWidgetDescription } from '../connectors/configure/connectConfigure';
-import { GeoSearchWidgetDescription } from '../connectors/geo-search/connectGeoSearch';
-import { HierarchicalMenuWidgetDescription } from '../connectors/hierarchical-menu/connectHierarchicalMenu';
-import { HitsPerPageWidgetDescription } from '../connectors/hits-per-page/connectHitsPerPage';
-import { InfiniteHitsWidgetDescription } from '../connectors/infinite-hits/connectInfiniteHits';
-import { MenuWidgetDescription } from '../connectors/menu/connectMenu';
-import { NumericMenuWidgetDescription } from '../connectors/numeric-menu/connectNumericMenu';
-import { PaginationWidgetDescription } from '../connectors/pagination/connectPagination';
-import { RangeWidgetDescription } from '../connectors/range/connectRange';
-import { RatingMenuWidgetDescription } from '../connectors/rating-menu/connectRatingMenu';
-import { RefinementListWidgetDescription } from '../connectors/refinement-list/connectRefinementList';
-import { RelevantSortWidgetDescription } from '../connectors/relevant-sort/connectRelevantSort';
-import { SearchBoxWidgetDescription } from '../connectors/search-box/connectSearchBox';
-import { SortByWidgetDescription } from '../connectors/sort-by/connectSortBy';
-import { ToggleRefinementWidgetDescription } from '../connectors/toggle-refinement/connectToggleRefinement';
-import { VoiceSearchWidgetDescription } from '../connectors/voice-search/connectVoiceSearch';
-import { PlacesWidgetDescription } from '../widgets/places/places';
+import type { AutocompleteWidgetDescription } from '../connectors/autocomplete/connectAutocomplete';
+import type { ConfigureWidgetDescription } from '../connectors/configure/connectConfigure';
+import type { GeoSearchWidgetDescription } from '../connectors/geo-search/connectGeoSearch';
+import type { HierarchicalMenuWidgetDescription } from '../connectors/hierarchical-menu/connectHierarchicalMenu';
+import type { HitsPerPageWidgetDescription } from '../connectors/hits-per-page/connectHitsPerPage';
+import type { InfiniteHitsWidgetDescription } from '../connectors/infinite-hits/connectInfiniteHits';
+import type { MenuWidgetDescription } from '../connectors/menu/connectMenu';
+import type { NumericMenuWidgetDescription } from '../connectors/numeric-menu/connectNumericMenu';
+import type { PaginationWidgetDescription } from '../connectors/pagination/connectPagination';
+import type { RangeWidgetDescription } from '../connectors/range/connectRange';
+import type { RatingMenuWidgetDescription } from '../connectors/rating-menu/connectRatingMenu';
+import type { RefinementListWidgetDescription } from '../connectors/refinement-list/connectRefinementList';
+import type { RelevantSortWidgetDescription } from '../connectors/relevant-sort/connectRelevantSort';
+import type { SearchBoxWidgetDescription } from '../connectors/search-box/connectSearchBox';
+import type { SortByWidgetDescription } from '../connectors/sort-by/connectSortBy';
+import type { ToggleRefinementWidgetDescription } from '../connectors/toggle-refinement/connectToggleRefinement';
+import type { VoiceSearchWidgetDescription } from '../connectors/voice-search/connectVoiceSearch';
+import type { PlacesWidgetDescription } from '../widgets/places/places';
 
 type ConnectorUiStates = AutocompleteWidgetDescription['indexUiState'] &
   ConfigureWidgetDescription['indexUiState'] &
diff --git a/src/types/widget-factory.ts b/src/types/widget-factory.ts
index 20c31419da..d9be0408b2 100644
--- a/src/types/widget-factory.ts
+++ b/src/types/widget-factory.ts
@@ -1,4 +1,4 @@
-import { Widget, WidgetDescription } from './widget';
+import type { Widget, WidgetDescription } from './widget';
 
 /**
  * The function that creates a new widget.
diff --git a/src/types/widget.ts b/src/types/widget.ts
index 5e756a918a..92d1130dea 100644
--- a/src/types/widget.ts
+++ b/src/types/widget.ts
@@ -1,13 +1,13 @@
-import { IndexWidget } from '../widgets/index/index';
-import {
+import type { IndexWidget } from '../widgets/index/index';
+import type {
   AlgoliaSearchHelper as Helper,
   SearchParameters,
   SearchResults,
 } from 'algoliasearch-helper';
-import { InstantSearch } from './instantsearch';
-import { IndexUiState, UiState } from './ui-state';
-import { IndexRenderState, WidgetRenderState } from './render-state';
-import { Expand, RequiredKeys } from './utils';
+import type { InstantSearch } from './instantsearch';
+import type { IndexUiState, UiState } from './ui-state';
+import type { IndexRenderState, WidgetRenderState } from './render-state';
+import type { Expand, RequiredKeys } from './utils';
 
 export type ScopedResult = {
   indexId: string;
diff --git a/src/widgets/__tests__/index.test.ts b/src/widgets/__tests__/index.test.ts
index 373002a9c8..4d5d3e483b 100644
--- a/src/widgets/__tests__/index.test.ts
+++ b/src/widgets/__tests__/index.test.ts
@@ -1,8 +1,8 @@
 /* global google */
-import { PlacesInstance } from 'places.js';
+import type { PlacesInstance } from 'places.js';
 import * as widgets from '..';
-import { UnknownWidgetFactory, Widget } from '../../types';
-import { IndexWidget } from '../index/index';
+import type { UnknownWidgetFactory, Widget } from '../../types';
+import type { IndexWidget } from '../index/index';
 
 /**
  * Checklist when adding a new widget
diff --git a/src/widgets/analytics/analytics.ts b/src/widgets/analytics/analytics.ts
index 633bdb6118..1c335aeba8 100644
--- a/src/widgets/analytics/analytics.ts
+++ b/src/widgets/analytics/analytics.ts
@@ -1,6 +1,6 @@
-import { SearchParameters, SearchResults } from 'algoliasearch-helper';
+import type { SearchParameters, SearchResults } from 'algoliasearch-helper';
 import { createDocumentationMessageGenerator, warning } from '../../lib/utils';
-import { WidgetFactory, WidgetRenderState } from '../../types';
+import type { WidgetFactory, WidgetRenderState } from '../../types';
 
 export type AnalyticsWidgetParamsPushFunction = (
   /**
diff --git a/src/widgets/answers/answers.tsx b/src/widgets/answers/answers.tsx
index 26388d1a33..d1bbcb81dc 100644
--- a/src/widgets/answers/answers.tsx
+++ b/src/widgets/answers/answers.tsx
@@ -2,7 +2,7 @@
 
 import { h, render } from 'preact';
 import cx from 'classnames';
-import { WidgetFactory, Template, Hit, Renderer } from '../../types';
+import type { WidgetFactory, Template, Hit, Renderer } from '../../types';
 import defaultTemplates from './defaultTemplates';
 import {
   createDocumentationMessageGenerator,
@@ -10,16 +10,18 @@ import {
   prepareTemplateProps,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import Answers, {
+import type {
   AnswersComponentCSSClasses,
   AnswersComponentTemplates,
 } from '../../components/Answers/Answers';
-import connectAnswers, {
+import Answers from '../../components/Answers/Answers';
+import type {
   AnswersRenderState,
   AnswersConnectorParams,
   AnswersWidgetDescription,
 } from '../../connectors/answers/connectAnswers';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import connectAnswers from '../../connectors/answers/connectAnswers';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 const withUsage = createDocumentationMessageGenerator({ name: 'answers' });
 const suit = component('Answers');
diff --git a/src/widgets/answers/defaultTemplates.ts b/src/widgets/answers/defaultTemplates.ts
index b683dabb0d..dc5c6175b3 100644
--- a/src/widgets/answers/defaultTemplates.ts
+++ b/src/widgets/answers/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { AnswersComponentTemplates } from '../../components/Answers/Answers';
+import type { AnswersComponentTemplates } from '../../components/Answers/Answers';
 
 const defaultTemplates: AnswersComponentTemplates = {
   header: '',
diff --git a/src/widgets/breadcrumb/__tests__/breadcrumb-test.ts b/src/widgets/breadcrumb/__tests__/breadcrumb-test.ts
index 8100e5ed9c..3d535125fc 100644
--- a/src/widgets/breadcrumb/__tests__/breadcrumb-test.ts
+++ b/src/widgets/breadcrumb/__tests__/breadcrumb-test.ts
@@ -1,12 +1,13 @@
-import { render as preactRender, VNode } from 'preact';
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
 import breadcrumb from '../breadcrumb';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
 import {
   createRenderOptions,
   createInitOptions,
 } from '../../../../test/mock/createWidget';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
 import algoliasearchHelper, {
-  AlgoliaSearchHelper,
   SearchParameters,
   SearchResults,
 } from 'algoliasearch-helper';
diff --git a/src/widgets/breadcrumb/breadcrumb.tsx b/src/widgets/breadcrumb/breadcrumb.tsx
index 4d23754d4c..0b554fe8f3 100644
--- a/src/widgets/breadcrumb/breadcrumb.tsx
+++ b/src/widgets/breadcrumb/breadcrumb.tsx
@@ -2,15 +2,17 @@
 
 import { h, render } from 'preact';
 import cx from 'classnames';
-import Breadcrumb, {
+import type {
   BreadcrumbComponentCSSClasses,
   BreadcrumbComponentTemplates,
 } from '../../components/Breadcrumb/Breadcrumb';
-import connectBreadcrumb, {
+import Breadcrumb from '../../components/Breadcrumb/Breadcrumb';
+import type {
   BreadcrumbWidgetDescription,
   BreadcrumbConnectorParams,
   BreadcrumbRenderState,
 } from '../../connectors/breadcrumb/connectBreadcrumb';
+import connectBreadcrumb from '../../connectors/breadcrumb/connectBreadcrumb';
 import defaultTemplates from './defaultTemplates';
 import {
   getContainerNode,
@@ -18,8 +20,8 @@ import {
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import { WidgetFactory, Template, Renderer } from '../../types';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { WidgetFactory, Template, Renderer } from '../../types';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 const withUsage = createDocumentationMessageGenerator({ name: 'breadcrumb' });
 const suit = component('Breadcrumb');
diff --git a/src/widgets/breadcrumb/defaultTemplates.ts b/src/widgets/breadcrumb/defaultTemplates.ts
index bce0ce6aca..e8c424f99a 100644
--- a/src/widgets/breadcrumb/defaultTemplates.ts
+++ b/src/widgets/breadcrumb/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { BreadcrumbComponentTemplates } from '../../components/Breadcrumb/Breadcrumb';
+import type { BreadcrumbComponentTemplates } from '../../components/Breadcrumb/Breadcrumb';
 
 const defaultTemplates: BreadcrumbComponentTemplates = {
   home: 'Home',
diff --git a/src/widgets/clear-refinements/__tests__/clear-refinements-test.ts b/src/widgets/clear-refinements/__tests__/clear-refinements-test.ts
index b3547f0bab..3ff9e90227 100644
--- a/src/widgets/clear-refinements/__tests__/clear-refinements-test.ts
+++ b/src/widgets/clear-refinements/__tests__/clear-refinements-test.ts
@@ -1,4 +1,5 @@
-import { render as preactRender, VNode } from 'preact';
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
 import algoliasearchHelper from 'algoliasearch-helper';
 import {
   createInitOptions,
@@ -7,7 +8,7 @@ import {
 import clearRefinements from '../clear-refinements';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
-import { ClearRefinementsProps } from '../../../components/ClearRefinements/ClearRefinements';
+import type { ClearRefinementsProps } from '../../../components/ClearRefinements/ClearRefinements';
 
 const render = castToJestMock(preactRender);
 jest.mock('preact', () => {
diff --git a/src/widgets/clear-refinements/clear-refinements.tsx b/src/widgets/clear-refinements/clear-refinements.tsx
index fa52d9746f..924c28d98f 100644
--- a/src/widgets/clear-refinements/clear-refinements.tsx
+++ b/src/widgets/clear-refinements/clear-refinements.tsx
@@ -1,16 +1,18 @@
 /** @jsx h */
 
 import { h, render } from 'preact';
-import ClearRefinements, {
+import type {
   ClearRefinementsComponentCSSClasses,
   ClearRefinementsComponentTemplates,
 } from '../../components/ClearRefinements/ClearRefinements';
+import ClearRefinements from '../../components/ClearRefinements/ClearRefinements';
 import cx from 'classnames';
-import connectClearRefinements, {
+import type {
   ClearRefinementsConnectorParams,
   ClearRefinementsRenderState,
   ClearRefinementsWidgetDescription,
 } from '../../connectors/clear-refinements/connectClearRefinements';
+import connectClearRefinements from '../../connectors/clear-refinements/connectClearRefinements';
 import defaultTemplates from './defaultTemplates';
 import {
   getContainerNode,
@@ -18,8 +20,8 @@ import {
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import { WidgetFactory, Template, Renderer } from '../../types';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { WidgetFactory, Template, Renderer } from '../../types';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'clear-refinements',
diff --git a/src/widgets/clear-refinements/defaultTemplates.ts b/src/widgets/clear-refinements/defaultTemplates.ts
index f009ad88b8..2947692564 100644
--- a/src/widgets/clear-refinements/defaultTemplates.ts
+++ b/src/widgets/clear-refinements/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { ClearRefinementsComponentTemplates } from '../../components/ClearRefinements/ClearRefinements';
+import type { ClearRefinementsComponentTemplates } from '../../components/ClearRefinements/ClearRefinements';
 
 const defaultTemplates: ClearRefinementsComponentTemplates = {
   resetLabel: 'Clear refinements',
diff --git a/src/widgets/configure-related-items/__tests__/configure-related-items-test.ts b/src/widgets/configure-related-items/__tests__/configure-related-items-test.ts
index 1f7a44472e..8e450b2b0d 100644
--- a/src/widgets/configure-related-items/__tests__/configure-related-items-test.ts
+++ b/src/widgets/configure-related-items/__tests__/configure-related-items-test.ts
@@ -1,7 +1,6 @@
 import configureRelatedItems from '../configure-related-items';
-import connectConfigureRelatedItems, {
-  ConfigureRelatedItemsConnectorParams,
-} from '../../../connectors/configure-related-items/connectConfigureRelatedItems';
+import type { ConfigureRelatedItemsConnectorParams } from '../../../connectors/configure-related-items/connectConfigureRelatedItems';
+import connectConfigureRelatedItems from '../../../connectors/configure-related-items/connectConfigureRelatedItems';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
 
 jest.mock(
diff --git a/src/widgets/configure-related-items/configure-related-items.ts b/src/widgets/configure-related-items/configure-related-items.ts
index 1016a36179..ec24b3f4f2 100644
--- a/src/widgets/configure-related-items/configure-related-items.ts
+++ b/src/widgets/configure-related-items/configure-related-items.ts
@@ -1,10 +1,11 @@
-import { PlainSearchParameters } from 'algoliasearch-helper';
+import type { PlainSearchParameters } from 'algoliasearch-helper';
 import { noop } from '../../lib/utils';
-import connectConfigureRelatedItems, {
+import type {
   ConfigureRelatedItemsConnectorParams,
   ConfigureRelatedItemsWidgetDescription,
 } from '../../connectors/configure-related-items/connectConfigureRelatedItems';
-import { WidgetFactory } from '../../types';
+import connectConfigureRelatedItems from '../../connectors/configure-related-items/connectConfigureRelatedItems';
+import type { WidgetFactory } from '../../types';
 
 export type ConfigureRelatedItemsWidget = WidgetFactory<
   ConfigureRelatedItemsWidgetDescription & {
diff --git a/src/widgets/configure/configure.ts b/src/widgets/configure/configure.ts
index 522d2433b5..a354db8a33 100644
--- a/src/widgets/configure/configure.ts
+++ b/src/widgets/configure/configure.ts
@@ -1,8 +1,9 @@
-import connectConfigure, {
+import type {
   ConfigureConnectorParams,
   ConfigureWidgetDescription,
 } from '../../connectors/configure/connectConfigure';
-import { Widget } from '../../types';
+import connectConfigure from '../../connectors/configure/connectConfigure';
+import type { Widget } from '../../types';
 import { noop } from '../../lib/utils';
 
 /**
diff --git a/src/widgets/current-refinements/__tests__/current-refinements-test.ts b/src/widgets/current-refinements/__tests__/current-refinements-test.ts
index a8d368d5ce..f6400b974a 100644
--- a/src/widgets/current-refinements/__tests__/current-refinements-test.ts
+++ b/src/widgets/current-refinements/__tests__/current-refinements-test.ts
@@ -1,7 +1,8 @@
-import { render as preactRender, VNode } from 'preact';
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
 import algoliasearchHelper, { SearchResults } from 'algoliasearch-helper';
 import currentRefinements from '../current-refinements';
-import { CurrentRefinementsProps } from '../../../components/CurrentRefinements/CurrentRefinements';
+import type { CurrentRefinementsProps } from '../../../components/CurrentRefinements/CurrentRefinements';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import {
   createInitOptions,
diff --git a/src/widgets/current-refinements/current-refinements.tsx b/src/widgets/current-refinements/current-refinements.tsx
index 3de8da8712..8bf8bef8e4 100644
--- a/src/widgets/current-refinements/current-refinements.tsx
+++ b/src/widgets/current-refinements/current-refinements.tsx
@@ -3,17 +3,18 @@
 import { h, render } from 'preact';
 import cx from 'classnames';
 import CurrentRefinements from '../../components/CurrentRefinements/CurrentRefinements';
-import connectCurrentRefinements, {
+import type {
   CurrentRefinementsConnectorParams,
   CurrentRefinementsRenderState,
   CurrentRefinementsWidgetDescription,
 } from '../../connectors/current-refinements/connectCurrentRefinements';
+import connectCurrentRefinements from '../../connectors/current-refinements/connectCurrentRefinements';
 import {
   getContainerNode,
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import { ComponentCSSClasses, Renderer, WidgetFactory } from '../../types';
+import type { ComponentCSSClasses, Renderer, WidgetFactory } from '../../types';
 
 export type CurrentRefinementsCSSClasses = Partial<{
   /**
diff --git a/src/widgets/dynamic-widgets/dynamic-widgets.ts b/src/widgets/dynamic-widgets/dynamic-widgets.ts
index 941219aa69..c82e6b9b2d 100644
--- a/src/widgets/dynamic-widgets/dynamic-widgets.ts
+++ b/src/widgets/dynamic-widgets/dynamic-widgets.ts
@@ -1,14 +1,15 @@
-import connectDynamicWidgets, {
+import type {
   DynamicWidgetsConnectorParams,
   DynamicWidgetsWidgetDescription,
 } from '../../connectors/dynamic-widgets/connectDynamicWidgets';
+import connectDynamicWidgets from '../../connectors/dynamic-widgets/connectDynamicWidgets';
 import { component } from '../../lib/suit';
 import {
   createDocumentationMessageGenerator,
   getContainerNode,
   getWidgetAttribute,
 } from '../../lib/utils';
-import { Widget, WidgetFactory } from '../../types';
+import type { Widget, WidgetFactory } from '../../types';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'dynamic-widgets',
diff --git a/src/widgets/geo-search/GeoSearchRenderer.d.ts b/src/widgets/geo-search/GeoSearchRenderer.d.ts
index 81ffddb27b..b33e79712b 100644
--- a/src/widgets/geo-search/GeoSearchRenderer.d.ts
+++ b/src/widgets/geo-search/GeoSearchRenderer.d.ts
@@ -1,12 +1,12 @@
 /* global google */
-import {
+import type {
   GeoSearchConnectorParams,
   GeoSearchRenderState,
 } from '../../connectors/geo-search/connectGeoSearch';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
-import { ComponentCSSClasses, Renderer } from '../../types';
-import { HTMLMarkerArguments } from './createHTMLMarker';
-import {
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { ComponentCSSClasses, Renderer } from '../../types';
+import type { HTMLMarkerArguments } from './createHTMLMarker';
+import type {
   CreateMarker,
   GeoSearchMarker,
   GeoSearchTemplates,
diff --git a/src/widgets/geo-search/defaultTemplates.ts b/src/widgets/geo-search/defaultTemplates.ts
index 63a986f7dd..df54cb0bbc 100644
--- a/src/widgets/geo-search/defaultTemplates.ts
+++ b/src/widgets/geo-search/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { GeoSearchComponentTemplates } from './geo-search';
+import type { GeoSearchComponentTemplates } from './geo-search';
 
 const defaultTemplates: GeoSearchComponentTemplates = {
   HTMLMarker: '<p>Your custom HTML Marker</p>',
diff --git a/src/widgets/geo-search/geo-search.ts b/src/widgets/geo-search/geo-search.ts
index 5393493cca..8ec4d7ca41 100644
--- a/src/widgets/geo-search/geo-search.ts
+++ b/src/widgets/geo-search/geo-search.ts
@@ -8,15 +8,17 @@ import {
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import connectGeoSearch, {
+import type {
   GeoSearchConnectorParams,
   GeoSearchWidgetDescription,
   GeoHit,
 } from '../../connectors/geo-search/connectGeoSearch';
+import connectGeoSearch from '../../connectors/geo-search/connectGeoSearch';
 import renderer from './GeoSearchRenderer';
 import defaultTemplates from './defaultTemplates';
-import createHTMLMarker, { HTMLMarkerArguments } from './createHTMLMarker';
-import { GeoLoc, Template, WidgetFactory } from '../../types';
+import type { HTMLMarkerArguments } from './createHTMLMarker';
+import createHTMLMarker from './createHTMLMarker';
+import type { GeoLoc, Template, WidgetFactory } from '../../types';
 
 export type CreateMarker = (args: {
   item: GeoHit;
diff --git a/src/widgets/hierarchical-menu/__tests__/hierarchical-menu-test.ts b/src/widgets/hierarchical-menu/__tests__/hierarchical-menu-test.ts
index 3fcaaa1bc8..44499e18c2 100644
--- a/src/widgets/hierarchical-menu/__tests__/hierarchical-menu-test.ts
+++ b/src/widgets/hierarchical-menu/__tests__/hierarchical-menu-test.ts
@@ -1,13 +1,12 @@
 import { render } from 'preact';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
 import algoliasearchHelper, {
-  AlgoliaSearchHelper,
   SearchParameters,
   SearchResults,
 } from 'algoliasearch-helper';
-import hierarchicalMenu, {
-  HierarchicalMenuWidgetParams,
-} from '../hierarchical-menu';
-import {
+import type { HierarchicalMenuWidgetParams } from '../hierarchical-menu';
+import hierarchicalMenu from '../hierarchical-menu';
+import type {
   HierarchicalMenuConnectorParams,
   HierarchicalMenuWidgetDescription,
 } from '../../../connectors/hierarchical-menu/connectHierarchicalMenu';
@@ -17,7 +16,7 @@ import {
 } from '../../../../test/mock/createWidget';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
-import { Widget } from '../../../types';
+import type { Widget } from '../../../types';
 
 const mockedRender = render as jest.Mock;
 
diff --git a/src/widgets/hierarchical-menu/defaultTemplates.ts b/src/widgets/hierarchical-menu/defaultTemplates.ts
index 187db5b496..091eb57f55 100644
--- a/src/widgets/hierarchical-menu/defaultTemplates.ts
+++ b/src/widgets/hierarchical-menu/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { HierarchicalMenuComponentTemplates } from './hierarchical-menu';
+import type { HierarchicalMenuComponentTemplates } from './hierarchical-menu';
 const defaultTemplates: HierarchicalMenuComponentTemplates = {
   item:
     '<a class="{{cssClasses.link}}" href="{{url}}">' +
diff --git a/src/widgets/hierarchical-menu/hierarchical-menu.tsx b/src/widgets/hierarchical-menu/hierarchical-menu.tsx
index 96d80ccd15..90cacbd77e 100644
--- a/src/widgets/hierarchical-menu/hierarchical-menu.tsx
+++ b/src/widgets/hierarchical-menu/hierarchical-menu.tsx
@@ -3,20 +3,21 @@
 import { h, render } from 'preact';
 import cx from 'classnames';
 import RefinementList from '../../components/RefinementList/RefinementList';
-import connectHierarchicalMenu, {
+import type {
   HierarchicalMenuItem,
   HierarchicalMenuConnectorParams,
   HierarchicalMenuRenderState,
   HierarchicalMenuWidgetDescription,
 } from '../../connectors/hierarchical-menu/connectHierarchicalMenu';
+import connectHierarchicalMenu from '../../connectors/hierarchical-menu/connectHierarchicalMenu';
 import defaultTemplates from './defaultTemplates';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 import {
   prepareTemplateProps,
   getContainerNode,
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
-import {
+import type {
   TransformItems,
   Template,
   WidgetFactory,
diff --git a/src/widgets/hits-per-page/__tests__/hits-per-page-test.ts b/src/widgets/hits-per-page/__tests__/hits-per-page-test.ts
index 7a91f2e5ee..ec48c18830 100644
--- a/src/widgets/hits-per-page/__tests__/hits-per-page-test.ts
+++ b/src/widgets/hits-per-page/__tests__/hits-per-page-test.ts
@@ -1,13 +1,15 @@
-import { render as preactRender, VNode, ComponentChildren } from 'preact';
+import type { VNode, ComponentChildren } from 'preact';
+import { render as preactRender } from 'preact';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
 import algoliasearchHelper, {
-  AlgoliaSearchHelper,
   SearchParameters,
   SearchResults,
 } from 'algoliasearch-helper';
-import hitsPerPage, { HitsPerPageCSSClasses } from '../hits-per-page';
+import type { HitsPerPageCSSClasses } from '../hits-per-page';
+import hitsPerPage from '../hits-per-page';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
-import { SelectorProps } from '../../../components/Selector/Selector';
-import { HitsPerPageConnectorParamsItem } from '../../../connectors/hits-per-page/connectHitsPerPage';
+import type { SelectorProps } from '../../../components/Selector/Selector';
+import type { HitsPerPageConnectorParamsItem } from '../../../connectors/hits-per-page/connectHitsPerPage';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
 import {
diff --git a/src/widgets/hits-per-page/hits-per-page.tsx b/src/widgets/hits-per-page/hits-per-page.tsx
index 3bccc3906e..e88a841902 100644
--- a/src/widgets/hits-per-page/hits-per-page.tsx
+++ b/src/widgets/hits-per-page/hits-per-page.tsx
@@ -3,18 +3,19 @@
 import { h, render } from 'preact';
 import cx from 'classnames';
 import Selector from '../../components/Selector/Selector';
-import connectHitsPerPage, {
+import type {
   HitsPerPageConnectorParams,
   HitsPerPageRenderState,
   HitsPerPageWidgetDescription,
 } from '../../connectors/hits-per-page/connectHitsPerPage';
+import connectHitsPerPage from '../../connectors/hits-per-page/connectHitsPerPage';
 import {
   getContainerNode,
   createDocumentationMessageGenerator,
   find,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import { ComponentCSSClasses, WidgetFactory } from '../../types';
+import type { ComponentCSSClasses, WidgetFactory } from '../../types';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'hits-per-page',
diff --git a/src/widgets/hits/__tests__/hits-test.ts b/src/widgets/hits/__tests__/hits-test.ts
index 0609154a02..a1227aad20 100644
--- a/src/widgets/hits/__tests__/hits-test.ts
+++ b/src/widgets/hits/__tests__/hits-test.ts
@@ -1,14 +1,15 @@
-import { render as preactRender, VNode } from 'preact';
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
 import algoliasearchHelper, {
-  AlgoliaSearchHelper,
   SearchParameters,
   SearchResults,
 } from 'algoliasearch-helper';
-import { SearchClient } from '../../../types';
+import type { SearchClient } from '../../../types';
 import hits from '../hits';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
 import { createInstantSearch } from '../../../../test/mock/createInstantSearch';
-import { HitsProps } from '../../../components/Hits/Hits';
+import type { HitsProps } from '../../../components/Hits/Hits';
 import {
   createInitOptions,
   createRenderOptions,
diff --git a/src/widgets/hits/defaultTemplates.ts b/src/widgets/hits/defaultTemplates.ts
index 53fa70815d..c240e53567 100644
--- a/src/widgets/hits/defaultTemplates.ts
+++ b/src/widgets/hits/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { HitsComponentTemplates } from '../../components/Hits/Hits';
+import type { HitsComponentTemplates } from '../../components/Hits/Hits';
 
 const defaultTemplates: HitsComponentTemplates = {
   empty: 'No results',
diff --git a/src/widgets/hits/hits.tsx b/src/widgets/hits/hits.tsx
index 879f14b669..2906731f01 100644
--- a/src/widgets/hits/hits.tsx
+++ b/src/widgets/hits/hits.tsx
@@ -2,15 +2,17 @@
 
 import { h, render } from 'preact';
 import cx from 'classnames';
-import connectHits, {
+import type {
   HitsConnectorParams,
   HitsRenderState,
   HitsWidgetDescription,
 } from '../../connectors/hits/connectHits';
-import Hits, {
+import connectHits from '../../connectors/hits/connectHits';
+import type {
   HitsComponentCSSClasses,
   HitsComponentTemplates,
 } from '../../components/Hits/Hits';
+import Hits from '../../components/Hits/Hits';
 import defaultTemplates from './defaultTemplates';
 import {
   prepareTemplateProps,
@@ -19,7 +21,7 @@ import {
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
 import { withInsights, withInsightsListener } from '../../lib/insights';
-import {
+import type {
   Template,
   TemplateWithBindEvent,
   Hit,
@@ -27,8 +29,8 @@ import {
   Renderer,
   InsightsClientWrapper,
 } from '../../types';
-import { InsightsEvent } from '../../middlewares/createInsightsMiddleware';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { InsightsEvent } from '../../middlewares/createInsightsMiddleware';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 const withUsage = createDocumentationMessageGenerator({ name: 'hits' });
 const suit = component('Hits');
diff --git a/src/widgets/index/__tests__/index-test.ts b/src/widgets/index/__tests__/index-test.ts
index 1a8b915d1a..24efb605cf 100644
--- a/src/widgets/index/__tests__/index-test.ts
+++ b/src/widgets/index/__tests__/index-test.ts
@@ -1,7 +1,5 @@
-import algoliasearchHelper, {
-  PlainSearchParameters,
-  SearchParameters,
-} from 'algoliasearch-helper';
+import type { PlainSearchParameters } from 'algoliasearch-helper';
+import algoliasearchHelper, { SearchParameters } from 'algoliasearch-helper';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import { createInstantSearch } from '../../../../test/mock/createInstantSearch';
 import {
@@ -11,7 +9,8 @@ import {
   createDisposeOptions,
 } from '../../../../test/mock/createWidget';
 import { runAllMicroTasks } from '../../../../test/utils/runAllMicroTasks';
-import { Widget, InstantSearch } from '../../../types';
+import type { Widget } from '../../../types';
+import InstantSearch from '../../../lib/InstantSearch';
 import index from '../index';
 import { warning } from '../../../lib/utils';
 import { refinementList } from '../..';
diff --git a/src/widgets/index/index.ts b/src/widgets/index/index.ts
index c23e354eb5..9744a98917 100644
--- a/src/widgets/index/index.ts
+++ b/src/widgets/index/index.ts
@@ -1,4 +1,4 @@
-import algoliasearchHelper, {
+import type {
   AlgoliaSearchHelper as Helper,
   DerivedHelper,
   PlainSearchParameters,
@@ -6,7 +6,8 @@ import algoliasearchHelper, {
   SearchResults,
   AlgoliaSearchHelper,
 } from 'algoliasearch-helper';
-import {
+import algoliasearchHelper from 'algoliasearch-helper';
+import type {
   InstantSearch,
   UiState,
   IndexUiState,
diff --git a/src/widgets/infinite-hits/__tests__/infinite-hits-integration-test.ts b/src/widgets/infinite-hits/__tests__/infinite-hits-integration-test.ts
index cb18335806..8e7f7049ab 100644
--- a/src/widgets/infinite-hits/__tests__/infinite-hits-integration-test.ts
+++ b/src/widgets/infinite-hits/__tests__/infinite-hits-integration-test.ts
@@ -4,8 +4,8 @@ import instantsearch from '../../../index.es';
 import { infiniteHits, configure } from '../../';
 import { createInsightsMiddleware } from '../../../middlewares';
 import { runAllMicroTasks } from '../../../../test/utils/runAllMicroTasks';
-import { PlainSearchParameters } from 'algoliasearch-helper';
-import {
+import type { PlainSearchParameters } from 'algoliasearch-helper';
+import type {
   InfiniteHitsCache,
   InfiniteHitsCachedHits,
 } from '../../../connectors/infinite-hits/connectInfiniteHits';
diff --git a/src/widgets/infinite-hits/__tests__/infinite-hits-test.ts b/src/widgets/infinite-hits/__tests__/infinite-hits-test.ts
index 2f28fd72cf..bd69a6a9f4 100644
--- a/src/widgets/infinite-hits/__tests__/infinite-hits-test.ts
+++ b/src/widgets/infinite-hits/__tests__/infinite-hits-test.ts
@@ -1,13 +1,16 @@
-import { render as preactRender, VNode } from 'preact';
-import algoliasearchHelper, {
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
+import type {
   AlgoliaSearchHelper,
-  SearchParameters,
   PlainSearchParameters,
+} from 'algoliasearch-helper';
+import algoliasearchHelper, {
+  SearchParameters,
   SearchResults,
 } from 'algoliasearch-helper';
-import { SearchClient } from '../../../types';
+import type { SearchClient } from '../../../types';
 import infiniteHits from '../infinite-hits';
-import { InfiniteHitsProps } from '../../../components/InfiniteHits/InfiniteHits';
+import type { InfiniteHitsProps } from '../../../components/InfiniteHits/InfiniteHits';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
 import { createInstantSearch } from '../../../../test/mock/createInstantSearch';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
@@ -15,7 +18,7 @@ import {
   createInitOptions,
   createRenderOptions,
 } from '../../../../test/mock/createWidget';
-import { InfiniteHitsCache } from '../../../connectors/infinite-hits/connectInfiniteHits';
+import type { InfiniteHitsCache } from '../../../connectors/infinite-hits/connectInfiniteHits';
 
 const render = castToJestMock(preactRender);
 jest.mock('preact', () => {
diff --git a/src/widgets/infinite-hits/defaultTemplates.ts b/src/widgets/infinite-hits/defaultTemplates.ts
index 46972a53a3..782c2cf817 100644
--- a/src/widgets/infinite-hits/defaultTemplates.ts
+++ b/src/widgets/infinite-hits/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { InfiniteHitsComponentTemplates } from '../../components/InfiniteHits/InfiniteHits';
+import type { InfiniteHitsComponentTemplates } from '../../components/InfiniteHits/InfiniteHits';
 
 const defaultTemplates: InfiniteHitsComponentTemplates = {
   empty: 'No results',
diff --git a/src/widgets/infinite-hits/infinite-hits.tsx b/src/widgets/infinite-hits/infinite-hits.tsx
index 3dd46cfa4c..63535ba141 100644
--- a/src/widgets/infinite-hits/infinite-hits.tsx
+++ b/src/widgets/infinite-hits/infinite-hits.tsx
@@ -2,17 +2,19 @@
 
 import { h, render } from 'preact';
 import cx from 'classnames';
-import { SearchResults } from 'algoliasearch-helper';
-import InfiniteHits, {
+import type { SearchResults } from 'algoliasearch-helper';
+import type {
   InfiniteHitsComponentCSSClasses,
   InfiniteHitsComponentTemplates,
 } from '../../components/InfiniteHits/InfiniteHits';
-import connectInfiniteHits, {
+import InfiniteHits from '../../components/InfiniteHits/InfiniteHits';
+import type {
   InfiniteHitsConnectorParams,
   InfiniteHitsRenderState,
   InfiniteHitsCache,
   InfiniteHitsWidgetDescription,
 } from '../../connectors/infinite-hits/connectInfiniteHits';
+import connectInfiniteHits from '../../connectors/infinite-hits/connectInfiniteHits';
 import {
   prepareTemplateProps,
   getContainerNode,
@@ -20,7 +22,7 @@ import {
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
 import { withInsights, withInsightsListener } from '../../lib/insights';
-import {
+import type {
   WidgetFactory,
   Template,
   TemplateWithBindEvent,
@@ -29,8 +31,8 @@ import {
   Renderer,
 } from '../../types';
 import defaultTemplates from './defaultTemplates';
-import { InsightsEvent } from '../../middlewares/createInsightsMiddleware';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { InsightsEvent } from '../../middlewares/createInsightsMiddleware';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'infinite-hits',
diff --git a/src/widgets/menu-select/__tests__/menu-select-test.ts b/src/widgets/menu-select/__tests__/menu-select-test.ts
index 88b3858ac7..6fa2450272 100644
--- a/src/widgets/menu-select/__tests__/menu-select-test.ts
+++ b/src/widgets/menu-select/__tests__/menu-select-test.ts
@@ -1,6 +1,7 @@
-import { render as preactRender, VNode } from 'preact';
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
 import algoliasearchHelper, {
-  AlgoliaSearchHelper,
   SearchParameters,
   SearchResults,
 } from 'algoliasearch-helper';
diff --git a/src/widgets/menu-select/defaultTemplates.ts b/src/widgets/menu-select/defaultTemplates.ts
index e6441dc723..293e765b0d 100644
--- a/src/widgets/menu-select/defaultTemplates.ts
+++ b/src/widgets/menu-select/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { MenuSelectComponentTemplates } from '../../components/MenuSelect/MenuSelect';
+import type { MenuSelectComponentTemplates } from '../../components/MenuSelect/MenuSelect';
 
 const defaultTemplates: MenuSelectComponentTemplates = {
   item: '{{label}} ({{#helpers.formatNumber}}{{count}}{{/helpers.formatNumber}})',
diff --git a/src/widgets/menu-select/menu-select.tsx b/src/widgets/menu-select/menu-select.tsx
index 76ea1aaea8..0884a8e510 100644
--- a/src/widgets/menu-select/menu-select.tsx
+++ b/src/widgets/menu-select/menu-select.tsx
@@ -2,15 +2,17 @@
 
 import { h, render } from 'preact';
 import cx from 'classnames';
-import connectMenu, {
+import type {
   MenuConnectorParams,
   MenuRenderState,
   MenuWidgetDescription,
 } from '../../connectors/menu/connectMenu';
-import MenuSelect, {
+import connectMenu from '../../connectors/menu/connectMenu';
+import type {
   MenuSelectComponentCSSClasses,
   MenuSelectComponentTemplates,
 } from '../../components/MenuSelect/MenuSelect';
+import MenuSelect from '../../components/MenuSelect/MenuSelect';
 import defaultTemplates from './defaultTemplates';
 import {
   prepareTemplateProps,
@@ -18,8 +20,8 @@ import {
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import { RendererOptions, Template, WidgetFactory } from '../../types';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { RendererOptions, Template, WidgetFactory } from '../../types';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 const withUsage = createDocumentationMessageGenerator({ name: 'menu-select' });
 const suit = component('MenuSelect');
diff --git a/src/widgets/menu/__tests__/menu-test.ts b/src/widgets/menu/__tests__/menu-test.ts
index ab1a3fce26..3e5d757f22 100644
--- a/src/widgets/menu/__tests__/menu-test.ts
+++ b/src/widgets/menu/__tests__/menu-test.ts
@@ -2,7 +2,8 @@ import jsHelper, {
   SearchParameters,
   SearchResults,
 } from 'algoliasearch-helper';
-import { render as preactRender, VNode } from 'preact';
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import {
diff --git a/src/widgets/menu/defaultTemplates.ts b/src/widgets/menu/defaultTemplates.ts
index 6791bd1c90..da0c7bb121 100644
--- a/src/widgets/menu/defaultTemplates.ts
+++ b/src/widgets/menu/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { MenuComponentTemplates } from './menu';
+import type { MenuComponentTemplates } from './menu';
 
 const defaultTemplates: MenuComponentTemplates = {
   item:
diff --git a/src/widgets/menu/menu.tsx b/src/widgets/menu/menu.tsx
index 49fd94a9ad..c1a0f8d911 100644
--- a/src/widgets/menu/menu.tsx
+++ b/src/widgets/menu/menu.tsx
@@ -3,11 +3,12 @@
 import { h, render } from 'preact';
 import cx from 'classnames';
 import RefinementList from '../../components/RefinementList/RefinementList';
-import connectMenu, {
+import type {
   MenuConnectorParams,
   MenuRenderState,
   MenuWidgetDescription,
 } from '../../connectors/menu/connectMenu';
+import connectMenu from '../../connectors/menu/connectMenu';
 import defaultTemplates from './defaultTemplates';
 import {
   prepareTemplateProps,
@@ -15,13 +16,13 @@ import {
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import {
+import type {
   ComponentCSSClasses,
   RendererOptions,
   Template,
   WidgetFactory,
 } from '../../types';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 const withUsage = createDocumentationMessageGenerator({ name: 'menu' });
 const suit = component('Menu');
diff --git a/src/widgets/numeric-menu/__tests__/numeric-menu-test.ts b/src/widgets/numeric-menu/__tests__/numeric-menu-test.ts
index 4eb70ec62d..375a374ff1 100644
--- a/src/widgets/numeric-menu/__tests__/numeric-menu-test.ts
+++ b/src/widgets/numeric-menu/__tests__/numeric-menu-test.ts
@@ -1,10 +1,11 @@
-import { render as preactRender, VNode } from 'preact';
-import defaultTemplates from '../defaultTemplates';
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
+import type defaultTemplates from '../defaultTemplates';
 import numericMenu from '../numeric-menu';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
 import algoliasearchHelper, {
   SearchParameters,
   SearchResults,
-  AlgoliaSearchHelper,
 } from 'algoliasearch-helper';
 
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
@@ -14,8 +15,8 @@ import {
 } from '../../../../test/mock/createWidget';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
-import { RefinementListProps } from '../../../components/RefinementList/RefinementList';
-import { NumericMenuConnectorParamsItem } from '../../../connectors/numeric-menu/connectNumericMenu';
+import type { RefinementListProps } from '../../../components/RefinementList/RefinementList';
+import type { NumericMenuConnectorParamsItem } from '../../../connectors/numeric-menu/connectNumericMenu';
 
 const render = castToJestMock(preactRender);
 jest.mock('preact', () => {
diff --git a/src/widgets/numeric-menu/defaultTemplates.ts b/src/widgets/numeric-menu/defaultTemplates.ts
index 3b8d887832..f6f150a4aa 100644
--- a/src/widgets/numeric-menu/defaultTemplates.ts
+++ b/src/widgets/numeric-menu/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { NumericMenuComponentTemplates } from './numeric-menu';
+import type { NumericMenuComponentTemplates } from './numeric-menu';
 
 const defaultTemplates: NumericMenuComponentTemplates = {
   item: `<label class="{{cssClasses.label}}">
diff --git a/src/widgets/numeric-menu/numeric-menu.tsx b/src/widgets/numeric-menu/numeric-menu.tsx
index 4464142480..62084f2124 100644
--- a/src/widgets/numeric-menu/numeric-menu.tsx
+++ b/src/widgets/numeric-menu/numeric-menu.tsx
@@ -3,11 +3,12 @@
 import { h, render } from 'preact';
 import cx from 'classnames';
 import RefinementList from '../../components/RefinementList/RefinementList';
-import connectNumericMenu, {
+import type {
   NumericMenuConnectorParams,
   NumericMenuRenderState,
   NumericMenuWidgetDescription,
 } from '../../connectors/numeric-menu/connectNumericMenu';
+import connectNumericMenu from '../../connectors/numeric-menu/connectNumericMenu';
 import defaultTemplates from './defaultTemplates';
 import {
   prepareTemplateProps,
@@ -15,13 +16,13 @@ import {
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import {
+import type {
   ComponentCSSClasses,
   Renderer,
   Template,
   WidgetFactory,
 } from '../../types';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 const withUsage = createDocumentationMessageGenerator({ name: 'numeric-menu' });
 const suit = component('NumericMenu');
diff --git a/src/widgets/pagination/__tests__/pagination-test.ts b/src/widgets/pagination/__tests__/pagination-test.ts
index aaa770b1ee..dcb45dbf03 100644
--- a/src/widgets/pagination/__tests__/pagination-test.ts
+++ b/src/widgets/pagination/__tests__/pagination-test.ts
@@ -1,17 +1,18 @@
 import { render as preactRender } from 'preact';
 import utilsGetContainerNode from '../../../lib/utils/getContainerNode';
-import pagination, {
+import type {
   PaginationCSSClasses,
   PaginationWidgetParams,
 } from '../pagination';
+import pagination from '../pagination';
 import {
   createInitOptions,
   createRenderOptions,
 } from '../../../../test/mock/createWidget';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
 import algoliasearchHelper, {
   SearchResults,
   SearchParameters,
-  AlgoliaSearchHelper,
 } from 'algoliasearch-helper';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
diff --git a/src/widgets/pagination/pagination.tsx b/src/widgets/pagination/pagination.tsx
index 77af754131..04b37ecd37 100644
--- a/src/widgets/pagination/pagination.tsx
+++ b/src/widgets/pagination/pagination.tsx
@@ -2,21 +2,23 @@
 
 import { h, render } from 'preact';
 import cx from 'classnames';
-import Pagination, {
+import type {
   PaginationComponentCSSClasses,
   PaginationComponentTemplates,
 } from '../../components/Pagination/Pagination';
-import connectPagination, {
+import Pagination from '../../components/Pagination/Pagination';
+import type {
   PaginationConnectorParams,
   PaginationRenderState,
   PaginationWidgetDescription,
 } from '../../connectors/pagination/connectPagination';
+import connectPagination from '../../connectors/pagination/connectPagination';
 import {
   getContainerNode,
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import { Renderer, WidgetFactory } from '../../types';
+import type { Renderer, WidgetFactory } from '../../types';
 
 const suit = component('Pagination');
 const withUsage = createDocumentationMessageGenerator({ name: 'pagination' });
diff --git a/src/widgets/panel/__tests__/panel-test.ts b/src/widgets/panel/__tests__/panel-test.ts
index 5f0e7e613c..b16faa4f92 100644
--- a/src/widgets/panel/__tests__/panel-test.ts
+++ b/src/widgets/panel/__tests__/panel-test.ts
@@ -1,14 +1,15 @@
-import { render as preactRender, VNode } from 'preact';
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
 import panel from '../panel';
-import { PanelProps } from '../../../components/Panel/Panel';
+import type { PanelProps } from '../../../components/Panel/Panel';
 import {
   createInitOptions,
   createRenderOptions,
   createDisposeOptions,
 } from '../../../../test/mock/createWidget';
 import algoliasearchHelper from 'algoliasearch-helper';
-import { Widget } from '../../../types';
+import type { Widget } from '../../../types';
 
 const render = castToJestMock(preactRender);
 jest.mock('preact', () => {
diff --git a/src/widgets/panel/panel.tsx b/src/widgets/panel/panel.tsx
index f9ec43f42f..221a7d5464 100644
--- a/src/widgets/panel/panel.tsx
+++ b/src/widgets/panel/panel.tsx
@@ -9,8 +9,9 @@ import {
   warning,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import Panel, { PanelComponentCSSClasses } from '../../components/Panel/Panel';
-import { Template, RenderOptions, WidgetFactory } from '../../types';
+import type { PanelComponentCSSClasses } from '../../components/Panel/Panel';
+import Panel from '../../components/Panel/Panel';
+import type { Template, RenderOptions, WidgetFactory } from '../../types';
 
 export type PanelCSSClasses = Partial<{
   /**
diff --git a/src/widgets/places/__tests__/places-test.ts b/src/widgets/places/__tests__/places-test.ts
index 2919948058..82076f3549 100644
--- a/src/widgets/places/__tests__/places-test.ts
+++ b/src/widgets/places/__tests__/places-test.ts
@@ -3,7 +3,7 @@ import algoliaPlaces from 'places.js';
 import places from '../places';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import { createInitOptions } from '../../../../test/mock/createWidget';
-import { SearchClient } from '../../../types';
+import type { SearchClient } from '../../../types';
 
 jest.mock('places.js', () => {
   const module = jest.fn(() => {
diff --git a/src/widgets/places/places.ts b/src/widgets/places/places.ts
index b6a358bde2..a1366df224 100644
--- a/src/widgets/places/places.ts
+++ b/src/widgets/places/places.ts
@@ -1,6 +1,6 @@
 /** @ts-ignore */
-import * as Places from 'places.js';
-import { WidgetFactory, WidgetRenderState } from '../../types';
+import type * as Places from 'places.js';
+import type { WidgetFactory, WidgetRenderState } from '../../types';
 
 // using the type like this requires only one ts-ignore
 type StaticOptions = Places.StaticOptions;
diff --git a/src/widgets/powered-by/__tests__/powered-by-test.ts b/src/widgets/powered-by/__tests__/powered-by-test.ts
index 11b13d0512..3bf7e26f7e 100644
--- a/src/widgets/powered-by/__tests__/powered-by-test.ts
+++ b/src/widgets/powered-by/__tests__/powered-by-test.ts
@@ -1,12 +1,14 @@
-import algoliasearchHelper, { AlgoliaSearchHelper } from 'algoliasearch-helper';
-import { render as preactRender, VNode } from 'preact';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
+import algoliasearchHelper from 'algoliasearch-helper';
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import {
   createInitOptions,
   createRenderOptions,
 } from '../../../../test/mock/createWidget';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
-import { PoweredByProps } from '../../../components/PoweredBy/PoweredBy';
+import type { PoweredByProps } from '../../../components/PoweredBy/PoweredBy';
 import poweredBy from '../powered-by';
 
 const render = castToJestMock(preactRender);
diff --git a/src/widgets/powered-by/powered-by.tsx b/src/widgets/powered-by/powered-by.tsx
index 50444657ec..b8e5aa387d 100644
--- a/src/widgets/powered-by/powered-by.tsx
+++ b/src/widgets/powered-by/powered-by.tsx
@@ -2,20 +2,20 @@
 
 import { h, render } from 'preact';
 import cx from 'classnames';
-import PoweredBy, {
-  PoweredByComponentCSSClasses,
-} from '../../components/PoweredBy/PoweredBy';
-import connectPoweredBy, {
+import type { PoweredByComponentCSSClasses } from '../../components/PoweredBy/PoweredBy';
+import PoweredBy from '../../components/PoweredBy/PoweredBy';
+import type {
   PoweredByConnectorParams,
   PoweredByRenderState,
   PoweredByWidgetDescription,
 } from '../../connectors/powered-by/connectPoweredBy';
+import connectPoweredBy from '../../connectors/powered-by/connectPoweredBy';
 import {
   getContainerNode,
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import { Renderer, WidgetFactory } from '../../types';
+import type { Renderer, WidgetFactory } from '../../types';
 
 const suit = component('PoweredBy');
 const withUsage = createDocumentationMessageGenerator({ name: 'powered-by' });
diff --git a/src/widgets/query-rule-context/query-rule-context.tsx b/src/widgets/query-rule-context/query-rule-context.tsx
index 78c8862fd3..acfb2071d9 100644
--- a/src/widgets/query-rule-context/query-rule-context.tsx
+++ b/src/widgets/query-rule-context/query-rule-context.tsx
@@ -1,11 +1,12 @@
-import { WidgetFactory } from '../../types';
+import type { WidgetFactory } from '../../types';
 import { createDocumentationMessageGenerator, noop } from '../../lib/utils';
-import connectQueryRules, {
+import type {
   ParamTrackedFilters,
   ParamTransformRuleContexts,
   QueryRulesConnectorParams,
   QueryRulesWidgetDescription,
 } from '../../connectors/query-rules/connectQueryRules';
+import connectQueryRules from '../../connectors/query-rules/connectQueryRules';
 
 export type QueryRuleContextWidgetParams = {
   trackedFilters: ParamTrackedFilters;
diff --git a/src/widgets/query-rule-custom-data/__tests__/query-rule-custom-data-test.ts b/src/widgets/query-rule-custom-data/__tests__/query-rule-custom-data-test.ts
index 0e597e4815..107a573fa4 100644
--- a/src/widgets/query-rule-custom-data/__tests__/query-rule-custom-data-test.ts
+++ b/src/widgets/query-rule-custom-data/__tests__/query-rule-custom-data-test.ts
@@ -1,7 +1,7 @@
-import { render as preactRender, VNode } from 'preact';
-import algoliasearchHelper, {
-  AlgoliaSearchHelper as Helper,
-} from 'algoliasearch-helper';
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
+import type { AlgoliaSearchHelper as Helper } from 'algoliasearch-helper';
+import algoliasearchHelper from 'algoliasearch-helper';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import {
   createDisposeOptions,
@@ -9,7 +9,7 @@ import {
 } from '../../../../test/mock/createWidget';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
 import queryRuleCustomData from '../query-rule-custom-data';
-import { QueryRuleCustomDataProps } from '../../../components/QueryRuleCustomData/QueryRuleCustomData';
+import type { QueryRuleCustomDataProps } from '../../../components/QueryRuleCustomData/QueryRuleCustomData';
 
 const render = castToJestMock(preactRender);
 jest.mock('preact', () => {
diff --git a/src/widgets/query-rule-custom-data/query-rule-custom-data.tsx b/src/widgets/query-rule-custom-data/query-rule-custom-data.tsx
index 783f12ecce..217e9803c7 100644
--- a/src/widgets/query-rule-custom-data/query-rule-custom-data.tsx
+++ b/src/widgets/query-rule-custom-data/query-rule-custom-data.tsx
@@ -7,17 +7,19 @@ import {
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import { WidgetFactory, Template } from '../../types';
-import connectQueryRules, {
+import type { WidgetFactory, Template } from '../../types';
+import type {
   QueryRulesConnectorParams,
   QueryRulesRenderState,
   QueryRulesWidgetDescription,
 } from '../../connectors/query-rules/connectQueryRules';
-import CustomData, {
+import connectQueryRules from '../../connectors/query-rules/connectQueryRules';
+import type {
   QueryRuleCustomDataComponentCSSClasses,
   QueryRuleCustomDataComponentTemplates,
 } from '../../components/QueryRuleCustomData/QueryRuleCustomData';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import CustomData from '../../components/QueryRuleCustomData/QueryRuleCustomData';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 export type QueryRuleCustomDataCSSClasses = Partial<{
   root: string | string[];
diff --git a/src/widgets/range-input/__tests__/range-input-test.ts b/src/widgets/range-input/__tests__/range-input-test.ts
index 3fd92e0cac..bfa12a30a0 100644
--- a/src/widgets/range-input/__tests__/range-input-test.ts
+++ b/src/widgets/range-input/__tests__/range-input-test.ts
@@ -1,7 +1,9 @@
 /** @jsx h */
 
-import { render as preactRender, VNode } from 'preact';
-import algoliasearchHelper, { AlgoliaSearchHelper } from 'algoliasearch-helper';
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
+import algoliasearchHelper from 'algoliasearch-helper';
 import rangeInput from '../range-input';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
@@ -11,7 +13,7 @@ import {
   createRenderOptions,
 } from '../../../../test/mock/createWidget';
 import { createInstantSearch } from '../../../../test/mock/createInstantSearch';
-import { InstantSearch } from '../../../types';
+import type { InstantSearch } from '../../../types';
 
 const render = castToJestMock(preactRender);
 jest.mock('preact', () => {
diff --git a/src/widgets/range-input/range-input.tsx b/src/widgets/range-input/range-input.tsx
index 2c4281bbc1..bcecc1bfcf 100644
--- a/src/widgets/range-input/range-input.tsx
+++ b/src/widgets/range-input/range-input.tsx
@@ -2,23 +2,25 @@
 
 import { h, render } from 'preact';
 import cx from 'classnames';
-import RangeInput, {
+import type {
   RangeInputComponentCSSClasses,
   RangeInputComponentTemplates,
 } from '../../components/RangeInput/RangeInput';
-import connectRange, {
+import RangeInput from '../../components/RangeInput/RangeInput';
+import type {
   RangeConnectorParams,
   RangeRenderState,
   RangeWidgetDescription,
 } from '../../connectors/range/connectRange';
+import connectRange from '../../connectors/range/connectRange';
 import {
   prepareTemplateProps,
   getContainerNode,
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import { Renderer, Template, WidgetFactory } from '../../types';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { Renderer, Template, WidgetFactory } from '../../types';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 const withUsage = createDocumentationMessageGenerator({ name: 'range-input' });
 const suit = component('RangeInput');
diff --git a/src/widgets/range-slider/__tests__/range-slider-test.ts b/src/widgets/range-slider/__tests__/range-slider-test.ts
index 1dd7c5d600..1553a4a193 100644
--- a/src/widgets/range-slider/__tests__/range-slider-test.ts
+++ b/src/widgets/range-slider/__tests__/range-slider-test.ts
@@ -1,6 +1,7 @@
-import { render as preactRender, VNode } from 'preact';
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
 import algoliasearchHelper, {
-  AlgoliaSearchHelper,
   SearchParameters,
   SearchResults,
 } from 'algoliasearch-helper';
@@ -11,7 +12,7 @@ import {
   createRenderOptions,
 } from '../../../../test/mock/createWidget';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
-import { InstantSearch } from '../../../types';
+import type { InstantSearch } from '../../../types';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
 
diff --git a/src/widgets/range-slider/range-slider.tsx b/src/widgets/range-slider/range-slider.tsx
index b70dd94a68..97c88cba96 100644
--- a/src/widgets/range-slider/range-slider.tsx
+++ b/src/widgets/range-slider/range-slider.tsx
@@ -2,21 +2,21 @@
 
 import { h, render } from 'preact';
 import cx from 'classnames';
-import Slider, {
-  RangeSliderComponentCSSClasses,
-} from '../../components/Slider/Slider';
-import connectRange, {
+import type { RangeSliderComponentCSSClasses } from '../../components/Slider/Slider';
+import Slider from '../../components/Slider/Slider';
+import type {
   RangeBoundaries,
   RangeConnectorParams,
   RangeRenderState,
   RangeWidgetDescription,
 } from '../../connectors/range/connectRange';
+import connectRange from '../../connectors/range/connectRange';
 import {
   getContainerNode,
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import { Renderer, WidgetFactory } from '../../types';
+import type { Renderer, WidgetFactory } from '../../types';
 
 const withUsage = createDocumentationMessageGenerator({ name: 'range-slider' });
 const suit = component('RangeSlider');
diff --git a/src/widgets/rating-menu/__tests__/rating-menu-test.ts b/src/widgets/rating-menu/__tests__/rating-menu-test.ts
index 504c9d2ab1..0113ca8883 100644
--- a/src/widgets/rating-menu/__tests__/rating-menu-test.ts
+++ b/src/widgets/rating-menu/__tests__/rating-menu-test.ts
@@ -1,4 +1,5 @@
-import { render as preactRender, VNode } from 'preact';
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
 import jsHelper, {
   SearchResults,
   SearchParameters,
diff --git a/src/widgets/rating-menu/defaultTemplates.ts b/src/widgets/rating-menu/defaultTemplates.ts
index ffc36aa5c6..66a8a22d06 100644
--- a/src/widgets/rating-menu/defaultTemplates.ts
+++ b/src/widgets/rating-menu/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { RatingMenuComponentTemplates } from './rating-menu';
+import type { RatingMenuComponentTemplates } from './rating-menu';
 
 const defaultTemplates: RatingMenuComponentTemplates = {
   item: `{{#count}}<a class="{{cssClasses.link}}" aria-label="{{value}} & up" href="{{url}}">{{/count}}{{^count}}<div class="{{cssClasses.link}}" aria-label="{{value}} & up" disabled>{{/count}}
diff --git a/src/widgets/rating-menu/rating-menu.tsx b/src/widgets/rating-menu/rating-menu.tsx
index 4c3bd2a0a4..74a034fee6 100644
--- a/src/widgets/rating-menu/rating-menu.tsx
+++ b/src/widgets/rating-menu/rating-menu.tsx
@@ -3,11 +3,12 @@
 import { h, render } from 'preact';
 import cx from 'classnames';
 import RefinementList from '../../components/RefinementList/RefinementList';
-import connectRatingMenu, {
+import type {
   RatingMenuWidgetDescription,
   RatingMenuConnectorParams,
   RatingMenuRenderState,
 } from '../../connectors/rating-menu/connectRatingMenu';
+import connectRatingMenu from '../../connectors/rating-menu/connectRatingMenu';
 import defaultTemplates from './defaultTemplates';
 import {
   prepareTemplateProps,
@@ -15,13 +16,13 @@ import {
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import {
+import type {
   ComponentCSSClasses,
   RendererOptions,
   Template,
   WidgetFactory,
 } from '../../types';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 const withUsage = createDocumentationMessageGenerator({ name: 'rating-menu' });
 const suit = component('RatingMenu');
diff --git a/src/widgets/refinement-list/__tests__/refinement-list-test.ts b/src/widgets/refinement-list/__tests__/refinement-list-test.ts
index 6c141651c1..6e3372e57f 100644
--- a/src/widgets/refinement-list/__tests__/refinement-list-test.ts
+++ b/src/widgets/refinement-list/__tests__/refinement-list-test.ts
@@ -1,19 +1,19 @@
-import { render as originalRender, VNode } from 'preact';
-import algoliasearchHelper, {
-  SearchParameters,
-  SearchResults,
-} from 'algoliasearch-helper';
-import refinementList, {
+import type { VNode } from 'preact';
+import { render as originalRender } from 'preact';
+import type { SearchResults } from 'algoliasearch-helper';
+import algoliasearchHelper, { SearchParameters } from 'algoliasearch-helper';
+import type {
   RefinementListTemplates,
   RefinementListWidgetParams,
 } from '../refinement-list';
-import { RefinementListProps } from '../../../components/RefinementList/RefinementList';
+import refinementList from '../refinement-list';
+import type { RefinementListProps } from '../../../components/RefinementList/RefinementList';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
 import {
   createInitOptions,
   createRenderOptions,
 } from '../../../../test/mock/createWidget';
-import { RefinementListConnectorParams } from '../../../connectors/refinement-list/connectRefinementList';
+import type { RefinementListConnectorParams } from '../../../connectors/refinement-list/connectRefinementList';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 
 const render = castToJestMock(originalRender);
diff --git a/src/widgets/refinement-list/defaultTemplates.ts b/src/widgets/refinement-list/defaultTemplates.ts
index 0a0456b290..4eb74e73e7 100644
--- a/src/widgets/refinement-list/defaultTemplates.ts
+++ b/src/widgets/refinement-list/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { RefinementListComponentTemplates } from './refinement-list';
+import type { RefinementListComponentTemplates } from './refinement-list';
 
 const defaultTemplates: RefinementListComponentTemplates = {
   item: `<label class="{{cssClasses.label}}">
diff --git a/src/widgets/refinement-list/refinement-list.tsx b/src/widgets/refinement-list/refinement-list.tsx
index e54166ffaf..8d1c9e0ec6 100644
--- a/src/widgets/refinement-list/refinement-list.tsx
+++ b/src/widgets/refinement-list/refinement-list.tsx
@@ -2,25 +2,25 @@
 
 import { h, render } from 'preact';
 import cx from 'classnames';
-import RefinementList, {
-  RefinementListComponentCSSClasses,
-} from '../../components/RefinementList/RefinementList';
-import connectRefinementList, {
+import type { RefinementListComponentCSSClasses } from '../../components/RefinementList/RefinementList';
+import RefinementList from '../../components/RefinementList/RefinementList';
+import type {
   RefinementListRenderState,
   RefinementListConnectorParams,
   RefinementListWidgetDescription,
 } from '../../connectors/refinement-list/connectRefinementList';
+import connectRefinementList from '../../connectors/refinement-list/connectRefinementList';
 import {
   prepareTemplateProps,
   getContainerNode,
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import { Template, WidgetFactory, Renderer } from '../../types';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { Template, WidgetFactory, Renderer } from '../../types';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 import searchBoxDefaultTemplates from '../search-box/defaultTemplates';
-import { SearchBoxTemplates } from '../search-box/search-box';
-import { SearchBoxComponentTemplates } from '../../components/SearchBox/SearchBox';
+import type { SearchBoxTemplates } from '../search-box/search-box';
+import type { SearchBoxComponentTemplates } from '../../components/SearchBox/SearchBox';
 import defaultTemplates from './defaultTemplates';
 
 const withUsage = createDocumentationMessageGenerator({
diff --git a/src/widgets/relevant-sort/__tests__/relevant-sort-test.ts b/src/widgets/relevant-sort/__tests__/relevant-sort-test.ts
index 6082252ea5..d1a0db1e92 100644
--- a/src/widgets/relevant-sort/__tests__/relevant-sort-test.ts
+++ b/src/widgets/relevant-sort/__tests__/relevant-sort-test.ts
@@ -1,5 +1,6 @@
 import { render } from 'preact';
-import relevantSort, { RelevantSortTemplates } from '../relevant-sort';
+import type { RelevantSortTemplates } from '../relevant-sort';
+import relevantSort from '../relevant-sort';
 import algoliasearchHelper, { SearchResults } from 'algoliasearch-helper';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import {
diff --git a/src/widgets/relevant-sort/defaultTemplates.ts b/src/widgets/relevant-sort/defaultTemplates.ts
index f0c3b3e619..14a0f52c33 100644
--- a/src/widgets/relevant-sort/defaultTemplates.ts
+++ b/src/widgets/relevant-sort/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { RelevantSortComponentTemplates } from '../../components/RelevantSort/RelevantSort';
+import type { RelevantSortComponentTemplates } from '../../components/RelevantSort/RelevantSort';
 
 const defaultTemplates: RelevantSortComponentTemplates = {
   text: '',
diff --git a/src/widgets/relevant-sort/relevant-sort.tsx b/src/widgets/relevant-sort/relevant-sort.tsx
index 71d66a0d33..bb898d412a 100644
--- a/src/widgets/relevant-sort/relevant-sort.tsx
+++ b/src/widgets/relevant-sort/relevant-sort.tsx
@@ -7,18 +7,20 @@ import {
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import { WidgetFactory, Template } from '../../types';
-import connectRelevantSort, {
+import type { WidgetFactory, Template } from '../../types';
+import type {
   RelevantSortConnectorParams,
   RelevantSortRenderState,
   RelevantSortWidgetDescription,
 } from '../../connectors/relevant-sort/connectRelevantSort';
-import RelevantSort, {
+import connectRelevantSort from '../../connectors/relevant-sort/connectRelevantSort';
+import type {
   RelevantSortComponentCSSClasses,
   RelevantSortComponentTemplates,
 } from '../../components/RelevantSort/RelevantSort';
+import RelevantSort from '../../components/RelevantSort/RelevantSort';
 import defaultTemplates from './defaultTemplates';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 export type RelevantSortCSSClasses = Partial<{
   root: string;
diff --git a/src/widgets/search-box/__tests__/search-box-test.ts b/src/widgets/search-box/__tests__/search-box-test.ts
index 0d07e536c1..8f6a2b5983 100644
--- a/src/widgets/search-box/__tests__/search-box-test.ts
+++ b/src/widgets/search-box/__tests__/search-box-test.ts
@@ -1,6 +1,8 @@
-import { render as preactRender, VNode } from 'preact';
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
 import searchBox from '../search-box';
-import algoliaSearchHelper, { AlgoliaSearchHelper } from 'algoliasearch-helper';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
+import algoliaSearchHelper from 'algoliasearch-helper';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
 import {
diff --git a/src/widgets/search-box/defaultTemplates.ts b/src/widgets/search-box/defaultTemplates.ts
index 1e862638ee..d801410b5c 100644
--- a/src/widgets/search-box/defaultTemplates.ts
+++ b/src/widgets/search-box/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { SearchBoxComponentTemplates } from '../../components/SearchBox/SearchBox';
+import type { SearchBoxComponentTemplates } from '../../components/SearchBox/SearchBox';
 
 const defaultTemplate: SearchBoxComponentTemplates = {
   reset: `
diff --git a/src/widgets/search-box/search-box.tsx b/src/widgets/search-box/search-box.tsx
index 11c877568c..399fdc5cf2 100644
--- a/src/widgets/search-box/search-box.tsx
+++ b/src/widgets/search-box/search-box.tsx
@@ -7,16 +7,18 @@ import {
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import { WidgetFactory, Template, RendererOptions } from '../../types';
-import connectSearchBox, {
+import type { WidgetFactory, Template, RendererOptions } from '../../types';
+import type {
   SearchBoxConnectorParams,
   SearchBoxRenderState,
   SearchBoxWidgetDescription,
 } from '../../connectors/search-box/connectSearchBox';
-import SearchBox, {
+import connectSearchBox from '../../connectors/search-box/connectSearchBox';
+import type {
   SearchBoxComponentCSSClasses,
   SearchBoxComponentTemplates,
 } from '../../components/SearchBox/SearchBox';
+import SearchBox from '../../components/SearchBox/SearchBox';
 import defaultTemplates from './defaultTemplates';
 
 const withUsage = createDocumentationMessageGenerator({ name: 'search-box' });
diff --git a/src/widgets/sort-by/__tests__/sort-by-test.ts b/src/widgets/sort-by/__tests__/sort-by-test.ts
index cef547a2be..0058eaea0f 100644
--- a/src/widgets/sort-by/__tests__/sort-by-test.ts
+++ b/src/widgets/sort-by/__tests__/sort-by-test.ts
@@ -1,9 +1,8 @@
 import { render as preactRender } from 'preact';
-import algoliasearchHelper, {
-  AlgoliaSearchHelper,
-  SearchResults,
-} from 'algoliasearch-helper';
-import sortBy, { SortByIndexDefinition } from '../sort-by';
+import type { AlgoliaSearchHelper } from 'algoliasearch-helper';
+import algoliasearchHelper, { SearchResults } from 'algoliasearch-helper';
+import type { SortByIndexDefinition } from '../sort-by';
+import sortBy from '../sort-by';
 import { createSearchClient } from '../../../../test/mock/createSearchClient';
 import { createInstantSearch } from '../../../../test/mock/createInstantSearch';
 import {
diff --git a/src/widgets/sort-by/sort-by.tsx b/src/widgets/sort-by/sort-by.tsx
index d43b58b559..2ca563a256 100644
--- a/src/widgets/sort-by/sort-by.tsx
+++ b/src/widgets/sort-by/sort-by.tsx
@@ -2,21 +2,21 @@
 
 import { h, render } from 'preact';
 import cx from 'classnames';
-import Selector, {
-  SelectorComponentCSSClasses,
-} from '../../components/Selector/Selector';
-import connectSortBy, {
+import type { SelectorComponentCSSClasses } from '../../components/Selector/Selector';
+import Selector from '../../components/Selector/Selector';
+import type {
   SortByConnectorParams,
   SortByItem,
   SortByRenderState,
   SortByWidgetDescription,
 } from '../../connectors/sort-by/connectSortBy';
+import connectSortBy from '../../connectors/sort-by/connectSortBy';
 import {
   getContainerNode,
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import { Renderer, TransformItems, WidgetFactory } from '../../types';
+import type { Renderer, TransformItems, WidgetFactory } from '../../types';
 
 const withUsage = createDocumentationMessageGenerator({ name: 'sort-by' });
 const suit = component('SortBy');
diff --git a/src/widgets/stats/stats.tsx b/src/widgets/stats/stats.tsx
index ddcdb6a68f..e6317c1926 100644
--- a/src/widgets/stats/stats.tsx
+++ b/src/widgets/stats/stats.tsx
@@ -2,23 +2,25 @@
 
 import { h, render } from 'preact';
 import cx from 'classnames';
-import Stats, {
+import type {
   StatsComponentCSSClasses,
   StatsComponentTemplates,
 } from '../../components/Stats/Stats';
-import connectStats, {
+import Stats from '../../components/Stats/Stats';
+import type {
   StatsConnectorParams,
   StatsRenderState,
   StatsWidgetDescription,
 } from '../../connectors/stats/connectStats';
+import connectStats from '../../connectors/stats/connectStats';
 import {
   prepareTemplateProps,
   getContainerNode,
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import { Renderer, Template, WidgetFactory } from '../../types';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { Renderer, Template, WidgetFactory } from '../../types';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 const withUsage = createDocumentationMessageGenerator({ name: 'stats' });
 const suit = component('Stats');
diff --git a/src/widgets/toggle-refinement/__tests__/toggle-refinement-test.ts b/src/widgets/toggle-refinement/__tests__/toggle-refinement-test.ts
index 83ab9f4842..df82592050 100644
--- a/src/widgets/toggle-refinement/__tests__/toggle-refinement-test.ts
+++ b/src/widgets/toggle-refinement/__tests__/toggle-refinement-test.ts
@@ -1,9 +1,6 @@
 import { render as preactRender } from 'preact';
-import jsHelper, {
-  AlgoliaSearchHelper,
-  SearchParameters,
-  SearchResults,
-} from 'algoliasearch-helper';
+import type { AlgoliaSearchHelper, SearchResults } from 'algoliasearch-helper';
+import jsHelper, { SearchParameters } from 'algoliasearch-helper';
 import toggleRefinement from '../toggle-refinement';
 import { createInstantSearch } from '../../../../test/mock/createInstantSearch';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
@@ -12,7 +9,7 @@ import {
   createInitOptions,
   createRenderOptions,
 } from '../../../../test/mock/createWidget';
-import { InstantSearch } from '../../../types';
+import type { InstantSearch } from '../../../types';
 
 const render = castToJestMock(preactRender);
 jest.mock('preact', () => {
diff --git a/src/widgets/toggle-refinement/defaultTemplates.ts b/src/widgets/toggle-refinement/defaultTemplates.ts
index 6fd477c152..6bf28e26bf 100644
--- a/src/widgets/toggle-refinement/defaultTemplates.ts
+++ b/src/widgets/toggle-refinement/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { ToggleRefinementComponentTemplates } from '../../components/ToggleRefinement/ToggleRefinement';
+import type { ToggleRefinementComponentTemplates } from '../../components/ToggleRefinement/ToggleRefinement';
 
 const defaultTemplates: ToggleRefinementComponentTemplates = {
   labelText: '{{name}}',
diff --git a/src/widgets/toggle-refinement/toggle-refinement.tsx b/src/widgets/toggle-refinement/toggle-refinement.tsx
index ab2cbc02c9..8e79ab6d10 100644
--- a/src/widgets/toggle-refinement/toggle-refinement.tsx
+++ b/src/widgets/toggle-refinement/toggle-refinement.tsx
@@ -2,25 +2,27 @@
 
 import { h, render } from 'preact';
 import cx from 'classnames';
-import ToggleRefinement, {
+import type {
   ToggleRefinementComponentCSSClasses,
   ToggleRefinementComponentTemplates,
 } from '../../components/ToggleRefinement/ToggleRefinement';
-import connectToggleRefinement, {
+import ToggleRefinement from '../../components/ToggleRefinement/ToggleRefinement';
+import type {
   ToggleRefinementConnectorParams,
   ToggleRefinementWidgetDescription,
   ToggleRefinementValue,
   ToggleRefinementRenderState,
 } from '../../connectors/toggle-refinement/connectToggleRefinement';
+import connectToggleRefinement from '../../connectors/toggle-refinement/connectToggleRefinement';
 import defaultTemplates from './defaultTemplates';
 import {
   getContainerNode,
   prepareTemplateProps,
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
-import { RendererOptions, Template, WidgetFactory } from '../../types';
+import type { RendererOptions, Template, WidgetFactory } from '../../types';
 import { component } from '../../lib/suit';
-import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+import type { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'toggle-refinement',
diff --git a/src/widgets/voice-search/__tests__/voice-search-test.ts b/src/widgets/voice-search/__tests__/voice-search-test.ts
index 1f0e442939..97dadc1f13 100644
--- a/src/widgets/voice-search/__tests__/voice-search-test.ts
+++ b/src/widgets/voice-search/__tests__/voice-search-test.ts
@@ -1,7 +1,8 @@
-import { render as preactRender, VNode } from 'preact';
+import type { VNode } from 'preact';
+import { render as preactRender } from 'preact';
 import algoliasearch from 'algoliasearch';
+import type { AlgoliaSearchHelper as Helper } from 'algoliasearch-helper';
 import algoliasearchHelper, {
-  AlgoliaSearchHelper as Helper,
   SearchResults,
   SearchParameters,
 } from 'algoliasearch-helper';
@@ -11,10 +12,11 @@ import {
 } from '../../../../test/mock/createWidget';
 import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
 import { castToJestMock } from '../../../../test/utils/castToJestMock';
-import { Widget } from '../../../types';
-import voiceSearch, { VoiceSearchWidgetParams } from '../voice-search';
-import { VoiceSearchHelper } from '../../../lib/voiceSearchHelper/types';
-import { VoiceSearchProps } from '../../../components/VoiceSearch/VoiceSearch';
+import type { Widget } from '../../../types';
+import type { VoiceSearchWidgetParams } from '../voice-search';
+import voiceSearch from '../voice-search';
+import type { VoiceSearchHelper } from '../../../lib/voiceSearchHelper/types';
+import type { VoiceSearchProps } from '../../../components/VoiceSearch/VoiceSearch';
 
 const render = castToJestMock(preactRender);
 jest.mock('preact', () => {
diff --git a/src/widgets/voice-search/defaultTemplates.ts b/src/widgets/voice-search/defaultTemplates.ts
index b1e3c63b97..348fbc38a5 100644
--- a/src/widgets/voice-search/defaultTemplates.ts
+++ b/src/widgets/voice-search/defaultTemplates.ts
@@ -1,4 +1,4 @@
-import { VoiceSearchComponentTemplates } from '../../components/VoiceSearch/VoiceSearch';
+import type { VoiceSearchComponentTemplates } from '../../components/VoiceSearch/VoiceSearch';
 
 const getButtonInnerElement = (
   status: string,
diff --git a/src/widgets/voice-search/voice-search.tsx b/src/widgets/voice-search/voice-search.tsx
index c440d8aa48..640199552a 100644
--- a/src/widgets/voice-search/voice-search.tsx
+++ b/src/widgets/voice-search/voice-search.tsx
@@ -2,24 +2,26 @@
 
 import { h, render } from 'preact';
 import cx from 'classnames';
-import { PlainSearchParameters } from 'algoliasearch-helper';
+import type { PlainSearchParameters } from 'algoliasearch-helper';
 import {
   getContainerNode,
   createDocumentationMessageGenerator,
 } from '../../lib/utils';
 import { component } from '../../lib/suit';
-import connectVoiceSearch, {
+import type {
   VoiceSearchConnectorParams,
   VoiceSearchRenderState,
   VoiceSearchWidgetDescription,
 } from '../../connectors/voice-search/connectVoiceSearch';
-import VoiceSearchComponent, {
+import connectVoiceSearch from '../../connectors/voice-search/connectVoiceSearch';
+import type {
   VoiceSearchComponentCSSClasses,
   VoiceSearchComponentTemplates,
 } from '../../components/VoiceSearch/VoiceSearch';
+import VoiceSearchComponent from '../../components/VoiceSearch/VoiceSearch';
 import defaultTemplates from './defaultTemplates';
-import { WidgetFactory, Template, Renderer } from '../../types';
-import { CreateVoiceSearchHelper } from '../../lib/voiceSearchHelper/types';
+import type { WidgetFactory, Template, Renderer } from '../../types';
+import type { CreateVoiceSearchHelper } from '../../lib/voiceSearchHelper/types';
 
 const withUsage = createDocumentationMessageGenerator({ name: 'voice-search' });
 const suit = component('VoiceSearch');
diff --git a/stories/configure-related-items.stories.ts b/stories/configure-related-items.stories.ts
index b6925a373d..a7f1dac924 100644
--- a/stories/configure-related-items.stories.ts
+++ b/stories/configure-related-items.stories.ts
@@ -1,7 +1,7 @@
 import { storiesOf } from '@storybook/html';
 import { withHits } from '../.storybook/decorators';
-import { HitsWidgetParams } from '../src/widgets/hits/hits';
-import { AlgoliaHit } from '../src/types';
+import type { HitsWidgetParams } from '../src/widgets/hits/hits';
+import type { AlgoliaHit } from '../src/types';
 
 storiesOf('Basics/ConfigureRelatedItems', module).add(
   'default',
diff --git a/test/mock/createAPIResponse.ts b/test/mock/createAPIResponse.ts
index 19f98977a7..0c0a2d525b 100644
--- a/test/mock/createAPIResponse.ts
+++ b/test/mock/createAPIResponse.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   MultiResponse,
   SearchResponse,
   SearchForFacetValuesResponse,
diff --git a/test/mock/createInstantSearch.ts b/test/mock/createInstantSearch.ts
index 15762d8df8..a5233e3f90 100644
--- a/test/mock/createInstantSearch.ts
+++ b/test/mock/createInstantSearch.ts
@@ -1,6 +1,6 @@
 import algoliasearchHelper from 'algoliasearch-helper';
 import index from '../../src/widgets/index/index';
-import { InstantSearch } from '../../src/types';
+import type { InstantSearch } from '../../src/types';
 import { createSearchClient } from './createSearchClient';
 import defer from '../../src/lib/utils/defer';
 
diff --git a/test/mock/createSearchClient.ts b/test/mock/createSearchClient.ts
index 5fa07c8fc0..973b6fdb54 100644
--- a/test/mock/createSearchClient.ts
+++ b/test/mock/createSearchClient.ts
@@ -1,4 +1,4 @@
-import { SearchClient, MultiResponse } from '../../src/types';
+import type { SearchClient, MultiResponse } from '../../src/types';
 
 import {
   createSingleSearchResponse,
diff --git a/test/mock/createWidget.ts b/test/mock/createWidget.ts
index 26ad85d1d7..88c014d29e 100644
--- a/test/mock/createWidget.ts
+++ b/test/mock/createWidget.ts
@@ -1,5 +1,5 @@
 import algoliasearchHelper from 'algoliasearch-helper';
-import {
+import type {
   InitOptions,
   RenderOptions,
   DisposeOptions,
diff --git a/test/utils/enzyme.ts b/test/utils/enzyme.ts
index d8c1b1c0e0..0f67264cf5 100644
--- a/test/utils/enzyme.ts
+++ b/test/utils/enzyme.ts
@@ -1,5 +1,6 @@
-import { mount, shallow, ShallowWrapper, ReactWrapper } from 'enzyme';
-import { VNode } from 'preact';
+import type { ShallowWrapper, ReactWrapper } from 'enzyme';
+import { mount, shallow } from 'enzyme';
+import type { VNode } from 'preact';
 
 const preactMount = mount as unknown as <TProps>(
   node: VNode<TProps>
diff --git a/test/utils/widgetSnapshotSerializer.ts b/test/utils/widgetSnapshotSerializer.ts
index eb082bf099..589996b2fe 100644
--- a/test/utils/widgetSnapshotSerializer.ts
+++ b/test/utils/widgetSnapshotSerializer.ts
@@ -1,5 +1,5 @@
-import { Widget } from '../../src/types';
-import { IndexWidget } from '../../src/widgets/index/index';
+import type { Widget } from '../../src/types';
+import type { IndexWidget } from '../../src/widgets/index/index';
 import { getWidgetAttribute } from '../../src/lib/utils';
 import { createInitOptions } from '../mock/createWidget';
 
diff --git a/tsconfig.json b/tsconfig.json
index 95d41ae726..58cc988749 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,7 +13,8 @@
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
     "allowSyntheticDefaultImports": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "isolatedModules": true
   },
   "exclude": [
     "examples",