fix: replace icon resolves

Author: kalysti

src/components/carousel/carousel.tsx

@@ -4,7 +4,8 @@ import { Splide as SplideCore } from '@splidejs/splide';
 import { omit } from 'lodash';
 import React, { useEffect, useLayoutEffect } from 'react';
 import { SliderOptions, SplideProps } from '.';
-import { ArrowLeft, ArrowRight } from '../icons';
+import ArrowLeft from '../icons/arrowLeft';
+import ArrowRight from '../icons/arrowRight';
 import useScale, { withScale } from '../use-scale';
 import { pickChild } from '../utils/collections';
 import { CarouselItem } from './carousel-item';

src/components/entity/entity.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { PropsWithChildren, ReactElement } from 'react';
-import { MoreHorizontal } from '../icons';
+import MoreHorizontal from '../icons/moreHorizontal';
 import Menu from '../menu';
 import MenuItem from '../menu/menu-item';
 import useClasses from '../use-classes';

src/components/header/back-button.tsx

@@ -3,7 +3,7 @@
 import { useRouter } from 'next/navigation';
 import React from 'react';
 import Button, { ButtonProps } from '../button';
-import { ChevronLeft } from '../icons';
+import ChevronLeft from '../icons/chevronLeft';
 import { ScaleProps } from '../use-scale';
 
 const BackButton: React.FC<

src/components/hero/hero.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { PropsWithChildren, useRef } from 'react';
-import { ArrowDown } from '../icons';
+import ArrowDown from '../icons/arrowDown';
 import PageWidth from '../page-width';
 import useClasses from '../use-classes';
 import { useScale, withScale } from '../use-scale';

src/components/input/date.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { Calendar } from 'components/icons';
+import Calendar from '../icons/calendar';
 import React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { useScale, withScale } from '../use-scale';
 import Input from './input';

src/components/mobile-menu/group.tsx

@@ -1,6 +1,6 @@
 'use client';
 import React, { MouseEventHandler, PropsWithChildren, ReactNode, useRef, useState } from 'react';
-import { ChevronDown } from '../icons';
+import ChevronDown from '../icons/chevronDown';
 import useClasses from '../use-classes';
 import useScale, { withScale } from '../use-scale';
 import { pickChild } from '../utils/collections';

src/components/note/note.tsx

@@ -1,6 +1,10 @@
 'use client';
 import React from 'react';
-import { AlertTriangle, CheckInCircle, Info, XCircle } from '../icons';
+import AlertTriangle from '../icons/alertTriangle';
+import CheckInCircle from '../icons/checkInCircle';
+import Info from '../icons/info';
+import XCircle from '../icons/xCircle';
+
 import { UIColorTypes } from '../themes/presets';
 import useClasses from '../use-classes';
 import useScale, { withScale } from '../use-scale';

src/components/rating/rating.tsx

@@ -1,6 +1,6 @@
 'use client';
 import React, { useCallback, useEffect, useState } from 'react';
-import { StarFill } from '../icons';
+import StarFill from '../icons/starFill';
 import useClasses from '../use-classes';
 import useScale, { withScale } from '../use-scale';
 import { tupleNumber } from '../utils/prop-types';

src/components/search/search-icon.tsx

@@ -2,7 +2,8 @@
 import React, { useMemo } from 'react';
 import { SearchResults } from './helper';
 import Type from '../icons/type';
-import { FileFunctionFill, Image } from '../icons';
+import Image from '../icons/image';
+import FileFunctionFill from '../icons/fileFunctionFill';
 import Lambda from '../icons/lambda';
 import Package from '../icons/package';
 import Codesandbox from '../icons/codesandbox';

src/components/show-more/show-more.tsx

@@ -1,7 +1,7 @@
 'use client';
 import React, { PropsWithChildren, useEffect, useState } from 'react';
 import Button from '../button';
-import { ChevronDown } from '../icons';
+import ChevronDown from '../icons/chevronDown';
 import { UIColorTypes } from '../themes';
 import useClasses from '../use-classes';
 import useScale, { withScale } from '../use-scale';

src/components/video/video.tsx

@@ -1,6 +1,11 @@
 'use client';
 import React, { useRef, useState } from 'react';
-import { Maximize, Minimize, PauseFill, PlayFill, Volume2, VolumeX } from '../icons';
+import Maximize from '../icons/maximize';
+import Minimize from '../icons/minimize';
+import PauseFill from '../icons/pauseFill';
+import PlayFill from '../icons/playFill';
+import Volume2 from '../icons/volume2';
+import VolumeX from '../icons/volumeX';
 import useScale, { withScale } from '../use-scale';
 import useClasses from '../use-classes';