@axiomui/utils 0.1.0 → 0.2.0

package/dist/index.cjs

@@ -3,6 +3,10 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -15,4 +19,77 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // src/index.ts
 var index_exports = {};
+__export(index_exports, {
+  cn: () => cn
+});
 module.exports = __toCommonJS(index_exports);
+
+// src/cn.ts
+function toClassName(value) {
+  if (typeof value === "string" || typeof value === "number") {
+    return String(value);
+  }
+  if (!value || typeof value === "boolean") {
+    return "";
+  }
+  if (Array.isArray(value)) {
+    return value.map(toClassName).filter(Boolean).join(" ");
+  }
+  return Object.entries(value).filter(([, condition]) => Boolean(condition)).map(([className]) => className).join(" ");
+}
+function getUtilityGroup(utility) {
+  const groups = [
+    [/^p[trblxy]?-/u, "padding"],
+    [/^m[trblxy]?-/u, "margin"],
+    [/^(w|min-w|max-w)-/u, "width"],
+    [/^(h|min-h|max-h)-/u, "height"],
+    [/^size-/u, "size"],
+    [/^bg-/u, "background"],
+    [/^text-/u, "text"],
+    [/^(font|tracking|leading)-/u, "typography"],
+    [/^rounded(?:-[trbl]{1,2})?-/u, "radius"],
+    [/^border(?:-[trblxy])?-/u, "border"],
+    [/^ring(?:-[trblxy])?-/u, "ring"],
+    [/^shadow/u, "shadow"],
+    [/^opacity-/u, "opacity"],
+    [/^gap[xy]?-/u, "gap"],
+    [/^justify-/u, "justify"],
+    [/^items-/u, "items"],
+    [/^inline-flex$|^flex$|^block$|^inline-block$|^hidden$/u, "display"],
+    [/^transition/u, "transition"],
+    [/^duration-/u, "duration"],
+    [/^ease-/u, "ease"],
+    [/^transform$/u, "transform"],
+    [/^(scale|translate|rotate|skew)-/u, "transform-effect"]
+  ];
+  const matched = groups.find(([pattern]) => pattern.test(utility));
+  return matched ? matched[1] : utility;
+}
+function mergeTailwindLikeClasses(className) {
+  const tokens = className.trim().split(/\s+/u).filter(Boolean);
+  const merged = /* @__PURE__ */ new Map();
+  for (const token of tokens) {
+    const important = token.startsWith("!") ? "!" : "";
+    const cleanToken = important ? token.slice(1) : token;
+    const segments = cleanToken.split(":");
+    const utility = segments.pop() ?? cleanToken;
+    const variants = segments.join(":");
+    const key = `${important}${variants}|${getUtilityGroup(utility)}`;
+    if (merged.has(key)) {
+      merged.delete(key);
+    }
+    merged.set(key, token);
+  }
+  return Array.from(merged.values()).join(" ");
+}
+function cn(...inputs) {
+  const joined = inputs.map(toClassName).filter(Boolean).join(" ").trim();
+  if (!joined) {
+    return "";
+  }
+  return mergeTailwindLikeClasses(joined);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cn
+});

package/dist/index.d.cts

@@ -1,2 +1,7 @@
+type ClassPrimitive = string | number | boolean | null | undefined;
+type ClassDictionary = Record<string, boolean | null | undefined>;
+type ClassArray = ClassValue[];
+type ClassValue = ClassPrimitive | ClassDictionary | ClassArray;
+declare function cn(...inputs: ClassValue[]): string;
 
-export {  }
+export { type ClassValue, cn };

package/dist/index.d.ts

@@ -1,2 +1,7 @@
+type ClassPrimitive = string | number | boolean | null | undefined;
+type ClassDictionary = Record<string, boolean | null | undefined>;
+type ClassArray = ClassValue[];
+type ClassValue = ClassPrimitive | ClassDictionary | ClassArray;
+declare function cn(...inputs: ClassValue[]): string;
 
-export {  }
+export { type ClassValue, cn };

package/dist/index.js

@@ -0,0 +1,68 @@
+// src/cn.ts
+function toClassName(value) {
+  if (typeof value === "string" || typeof value === "number") {
+    return String(value);
+  }
+  if (!value || typeof value === "boolean") {
+    return "";
+  }
+  if (Array.isArray(value)) {
+    return value.map(toClassName).filter(Boolean).join(" ");
+  }
+  return Object.entries(value).filter(([, condition]) => Boolean(condition)).map(([className]) => className).join(" ");
+}
+function getUtilityGroup(utility) {
+  const groups = [
+    [/^p[trblxy]?-/u, "padding"],
+    [/^m[trblxy]?-/u, "margin"],
+    [/^(w|min-w|max-w)-/u, "width"],
+    [/^(h|min-h|max-h)-/u, "height"],
+    [/^size-/u, "size"],
+    [/^bg-/u, "background"],
+    [/^text-/u, "text"],
+    [/^(font|tracking|leading)-/u, "typography"],
+    [/^rounded(?:-[trbl]{1,2})?-/u, "radius"],
+    [/^border(?:-[trblxy])?-/u, "border"],
+    [/^ring(?:-[trblxy])?-/u, "ring"],
+    [/^shadow/u, "shadow"],
+    [/^opacity-/u, "opacity"],
+    [/^gap[xy]?-/u, "gap"],
+    [/^justify-/u, "justify"],
+    [/^items-/u, "items"],
+    [/^inline-flex$|^flex$|^block$|^inline-block$|^hidden$/u, "display"],
+    [/^transition/u, "transition"],
+    [/^duration-/u, "duration"],
+    [/^ease-/u, "ease"],
+    [/^transform$/u, "transform"],
+    [/^(scale|translate|rotate|skew)-/u, "transform-effect"]
+  ];
+  const matched = groups.find(([pattern]) => pattern.test(utility));
+  return matched ? matched[1] : utility;
+}
+function mergeTailwindLikeClasses(className) {
+  const tokens = className.trim().split(/\s+/u).filter(Boolean);
+  const merged = /* @__PURE__ */ new Map();
+  for (const token of tokens) {
+    const important = token.startsWith("!") ? "!" : "";
+    const cleanToken = important ? token.slice(1) : token;
+    const segments = cleanToken.split(":");
+    const utility = segments.pop() ?? cleanToken;
+    const variants = segments.join(":");
+    const key = `${important}${variants}|${getUtilityGroup(utility)}`;
+    if (merged.has(key)) {
+      merged.delete(key);
+    }
+    merged.set(key, token);
+  }
+  return Array.from(merged.values()).join(" ");
+}
+function cn(...inputs) {
+  const joined = inputs.map(toClassName).filter(Boolean).join(" ").trim();
+  if (!joined) {
+    return "";
+  }
+  return mergeTailwindLikeClasses(joined);
+}
+export {
+  cn
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axiomui/utils",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": false,
   "type": "module",
   "main": "./dist/index.cjs",
@@ -17,20 +17,16 @@
   "files": [
     "dist"
   ],
+  "sideEffects": false,
+  "dependencies": {
+    "@axiomui/primitives": "^0.2.0"
+  },
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts --clean",
     "dev": "tsup src/index.ts --format esm,cjs --dts --watch",
     "lint": "tsc -p tsconfig.json --noEmit",
     "test": "vitest run --passWithNoTests",
     "typecheck": "tsc -p tsconfig.json --noEmit",
-    "clean": "rm -rf dist",
-    "prepublishOnly": "pnpm run build"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "sideEffects": false,
-  "dependencies": {
-    "@axiomui/primitives": "workspace:*"
+    "clean": "rm -rf dist"
   }
-}
+}