chore: Bump package version to 1.1.4 and update build-icons script for output directory

Author: agjs

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@programmer_network/yail",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Programmer Network's official UI library for React",
   "author": "Aleksandar Grbic - (https://programmer.network)",
   "publishConfig": {
@@ -33,7 +33,7 @@
     "dev": "vite",
     "build": "tsc && vite build",
     "build:watch": "VITE_WATCH=true vite build --watch",
-    "build-icons": "npx @svgr/cli --typescript --jsx-runtime=automatic --prettier-config=./.prettierrc -d src/Components/Icons assets/icons",
+    "build-icons": "npx @svgr/cli --typescript --jsx-runtime=automatic --prettier-config=./.prettierrc --out-dir src/Components/Icons assets/icons",
     "prepare": "husky",
     "storybook": "storybook dev --ci -p 6006",
     "format": "prettier --write .",

src/Components/Icon/index.tsx

@@ -1,7 +1,6 @@
 import {
   ComponentType,
   FC,
-  LazyExoticComponent,
   SVGProps,
   Suspense,
   lazy,
@@ -13,28 +12,24 @@ import { IIconProps } from "./types";
 
 const iconCache: Record<
   string,
-  LazyExoticComponent<ComponentType<SVGProps<SVGElement>>>
+  React.LazyExoticComponent<ComponentType<SVGProps<SVGElement>>>
 > = {};
 
 const Icon: FC<IIconProps> = props => {
   const { iconName, className, onClick, dataTestId, ...rest } = props;
-
-  const [error, setError] = useState<boolean>(false);
+  const [error, setError] = useState(false);
 
   const IconComponent = useMemo(() => {
     if (iconCache[iconName]) {
       return iconCache[iconName];
     }
 
-    const Component = lazy(async () => {
-      try {
-        const module = await import(`../Icons/${String(iconName)}.tsx`);
-        return module;
-      } catch {
+    const Component = lazy(() =>
+      import(`../Icons/${iconName}.tsx`).catch(() => {
         setError(true);
         return { default: () => null };
-      }
-    });
+      })
+    );
 
     iconCache[iconName] = Component;
     return Component;
@@ -45,7 +40,7 @@ const Icon: FC<IIconProps> = props => {
   }
 
   return (
-    <Suspense>
+    <Suspense fallback={null}>
       <IconComponent
         {...rest}
         className={className}