Inconsistent kebab-casing between class attribute and iconNames

[danteissaias]

Package

• lucide
• lucide-angular
• lucide-flutter
• lucide-preact
• lucide-react
• lucide-react-native
• lucide-solid
• lucide-svelte
• lucide-vue
• lucide-vue-next
• Figma plugin
• source/main
• other/not relevant

Version

0.477.0

Can you reproduce this in the latest version?

• Yes
• No

Browser

• Chrome/Chromium
• Firefox
• Safari
• Edge
• iOS Safari
• Opera
• Other/not relevant

Operating system

• Windows
• Linux
• macOS
• ChromeOS
• iOS
• Android
• Other/not relevant

Description

When rendering an icon with lucide-react, the kebab-cased class name is inconsistent with the corresponding entry in iconNames.

Example with AArrowDown icon:

• Class attribute: class="lucide lucide-aarrow-down"
• In iconNames: a-arrow-down

Example with Loader2 icon:

• Class attribute: class="lucide lucide-loader2"
• In iconNames: loader-2

Root cause appears to be in the toKebabCase function.

Steps to reproduce

N/A

Checklist

• I have searched if someone has submitted a similar issue before and there weren't any. (Please make sure to also search closed issues, as this issue might already have been resolved.)