Chunky

package-lock.json

@@ -9,7 +9,6 @@
 			"version": "0.0.0",
 			"dependencies": {
 				"@hello-pangea/dnd": "^18.0.1",
-				"@iconify/react": "^5.2.1",
 				"@mantine/core": "^7.17.4",
 				"@mantine/hooks": "^7.17.4",
 				"@tanstack/react-query": "^5.72.2",
@@ -1086,26 +1085,6 @@
 				"url": "https://github.com/sponsors/nzakas"
 			}
 		},
-		"node_modules/@iconify/react": {
-			"version": "5.2.1",
-			"resolved": "https://registry.npmjs.org/@iconify/react/-/react-5.2.1.tgz",
-			"integrity": "sha512-37GDR3fYDZmnmUn9RagyaX+zca24jfVOMY8E1IXTqJuE8pxNtN51KWPQe3VODOWvuUurq7q9uUu3CFrpqj5Iqg==",
-			"license": "MIT",
-			"dependencies": {
-				"@iconify/types": "^2.0.0"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/cyberalien"
-			},
-			"peerDependencies": {
-				"react": ">=16"
-			}
-		},
-		"node_modules/@iconify/types": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
-			"integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="
-		},
 		"node_modules/@isaacs/cliui": {
 			"version": "8.0.2",
 			"resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",

package.json

@@ -11,7 +11,6 @@
 	},
 	"dependencies": {
 		"@hello-pangea/dnd": "^18.0.1",
-		"@iconify/react": "^5.2.1",
 		"@mantine/core": "^7.17.4",
 		"@mantine/hooks": "^7.17.4",
 		"@tanstack/react-query": "^5.72.2",

src/pages/settings/components/Theming/ThemeModalContent.tsx

@@ -1,6 +1,6 @@
-import { Icon } from '@iconify/react/dist/iconify.js';
 import { Box, Group, Stack, Text } from '@mantine/core';
 import { useState } from 'react';
+import { FiCheck } from 'react-icons/fi';
 import { stackClasses } from 'styles';
 
 export default function ThemeModalContent({ selectedTheme }: any) {
@@ -22,9 +22,8 @@ export default function ThemeModalContent({ selectedTheme }: any) {
 						paddingTop: '15px',
 					}}
 				>
-					<Icon
+					<FiCheck
 						style={{ color: previewTheme.theme.primaryColor }}
-						icon={'mdi:check'}
 						height={32}
 						width={32}
 					/>

vite.config.ts

@@ -6,6 +6,25 @@ import { defineConfig, loadEnv } from 'vite';
 export default defineConfig(({ mode }) => {
 	const env = loadEnv(mode, process.cwd());
 	return {
+		build: {
+			rollupOptions: {
+				output: {
+					manualChunks: {
+						reactIcons: ['react-icons/fi', 'react-icons/fa', 'react-icons/wi'],
+						reactIconsSi: ['react-icons/si'],
+						reactIconsFa6: ['react-icons/fa6'],
+						reactIconsVsc: ['react-icons/vsc'],
+						mantine: ['@mantine/core', '@mantine/hooks'],
+						tanstack: [
+							'@tanstack/react-query',
+							'@tanstack/react-query-devtools',
+							'@tanstack/react-query-persist-client',
+						],
+						utils: ['@hello-pangea/dnd', 'recharts', 'react-toastify', 'jotai'],
+					},
+				},
+			},
+		},
 		plugins: [react()],
 		server: {
 			port: 3000,