cortex-react-components 3.0.6 → 3.0.8

package/dist/{chunk-FP7MLBPR.mjs → chunk-2S3O5TYH.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   FeatureCard,
   RichText
-} from "./chunk-NV67QFQM.mjs";
+} from "./chunk-4HFMA57F.mjs";
 import {
   cn
 } from "./chunk-KZPGX6CG.mjs";

package/dist/{chunk-A45K7TLD.mjs → chunk-2ZSH4X75.mjs}

@@ -1,6 +1,6 @@
 import {
   RichText
-} from "./chunk-NV67QFQM.mjs";
+} from "./chunk-4HFMA57F.mjs";
 import {
   Button
 } from "./chunk-I6LSWXZW.mjs";

package/dist/{chunk-2QYYHKCF.mjs → chunk-354MPNDV.mjs}

@@ -1,6 +1,6 @@
 import {
   RichText
-} from "./chunk-NV67QFQM.mjs";
+} from "./chunk-4HFMA57F.mjs";
 import {
   cn
 } from "./chunk-KZPGX6CG.mjs";

package/dist/{chunk-GWAHXLXW.mjs → chunk-3YAZKLH3.mjs}

@@ -3,7 +3,7 @@
 
 import {
   DocumentPreview
-} from "./chunk-7RKAC2XY.mjs";
+} from "./chunk-RJRQ3SY5.mjs";
 import {
   ScrollArea
 } from "./chunk-PDHMPRPW.mjs";

package/dist/{chunk-6X55BFTD.mjs → chunk-44F47U5Y.mjs}

@@ -1,6 +1,6 @@
 import {
   RichText
-} from "./chunk-NV67QFQM.mjs";
+} from "./chunk-4HFMA57F.mjs";
 import {
   cn
 } from "./chunk-KZPGX6CG.mjs";

package/dist/{chunk-TCSJWGPP.mjs → chunk-4BRK5CBG.mjs}

@@ -3,10 +3,10 @@
 
 import {
   Printable
-} from "./chunk-MBF6CBFG.mjs";
+} from "./chunk-QPPQNK6O.mjs";
 import {
   SlideShow
-} from "./chunk-J67TVZKA.mjs";
+} from "./chunk-HJLIEMLX.mjs";
 import {
   getTableOfContents
 } from "./chunk-BXLYIIII.mjs";

package/dist/{chunk-NV67QFQM.mjs → chunk-4HFMA57F.mjs}

@@ -16,15 +16,18 @@ import {
 import {
   Form
 } from "./chunk-GSG52WU5.mjs";
+import {
+  ImageBlock
+} from "./chunk-HLEMFDTD.mjs";
 import {
   MediaBlock
-} from "./chunk-6GO5N6ZP.mjs";
+} from "./chunk-KIZUBPPQ.mjs";
 import {
   CodeBlock
 } from "./chunk-WPX6MOFB.mjs";
 import {
-  ImageBlock
-} from "./chunk-3R2LCGLI.mjs";
+  getLinkHref
+} from "./chunk-F4LCVFZK.mjs";
 import {
   DynamicIcon
 } from "./chunk-75ALYLZU.mjs";
