From 673e76831db3da9d580791e24a4bb31a70111213 Mon Sep 17 00:00:00 2001
From: Abdelrahman <abdelrahmanbahaa@proton.me>
Date: Fri, 1 Aug 2025 12:39:36 +0300
Subject: [PATCH] fix: add extensions to imports (#2950)

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
---
 packages/svelte/src/Icon.svelte             |  4 ++--
 packages/svelte/src/aliases/index.ts        |  6 +++---
 packages/svelte/src/lucide-svelte.ts        | 10 +++++-----
 packages/svelte/svelte.config.js            |  2 +-
 packages/svelte/tests/Icon.spec.ts          |  4 ++--
 packages/svelte/tests/lucide-svelte.spec.ts |  2 +-
 packages/svelte/tests/testIconNodes.ts      |  2 +-
 packages/svelte/tsconfig.json               |  3 ++-
 8 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/packages/svelte/src/Icon.svelte b/packages/svelte/src/Icon.svelte
index 04b38851c..afe9154ad 100644
--- a/packages/svelte/src/Icon.svelte
+++ b/packages/svelte/src/Icon.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import defaultAttributes from './defaultAttributes';
-  import type { IconProps } from './types';
+  import defaultAttributes from './defaultAttributes.js';
+  import type { IconProps } from './types.js';
 
   const {
     name,
diff --git a/packages/svelte/src/aliases/index.ts b/packages/svelte/src/aliases/index.ts
index bbe66d0a2..16032340a 100644
--- a/packages/svelte/src/aliases/index.ts
+++ b/packages/svelte/src/aliases/index.ts
@@ -1,3 +1,3 @@
-export * from './aliases';
-export * from './prefixed';
-export * from './suffixed';
+export * from './aliases.js';
+export * from './prefixed.js';
+export * from './suffixed.js';
diff --git a/packages/svelte/src/lucide-svelte.ts b/packages/svelte/src/lucide-svelte.ts
index d2a2ce4d0..71e607847 100644
--- a/packages/svelte/src/lucide-svelte.ts
+++ b/packages/svelte/src/lucide-svelte.ts
@@ -1,6 +1,6 @@
-export * from './icons/index';
-export * as icons from './icons/index';
-export * from './aliases';
-export { default as defaultAttributes } from './defaultAttributes';
-export * from './types';
+export * from './icons/index.js';
+export * as icons from './icons/index.js';
+export * from './aliases/index.js';
+export { default as defaultAttributes } from './defaultAttributes.js';
+export * from './types.js';
 export { default as Icon } from './Icon.svelte';
diff --git a/packages/svelte/svelte.config.js b/packages/svelte/svelte.config.js
index b6034d2c4..3caf52cf7 100644
--- a/packages/svelte/svelte.config.js
+++ b/packages/svelte/svelte.config.js
@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
-import sveltePreprocess from 'svelte-preprocess';
+import { sveltePreprocess } from 'svelte-preprocess';
 
 export default {
   preprocess: sveltePreprocess({
diff --git a/packages/svelte/tests/Icon.spec.ts b/packages/svelte/tests/Icon.spec.ts
index e5f0eb324..62c3dfe44 100644
--- a/packages/svelte/tests/Icon.spec.ts
+++ b/packages/svelte/tests/Icon.spec.ts
@@ -1,8 +1,8 @@
 import { describe, it, expect } from 'vitest';
 import { render } from '@testing-library/svelte';
-import { Icon } from '../src/lucide-svelte';
+import { Icon } from '../src/lucide-svelte.js';
 
-import { airVent } from './testIconNodes';
+import { airVent } from './testIconNodes.js';
 
 describe('Using Icon Component', () => {
   it('should render icon based on a iconNode', async () => {
diff --git a/packages/svelte/tests/lucide-svelte.spec.ts b/packages/svelte/tests/lucide-svelte.spec.ts
index 643d3e153..3a1674806 100644
--- a/packages/svelte/tests/lucide-svelte.spec.ts
+++ b/packages/svelte/tests/lucide-svelte.spec.ts
@@ -1,6 +1,6 @@
 import { describe, it, expect, afterEach } from 'vitest';
 import { render, cleanup } from '@testing-library/svelte';
-import { Smile, Pen, Edit2 } from '../src/lucide-svelte';
+import { Smile, Pen, Edit2 } from '../src/lucide-svelte.js';
 import TestSlots from './TestSlots.svelte';
 
 describe('Using lucide icon components', () => {
diff --git a/packages/svelte/tests/testIconNodes.ts b/packages/svelte/tests/testIconNodes.ts
index ff00c70fb..03237da83 100644
--- a/packages/svelte/tests/testIconNodes.ts
+++ b/packages/svelte/tests/testIconNodes.ts
@@ -1,4 +1,4 @@
-import type { IconNode } from '../src/lucide-svelte';
+import type { IconNode } from '../src/lucide-svelte.js';
 
 export const airVent: IconNode = [
   [
diff --git a/packages/svelte/tsconfig.json b/packages/svelte/tsconfig.json
index 068c3322f..8d1b2f88f 100644
--- a/packages/svelte/tsconfig.json
+++ b/packages/svelte/tsconfig.json
@@ -3,7 +3,8 @@
   "compilerOptions": {
     "target": "ESNext",
     "useDefineForClassFields": true,
-    "module": "ESNext",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
     "resolveJsonModule": true,
     "allowJs": true,
     "checkJs": true,