Update icon references for optimization

src/components/shadcn/Dropdown.tsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
 import { cn } from "../../utils/cn"
-import { ChevronRightIcon } from "@heroicons/react/24/outline"
+import ChevronRightIcon from "@heroicons/react/24/outline/ChevronRightIcon"
 
 
 const DropdownMenu = DropdownMenuPrimitive.Root

src/components/uniforms-frontmatter/ListAddField.tsx

@@ -1,4 +1,4 @@
-import { PlusIcon } from '@heroicons/react/24/outline';
+import PlusIcon from '@heroicons/react/24/outline/PlusIcon';
 import * as React from 'react';
 import { HTMLFieldProps, connectField, filterDOMProps, joinName, useField } from 'uniforms';
 import './ListAddField.css';

src/components/uniforms-frontmatter/ListDelField.tsx

@@ -1,4 +1,4 @@
-import { TrashIcon } from '@heroicons/react/24/outline';
+import TrashIcon from '@heroicons/react/24/outline/TrashIcon';
 import * as React from 'react';
 import { HTMLFieldProps, connectField, filterDOMProps, joinName, useField } from 'uniforms';
 import './ListDelField.css';

src/dashboardWebView/components/Chatbot/Chatbox.tsx

@@ -1,4 +1,4 @@
-import { PaperAirplaneIcon } from '@heroicons/react/24/outline';
+import PaperAirplaneIcon from '@heroicons/react/24/outline/PaperAirplaneIcon';
 import * as React from 'react';
 import { useCallback } from 'react';
 import * as l10n from '@vscode/l10n';

src/dashboardWebView/components/Chatbot/Feedback.tsx

@@ -1,6 +1,8 @@
 import * as React from 'react';
-import { HandThumbDownIcon, HandThumbUpIcon } from '@heroicons/react/24/outline';
-import { HandThumbDownIcon as ThumbDownSolidIcon, HandThumbUpIcon as ThumbUpSolidIcon } from '@heroicons/react/24/solid';
+import HandThumbDownIcon from '@heroicons/react/24/outline/HandThumbDownIcon';
+import HandThumbUpIcon from '@heroicons/react/24/outline/HandThumbUpIcon';
+import ThumbDownSolidIcon from '@heroicons/react/24/solid/HandThumbDownIcon';
+import ThumbUpSolidIcon from '@heroicons/react/24/solid/HandThumbUpIcon';
 import { useCallback } from 'react';
 import { useSettingsContext } from '../../providers/SettingsProvider';
 import { WEBSITE_LINKS } from '../../../constants';

src/dashboardWebView/components/Common/ChoiceButton.tsx

@@ -1,4 +1,4 @@
-import { ChevronDownIcon } from '@heroicons/react/24/outline';
+import ChevronDownIcon from '@heroicons/react/24/outline/ChevronDownIcon';
 import * as React from 'react';
 import { MenuItem } from '../Menu';
 import * as l10n from '@vscode/l10n';

src/dashboardWebView/components/Common/TextField.tsx