@@ -146,7 +149,7 @@ function FeatureCard({
   return /* @__PURE__ */ jsxs2(
     "a",
     {
-      href: link?.url || "#",
+      href: getLinkHref(link),
       className: cn(
         "min-w-56 max-w-xl h-full flex flex-col group bg-background",
         image ? "p-0" : "p-6 md:p-8",

package/dist/{chunk-7H3IRT7K.mjs → chunk-5CQITTLV.mjs}

@@ -3,7 +3,7 @@
 
 import {
   DealDetails
-} from "./chunk-OS5X3ADZ.mjs";
+} from "./chunk-E5LGE3IW.mjs";
 import {
   KanbanColumn
 } from "./chunk-FAA3AKK5.mjs";

package/dist/{chunk-MAQCJ7GT.mjs → chunk-5KOAYGTO.mjs}

@@ -1,16 +1,16 @@
+import {
+  Message,
+  MessageContent
+} from "./chunk-FAKMLOOM.mjs";
 import {
   messageHandler
-} from "./chunk-57INGMKK.mjs";
+} from "./chunk-M5XPU4JK.mjs";
 import {
   Conversation,
   ConversationContent,
   ConversationEmptyState,
   ConversationScrollButton
 } from "./chunk-LY77BPMB.mjs";
-import {
-  Message,
-  MessageContent
-} from "./chunk-FAKMLOOM.mjs";
 import {
   getContextualActions
 } from "./chunk-AXWYY2I5.mjs";

package/dist/{chunk-DAQOEDAR.mjs → chunk-5NGZXIP7.mjs}

@@ -120,7 +120,7 @@ function NewDealForm({
     }
   };
   const getUserById = (userId) => {
-    return users?.find((user) => user.id === Number(userId));
+    return users?.find((user) => user.id === userId);
   };
   const getCustomerById = (customerID) => {
     return customers?.find((customer) => customer.id === Number(customerID));

package/dist/{chunk-GNZFIBT4.mjs → chunk-5Q43DAAS.mjs}

@@ -6,22 +6,22 @@ import {
 } from "./chunk-OIXHYJGP.mjs";
 import {
   EpicsView
-} from "./chunk-6TVRFATY.mjs";
+} from "./chunk-25OSLP2V.mjs";
 import {
   KanbanBoardView
-} from "./chunk-IRNGNLSK.mjs";
+} from "./chunk-DWGG6JKH.mjs";
+import {
+  AddTaskModal
+} from "./chunk-3FBWSJJD.mjs";
 import {
   PlanningView
 } from "./chunk-YNWNEY2R.mjs";
+import {
+  FileView
+} from "./chunk-MSAH6P5O.mjs";
 import {
   AddEpicModal
 } from "./chunk-UDCOG2XL.mjs";
-import {
-  AddTaskModal
-} from "./chunk-3FBWSJJD.mjs";
-import {
-  FileView
-} from "./chunk-3IV2X2TP.mjs";
 import {
   ManagementSidebar
 } from "./chunk-IWG2URAU.mjs";

package/dist/{chunk-URDEWGQC.mjs → chunk-6I3O6TVG.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-25EF7VEC.mjs";
 import {
   KnowledgeBrowser
-} from "./chunk-GWAHXLXW.mjs";
+} from "./chunk-3YAZKLH3.mjs";
 import {
   DropdownMenu,
   DropdownMenuContent,

package/dist/{chunk-E3ALXLNH.mjs → chunk-6QSVFSOJ.mjs}

@@ -3,7 +3,7 @@
 
 import {
   RichText_default
-} from "./chunk-TPZCEPBQ.mjs";
+} from "./chunk-R242HNC3.mjs";
 import {
   EditableField
 } from "./chunk-3HO4HLPV.mjs";

package/dist/{chunk-ZDRZ4OQ6.mjs → chunk-B3UYSM32.mjs}

@@ -1,16 +1,16 @@
 import {
   CollapsibleBlock
-} from "./chunk-QOPCGZNQ.mjs";
+} from "./chunk-HGDLIXPQ.mjs";
 import {
   ContentBlock
-} from "./chunk-IMWMWTDR.mjs";
+} from "./chunk-IXQESSPI.mjs";
 import {
   CallToActionBlock,
   FeaturesBlock
-} from "./chunk-NV67QFQM.mjs";
+} from "./chunk-4HFMA57F.mjs";
 import {
   MediaBlock
-} from "./chunk-6GO5N6ZP.mjs";
+} from "./chunk-KIZUBPPQ.mjs";
 import {
   cn
 } from "./chunk-KZPGX6CG.mjs";

package/dist/{chunk-EG32GIHZ.mjs → chunk-BPAZFILP.mjs}

@@ -1,6 +1,6 @@
 import {
   OrgTree
-} from "./chunk-FLPPUI7L.mjs";
+} from "./chunk-ULYN63F3.mjs";
 import {
   buildOrgTree
 } from "./chunk-RPFE6ORC.mjs";

