Add .js specifiers to source imports so ESM build works out of the box

src/cv.bench.ts

@@ -1,5 +1,5 @@
 import { bench, describe } from 'vitest'
-import { cv } from './cv'
+import { cv } from './cv.js'
 
 describe('cv benchmarks', () => {
   // Simple base class only

src/cv.test.ts

@@ -1,6 +1,6 @@
 import { describe, it, expect, vi } from 'vitest'
-import { cv } from './cv'
-import { cx } from './cx'
+import { cv } from './cv.js'
+import { cx } from './cx.js'
 
 describe('cv - Comprehensive Test Suite', () => {
   describe('Base Functionality', () => {

src/cv.ts

@@ -1,6 +1,6 @@
-import { ObjectKeyPicker, ObjectKeyArrayPicker } from './utils/types'
-import { cx, ClassValue } from './cx'
-import { mergeProps } from './utils/merge-props'
+import { ObjectKeyPicker, ObjectKeyArrayPicker } from './utils/types.js'
+import { cx, ClassValue } from './cx.js'
+import { mergeProps } from './utils/merge-props.js'
 
 export type ClassVariantRecord = Record<string, Record<string, ClassValue>>
 

src/index.ts

@@ -1,5 +1,5 @@
-export * from './cx'
-export * from './cv'
-export * from './scv'
-export * from './sv'
-export * from './ssv'
+export * from './cx.js'
+export * from './cv.js'
+export * from './scv.js'
+export * from './sv.js'
+export * from './ssv.js'

src/scv.bench.ts

@@ -1,5 +1,5 @@
 import { bench, describe } from 'vitest'
-import { scv } from './scv'
+import { scv } from './scv.js'
 
 describe('scv benchmarks', () => {
   // Simple base classes only

src/scv.test.ts

@@ -1,6 +1,6 @@
 import { describe, it, expect, vi } from 'vitest'
-import { scv } from './scv'
-import { cx } from './cx'
+import { scv } from './scv.js'
+import { cx } from './cx.js'
 
 describe('scv - Comprehensive Test Suite', () => {
   describe('Base Functionality', () => {

src/scv.ts

@@ -1,6 +1,6 @@
-import { ObjectKeyPicker, ObjectKeyArrayPicker, PartialRecord } from './utils/types'
-import { cx, ClassValue } from './cx'
-import { mergeProps } from './utils/merge-props'
+import { ObjectKeyPicker, ObjectKeyArrayPicker, PartialRecord } from './utils/types.js'
+import { cx, ClassValue } from './cx.js'
+import { mergeProps } from './utils/merge-props.js'
 
 export type SlotClassRecord<S extends string> = PartialRecord<S, ClassValue>
 

src/ssv.bench.ts

@@ -1,5 +1,5 @@
 import { bench, describe } from 'vitest'
-import { ssv } from './ssv'
+import { ssv } from './ssv.js'
 
 describe('ssv benchmarks', () => {
   // Simple base styles only

src/ssv.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect } from 'vitest'
-import { ssv } from './ssv'
+import { ssv } from './ssv.js'
 
 describe('ssv - Comprehensive Test Suite', () => {
   describe('Base Functionality', () => {

src/ssv.ts

@@ -1,5 +1,5 @@
-import { ObjectKeyPicker, ObjectKeyArrayPicker, PartialRecord, CssProperties } from './utils/types'
-import { mergeProps } from './utils/merge-props'
+import { ObjectKeyPicker, ObjectKeyArrayPicker, PartialRecord, CssProperties } from './utils/types.js'
+import { mergeProps } from './utils/merge-props.js'
 
 export type SlotStyleRecord<S extends string> = PartialRecord<S, CssProperties>
 

src/sv.bench.ts

@@ -1,5 +1,5 @@
 import { bench, describe } from 'vitest'
-import { sv } from './sv'
+import { sv } from './sv.js'
 
 describe('sv benchmarks', () => {
   // Simple base style only

src/sv.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect } from 'vitest'
-import { sv } from './sv'
+import { sv } from './sv.js'
 
 describe('sv - Comprehensive Test Suite', () => {
   describe('Base Functionality', () => {

src/sv.ts

@@ -1,5 +1,5 @@
-import { CssProperties, ObjectKeyArrayPicker, ObjectKeyPicker } from './utils/types'
-import { mergeProps } from './utils/merge-props'
+import { CssProperties, ObjectKeyArrayPicker, ObjectKeyPicker } from './utils/types.js'
+import { mergeProps } from './utils/merge-props.js'
 
 export type StyleVariantRecord = Record<string, Record<string, CssProperties>>
 

tsconfig.esm.json

@@ -6,4 +6,4 @@
   },
   "include": ["src"],
   "exclude": ["src/**/*.test.ts", "src/**/*.bench.ts"]
-}
+}