Can't use Lucide Svelte with moduleResolution to "NodeNext"

[Kayoshi-dev]

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.474.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

Hello,

We are trying to migrate our app to Svelte 5, when creating a new sample application, SvelteKit generates a project with the ModuleResolution sets to "NodeNext" by default. From the documentation it looks like this is the new default and standardized way to do this. However, when I try to use Lucide Svelte, it's no longer possible to import the icons like this (which still works well with "moduleResolution": "node") :
import { ArrowDownIcon } from 'lucide-svelte';

I get an error saying that :
Module '"lucide-svelte"' has no exported member 'ArrowDownIcon'.ts(2305)

I guess this has something to do with the exports line in the package.json but I'm not sure.

Steps to reproduce

1. npx sv create my-app
2. select typescript and library mode
3. pnpm add lucide-svelte@latest
4. import { ArrowDownIcon } from 'lucide-svelte';

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.)

[leeuwd]

Same here when trying to use a Lucide React icon inside Sanity Studio.

[spacedawwwg]

Same here when trying to use a Lucide React icon inside Sanity Studio.

Same reason I'm here