package/dist/{chunk-DHDEGEML.mjs → chunk-CKBIYWPM.mjs}

@@ -10,14 +10,14 @@ import {
 import {
   ProjectCard
 } from "./chunk-WHCZTD2K.mjs";
+import {
+  FileList
+} from "./chunk-ZMITLXFT.mjs";
 import {
   mockApps,
   mockRecentFiles,
   mockTutorials
 } from "./chunk-EMDTCDYI.mjs";
-import {
-  FileList
-} from "./chunk-UGGMHEBS.mjs";
 import {
   DashboardHero
 } from "./chunk-VESIB4VP.mjs";

package/dist/{chunk-SP6YBXB2.mjs → chunk-COHYOWMB.mjs}

@@ -1,6 +1,6 @@
 import {
   RichText
-} from "./chunk-NV67QFQM.mjs";
+} from "./chunk-4HFMA57F.mjs";
 
 // src/components/Layouts/OutputHeaderFooter.tsx
 import Image from "next/image";

package/dist/{chunk-IRNGNLSK.mjs → chunk-DWGG6JKH.mjs}

@@ -1,18 +1,18 @@
 import {
   TaskDetailsModal
-} from "./chunk-DPVVX4ZT.mjs";
+} from "./chunk-XWYGGWIF.mjs";
 import {
   TaskCard
 } from "./chunk-EUOOS2Q3.mjs";
+import {
+  AddTaskModal
+} from "./chunk-3FBWSJJD.mjs";
 import {
   KanbanColumn
 } from "./chunk-P7YLSTDO.mjs";
 import {
   AddEpicModal
 } from "./chunk-UDCOG2XL.mjs";
-import {
-  AddTaskModal
-} from "./chunk-3FBWSJJD.mjs";
 import {
   DashboardHero
 } from "./chunk-VESIB4VP.mjs";

package/dist/{chunk-OS5X3ADZ.mjs → chunk-E5LGE3IW.mjs}

@@ -118,7 +118,7 @@ function DealDetails({
     }
   };
   const getUserById = (userId) => {
-    return users?.find((user) => user.id === Number(userId));
+    return users?.find((user) => user.id === userId);
   };
   return /* @__PURE__ */ jsx(Dialog, { open: true, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-3xl max-h-[90vh] overflow-hidden flex flex-col [&>button:last-child]:hidden", children: [
     /* @__PURE__ */ jsxs(DialogHeader, { className: "flex flex-row items-center justify-between", children: [

package/dist/{chunk-PAXCURFR.mjs → chunk-EGZL4DVZ.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-4Z4X2GG7.mjs";
 import {
   Media
-} from "./chunk-NKRBXAPF.mjs";
+} from "./chunk-2YHN7ZCJ.mjs";
 import {
   cn
 } from "./chunk-KZPGX6CG.mjs";

package/dist/{chunk-ITLPZK2Y.mjs → chunk-EUAQNPRU.mjs}

@@ -25,7 +25,7 @@ import {
 } from "./chunk-7GPVQAMX.mjs";
 import {
   Header
-} from "./chunk-PYAVZEWJ.mjs";
+} from "./chunk-FZMTC5ID.mjs";
 import {
   cortex_reply_light_default
 } from "./chunk-7YNU7PA4.mjs";

package/dist/chunk-F4LCVFZK.mjs

@@ -0,0 +1,19 @@
+// src/utils/getLinkHref.ts
+function getLinkHref(link) {
+  if (!link) return "#";
+  if (link.url) return link.url;
+  if (link.reference?.value) {
+    const { relationTo, value } = link.reference;
+    const slug = value?.slug;
+    if (!slug) return "#";
+    if (relationTo === "pages") {
+      return `/${slug}`;
+    }
+    return `/${relationTo}/${slug}`;
+  }
+  return "#";
+}
+
+export {
+  getLinkHref
+};

package/dist/{chunk-352XMFIA.mjs → chunk-F563CDDJ.mjs}

@@ -3,13 +3,13 @@
 
 import {
   RichText
-} from "./chunk-NV67QFQM.mjs";
+} from "./chunk-4HFMA57F.mjs";
 import {
   CMSLink
 } from "./chunk-2NXKZY7U.mjs";
 import {
   Media
-} from "./chunk-NKRBXAPF.mjs";
+} from "./chunk-2YHN7ZCJ.mjs";
 
 // src/components/Heros/HighImpact/index.tsx
 import Image from "next/image";

package/dist/{chunk-N2T6V3NP.mjs → chunk-G7WAPCKX.mjs}

@@ -3,7 +3,7 @@
 
 import {
   RichText_default
-} from "./chunk-TPZCEPBQ.mjs";
+} from "./chunk-R242HNC3.mjs";
 import {
   EditableField
 } from "./chunk-3HO4HLPV.mjs";

package/dist/{chunk-QOPCGZNQ.mjs → chunk-HGDLIXPQ.mjs}

@@ -3,7 +3,7 @@
 
 import {
   RichText
-} from "./chunk-NV67QFQM.mjs";
+} from "./chunk-4HFMA57F.mjs";
 import {
   cn
 } from "./chunk-KZPGX6CG.mjs";

