fix tests

lib/nthul/src/server/server-target/server-target.test.tsx

@@ -1,7 +1,7 @@
 import { cleanup, render, screen } from "@testing-library/react";
 import { afterEach, describe, test } from "vitest";
-import { ServerTarget } from "./server-target";
 import { DEFAULT_ID } from "../../constants";
+import { ServerTarget } from "./server-target";
 
 describe("server-target", () => {
   afterEach(cleanup);
@@ -25,6 +25,23 @@ describe("server-target", () => {
       },
     };
     render(<ServerTarget />);
-    expect(screen.getByTestId("server-target").className).toBe(`th-${THEME} ${COLOR_SCHEME}`);
+    expect(screen.getByTestId("server-target").className).toBe(`th-${THEME} ${COLOR_SCHEME} `);
+  });
+
+  test("test classes from styles", ({ expect }) => {
+    const THEME = "my-theme";
+    const COLOR_SCHEME = "dark";
+    globalThis.cookies = {
+      [DEFAULT_ID]: {
+        value: `${THEME},${COLOR_SCHEME}`,
+      },
+    };
+    const styles = {
+      [THEME]: `moduled-${THEME}`,
+      dark: `moduled-dark`,
+      light: `moduled-light`,
+    };
+    render(<ServerTarget styles={styles} />);
+    expect(screen.getByTestId("server-target").className).toBe(`th-${styles[THEME]} ${styles[COLOR_SCHEME]} `);
   });
 });

lib/nthul/src/server/server-target/server-target.tsx

@@ -36,7 +36,7 @@ export function ServerTarget({ tag, targetId, styles }: ServerTargetProps) {
   if (styles) {
     theme = styles[theme];
     cs = styles[cs];
-    specificity = styles[specificity];
+    specificity = styles[specificity] ?? "";
   }
 
   const cls = `th-${theme} ${cs} ${specificity}`;