Update icon resolution in StatisticRenderer to use named imports from lucide-react; change main entry point in package.json to .cjs

Author: hotlong

packages/components/src/renderers/data-display/statistic.tsx

@@ -9,14 +9,15 @@
 import { ComponentRegistry } from '@object-ui/core';
 import type { StatisticSchema } from '@object-ui/types';
 import { cn } from '../../lib/utils';
-import { TrendingUp, TrendingDown, Minus, icons } from 'lucide-react';
+import { TrendingUp, TrendingDown, Minus } from 'lucide-react';
+import * as LucideIcons from 'lucide-react';
 
 // Helper to resolve icon
 const getIcon = (name: string) => {
     if (!name) return null;
     const pascalName = name.split('-').map(part => part.charAt(0).toUpperCase() + part.slice(1)).join('');
     // @ts-ignore
-    const Icon = icons[pascalName] || icons[name];
+    const Icon = LucideIcons[pascalName] || LucideIcons[name];
     return Icon;
 };
 

packages/fields/package.json

@@ -4,7 +4,7 @@
   "description": "Field renderers and registry for Object UI",
   "license": "MIT",
   "type": "module",
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "sideEffects": true,