@uxf/core 11.93.0 → 11.95.0

package/README.md

@@ -171,6 +171,16 @@ import { capitalize } from "@uxf/core/utils/capitalize";
 const example = capitalize("hello world"); /* returns "Hello world" */
 ```
 
+## cn
+
+A simple tag for template literals that returns the string as-is. Useful for tooling (e.g. Tailwind CSS IntelliSense) to recognize class strings.
+
+```tsx
+import { cn } from "@uxf/core/utils/cn";
+
+const className = cn`flex items-center justify-center`;
+```
+
 ## composeRefs
 
 ```tsx

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/core",
-    "version": "11.93.0",
+    "version": "11.95.0",
     "description": "UXF Core",
     "author": "Petr Vejvoda <vejvoda@uxf.cz>",
     "homepage": "https://gitlab.com/uxf-npm/core#readme",

package/utils/cn.d.ts

@@ -0,0 +1 @@
+export declare function cn([className]: TemplateStringsArray): string;

package/utils/cn.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cn = cn;
+function cn([className]) {
+    return className;
+}

package/utils/cn.test.d.ts

@@ -0,0 +1 @@
+export {};

package/utils/cn.test.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cn_1 = require("./cn");
+test("returns the class name", () => {
+    expect((0, cn_1.cn) `foo`).toBe("foo");
+    expect((0, cn_1.cn) `foo bar`).toBe("foo bar");
+});