clases 1.0.0

package/dist/index.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+var tailwindMerge = require('tailwind-merge');
+var clsx = require('clsx');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+// src/index.ts
+function createCl(...plugins) {
+  const registry = Object.assign({ base: "base" }, ...plugins);
+  const process = (key, value) => {
+    if (!value) return "";
+    if (Array.isArray(value)) {
+      return value.map((v) => process(key, v)).filter(Boolean).join(" ");
+    }
+    if (typeof value === "object") {
+      return Object.entries(value).map(([nestedKey, nestedValue]) => {
+        const combinedKey = key === "base" ? nestedKey : nestedKey === "base" ? key : `${key}:${nestedKey}`;
+        return process(combinedKey, nestedValue);
+      }).join(" ");
+    }
+    const prefix = registry[key] || key;
+    if (typeof value === "string") {
+      return value.split(/[,\s\n]+/).filter(Boolean).map((cls) => prefix === "base" ? cls : `${prefix}:${cls}`).join(" ");
+    }
+    return "";
+  };
+  return (...inputs) => {
+    const processed = inputs.map((input) => {
+      if (input !== null && typeof input === "object" && !Array.isArray(input)) {
+        return Object.entries(input).map(([k, v]) => v === true ? k : process(k, v)).join(" ");
+      }
+      return input;
+    });
+    return tailwindMerge.twMerge(clsx__default.default(processed));
+  };
+}
+
+exports.createCl = createCl;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":["twMerge","clsx"],"mappings":";;;;;;;;;;AAWO,SAAS,YAAuD,OAAA,EAAmB;AAEtF,EAAA,MAAM,QAAA,GAAmC,OAAO,MAAA,CAAO,EAAE,MAAM,MAAA,EAAO,EAAG,GAAG,OAAO,CAAA;AAInF,EAAA,MAAM,OAAA,GAAU,CAAC,GAAA,EAAa,KAAA,KAAuB;AACjD,IAAA,IAAI,CAAC,OAAO,OAAO,EAAA;AAEnB,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG;AACtB,MAAA,OAAO,KAAA,CACF,GAAA,CAAI,CAAC,CAAA,KAAM,OAAA,CAAQ,GAAA,EAAK,CAAC,CAAC,CAAA,CAC1B,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAAA,IACjB;AAER,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,OAAO,MAAA,CAAO,QAAQ,KAAK,CAAA,CACtB,IAAI,CAAC,CAAC,SAAA,EAAW,WAAW,CAAA,KAAM;AAE/B,QAAA,MAAM,WAAA,GACF,GAAA,KAAQ,MAAA,GACF,SAAA,GACA,SAAA,KAAc,SACd,GAAA,GACA,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAE7B,QAAA,OAAO,OAAA,CAAQ,aAAa,WAAW,CAAA;AAAA,MAC3C,CAAC,CAAA,CACA,IAAA,CAAK,GAAG,CAAA;AAAA,IACjB;AAEQ,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,GAAG,CAAA,IAAK,GAAA;AAEhC,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,OAAO,KAAA,CACF,MAAM,UAAU,CAAA,CAChB,OAAO,OAAO,CAAA,CACd,IAAI,CAAC,GAAA,KAAS,WAAW,MAAA,GAAS,GAAA,GAAM,GAAG,MAAM,CAAA,CAAA,EAAI,GAAG,CAAA,CAAG,CAAA,CAC3D,KAAK,GAAG,CAAA;AAAA,IACjB;AACA,IAAA,OAAO,EAAA;AAAA,EACX,CAAA;AAEA,EAAA,OAAO,IAAI,MAAA,KAAoF;AAC3F,IAAA,MAAM,SAAA,GAAY,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,KAAU;AACpC,MAAA,IAAI,KAAA,KAAU,QAAQ,OAAO,KAAA,KAAU,YAAY,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG;AACtE,QAAA,OAAO,OAAO,OAAA,CAAQ,KAAK,EACtB,GAAA,CAAI,CAAC,CAAC,CAAA,EAAG,CAAC,MAAO,CAAA,KAAM,IAAA,GAAO,IAAI,OAAA,CAAQ,CAAA,EAAG,CAAC,CAAE,CAAA,CAChD,KAAK,GAAG,CAAA;AAAA,MACjB;AACA,MAAA,OAAO,KAAA;AAAA,IACX,CAAC,CAAA;AACD,IAAA,OAAOA,qBAAA,CAAQC,qBAAA,CAAK,SAAS,CAAC,CAAA;AAAA,EAClC,CAAA;AACJ","file":"index.cjs","sourcesContent":["import { twMerge } from 'tailwind-merge';\r\nimport clsx, { type ClassValue } from 'clsx';\r\n\r\n/**\r\n * Helper type to merge an array of objects into one single type\r\n * This is what gives the user autocomplete for ALL plugins combined.\r\n */\r\ntype MergePlugins<T extends Record<string, string>[]> = T extends [infer First, ...infer Rest]\r\n    ? First & (Rest extends Record<string, string>[] ? MergePlugins<Rest> : {})\r\n    : {};\r\n\r\nexport function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins) {\r\n    // Core merges all plugins into a single registry automatically\r\n    const registry: Record<string, string> = Object.assign({ base: 'base' }, ...plugins);\r\n\r\n    type CombinedKeys = keyof MergePlugins<TPlugins>;\r\n\r\n    const process = (key: string, value: any): string => {\r\n        if (!value) return '';\r\n\r\n        if (Array.isArray(value)) {\r\n            return value\r\n                .map((v) => process(key, v))\r\n                .filter(Boolean)\r\n                .join(' ');\r\n        }\r\n\r\nif (typeof value === 'object') {\r\n    return Object.entries(value)\r\n        .map(([nestedKey, nestedValue]) => {\r\n            // FIX: If the nested key is 'base', it doesn't add to the prefix chain\r\n            const combinedKey =\r\n                key === 'base'\r\n                    ? nestedKey\r\n                    : nestedKey === 'base'\r\n                    ? key // If nested is base, keep the parent key\r\n                    : `${key}:${nestedKey}`;\r\n\r\n            return process(combinedKey, nestedValue);\r\n        })\r\n        .join(' ');\r\n}\r\n\r\n        const prefix = registry[key] || key;\r\n\r\n        if (typeof value === 'string') {\r\n            return value\r\n                .split(/[,\\s\\n]+/)\r\n                .filter(Boolean)\r\n                .map((cls) => (prefix === 'base' ? cls : `${prefix}:${cls}`))\r\n                .join(' ');\r\n        }\r\n        return '';\r\n    };\r\n\r\n    return (...inputs: (ClassValue | { [K in CombinedKeys | 'base' | (string & {})]?: any })[]) => {\r\n        const processed = inputs.map((input) => {\r\n            if (input !== null && typeof input === 'object' && !Array.isArray(input)) {\r\n                return Object.entries(input)\r\n                    .map(([k, v]) => (v === true ? k : process(k, v)))\r\n                    .join(' ');\r\n            }\r\n            return input;\r\n        });\r\n        return twMerge(clsx(processed));\r\n    };\r\n}\r\n"]}

package/dist/index.d.cts

@@ -0,0 +1,10 @@
+import { ClassValue } from 'clsx';
+
+/**
+ * Helper type to merge an array of objects into one single type
+ * This is what gives the user autocomplete for ALL plugins combined.
+ */
+type MergePlugins<T extends Record<string, string>[]> = T extends [infer First, ...infer Rest] ? First & (Rest extends Record<string, string>[] ? MergePlugins<Rest> : {}) : {};
+declare function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins): (...inputs: (ClassValue | { [K in keyof MergePlugins<TPlugins> | "base" | (string & {})]?: any; })[]) => string;
+
+export { createCl };

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import { ClassValue } from 'clsx';
+
+/**
+ * Helper type to merge an array of objects into one single type
+ * This is what gives the user autocomplete for ALL plugins combined.
+ */
+type MergePlugins<T extends Record<string, string>[]> = T extends [infer First, ...infer Rest] ? First & (Rest extends Record<string, string>[] ? MergePlugins<Rest> : {}) : {};
+declare function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins): (...inputs: (ClassValue | { [K in keyof MergePlugins<TPlugins> | "base" | (string & {})]?: any; })[]) => string;
+
+export { createCl };