@@ -1,4 +1,4 @@
-import { XCircleIcon } from '@heroicons/react/24/solid';
+import XCircleIcon from '@heroicons/react/24/solid/XCircleIcon';
 import * as React from 'react';
 
 export interface ITextFieldProps {

src/dashboardWebView/components/Contents/ContentActions.tsx

@@ -1,5 +1,9 @@
 import { messageHandler } from '@estruyf/vscode/dist/client';
-import { EyeIcon, GlobeEuropeAfricaIcon, TrashIcon, LanguageIcon, EllipsisHorizontalIcon } from '@heroicons/react/24/outline';
+import EyeIcon from '@heroicons/react/24/outline/EyeIcon';
+import GlobeEuropeAfricaIcon from '@heroicons/react/24/outline/GlobeEuropeAfricaIcon';
+import TrashIcon from '@heroicons/react/24/outline/TrashIcon';
+import LanguageIcon from '@heroicons/react/24/outline/LanguageIcon';
+import EllipsisHorizontalIcon from '@heroicons/react/24/outline/EllipsisHorizontalIcon';
 import * as React from 'react';
 import { CustomScript, I18nConfig } from '../../../models';
 import { DashboardMessage } from '../../DashboardMessage';

src/dashboardWebView/components/Contents/CustomActions.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import * as l10n from '@vscode/l10n';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../../../components/shadcn/Dropdown';
-import { CommandLineIcon } from '@heroicons/react/24/outline';
-import { CommandLineIcon as CommandLineIconSolid } from '@heroicons/react/24/solid';
+import CommandLineIcon from '@heroicons/react/24/outline/CommandLineIcon';
+import CommandLineIconSolid from '@heroicons/react/24/solid/CommandLineIcon';
 import { runCustomScript } from '../../utils';
 import { CustomScript, ScriptType } from '../../../models';
 import { LocalizationKey } from '../../../localization';

src/dashboardWebView/components/Contents/FooterActions.tsx

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import * as l10n from '@vscode/l10n';
 import { QuickAction } from '../Menu';
-import { EyeIcon, GlobeEuropeAfricaIcon, TrashIcon } from '@heroicons/react/24/solid';
+import EyeIcon from '@heroicons/react/24/solid/EyeIcon';
+import GlobeEuropeAfricaIcon from '@heroicons/react/24/solid/GlobeEuropeAfricaIcon';
+import TrashIcon from '@heroicons/react/24/solid/TrashIcon';
 import { LocalizationKey } from '../../../localization';
 import { openFile, openOnWebsite } from '../../utils';
 import { useRecoilState } from 'recoil';

src/dashboardWebView/components/Contents/I18nLabel.tsx

@@ -1,10 +1,6 @@
 import * as React from 'react';
 import { Page } from '../../models';
-import { ChevronDownIcon, LanguageIcon } from '@heroicons/react/24/outline';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../../../components/shadcn/Dropdown';
-import { MenuItem } from '../Menu';
-import { DashboardMessage } from '../../DashboardMessage';
-import { messageHandler } from '@estruyf/vscode/dist/client';
+import LanguageIcon from '@heroicons/react/24/outline/LanguageIcon';
 
 export interface II18nLabelProps {
   page: Page;

src/dashboardWebView/components/Contents/Overview.tsx

@@ -1,5 +1,5 @@
 import { Disclosure } from '@headlessui/react';
-import { ChevronRightIcon } from '@heroicons/react/24/solid';
+import ChevronRightIcon from '@heroicons/react/24/solid/ChevronRightIcon';
 import * as React from 'react';
 import { useCallback, useMemo } from 'react';
 import { useRecoilState, useRecoilValue } from 'recoil';

src/dashboardWebView/components/Contents/TranslationMenu.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as l10n from '@vscode/l10n';
 import { DropdownMenuItem, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger } from '../../../components/shadcn/Dropdown';
-import { LanguageIcon } from '@heroicons/react/24/outline';
+import LanguageIcon from '@heroicons/react/24/outline/LanguageIcon';
 import { openFile } from '../../utils/MessageHandlers';
 import { I18nConfig } from '../../../models';
 import { LocalizationKey } from '../../../localization';

src/dashboardWebView/components/DataView/DataView.tsx

@@ -15,7 +15,10 @@ import { arrayMoveImmutable } from 'array-move';
 import { EmptyView } from './EmptyView';
 import { Container } from './SortableContainer';
 import { SortableItem } from './SortableItem';
-import { ChevronRightIcon, CircleStackIcon, EyeIcon, XMarkIcon } from '@heroicons/react/24/outline';
+import ChevronRightIcon from '@heroicons/react/24/outline/ChevronRightIcon';
+import CircleStackIcon from '@heroicons/react/24/outline/CircleStackIcon';
+import EyeIcon from '@heroicons/react/24/outline/EyeIcon';
+import XMarkIcon from '@heroicons/react/24/outline/XMarkIcon';
 import { DataType } from '../../../models/DataType';
 import { GeneralCommands, WEBSITE_LINKS } from '../../../constants';
 import { NavigationItem } from '../Layout';

src/dashboardWebView/components/DataView/EmptyView.tsx

@@ -1,4 +1,4 @@
-import { ExclamationCircleIcon } from '@heroicons/react/24/outline';
+import ExclamationCircleIcon from '@heroicons/react/24/outline/ExclamationCircleIcon';
 import * as React from 'react';
 import * as l10n from '@vscode/l10n';
 import { LocalizationKey, localize } from '../../../localization';

src/dashboardWebView/components/DataView/SortableItem.tsx

@@ -1,4 +1,6 @@
-import { PencilIcon, TrashIcon, ChevronUpDownIcon } from '@heroicons/react/24/outline';
+import PencilIcon from '@heroicons/react/24/outline/PencilIcon';
+import TrashIcon from '@heroicons/react/24/outline/TrashIcon';
+import ChevronUpDownIcon from '@heroicons/react/24/outline/ChevronUpDownIcon';
 import * as React from 'react';
 import { SortableHandle, SortableElement } from 'react-sortable-hoc';
 import { LinkButton } from '../Common/LinkButton';

src/dashboardWebView/components/ErrorView/index.tsx

@@ -1,4 +1,4 @@
-import { ExclamationTriangleIcon } from '@heroicons/react/24/solid';
+import ExclamationTriangleIcon from '@heroicons/react/24/solid/ExclamationTriangleIcon';
 import * as React from 'react';
 import * as l10n from '@vscode/l10n';
 import { LocalizationKey } from '../../../localization';

src/dashboardWebView/components/Filters/LanguageFilter.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuSeparator } from '../../../components/shadcn/Dropdown';
-import { LanguageIcon } from '@heroicons/react/24/outline';
+import LanguageIcon from '@heroicons/react/24/outline/LanguageIcon';
 import { MenuButton, MenuItem } from '../Menu';
 import { useRecoilState, useRecoilValue } from 'recoil';
 import { DEFAULT_LOCALE_STATE, LocaleAtom, LocalesAtom } from '../../state';

src/dashboardWebView/components/Header/ActionsBar.tsx

@@ -1,6 +1,13 @@
 import * as React from 'react';
 import { NavigationType, Page } from '../../models';
-import { CommandLineIcon, PencilIcon, TrashIcon, ChevronDownIcon, XMarkIcon, EyeIcon, LanguageIcon, CheckIcon } from '@heroicons/react/24/outline';
+import CommandLineIcon from '@heroicons/react/24/outline/CommandLineIcon';
+import PencilIcon from '@heroicons/react/24/outline/PencilIcon';
+import TrashIcon from '@heroicons/react/24/outline/TrashIcon';
+import ChevronDownIcon from '@heroicons/react/24/outline/ChevronDownIcon';
+import XMarkIcon from '@heroicons/react/24/outline/XMarkIcon';
+import EyeIcon from '@heroicons/react/24/outline/EyeIcon';
+import LanguageIcon from '@heroicons/react/24/outline/LanguageIcon';
+import CheckIcon from '@heroicons/react/24/outline/CheckIcon';
 import { useRecoilState, useRecoilValue } from 'recoil';
 import { MultiSelectedItemsAtom, PagedItems, SelectedItemActionAtom, SelectedMediaFolderSelector, SettingsSelector } from '../../state';
 import { ActionsBarItem } from './ActionsBarItem';

src/dashboardWebView/components/Header/Breadcrumb.tsx

@@ -1,4 +1,4 @@
-import { HomeIcon } from '@heroicons/react/24/outline';
+import HomeIcon from '@heroicons/react/24/outline/HomeIcon';
 import { basename, join } from 'path';
 import * as React from 'react';
 import { useRecoilState, useRecoilValue } from 'recoil';

src/dashboardWebView/components/Header/ClearFilters.tsx

@@ -1,4 +1,4 @@
-import { XCircleIcon } from '@heroicons/react/24/solid';
+import XCircleIcon from '@heroicons/react/24/solid/XCircleIcon';
 import * as React from 'react';
 import { useRecoilValue, useResetRecoilState } from 'recoil';
 import {

src/dashboardWebView/components/Header/Filter.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { MenuButton, MenuItem } from '../Menu';
 import * as l10n from '@vscode/l10n';
-import { FunnelIcon } from '@heroicons/react/24/solid';
+import FunnelIcon from '@heroicons/react/24/solid/FunnelIcon';
 import { LocalizationKey } from '../../../localization';
 import { DropdownMenu, DropdownMenuContent } from '../../../components/shadcn/Dropdown';
 

src/dashboardWebView/components/Header/FilterInput.tsx

@@ -1,4 +1,4 @@
-import { MagnifyingGlassIcon, XCircleIcon } from '@heroicons/react/24/solid';
+import MagnifyingGlassIcon from '@heroicons/react/24/solid/MagnifyingGlassIcon';
 import * as React from 'react';
 import * as l10n from '@vscode/l10n';
 import { LocalizationKey } from '../../../localization';

src/dashboardWebView/components/Header/Header.tsx

@@ -14,8 +14,11 @@ import { ChoiceButton } from '../Common/ChoiceButton';
 import { MediaHeaderBottom } from '../Media/MediaHeaderBottom';
 import { Tabs } from './Tabs';
 import { CustomScript } from '../../../models';
-import { ArrowTopRightOnSquareIcon, BoltIcon, BookOpenIcon, PlusIcon } from '@heroicons/react/24/outline';
-import { HeartIcon } from '@heroicons/react/24/solid';
+import ArrowTopRightOnSquareIcon from '@heroicons/react/24/outline/ArrowTopRightOnSquareIcon';
+import BoltIcon from '@heroicons/react/24/outline/BoltIcon';
+import BookOpenIcon from '@heroicons/react/24/outline/BookOpenIcon';
+import PlusIcon from '@heroicons/react/24/outline/PlusIcon';
+import HeartIcon from '@heroicons/react/24/solid/HeartIcon';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { routePaths } from '../..';
 import { useMemo } from 'react';

src/dashboardWebView/components/Header/ProjectSwitcher.tsx

@@ -1,5 +1,5 @@
 import { messageHandler } from '@estruyf/vscode/dist/client';
-import { ArrowsRightLeftIcon } from '@heroicons/react/24/outline';
+import ArrowsRightLeftIcon from '@heroicons/react/24/outline/ArrowsRightLeftIcon';
 import * as React from 'react';
 import { useRecoilValue } from 'recoil';
 import { DashboardMessage } from '../../DashboardMessage';

src/dashboardWebView/components/Header/Searchbox.tsx

@@ -1,4 +1,4 @@
-import { MagnifyingGlassIcon } from '@heroicons/react/24/solid';
+import MagnifyingGlassIcon from '@heroicons/react/24/solid/MagnifyingGlassIcon';
 import * as React from 'react';
 import { useRecoilState, useRecoilValue } from 'recoil';
 import { useDebounce } from '../../../hooks/useDebounce';

src/dashboardWebView/components/Header/SyncButton.tsx

@@ -1,6 +1,6 @@
 import { Messenger } from '@estruyf/vscode/dist/client';
 import { EventData } from '@estruyf/vscode/dist/models';
-import { ArrowPathIcon } from '@heroicons/react/24/outline';
+import ArrowPathIcon from '@heroicons/react/24/outline/ArrowPathIcon';
 import * as React from 'react';
 import { useEffect, useState } from 'react';
 import { useRecoilValue } from 'recoil';

src/dashboardWebView/components/Header/Tabs.tsx

@@ -1,4 +1,7 @@
-import { PhotoIcon, ScissorsIcon, TagIcon, CircleStackIcon } from '@heroicons/react/24/solid';
+import PhotoIcon from '@heroicons/react/24/solid/PhotoIcon';
+import ScissorsIcon from '@heroicons/react/24/solid/ScissorsIcon';
+import TagIcon from '@heroicons/react/24/solid/TagIcon';
+import CircleStackIcon from '@heroicons/react/24/solid/CircleStackIcon';
 import * as React from 'react';
 import { useRecoilValue } from 'recoil';
 import { FeatureFlag } from '../../../components/features/FeatureFlag';

src/dashboardWebView/components/Header/ViewSwitch.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { useRecoilState, useRecoilValue } from 'recoil';
 import { ViewAtom, SettingsSelector } from '../../state';
-import { Bars4Icon, Squares2X2Icon } from '@heroicons/react/24/solid';
+import Bars4Icon from '@heroicons/react/24/solid/Bars4Icon';
+import Squares2X2Icon from '@heroicons/react/24/solid/Squares2X2Icon';
 import { Messenger } from '@estruyf/vscode/dist/client';
 import { DashboardMessage } from '../../DashboardMessage';
 import { DashboardViewType } from '../../models';

src/dashboardWebView/components/Layout/SponsorMsg.tsx

@@ -1,4 +1,5 @@
-import { HeartIcon, StarIcon } from '@heroicons/react/24/outline';
+import HeartIcon from '@heroicons/react/24/outline/HeartIcon';
+import StarIcon from '@heroicons/react/24/outline/StarIcon';
 import * as React from 'react';
 import { REVIEW_LINK, SPONSOR_LINK } from '../../../constants';
 import { VersionInfo } from '../../../models';

src/dashboardWebView/components/Media/CustomActions.tsx

@@ -3,8 +3,8 @@ import * as l10n from '@vscode/l10n';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../../../components/shadcn/Dropdown';
 import { CustomScript, ScriptType } from '../../../models';
 import { runCustomScript } from '../../utils';
-import { CommandLineIcon } from '@heroicons/react/24/outline';
-import { CommandLineIcon as CommandLineIconSolid } from '@heroicons/react/24/solid';
+import CommandLineIcon from '@heroicons/react/24/outline/CommandLineIcon';
+import CommandLineIconSolid from '@heroicons/react/24/solid/CommandLineIcon';
 import { LocalizationKey } from '../../../localization';
 
 export interface ICustomActionsProps {

src/dashboardWebView/components/Media/DetailsSlideOver.tsx

@@ -1,5 +1,6 @@
 import { Dialog, Transition } from '@headlessui/react';
-import { PencilSquareIcon, XMarkIcon } from '@heroicons/react/24/outline';
+import PencilSquareIcon from '@heroicons/react/24/outline/PencilSquareIcon';
+import XMarkIcon from '@heroicons/react/24/outline/XMarkIcon';
 import { format } from 'date-fns';
 import * as React from 'react';
 import { Fragment, useMemo } from 'react';

src/dashboardWebView/components/Media/FolderCreation.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { FolderPlusIcon, BoltIcon } from '@heroicons/react/24/outline';
+import FolderPlusIcon from '@heroicons/react/24/outline/FolderPlusIcon';
+import BoltIcon from '@heroicons/react/24/outline/BoltIcon';
 import { useRecoilValue } from 'recoil';
 import { DashboardMessage } from '../../DashboardMessage';
 import {

src/dashboardWebView/components/Media/FolderItem.tsx

@@ -1,4 +1,4 @@
-import { FolderIcon } from '@heroicons/react/24/solid';
+import FolderIcon from '@heroicons/react/24/solid/FolderIcon';
 import { basename, join } from 'path';
 import * as React from 'react';
 import * as l10n from '@vscode/l10n';

src/dashboardWebView/components/Media/FooterActions.tsx

@@ -2,7 +2,12 @@ import * as React from 'react';
 import * as l10n from '@vscode/l10n';
 import { QuickAction } from '../Menu';
 import { LocalizationKey } from '../../../localization';
-import { ClipboardIcon, CodeBracketIcon, EyeIcon, PencilIcon, PlusIcon, TrashIcon } from '@heroicons/react/24/solid';
+import ClipboardIcon from '@heroicons/react/24/solid/ClipboardIcon';
+import CodeBracketIcon from '@heroicons/react/24/solid/CodeBracketIcon';
+import EyeIcon from '@heroicons/react/24/solid/EyeIcon';
+import PencilIcon from '@heroicons/react/24/solid/PencilIcon';
+import PlusIcon from '@heroicons/react/24/solid/PlusIcon';
+import TrashIcon from '@heroicons/react/24/solid/TrashIcon';
 import { useRecoilState } from 'recoil';
 import { SelectedItemActionAtom } from '../../state';
 import { CustomScript, MediaInfo, Snippet, ViewData } from '../../../models';

src/dashboardWebView/components/Media/Item.tsx

@@ -1,12 +1,10 @@
 import { Messenger } from '@estruyf/vscode/dist/client';
-import {
-  CodeBracketIcon,
-  DocumentIcon,
-  MusicalNoteIcon,
-  PhotoIcon,
-  PlusIcon,
-  VideoCameraIcon,
-} from '@heroicons/react/24/outline';
+import CodeBracketIcon from '@heroicons/react/24/outline/CodeBracketIcon';
+import DocumentIcon from '@heroicons/react/24/outline/DocumentIcon';
+import MusicalNoteIcon from '@heroicons/react/24/outline/MusicalNoteIcon';
+import PhotoIcon from '@heroicons/react/24/outline/PhotoIcon';
+import PlusIcon from '@heroicons/react/24/outline/PlusIcon';
+import VideoCameraIcon from '@heroicons/react/24/outline/VideoCameraIcon';
 import { basename } from 'path';
 import * as React from 'react';
 import { useCallback, useEffect, useMemo, useState } from 'react';

src/dashboardWebView/components/Media/ItemMenu.tsx

@@ -1,7 +1,13 @@
 import * as React from 'react';
 import * as l10n from '@vscode/l10n';
 import { LocalizationKey } from '../../../localization';
-import { ClipboardIcon, CodeBracketIcon, EllipsisHorizontalIcon, EyeIcon, PencilIcon, PlusIcon, TrashIcon } from '@heroicons/react/24/outline';
+import ClipboardIcon from '@heroicons/react/24/outline/ClipboardIcon';
+import CodeBracketIcon from '@heroicons/react/24/outline/CodeBracketIcon';
+import EllipsisHorizontalIcon from '@heroicons/react/24/outline/EllipsisHorizontalIcon';
+import EyeIcon from '@heroicons/react/24/outline/EyeIcon';
+import PencilIcon from '@heroicons/react/24/outline/PencilIcon';
+import PlusIcon from '@heroicons/react/24/outline/PlusIcon';
+import TrashIcon from '@heroicons/react/24/outline/TrashIcon';
 import { CustomScript, MediaInfo, Snippet, ViewData } from '../../../models';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../../../components/shadcn/Dropdown';
 import { messageHandler } from '@estruyf/vscode/dist/client';

src/dashboardWebView/components/Media/Media.tsx

@@ -1,5 +1,5 @@
 import { Messenger } from '@estruyf/vscode/dist/client';
-import { ArrowUpTrayIcon } from '@heroicons/react/24/outline';
+import ArrowUpTrayIcon from '@heroicons/react/24/outline/ArrowUpTrayIcon';
 import * as React from 'react';
 import { useRecoilState, useRecoilValue } from 'recoil';
 import {

src/dashboardWebView/components/Menu/ActionMenuButton.tsx

@@ -1,4 +1,4 @@
-import { EllipsisVerticalIcon } from '@heroicons/react/24/outline';
+import EllipsisVerticalIcon from '@heroicons/react/24/outline/EllipsisVerticalIcon';
 import * as React from 'react';
 
 export interface IActionMenuButtonProps {

src/dashboardWebView/components/Menu/MenuButton.tsx

@@ -1,4 +1,4 @@
-import { ChevronDownIcon } from '@heroicons/react/24/solid';
+import ChevronDownIcon from '@heroicons/react/24/solid/ChevronDownIcon';
 import * as React from 'react';
 import { DropdownMenuTrigger } from '../../../components/shadcn/Dropdown';
 import { cn } from '../../../utils/cn';

src/dashboardWebView/components/Modals/Alert.tsx

@@ -1,5 +1,5 @@
 import { Dialog, Transition } from '@headlessui/react';
-import { ExclamationTriangleIcon } from '@heroicons/react/24/outline';
+import ExclamationTriangleIcon from '@heroicons/react/24/outline/ExclamationTriangleIcon';
 import * as React from 'react';
 import { Fragment, useRef } from 'react';
 

src/dashboardWebView/components/Modals/SlideOver.tsx

@@ -1,5 +1,5 @@
 import { Dialog, Transition } from '@headlessui/react';
-import { XMarkIcon } from '@heroicons/react/24/outline';
+import XMarkIcon from '@heroicons/react/24/outline/XMarkIcon';
 import * as React from 'react';
 import { Fragment, useRef } from 'react';
 import * as l10n from '@vscode/l10n';

src/dashboardWebView/components/Preview/Preview.tsx

@@ -1,5 +1,7 @@
 import { Messenger, messageHandler } from '@estruyf/vscode/dist/client';
-import { ArrowRightIcon, ArrowTopRightOnSquareIcon, ArrowPathIcon } from '@heroicons/react/24/outline';
+import ArrowRightIcon from '@heroicons/react/24/outline/ArrowRightIcon';
+import ArrowTopRightOnSquareIcon from '@heroicons/react/24/outline/ArrowTopRightOnSquareIcon';
+import ArrowPathIcon from '@heroicons/react/24/outline/ArrowPathIcon';
 import * as React from 'react';
 import { useEffect, useRef, useState } from 'react';
 import { GeneralCommands, PreviewCommands } from '../../../constants';