@algorithm-shift/design-system 1.2.983 → 1.2.984

package/dist/index.mjs

@@ -685,28 +685,12 @@ function SplitButton({ style, textContent, className, list = [] }) {
 
 // src/components/Basic/Icon/Icon.tsx
 import { useEffect as useEffect3, useState as useState5 } from "react";
+import * as SolidIcons from "@fortawesome/free-solid-svg-icons";
+import * as RegularIcons from "@fortawesome/free-regular-svg-icons";
+import * as BrandIcons from "@fortawesome/free-brands-svg-icons";
 import { FontAwesomeIcon as FontAwesomeIcon2 } from "@fortawesome/react-fontawesome";
 import * as LucideIcons from "lucide-react";
 import { jsx as jsx18 } from "react/jsx-runtime";
-async function loadFAIcon(iconName, prefix = "fas") {
-  const pkgMap = {
-    fas: "@fortawesome/free-solid-svg-icons",
-    // Solid
-    far: "@fortawesome/free-regular-svg-icons",
-    // Regular
-    fab: "@fortawesome/free-brands-svg-icons"
-    // Brands
-  };
-  const basePackage = pkgMap[prefix] || pkgMap["fas"];
-  const modulePath = `${basePackage}`;
-  try {
-    const mod = await import(modulePath);
-    return mod[iconName] || Object.values(mod)[0];
-  } catch {
-    console.warn(`FA icon not found in ${modulePath}`);
-    return null;
-  }
-}
 function Icon(props) {
   const {
     iconSet = "fontawesome",
@@ -722,6 +706,15 @@ function Icon(props) {
     ...rest
   } = props;
   const [dynamicIcon, setDynamicIcon] = useState5(icon || null);
+  async function loadFAIcon(iconName, prefix2 = "fas") {
+    const pkgMap = {
+      fas: SolidIcons,
+      far: RegularIcons,
+      fab: BrandIcons
+    };
+    const basePackage = pkgMap[prefix2] ?? SolidIcons;
+    return basePackage[iconName] ?? null;
+  }
   useEffect3(() => {
     if (icon && iconSet === "fontawesome") {
       loadFAIcon(icon, prefix).then((ico) => setDynamicIcon(ico));
@@ -738,7 +731,10 @@ function Icon(props) {
       Comp,
       {
         size: numericSize,
-        className,
+        className: cn(
+          className,
+          props.onClick ? "cursor-pointer" : ""
+        ),
         title,
         style,
         "aria-hidden": title ? void 0 : true,
@@ -760,7 +756,10 @@ function Icon(props) {
         spin,
         spinPulse: pulse,
         widthAuto: fixedWidth,
-        className: cn(className),
+        className: cn(
+          className,
+          props.onClick ? "cursor-pointer" : ""
+        ),
         title,
         style: {
           ...tempStyle