package/dist/index.js

@@ -0,0 +1,37 @@
+import { twMerge } from 'tailwind-merge';
+import clsx from 'clsx';
+
+// src/index.ts
+function createCl(...plugins) {
+  const registry = Object.assign({ base: "base" }, ...plugins);
+  const process = (key, value) => {
+    if (!value) return "";
+    if (Array.isArray(value)) {
+      return value.map((v) => process(key, v)).filter(Boolean).join(" ");
+    }
+    if (typeof value === "object") {
+      return Object.entries(value).map(([nestedKey, nestedValue]) => {
+        const combinedKey = key === "base" ? nestedKey : nestedKey === "base" ? key : `${key}:${nestedKey}`;
+        return process(combinedKey, nestedValue);
+      }).join(" ");
+    }
+    const prefix = registry[key] || key;
+    if (typeof value === "string") {
+      return value.split(/[,\s\n]+/).filter(Boolean).map((cls) => prefix === "base" ? cls : `${prefix}:${cls}`).join(" ");
+    }
+    return "";
+  };
+  return (...inputs) => {
+    const processed = inputs.map((input) => {
+      if (input !== null && typeof input === "object" && !Array.isArray(input)) {
+        return Object.entries(input).map(([k, v]) => v === true ? k : process(k, v)).join(" ");
+      }
+      return input;
+    });
+    return twMerge(clsx(processed));
+  };
+}
+
+export { createCl };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;AAWO,SAAS,YAAuD,OAAA,EAAmB;AAEtF,EAAA,MAAM,QAAA,GAAmC,OAAO,MAAA,CAAO,EAAE,MAAM,MAAA,EAAO,EAAG,GAAG,OAAO,CAAA;AAInF,EAAA,MAAM,OAAA,GAAU,CAAC,GAAA,EAAa,KAAA,KAAuB;AACjD,IAAA,IAAI,CAAC,OAAO,OAAO,EAAA;AAEnB,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG;AACtB,MAAA,OAAO,KAAA,CACF,GAAA,CAAI,CAAC,CAAA,KAAM,OAAA,CAAQ,GAAA,EAAK,CAAC,CAAC,CAAA,CAC1B,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAAA,IACjB;AAER,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,OAAO,MAAA,CAAO,QAAQ,KAAK,CAAA,CACtB,IAAI,CAAC,CAAC,SAAA,EAAW,WAAW,CAAA,KAAM;AAE/B,QAAA,MAAM,WAAA,GACF,GAAA,KAAQ,MAAA,GACF,SAAA,GACA,SAAA,KAAc,SACd,GAAA,GACA,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAE7B,QAAA,OAAO,OAAA,CAAQ,aAAa,WAAW,CAAA;AAAA,MAC3C,CAAC,CAAA,CACA,IAAA,CAAK,GAAG,CAAA;AAAA,IACjB;AAEQ,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,GAAG,CAAA,IAAK,GAAA;AAEhC,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,OAAO,KAAA,CACF,MAAM,UAAU,CAAA,CAChB,OAAO,OAAO,CAAA,CACd,IAAI,CAAC,GAAA,KAAS,WAAW,MAAA,GAAS,GAAA,GAAM,GAAG,MAAM,CAAA,CAAA,EAAI,GAAG,CAAA,CAAG,CAAA,CAC3D,KAAK,GAAG,CAAA;AAAA,IACjB;AACA,IAAA,OAAO,EAAA;AAAA,EACX,CAAA;AAEA,EAAA,OAAO,IAAI,MAAA,KAAoF;AAC3F,IAAA,MAAM,SAAA,GAAY,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,KAAU;AACpC,MAAA,IAAI,KAAA,KAAU,QAAQ,OAAO,KAAA,KAAU,YAAY,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG;AACtE,QAAA,OAAO,OAAO,OAAA,CAAQ,KAAK,EACtB,GAAA,CAAI,CAAC,CAAC,CAAA,EAAG,CAAC,MAAO,CAAA,KAAM,IAAA,GAAO,IAAI,OAAA,CAAQ,CAAA,EAAG,CAAC,CAAE,CAAA,CAChD,KAAK,GAAG,CAAA;AAAA,MACjB;AACA,MAAA,OAAO,KAAA;AAAA,IACX,CAAC,CAAA;AACD,IAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,SAAS,CAAC,CAAA;AAAA,EAClC,CAAA;AACJ","file":"index.js","sourcesContent":["import { twMerge } from 'tailwind-merge';\r\nimport clsx, { type ClassValue } from 'clsx';\r\n\r\n/**\r\n * Helper type to merge an array of objects into one single type\r\n * This is what gives the user autocomplete for ALL plugins combined.\r\n */\r\ntype MergePlugins<T extends Record<string, string>[]> = T extends [infer First, ...infer Rest]\r\n    ? First & (Rest extends Record<string, string>[] ? MergePlugins<Rest> : {})\r\n    : {};\r\n\r\nexport function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins) {\r\n    // Core merges all plugins into a single registry automatically\r\n    const registry: Record<string, string> = Object.assign({ base: 'base' }, ...plugins);\r\n\r\n    type CombinedKeys = keyof MergePlugins<TPlugins>;\r\n\r\n    const process = (key: string, value: any): string => {\r\n        if (!value) return '';\r\n\r\n        if (Array.isArray(value)) {\r\n            return value\r\n                .map((v) => process(key, v))\r\n                .filter(Boolean)\r\n                .join(' ');\r\n        }\r\n\r\nif (typeof value === 'object') {\r\n    return Object.entries(value)\r\n        .map(([nestedKey, nestedValue]) => {\r\n            // FIX: If the nested key is 'base', it doesn't add to the prefix chain\r\n            const combinedKey =\r\n                key === 'base'\r\n                    ? nestedKey\r\n                    : nestedKey === 'base'\r\n                    ? key // If nested is base, keep the parent key\r\n                    : `${key}:${nestedKey}`;\r\n\r\n            return process(combinedKey, nestedValue);\r\n        })\r\n        .join(' ');\r\n}\r\n\r\n        const prefix = registry[key] || key;\r\n\r\n        if (typeof value === 'string') {\r\n            return value\r\n                .split(/[,\\s\\n]+/)\r\n                .filter(Boolean)\r\n                .map((cls) => (prefix === 'base' ? cls : `${prefix}:${cls}`))\r\n                .join(' ');\r\n        }\r\n        return '';\r\n    };\r\n\r\n    return (...inputs: (ClassValue | { [K in CombinedKeys | 'base' | (string & {})]?: any })[]) => {\r\n        const processed = inputs.map((input) => {\r\n            if (input !== null && typeof input === 'object' && !Array.isArray(input)) {\r\n                return Object.entries(input)\r\n                    .map(([k, v]) => (v === true ? k : process(k, v)))\r\n                    .join(' ');\r\n            }\r\n            return input;\r\n        });\r\n        return twMerge(clsx(processed));\r\n    };\r\n}\r\n"]}

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "clases",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^2.6.0"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts --clean",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch"
+  }
+}

