@algorithm-shift/design-system 1.2.989 → 1.2.991

package/dist/index.js

@@ -2061,10 +2061,10 @@ function useLazyDropdown(config) {
   (0, import_react20.useEffect)(() => {
     if (config.initialData?.length) {
       allDataRef.current = config.initialData;
-      loadPage(1, "");
     }
   }, [config.initialData]);
   (0, import_react20.useEffect)(() => {
+    if (config.fetchOnMount) loadPage(1, "");
     return () => {
       if (debounceTimer.current) clearTimeout(debounceTimer.current);
     };
@@ -3704,14 +3704,14 @@ var cellRendererFactory = (renderer, rendererProps, value, row, customRenderers
         }
       ) });
     case "icon":
-      const maybeIcon = LucideIcons2[rendererProps?.icon];
-      const IconComponent = typeof maybeIcon === "function" ? maybeIcon : LucideIcons2.Star;
       return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-        IconComponent,
+        Icon,
         {
-          size: rendererProps?.size || 16,
-          color: rendererProps?.color || "#555",
-          className: rendererProps?.className || ""
+          iconSet: rendererProps.iconSet,
+          icon: rendererProps.icon,
+          prefix: rendererProps.prefix,
+          iconSize: rendererProps.size,
+          className: rendererProps.className
         }
       );
     case "badge": {
@@ -3729,8 +3729,8 @@ var cellRendererFactory = (renderer, rendererProps, value, row, customRenderers
     }
     case "chip": {
       const color = rendererProps?.color || "gray";
-      const maybeIcon2 = LucideIcons2[rendererProps?.icon];
-      const IconComponent2 = typeof maybeIcon2 === "function" ? maybeIcon2 : LucideIcons2.Star;
+      const maybeIcon = LucideIcons2[rendererProps?.icon];
+      const IconComponent = typeof maybeIcon === "function" ? maybeIcon : LucideIcons2.Star;
       if (!formattedValue) return null;
       const textColor = getContrastColor(color);
       return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
@@ -3739,7 +3739,7 @@ var cellRendererFactory = (renderer, rendererProps, value, row, customRenderers
           className: `inline-flex items-center gap-1 px-2 py-1 text-xs rounded-full bg-[${color}]-100 text-[${textColor}]-700`,
           style: { backgroundColor: color, color: textColor },
           children: [
-            rendererProps?.icon && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children: IconComponent2 ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(IconComponent2, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(LucideIcons2.Box, { className: "h-4 w-4" }) }),
+            rendererProps?.icon && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children: IconComponent ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(IconComponent, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(LucideIcons2.Box, { className: "h-4 w-4" }) }),
             formattedValue
           ]
         }