{({ style, tokens, getLineProps, getTokenProps }) => (
{tokens.slice(0, loadedLines).map((line, i) => (
diff --git a/apps/explorer/src/components/syntax-highlighter/index.ts b/apps/explorer/src/components/syntax-highlighter/index.ts
new file mode 100644
index 00000000000..0b6ce182e60
--- /dev/null
+++ b/apps/explorer/src/components/syntax-highlighter/index.ts
@@ -0,0 +1,4 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './SyntaxHighlighter';
diff --git a/apps/explorer/src/components/table/TableFooter.tsx b/apps/explorer/src/components/table/TableFooter.tsx
index 7d2e4a5346c..2139f18e920 100644
--- a/apps/explorer/src/components/table/TableFooter.tsx
+++ b/apps/explorer/src/components/table/TableFooter.tsx
@@ -5,9 +5,13 @@
import { ArrowRight12 } from '@iota/icons';
import { Text } from '@iota/ui';
-import { Link } from '~/ui/Link';
-import { Pagination, type PaginationResponse, type usePaginationStack } from '~/ui/Pagination';
-import { numberSuffix } from '~/utils/numberUtil';
+import {
+ Link,
+ Pagination,
+ type PaginationResponse,
+ type usePaginationStack,
+} from '~/components/ui';
+import { numberSuffix } from '~/lib/utils';
interface TableFooterProps {
label: string;
diff --git a/apps/explorer/src/components/table/index.ts b/apps/explorer/src/components/table/index.ts
new file mode 100644
index 00000000000..e0cb5d82526
--- /dev/null
+++ b/apps/explorer/src/components/table/index.ts
@@ -0,0 +1,6 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './HighlightedTableCol';
+export * from './IotaAmount';
+export * from './TableFooter';
diff --git a/apps/explorer/src/components/top-packages/TopPackagesCard.tsx b/apps/explorer/src/components/top-packages/TopPackagesCard.tsx
index 95ce5991b66..646ef685f47 100644
--- a/apps/explorer/src/components/top-packages/TopPackagesCard.tsx
+++ b/apps/explorer/src/components/top-packages/TopPackagesCard.tsx
@@ -5,11 +5,10 @@
import { useQuery } from '@tanstack/react-query';
import { useState } from 'react';
-import { TopPackagesTable } from './TopPackagesTable';
-import { ErrorBoundary } from '../error-boundary/ErrorBoundary';
+import { FilterList, TabHeader } from '~/components/ui';
import { useEnhancedRpcClient } from '~/hooks/useEnhancedRpc';
-import { FilterList } from '~/ui/FilterList';
-import { TabHeader } from '~/ui/Tabs';
+import { ErrorBoundary } from '../error-boundary/ErrorBoundary';
+import { TopPackagesTable } from './TopPackagesTable';
type DateFilter = '3D' | '7D' | '30D';
type ApiDateFilter = 'rank3Days' | 'rank7Days' | 'rank30Days';
diff --git a/apps/explorer/src/components/top-packages/TopPackagesTable.tsx b/apps/explorer/src/components/top-packages/TopPackagesTable.tsx
index 5e35b12657e..6bd1f5a26e0 100644
--- a/apps/explorer/src/components/top-packages/TopPackagesTable.tsx
+++ b/apps/explorer/src/components/top-packages/TopPackagesTable.tsx
@@ -6,9 +6,7 @@ import { type MoveCallMetric } from '@iota/iota.js/client';
import { Text } from '@iota/ui';
import { useMemo } from 'react';
-import { ObjectLink } from '~/ui/InternalLink';
-import { PlaceholderTable } from '~/ui/PlaceholderTable';
-import { TableCard } from '~/ui/TableCard';
+import { ObjectLink, PlaceholderTable, TableCard } from '~/components/ui';
interface TopPackagesTableProps {
data: MoveCallMetric[];
diff --git a/apps/explorer/src/components/top-packages/index.ts b/apps/explorer/src/components/top-packages/index.ts
new file mode 100644
index 00000000000..9bdbcca1924
--- /dev/null
+++ b/apps/explorer/src/components/top-packages/index.ts
@@ -0,0 +1,5 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './TopPackagesCard';
+export * from './TopPackagesTable';
diff --git a/apps/explorer/src/components/top-validators-card/TopValidatorsCard.tsx b/apps/explorer/src/components/top-validators-card/TopValidatorsCard.tsx
index 86d57cb1de8..a379b125f46 100644
--- a/apps/explorer/src/components/top-validators-card/TopValidatorsCard.tsx
+++ b/apps/explorer/src/components/top-validators-card/TopValidatorsCard.tsx
@@ -8,15 +8,18 @@ import { type IotaValidatorSummary } from '@iota/iota.js/client';
import { Text } from '@iota/ui';
import { type ReactNode, useMemo } from 'react';
+import { HighlightedTableCol } from '~/components';
+import {
+ AddressLink,
+ Banner,
+ ImageIcon,
+ Link,
+ PlaceholderTable,
+ TableCard,
+ ValidatorLink,
+} from '~/components/ui';
+import { ampli } from '~/lib/utils';
import { StakeColumn } from './StakeColumn';
-import { HighlightedTableCol } from '~/components/table/HighlightedTableCol';
-import { Banner } from '~/ui/Banner';
-import { ImageIcon } from '~/ui/ImageIcon';
-import { AddressLink, ValidatorLink } from '~/ui/InternalLink';
-import { Link } from '~/ui/Link';
-import { PlaceholderTable } from '~/ui/PlaceholderTable';
-import { TableCard } from '~/ui/TableCard';
-import { ampli } from '~/utils/analytics/ampli';
const NUMBER_OF_VALIDATORS = 10;
diff --git a/apps/explorer/src/components/top-validators-card/index.ts b/apps/explorer/src/components/top-validators-card/index.ts
new file mode 100644
index 00000000000..8dbd58fa832
--- /dev/null
+++ b/apps/explorer/src/components/top-validators-card/index.ts
@@ -0,0 +1,5 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './StakeColumn';
+export * from './TopValidatorsCard';
diff --git a/apps/explorer/src/components/transaction-blocks-for-address/index.tsx b/apps/explorer/src/components/transaction-blocks-for-address/TransactionBlocksForAddress.tsx
similarity index 96%
rename from apps/explorer/src/components/transaction-blocks-for-address/index.tsx
rename to apps/explorer/src/components/transaction-blocks-for-address/TransactionBlocksForAddress.tsx
index 5173197b867..2706953beb6 100644
--- a/apps/explorer/src/components/transaction-blocks-for-address/index.tsx
+++ b/apps/explorer/src/components/transaction-blocks-for-address/TransactionBlocksForAddress.tsx
@@ -6,16 +6,14 @@ import { type TransactionFilter } from '@iota/iota.js/client';
import { Heading, RadioGroup, RadioGroupItem } from '@iota/ui';
import { type Dispatch, type SetStateAction, useReducer, useState } from 'react';
-import { genTableDataFromTxData } from '../transactions/TxCardUtils';
+import clsx from 'clsx';
+import { Pagination, PlaceholderTable, TableCard } from '~/components/ui';
import {
DEFAULT_TRANSACTIONS_LIMIT,
useGetTransactionBlocks,
} from '~/hooks/useGetTransactionBlocks';
-import { Pagination } from '~/ui/Pagination';
-import { PlaceholderTable } from '~/ui/PlaceholderTable';
-import { TableCard } from '~/ui/TableCard';
-import clsx from 'clsx';
import { ObjectFilterValue } from '~/lib/enums';
+import { genTableDataFromTxData } from '../transactions/TxCardUtils';
type TransactionBlocksForAddressProps = {
address: string;
@@ -88,7 +86,7 @@ export function FiltersControl({ filterValue, setFilterValue }: FiltersControlPr
);
}
-function TransactionBlocksForAddress({
+export function TransactionBlocksForAddress({
address,
filter = ObjectFilterValue.Changed,
header,
@@ -182,5 +180,3 @@ function TransactionBlocksForAddress({