package/dist/{chunk-J67TVZKA.mjs → chunk-HJLIEMLX.mjs}

@@ -5,10 +5,10 @@ import {
   Footer,
   HeaderTop,
   TitleSlide
-} from "./chunk-SP6YBXB2.mjs";
+} from "./chunk-COHYOWMB.mjs";
 import {
   RenderBlocks
-} from "./chunk-ZDRZ4OQ6.mjs";
+} from "./chunk-B3UYSM32.mjs";
 import {
   cn
 } from "./chunk-KZPGX6CG.mjs";

package/dist/{chunk-3R2LCGLI.mjs → chunk-HLEMFDTD.mjs}

@@ -1,6 +1,6 @@
 import {
   Media
-} from "./chunk-NKRBXAPF.mjs";
+} from "./chunk-2YHN7ZCJ.mjs";
 import {
   cn
 } from "./chunk-KZPGX6CG.mjs";

package/dist/{chunk-R2LCV7J4.mjs → chunk-HXPXJ26M.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-3SFZTG3H.mjs";
 import {
   ChatInterface
-} from "./chunk-MAQCJ7GT.mjs";
+} from "./chunk-5KOAYGTO.mjs";
 
 // src/components/Chat/CopilotInterface.tsx
 import { useChat } from "@ai-sdk/react";

package/dist/{chunk-IMWMWTDR.mjs → chunk-IXQESSPI.mjs}

@@ -1,6 +1,6 @@
 import {
   RichText
-} from "./chunk-NV67QFQM.mjs";
+} from "./chunk-4HFMA57F.mjs";
 import {
   CMSLink
 } from "./chunk-2NXKZY7U.mjs";

package/dist/{chunk-6GO5N6ZP.mjs → chunk-KIZUBPPQ.mjs}

@@ -1,6 +1,6 @@
 import {
   Media
-} from "./chunk-NKRBXAPF.mjs";
+} from "./chunk-2YHN7ZCJ.mjs";
 import {
   cn
 } from "./chunk-KZPGX6CG.mjs";

package/dist/{chunk-OQ62XQNJ.mjs → chunk-L34WYFSB.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-A4SKUZ2E.mjs";
 import {
   SectionHeading
-} from "./chunk-2QYYHKCF.mjs";
+} from "./chunk-354MPNDV.mjs";
 import {
   PricingCard
 } from "./chunk-4GLXI5J3.mjs";

package/dist/{chunk-3IV2X2TP.mjs → chunk-MSAH6P5O.mjs}

@@ -3,7 +3,7 @@
 
 import {
   FileList
-} from "./chunk-UGGMHEBS.mjs";
+} from "./chunk-ZMITLXFT.mjs";
 import {
   AddFileModal
 } from "./chunk-HQW5M4ND.mjs";