package/src/index.ts

@@ -0,0 +1,67 @@
+import { twMerge } from 'tailwind-merge';
+import clsx, { type ClassValue } from 'clsx';
+
+/**
+ * Helper type to merge an array of objects into one single type
+ * This is what gives the user autocomplete for ALL plugins combined.
+ */
+type MergePlugins<T extends Record<string, string>[]> = T extends [infer First, ...infer Rest]
+    ? First & (Rest extends Record<string, string>[] ? MergePlugins<Rest> : {})
+    : {};
+
+export function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins) {
+    // Core merges all plugins into a single registry automatically
+    const registry: Record<string, string> = Object.assign({ base: 'base' }, ...plugins);
+
+    type CombinedKeys = keyof MergePlugins<TPlugins>;
+
+    const process = (key: string, value: any): string => {
+        if (!value) return '';
+
+        if (Array.isArray(value)) {
+            return value
+                .map((v) => process(key, v))
+                .filter(Boolean)
+                .join(' ');
+        }
+
+if (typeof value === 'object') {
+    return Object.entries(value)
+        .map(([nestedKey, nestedValue]) => {
+            // FIX: If the nested key is 'base', it doesn't add to the prefix chain
+            const combinedKey =
+                key === 'base'
+                    ? nestedKey
+                    : nestedKey === 'base'
+                    ? key // If nested is base, keep the parent key
+                    : `${key}:${nestedKey}`;
+
+            return process(combinedKey, nestedValue);
+        })
+        .join(' ');
+}
+
+        const prefix = registry[key] || key;
+
+        if (typeof value === 'string') {
+            return value
+                .split(/[,\s\n]+/)
+                .filter(Boolean)
+                .map((cls) => (prefix === 'base' ? cls : `${prefix}:${cls}`))
+                .join(' ');
+        }
+        return '';
+    };
+
+    return (...inputs: (ClassValue | { [K in CombinedKeys | 'base' | (string & {})]?: any })[]) => {
+        const processed = inputs.map((input) => {
+            if (input !== null && typeof input === 'object' && !Array.isArray(input)) {
+                return Object.entries(input)
+                    .map(([k, v]) => (v === true ? k : process(k, v)))
+                    .join(' ');
+            }
+            return input;
+        });
+        return twMerge(clsx(processed));
+    };
+}

