I'll fix the error by removing the undefined Battery reference and cleaning up the icon imports to only use valid Lucide icons.

The error was caused by trying to use Battery which isn't a valid Lucide icon name, along with many other problematic icon aliases. I've cleaned up both files to use only valid, well-known Lucide icons that are guaranteed to exist. This should resolve the runtime error and give you a solid set of commonly used icons to work with.

I'll add sizing and color options to the icon extension. This will allow users to customize both the size and color of icons they insert into the editor.

I've added comprehensive size and color options to the icon extension. Here's what's new:

Size Options

• Added four size options: small, medium, large, and extra large
• Created a size mapping system that translates these options to Tailwind classes
• Added a size selector dropdown in the icon picker

Color Options

• Added a color palette with common colors (black, gray, red, orange, yellow, green, blue, purple, pink)
• Included a "Default" option that uses the current text color
• Added a color selector dropdown with color swatches

UI Improvements

• Organized icons into categories for easier browsing
• Added tabs to switch between icon categories
• Added a live preview section that shows how the icon will look with the selected size and color
• Maintained the search functionality to find icons across all categories

Technical Implementation

• Updated the IconExtension to store size and color attributes
• Modified the IconNodeView to apply the selected size and color
• Ensured the HTML serialization includes the size and color data attributes

Now when you insert an icon, it will use your selected size and color preferences, making it much more flexible for different design needs.