package/dist/{chunk-NPH4VQCE.mjs → chunk-OFES4YYV.mjs}

@@ -1,12 +1,12 @@
 "use client";
 "use strict";
 
+import {
+  KnowledgeView
+} from "./chunk-6I3O6TVG.mjs";
 import {
   ColleaguesView
 } from "./chunk-XWCG4YG3.mjs";
-import {
-  KnowledgeView
-} from "./chunk-URDEWGQC.mjs";
 import {
   mockNotifications,
   mockSidebarItems
@@ -20,14 +20,14 @@ import {
 import {
   ProjectCard
 } from "./chunk-WHCZTD2K.mjs";
+import {
+  FileList
+} from "./chunk-ZMITLXFT.mjs";
 import {
   mockApps,
   mockRecentFiles,
   mockTutorials
 } from "./chunk-EMDTCDYI.mjs";
-import {
-  FileList
-} from "./chunk-UGGMHEBS.mjs";
 import {
   DashboardHero
 } from "./chunk-VESIB4VP.mjs";

package/dist/chunk-PE44IHZN.mjs

@@ -0,0 +1,97 @@
+"use client";
+"use strict";
+
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-3BYULUMU.mjs";
+
+// src/components/Cards/ImageProxy.tsx
+import NextImage from "next/image";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function isExternalUrl(url) {
+  return url.startsWith("http");
+}
+function getAPIUrl(src, baseContext) {
+  let url = src;
+  if (isExternalUrl(src)) {
+    url = src;
+  } else {
+    let newSrc = src.replace("./", "");
+    if (newSrc.startsWith("/")) {
+      newSrc = newSrc.slice(1);
+    }
+    url = baseContext + "/" + newSrc;
+  }
+  return url;
+}
+function ImageComponent({ src, alt }) {
+  const [open, setOpen] = useState(false);
+  const [zoomable, setZoomable] = useState(false);
+  const [imageSize, setImageSize] = useState({ width: 0, height: 0 });
+  const handleClickOpen = () => {
+    if (zoomable) {
+      setOpen(true);
+    }
+  };
+  const handleClose = () => {
+    setOpen(false);
+  };
+  const handleImageLoaded = (event) => {
+    const { naturalWidth, naturalHeight } = event.target;
+    setImageSize({ width: naturalWidth, height: naturalHeight });
+    setZoomable(naturalWidth > 300 || naturalHeight > 300);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `relative mx-auto my-4 flex justify-center items-center cursor-pointer ${imageSize.height > 300 ? "h-[300px]" : `h-[${imageSize.height}px]`}`,
+        onClick: handleClickOpen,
+        children: /* @__PURE__ */ jsx(
+          NextImage,
+          {
+            sizes: "100vw",
+            height: imageSize.height,
+            width: imageSize.width,
+            src,
+            alt: alt || "",
+            onLoad: handleImageLoaded,
+            unoptimized: true,
+            className: "object-contain max-w-full max-h-full"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col items-center justify-center", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { className: "flex w-full justify-end", children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "hidden", children: alt }),
+        /* @__PURE__ */ jsx(DialogClose, {})
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
+        NextImage,
+        {
+          height: imageSize.height,
+          width: imageSize.width,
+          src,
+          alt: alt || "",
+          unoptimized: true,
+          className: "object-contain"
+        }
+      ) })
+    ] }) })
+  ] });
+}
+function ImageProxy({ props, baseContext }) {
+  let { src } = props;
+  src = getAPIUrl(src, baseContext);
+  return /* @__PURE__ */ jsx(ImageComponent, { src, alt: props.alt });
+}
+
+export {
+  ImageProxy
+};

package/dist/{chunk-L3Z7RRWC.mjs → chunk-PE7KJR4A.mjs}