package/src/test/cn.test.ts

@@ -0,0 +1,60 @@
+import { describe, it, expect } from 'vitest';
+import { createCl } from '../index';
+
+describe('Core cl utility', () => {
+    // 1. Test basic plugin merging
+    it('should merge multiple plugins and apply prefixes', () => {
+        const tailwind = { md: 'md', hover: 'hover' };
+        const custom = { hocus: 'hover:focus' };
+
+        const cl = createCl(tailwind, custom);
+
+        const result = cl({
+            md: 'p-4',
+            hocus: 'scale-110'
+        });
+
+        expect(result).toBe('md:p-4 hover:focus:scale-110');
+    });
+
+    // 2. Test Recursion (Nesting)
+    it('should stack prefixes when objects are nested', () => {
+        const cl = createCl({ md: 'md', hover: 'hover', dark: 'dark' });
+
+        const result = cl({
+            md: {
+                hover: 'bg-blue-500',
+                base: 'text-black',
+                dark: {
+                    base: 'text-white',
+                    focus: 'ring-2'
+                }
+            }
+        });
+
+        expect(result).toContain('md:hover:bg-blue-500');
+        expect(result).toContain('md:text-black');
+        expect(result).toContain('md:dark:text-white'); // Deep base check
+        expect(result).toContain('md:dark:focus:ring-2'); // Deep stack check
+    });
+
+    // 3. Test Recursive Arrays
+    it('should flatten and prefix arrays deep in the tree', () => {
+        const cl = createCl({ lg: 'lg' });
+
+        const result = cl({
+            lg: ['flex', ['items-center', 'gap-2']]
+        });
+
+        expect(result).toBe('lg:flex lg:items-center lg:gap-2');
+    });
+
+    // 4. Test tailwind-merge logic
+    it('should resolve conflicts using tailwind-merge', () => {
+        const cl = createCl({ md: 'md' });
+
+        // p-8 should override p-4 even inside the object
+        const result = cl('p-4', { base: 'p-8' });
+        expect(result).toBe('p-8');
+    });
+});

package/tsconfig.json

@@ -0,0 +1,11 @@
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "rootDir": "src",
+        "outDir": "dist",
+        // Add these to fix the "not under rootDir" error
+        "rootDirs": ["src", "../core/src"],
+        "composite": true
+    },
+    "include": ["src/**/*"]
+}