Update name to clx

src/dom/clx.ts

@@ -0,0 +1,15 @@
+/**
+ * Returns a string with all the classes passed as arguments
+ * Useful to compose classes in jsx
+ *
+ * @param classes: List of classes
+ * @returns string
+ * @example
+ *
+ *    clx("a", "b") // "a b"
+ *    clx(false && "a", "b") // "b"
+ *
+ */
+export function clx(...classes: (boolean | string)[]): string {
+  return classes?.filter(Boolean).join(" ")
+}

tests/dom/clx.test.ts

@@ -0,0 +1,23 @@
+import { describe, it, expect } from "vitest"
+import { clx } from "../../src/dom/clx"
+
+describe("classes", () => {
+  it("should compose clx list", () => {
+    // simple
+    expect(clx("a", "b")).toBe("a b")
+
+    // with boolean
+    expect(clx(false && "a", "b")).toBe("b")
+    expect(clx(true && "foo", true && "bar")).toBe("foo bar")
+    expect(clx(false && "foo", true && "bar")).toBe("bar")
+
+    // ternary operator
+    expect(clx(false ? "foo" : "voo", true && "bar")).toBe("voo bar")
+
+    // return empty string if no clx
+    expect(clx(false)).toBe("")
+    expect(clx(false && "foo")).toBe("")
+    expect(clx(undefined)).toBe("")
+    expect(clx(null)).toBe("")
+  })
+})