@@ -78,7 +78,7 @@ function SidebarLeftMulti({
       mainNav && !loading && mainNav.map((item, index) => /* @__PURE__ */ jsxs(SidebarGroup, { children: [
         /* @__PURE__ */ jsx(SidebarGroupLabel, { children: item.name }),
         item && !loading && item.nav.map((item2, index2) => /* @__PURE__ */ jsx(Menu, { subNav: item2, pathName, Link }, index2))
-      ] })),
+      ] }, index)),
       /* @__PURE__ */ jsx(SidebarGroup, { className: "mt-auto", children: /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: secondaryNav && !loading && secondaryNav.map((item) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: true, size: "sm", children: /* @__PURE__ */ jsxs(Link, { href: item.url || "", children: [
         item.icon && /* @__PURE__ */ jsx(item.icon, {}),
         /* @__PURE__ */ jsx("span", { children: item.label })

package/dist/{chunk-5OGDBGXG.mjs → chunk-PJZ5PWKP.mjs}

@@ -1,6 +1,6 @@
 import {
   PayloadCard
-} from "./chunk-PAXCURFR.mjs";
+} from "./chunk-EGZL4DVZ.mjs";
 import {
   cn
 } from "./chunk-KZPGX6CG.mjs";

package/dist/{chunk-MBF6CBFG.mjs → chunk-QPPQNK6O.mjs}

@@ -4,10 +4,10 @@
 import {
   HeaderTop,
   TitleSlide
-} from "./chunk-SP6YBXB2.mjs";
+} from "./chunk-COHYOWMB.mjs";
 import {
   RenderBlocks
-} from "./chunk-ZDRZ4OQ6.mjs";
+} from "./chunk-B3UYSM32.mjs";
 import {
   getTableOfContents
 } from "./chunk-BXLYIIII.mjs";

package/dist/{chunk-OUPOGRNP.mjs → chunk-QRC3VJEY.mjs}

@@ -1,6 +1,6 @@
 import {
   SectionHeading
-} from "./chunk-2QYYHKCF.mjs";
+} from "./chunk-354MPNDV.mjs";
 import {
   Form
 } from "./chunk-GSG52WU5.mjs";

package/dist/{chunk-TPZCEPBQ.mjs → chunk-R242HNC3.mjs}

@@ -3,7 +3,7 @@
 
 import {
   ToolbarPlugin
-} from "./chunk-ECWGCKWS.mjs";
+} from "./chunk-PXB2ICFA.mjs";
 import {
   InlineImagePlugin
 } from "./chunk-XDV7AVPQ.mjs";

package/dist/{chunk-7RKAC2XY.mjs → chunk-RJRQ3SY5.mjs}

@@ -3,10 +3,10 @@
 
 import {
   DocumentEdit
-} from "./chunk-E3ALXLNH.mjs";
+} from "./chunk-6QSVFSOJ.mjs";
 import {
   RichText_default
-} from "./chunk-TPZCEPBQ.mjs";
+} from "./chunk-R242HNC3.mjs";
 import {
   Dialog,
   DialogOverlay,

package/dist/{chunk-PBJRNOV6.mjs → chunk-SHHLY2QV.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-A4SKUZ2E.mjs";
 import {
   SectionHeading
-} from "./chunk-2QYYHKCF.mjs";
+} from "./chunk-354MPNDV.mjs";
 import {
   formatDateTimeStringShort
 } from "./chunk-RFP2KGUZ.mjs";

package/dist/{chunk-5L5NXMN2.mjs → chunk-SNNQIUJH.mjs}

@@ -1,15 +1,15 @@
 import {
   SectionHero
 } from "./chunk-N77BYZ6A.mjs";
+import {
+  MediumImpactHero
+} from "./chunk-TZDVVQBQ.mjs";
 import {
   HighImpactHero
-} from "./chunk-352XMFIA.mjs";
+} from "./chunk-F563CDDJ.mjs";
 import {
   LowImpactHero
-} from "./chunk-RYINW7OG.mjs";
-import {
-  MediumImpactHero
-} from "./chunk-O3CANERK.mjs";
+} from "./chunk-USE5WY4U.mjs";
 
 // src/components/Heros/RenderHero.tsx
 import { ChevronRightIcon, HomeIcon } from "@heroicons/react/20/solid";