Fix cssModuleToJS with kebab case classes

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## Unreleased
+
+- Fix cssModuleToJS with kebab case classes
+
 ## 0.4.2
 
 - Fix crash when using arbitrary values for `animate` rule

src/index.ts

@@ -37,7 +37,7 @@ import { themeGet } from "./utils/themeGet";
 import { getVariants, Variant } from "./variants";
 
 export const VERSION = __VERSION__;
-export { cssModuleToJS } from "./utils/modules";
+export { cssModuleToJS } from "./utils/cssModuleToJS";
 export { convertTargets } from "./utils/convertTargets";
 
 const arbitraryValueRE = /-\[.+]$/;

src/utils/cssModuleToJS.ts

@@ -0,0 +1,16 @@
+import type { cssModuleToJS as cssModuleToJSDeclaration } from "../types";
+
+export const cssModuleToJS: typeof cssModuleToJSDeclaration = (cssModule) => {
+  let namedExport = "";
+  let defaultExport = "export default {\n";
+  for (const key in cssModule) {
+    if (!key.includes("-")) {
+      namedExport += `export const ${key} = "${cssModule[key].name}";\n`;
+      defaultExport += `  ${key},\n`;
+    } else {
+      defaultExport += `  "${key}": "${cssModule[key].name}",\n`;
+    }
+  }
+  defaultExport += "};";
+  return namedExport + defaultExport;
+};

tests/cssModuleToJS.test.ts

@@ -0,0 +1,27 @@
+import * as assert from "node:assert";
+import test from "node:test";
+
+import { cssModuleToJS } from "../src/utils/cssModuleToJS";
+
+test("convertTargets", () => {
+  assert.equal(
+    cssModuleToJS({
+      "container": {
+        name: "_container_11zaj_1",
+        composes: [],
+        isReferenced: false,
+      },
+      "kebab-case": {
+        name: "_kebab-case_11zaj_6",
+        composes: [],
+        isReferenced: false,
+      },
+    }),
+    `
+export const container = "_container_11zaj_1";
+export default {
+  container,
+  "kebab-case": "_kebab-case_11zaj_6",
+};`.trim(),
+  );
+});

tests/run-tests.ts

@@ -12,6 +12,7 @@ declare global {
 require("./generate.test");
 require("./preTransform.test");
 require("./convertTargets.test");
+require("./cssModuleToJS.test");
 require("./codegen.test");
 require("./esbuildPlugin.test");
 require("./vitePlugin.test");