clases 1.1.13 → 1.1.14

package/dist/index.cjs

@@ -8,48 +8,34 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 // src/index.ts
-function createCl(...plugins) {
+function createCl(plugins, options = {}) {
   const registry = Object.assign({}, ...plugins);
+  const { baseKey = "base", conditionKey = "if", prefix: globalPrefix = "" } = options;
   const process = (accumulatedPath, input) => {
-    console.log(`[START] Path: "${accumulatedPath}" | Input:`, input);
-    if (!input) {
-      console.log(`[SKIP] Input is falsy`);
-      return "";
-    }
+    if (!input) return "";
     if (typeof input === "string") {
       const resolvedPrefix = accumulatedPath.split(":").map((part) => {
-        if (part === "base" || part === "?") return null;
+        if (part === baseKey || part === conditionKey) return null;
         return registry[part] || part;
       }).filter(Boolean).join(":");
-      const result = input.split(/[,\s\n]+/).filter(Boolean).map((cls) => resolvedPrefix ? `${resolvedPrefix}:${cls}` : cls).join(" ");
-      console.log(`[STRING] Resolved: "${resolvedPrefix}" | Out: "${result}"`);
-      return result;
+      return input.split(/[,\s\n]+/).filter(Boolean).map((cls) => {
+        const finalClass = globalPrefix ? `${globalPrefix}${cls}` : cls;
+        return resolvedPrefix ? `${resolvedPrefix}:${finalClass}` : finalClass;
+      }).join(" ");
     }
     if (Array.isArray(input)) {
-      console.log(`[ARRAY] Processing ${input.length} elements...`);
       return input.map((i) => process(accumulatedPath, i)).filter(Boolean).join(" ");
     }
     if (typeof input === "object") {
-      console.log(`[OBJECT] Keys:`, Object.keys(input));
       return Object.entries(input).map(([key, value]) => {
-        const isTransparent = key === "base" || key === "?";
+        if (!value) return "";
+        const isTransparent = key === baseKey || key === conditionKey;
         const isRegistered = registry[key] !== void 0;
-        console.log(
-          `  -> Key: "${key}" | Value: ${value} | isPrefix: ${isRegistered} | isTransparent: ${isTransparent}`
-        );
-        if (!value) {
-          console.log(`  [SKIP KEY] "${key}" because value is falsy`);
-          return "";
-        }
         if (isTransparent || isRegistered) {
           const newPath = accumulatedPath ? `${accumulatedPath}:${key}` : key;
-          console.log(`  [DIVE] Moving to path: "${newPath}"`);
           return process(newPath, value);
         } else {
-          console.log(
-            `  [CLASS] Treating key "${key}" as class under path "${accumulatedPath}"`
-          );
-          return process(accumulatedPath, key);
+          return value ? process(accumulatedPath, key) : "";
         }
       }).filter(Boolean).join(" ");
     }

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":["twMerge","clsx"],"mappings":"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","file":"index.cjs","sourcesContent":["import { twMerge } from 'tailwind-merge';\r\nimport clsx, { type ClassValue } from 'clsx';\r\n\r\nexport function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins) {\r\n    const registry: Record<string, string> = Object.assign({}, ...plugins);\r\n\r\n    const process = (accumulatedPath: string, input: any): string => {\r\n        console.log(`[START] Path: \"${accumulatedPath}\" | Input:`, input);\r\n\r\n        if (!input) {\r\n            console.log(`[SKIP] Input is falsy`);\r\n            return '';\r\n        }\r\n\r\n        // 1. Caso String\r\n        if (typeof input === 'string') {\r\n            const resolvedPrefix = accumulatedPath\r\n                .split(':')\r\n                .map((part) => {\r\n                    if (part === 'base' || part === '?') return null;\r\n                    return registry[part] || part;\r\n                })\r\n                .filter(Boolean)\r\n                .join(':');\r\n\r\n            const result = input\r\n                .split(/[,\\s\\n]+/)\r\n                .filter(Boolean)\r\n                .map((cls) => (resolvedPrefix ? `${resolvedPrefix}:${cls}` : cls))\r\n                .join(' ');\r\n\r\n            console.log(`[STRING] Resolved: \"${resolvedPrefix}\" | Out: \"${result}\"`);\r\n            return result;\r\n        }\r\n\r\n        // 2. Caso Array\r\n        if (Array.isArray(input)) {\r\n            console.log(`[ARRAY] Processing ${input.length} elements...`);\r\n            return input\r\n                .map((i) => process(accumulatedPath, i))\r\n                .filter(Boolean)\r\n                .join(' ');\r\n        }\r\n\r\n        // 3. Caso Objeto\r\n        if (typeof input === 'object') {\r\n            console.log(`[OBJECT] Keys:`, Object.keys(input));\r\n            return Object.entries(input)\r\n                .map(([key, value]) => {\r\n                    const isTransparent = key === 'base' || key === '?';\r\n                    const isRegistered = registry[key] !== undefined;\r\n\r\n                    console.log(\r\n                        `  -> Key: \"${key}\" | Value: ${value} | isPrefix: ${isRegistered} | isTransparent: ${isTransparent}`\r\n                    );\r\n\r\n                    if (!value) {\r\n                        console.log(`  [SKIP KEY] \"${key}\" because value is falsy`);\r\n                        return '';\r\n                    }\r\n\r\n                    if (isTransparent || isRegistered) {\r\n                        const newPath = accumulatedPath ? `${accumulatedPath}:${key}` : key;\r\n                        console.log(`  [DIVE] Moving to path: \"${newPath}\"`);\r\n                        return process(newPath, value);\r\n                    } else {\r\n                        console.log(\r\n                            `  [CLASS] Treating key \"${key}\" as class under path \"${accumulatedPath}\"`\r\n                        );\r\n                        return process(accumulatedPath, key);\r\n                    }\r\n                })\r\n                .filter(Boolean)\r\n                .join(' ');\r\n        }\r\n\r\n        return '';\r\n    };\r\n\r\n    return (...inputs: ClassValue[]) => {\r\n        const processed = inputs.map((input) => process('', input));\r\n        return twMerge(clsx(processed));\r\n    };\r\n}\r\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":["twMerge","clsx"],"mappings":";;;;;;;;;;AAUO,SAAS,QAAA,CAId,OAAA,EAAmB,OAAA,GAA2B,EAAC,EAAG;AAEhD,EAAA,MAAM,WAAmC,MAAA,CAAO,MAAA,CAAO,EAAC,EAAG,GAAG,OAAO,CAAA;AAGrE,EAAA,MAAM,EAAE,UAAU,MAAA,EAAa,YAAA,GAAe,MAAW,MAAA,EAAQ,YAAA,GAAe,IAAG,GAAI,OAAA;AAoBvF,EAAA,MAAM,OAAA,GAAU,CAAC,eAAA,EAAyB,KAAA,KAAuB;AAC7D,IAAA,IAAI,CAAC,OAAO,OAAO,EAAA;AAGnB,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,MAAM,iBAAiB,eAAA,CAClB,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAC,IAAA,KAAS;AAEX,QAAA,IAAI,IAAA,KAAS,OAAA,IAAW,IAAA,KAAS,YAAA,EAAc,OAAO,IAAA;AAEtD,QAAA,OAAO,QAAA,CAAS,IAAI,CAAA,IAAK,IAAA;AAAA,MAC7B,CAAC,CAAA,CACA,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEb,MAAA,OAAO,KAAA,CACF,MAAM,UAAU,CAAA,CAChB,OAAO,OAAO,CAAA,CACd,GAAA,CAAI,CAAC,GAAA,KAAQ;AAEV,QAAA,MAAM,aAAa,YAAA,GAAe,CAAA,EAAG,YAAY,CAAA,EAAG,GAAG,CAAA,CAAA,GAAK,GAAA;AAE5D,QAAA,OAAO,cAAA,GAAiB,CAAA,EAAG,cAAc,CAAA,CAAA,EAAI,UAAU,CAAA,CAAA,GAAK,UAAA;AAAA,MAChE,CAAC,CAAA,CACA,IAAA,CAAK,GAAG,CAAA;AAAA,IACjB;AAGA,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG;AACtB,MAAA,OAAO,KAAA,CACF,GAAA,CAAI,CAAC,CAAA,KAAM,OAAA,CAAQ,eAAA,EAAiB,CAAC,CAAC,CAAA,CACtC,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAAA,IACjB;AAGA,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,OAAO,MAAA,CAAO,QAAQ,KAAK,CAAA,CACtB,IAAI,CAAC,CAAC,GAAA,EAAK,KAAK,CAAA,KAAM;AACnB,QAAA,IAAI,CAAC,OAAO,OAAO,EAAA;AAEnB,QAAA,MAAM,aAAA,GAAgB,GAAA,KAAQ,OAAA,IAAW,GAAA,KAAQ,YAAA;AACjD,QAAA,MAAM,YAAA,GAAe,QAAA,CAAS,GAAG,CAAA,KAAM,MAAA;AAEvC,QAAA,IAAI,iBAAiB,YAAA,EAAc;AAE/B,UAAA,MAAM,UAAU,eAAA,GAAkB,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,GAAG,CAAA,CAAA,GAAK,GAAA;AAChE,UAAA,OAAO,OAAA,CAAQ,SAAS,KAAK,CAAA;AAAA,QACjC,CAAA,MAAO;AAGH,UAAA,OAAO,KAAA,GAAQ,OAAA,CAAQ,eAAA,EAAiB,GAAG,CAAA,GAAI,EAAA;AAAA,QACnD;AAAA,MACJ,CAAC,CAAA,CACA,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAAA,IACjB;AAEA,IAAA,OAAO,EAAA;AAAA,EACX,CAAA;AAEA,EAAA,OAAO,IAAI,MAAA,KAAyB;AAChC,IAAA,MAAM,SAAA,GAAY,OAAO,GAAA,CAAI,CAAC,UAAU,OAAA,CAAQ,EAAA,EAAI,KAAK,CAAC,CAAA;AAE1D,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// Tipos para las opciones de configuración\r\nexport interface ClOptions<B extends string, C extends string> {\r\n    baseKey?: B;\r\n    conditionKey?: C;\r\n    prefix?: string;\r\n}\r\n\r\nexport function createCl<\r\n    TPlugins extends Record<string, string>[],\r\n    B extends string = 'base',\r\n    C extends string = '?'\r\n>(plugins: TPlugins, options: ClOptions<B, C> = {}) {\r\n    // Unificamos los plugins en un solo registro\r\n    const registry: Record<string, string> = Object.assign({}, ...plugins);\r\n\r\n    // Extraemos opciones con valores por defecto\r\n    const { baseKey = 'base' as B, conditionKey = 'if' as C, prefix: globalPrefix = '' } = options;\r\n\r\n    /**\r\n     * Aplica el prefijo global de configuración (ej: 'tw-') a una clase\r\n     */\r\n    const applyGlobalPrefix = (cls: string) => {\r\n        if (!globalPrefix) return cls;\r\n        // Evitamos prefijar si la clase ya tiene el prefijo o es vacía\r\n        return cls\r\n            .split(':')\r\n            .map((part) => {\r\n                // Solo prefijamos la clase final, no los modificadores (hover, md, etc)\r\n                // pero como tailwind-merge y clsx se encargan de la limpieza,\r\n                // aplicamos una lógica simple:\r\n                return part;\r\n            })\r\n            .join(':');\r\n        // Nota: El prefijo global de Tailwind suele aplicarse a la clase base: 'tw-bg-red'\r\n    };\r\n\r\n    const process = (accumulatedPath: string, input: any): string => {\r\n        if (!input) return '';\r\n\r\n        // 1. Caso String: Aquí es donde se resuelve el path acumulado\r\n        if (typeof input === 'string') {\r\n            const resolvedPrefix = accumulatedPath\r\n                .split(':')\r\n                .map((part) => {\r\n                    // Si la parte del path es una de las llaves especiales, no genera prefijo CSS\r\n                    if (part === baseKey || part === conditionKey) return null;\r\n                    // Retornamos el valor del registro (ej: 'hover') o la parte tal cual\r\n                    return registry[part] || part;\r\n                })\r\n                .filter(Boolean)\r\n                .join(':');\r\n\r\n            return input\r\n                .split(/[,\\s\\n]+/)\r\n                .filter(Boolean)\r\n                .map((cls) => {\r\n                    // Aplicamos el prefijo global a la clase\r\n                    const finalClass = globalPrefix ? `${globalPrefix}${cls}` : cls;\r\n                    // Aplicamos el prefijo acumulado (hover, md, etc)\r\n                    return resolvedPrefix ? `${resolvedPrefix}:${finalClass}` : finalClass;\r\n                })\r\n                .join(' ');\r\n        }\r\n\r\n        // 2. Caso Array\r\n        if (Array.isArray(input)) {\r\n            return input\r\n                .map((i) => process(accumulatedPath, i))\r\n                .filter(Boolean)\r\n                .join(' ');\r\n        }\r\n\r\n        // 3. Caso Objeto\r\n        if (typeof input === 'object') {\r\n            return Object.entries(input)\r\n                .map(([key, value]) => {\r\n                    if (!value) return '';\r\n\r\n                    const isTransparent = key === baseKey || key === conditionKey;\r\n                    const isRegistered = registry[key] !== undefined;\r\n\r\n                    if (isTransparent || isRegistered) {\r\n                        // Si es una llave especial o registrada, profundizamos en el path\r\n                        const newPath = accumulatedPath ? `${accumulatedPath}:${key}` : key;\r\n                        return process(newPath, value);\r\n                    } else {\r\n                        // Si la llave no está registrada, se trata como una clase bajo el path actual\r\n                        // (Aquí value actúa como condición booleana para la llave)\r\n                        return value ? process(accumulatedPath, key) : '';\r\n                    }\r\n                })\r\n                .filter(Boolean)\r\n                .join(' ');\r\n        }\r\n\r\n        return '';\r\n    };\r\n\r\n    return (...inputs: ClassValue[]) => {\r\n        const processed = inputs.map((input) => process('', input));\r\n        // twMerge se encarga de que 'bg-red-500 bg-blue-500' resulte en 'bg-blue-500'\r\n        return twMerge(clsx(processed));\r\n    };\r\n}\r\n"]}

package/dist/index.d.cts

@@ -1,5 +1,10 @@
 import { ClassValue } from 'clsx';
 
-declare function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins): (...inputs: ClassValue[]) => string;
+interface ClOptions<B extends string, C extends string> {
+    baseKey?: B;
+    conditionKey?: C;
+    prefix?: string;
+}
+declare function createCl<TPlugins extends Record<string, string>[], B extends string = 'base', C extends string = '?'>(plugins: TPlugins, options?: ClOptions<B, C>): (...inputs: ClassValue[]) => string;
 
-export { createCl };
+export { type ClOptions, createCl };

package/dist/index.d.ts

@@ -1,5 +1,10 @@
 import { ClassValue } from 'clsx';
 
-declare function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins): (...inputs: ClassValue[]) => string;
+interface ClOptions<B extends string, C extends string> {
+    baseKey?: B;
+    conditionKey?: C;
+    prefix?: string;
+}
+declare function createCl<TPlugins extends Record<string, string>[], B extends string = 'base', C extends string = '?'>(plugins: TPlugins, options?: ClOptions<B, C>): (...inputs: ClassValue[]) => string;
 
-export { createCl };
+export { type ClOptions, createCl };

package/dist/index.js

@@ -2,48 +2,34 @@ import { twMerge } from 'tailwind-merge';
 import clsx from 'clsx';
 
 // src/index.ts
-function createCl(...plugins) {
+function createCl(plugins, options = {}) {
   const registry = Object.assign({}, ...plugins);
+  const { baseKey = "base", conditionKey = "if", prefix: globalPrefix = "" } = options;
   const process = (accumulatedPath, input) => {
-    console.log(`[START] Path: "${accumulatedPath}" | Input:`, input);
-    if (!input) {
-      console.log(`[SKIP] Input is falsy`);
-      return "";
-    }
+    if (!input) return "";
     if (typeof input === "string") {
       const resolvedPrefix = accumulatedPath.split(":").map((part) => {
-        if (part === "base" || part === "?") return null;
+        if (part === baseKey || part === conditionKey) return null;
         return registry[part] || part;
       }).filter(Boolean).join(":");
-      const result = input.split(/[,\s\n]+/).filter(Boolean).map((cls) => resolvedPrefix ? `${resolvedPrefix}:${cls}` : cls).join(" ");
-      console.log(`[STRING] Resolved: "${resolvedPrefix}" | Out: "${result}"`);
-      return result;
+      return input.split(/[,\s\n]+/).filter(Boolean).map((cls) => {
+        const finalClass = globalPrefix ? `${globalPrefix}${cls}` : cls;
+        return resolvedPrefix ? `${resolvedPrefix}:${finalClass}` : finalClass;
+      }).join(" ");
     }
     if (Array.isArray(input)) {
-      console.log(`[ARRAY] Processing ${input.length} elements...`);
       return input.map((i) => process(accumulatedPath, i)).filter(Boolean).join(" ");
     }
     if (typeof input === "object") {
-      console.log(`[OBJECT] Keys:`, Object.keys(input));
       return Object.entries(input).map(([key, value]) => {
-        const isTransparent = key === "base" || key === "?";
+        if (!value) return "";
+        const isTransparent = key === baseKey || key === conditionKey;
         const isRegistered = registry[key] !== void 0;
-        console.log(
-          `  -> Key: "${key}" | Value: ${value} | isPrefix: ${isRegistered} | isTransparent: ${isTransparent}`
-        );
-        if (!value) {
-          console.log(`  [SKIP KEY] "${key}" because value is falsy`);
-          return "";
-        }
         if (isTransparent || isRegistered) {
           const newPath = accumulatedPath ? `${accumulatedPath}:${key}` : key;
-          console.log(`  [DIVE] Moving to path: "${newPath}"`);
           return process(newPath, value);
         } else {
-          console.log(
-            `  [CLASS] Treating key "${key}" as class under path "${accumulatedPath}"`
-          );
-          return process(accumulatedPath, key);
+          return value ? process(accumulatedPath, key) : "";
         }
       }).filter(Boolean).join(" ");
     }

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { twMerge } from 'tailwind-merge';\r\nimport clsx, { type ClassValue } from 'clsx';\r\n\r\nexport function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins) {\r\n    const registry: Record<string, string> = Object.assign({}, ...plugins);\r\n\r\n    const process = (accumulatedPath: string, input: any): string => {\r\n        console.log(`[START] Path: \"${accumulatedPath}\" | Input:`, input);\r\n\r\n        if (!input) {\r\n            console.log(`[SKIP] Input is falsy`);\r\n            return '';\r\n        }\r\n\r\n        // 1. Caso String\r\n        if (typeof input === 'string') {\r\n            const resolvedPrefix = accumulatedPath\r\n                .split(':')\r\n                .map((part) => {\r\n                    if (part === 'base' || part === '?') return null;\r\n                    return registry[part] || part;\r\n                })\r\n                .filter(Boolean)\r\n                .join(':');\r\n\r\n            const result = input\r\n                .split(/[,\\s\\n]+/)\r\n                .filter(Boolean)\r\n                .map((cls) => (resolvedPrefix ? `${resolvedPrefix}:${cls}` : cls))\r\n                .join(' ');\r\n\r\n            console.log(`[STRING] Resolved: \"${resolvedPrefix}\" | Out: \"${result}\"`);\r\n            return result;\r\n        }\r\n\r\n        // 2. Caso Array\r\n        if (Array.isArray(input)) {\r\n            console.log(`[ARRAY] Processing ${input.length} elements...`);\r\n            return input\r\n                .map((i) => process(accumulatedPath, i))\r\n                .filter(Boolean)\r\n                .join(' ');\r\n        }\r\n\r\n        // 3. Caso Objeto\r\n        if (typeof input === 'object') {\r\n            console.log(`[OBJECT] Keys:`, Object.keys(input));\r\n            return Object.entries(input)\r\n                .map(([key, value]) => {\r\n                    const isTransparent = key === 'base' || key === '?';\r\n                    const isRegistered = registry[key] !== undefined;\r\n\r\n                    console.log(\r\n                        `  -> Key: \"${key}\" | Value: ${value} | isPrefix: ${isRegistered} | isTransparent: ${isTransparent}`\r\n                    );\r\n\r\n                    if (!value) {\r\n                        console.log(`  [SKIP KEY] \"${key}\" because value is falsy`);\r\n                        return '';\r\n                    }\r\n\r\n                    if (isTransparent || isRegistered) {\r\n                        const newPath = accumulatedPath ? `${accumulatedPath}:${key}` : key;\r\n                        console.log(`  [DIVE] Moving to path: \"${newPath}\"`);\r\n                        return process(newPath, value);\r\n                    } else {\r\n                        console.log(\r\n                            `  [CLASS] Treating key \"${key}\" as class under path \"${accumulatedPath}\"`\r\n                        );\r\n                        return process(accumulatedPath, key);\r\n                    }\r\n                })\r\n                .filter(Boolean)\r\n                .join(' ');\r\n        }\r\n\r\n        return '';\r\n    };\r\n\r\n    return (...inputs: ClassValue[]) => {\r\n        const processed = inputs.map((input) => process('', input));\r\n        return twMerge(clsx(processed));\r\n    };\r\n}\r\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;AAUO,SAAS,QAAA,CAId,OAAA,EAAmB,OAAA,GAA2B,EAAC,EAAG;AAEhD,EAAA,MAAM,WAAmC,MAAA,CAAO,MAAA,CAAO,EAAC,EAAG,GAAG,OAAO,CAAA;AAGrE,EAAA,MAAM,EAAE,UAAU,MAAA,EAAa,YAAA,GAAe,MAAW,MAAA,EAAQ,YAAA,GAAe,IAAG,GAAI,OAAA;AAoBvF,EAAA,MAAM,OAAA,GAAU,CAAC,eAAA,EAAyB,KAAA,KAAuB;AAC7D,IAAA,IAAI,CAAC,OAAO,OAAO,EAAA;AAGnB,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,MAAM,iBAAiB,eAAA,CAClB,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAC,IAAA,KAAS;AAEX,QAAA,IAAI,IAAA,KAAS,OAAA,IAAW,IAAA,KAAS,YAAA,EAAc,OAAO,IAAA;AAEtD,QAAA,OAAO,QAAA,CAAS,IAAI,CAAA,IAAK,IAAA;AAAA,MAC7B,CAAC,CAAA,CACA,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEb,MAAA,OAAO,KAAA,CACF,MAAM,UAAU,CAAA,CAChB,OAAO,OAAO,CAAA,CACd,GAAA,CAAI,CAAC,GAAA,KAAQ;AAEV,QAAA,MAAM,aAAa,YAAA,GAAe,CAAA,EAAG,YAAY,CAAA,EAAG,GAAG,CAAA,CAAA,GAAK,GAAA;AAE5D,QAAA,OAAO,cAAA,GAAiB,CAAA,EAAG,cAAc,CAAA,CAAA,EAAI,UAAU,CAAA,CAAA,GAAK,UAAA;AAAA,MAChE,CAAC,CAAA,CACA,IAAA,CAAK,GAAG,CAAA;AAAA,IACjB;AAGA,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG;AACtB,MAAA,OAAO,KAAA,CACF,GAAA,CAAI,CAAC,CAAA,KAAM,OAAA,CAAQ,eAAA,EAAiB,CAAC,CAAC,CAAA,CACtC,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAAA,IACjB;AAGA,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,OAAO,MAAA,CAAO,QAAQ,KAAK,CAAA,CACtB,IAAI,CAAC,CAAC,GAAA,EAAK,KAAK,CAAA,KAAM;AACnB,QAAA,IAAI,CAAC,OAAO,OAAO,EAAA;AAEnB,QAAA,MAAM,aAAA,GAAgB,GAAA,KAAQ,OAAA,IAAW,GAAA,KAAQ,YAAA;AACjD,QAAA,MAAM,YAAA,GAAe,QAAA,CAAS,GAAG,CAAA,KAAM,MAAA;AAEvC,QAAA,IAAI,iBAAiB,YAAA,EAAc;AAE/B,UAAA,MAAM,UAAU,eAAA,GAAkB,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,GAAG,CAAA,CAAA,GAAK,GAAA;AAChE,UAAA,OAAO,OAAA,CAAQ,SAAS,KAAK,CAAA;AAAA,QACjC,CAAA,MAAO;AAGH,UAAA,OAAO,KAAA,GAAQ,OAAA,CAAQ,eAAA,EAAiB,GAAG,CAAA,GAAI,EAAA;AAAA,QACnD;AAAA,MACJ,CAAC,CAAA,CACA,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAAA,IACjB;AAEA,IAAA,OAAO,EAAA;AAAA,EACX,CAAA;AAEA,EAAA,OAAO,IAAI,MAAA,KAAyB;AAChC,IAAA,MAAM,SAAA,GAAY,OAAO,GAAA,CAAI,CAAC,UAAU,OAAA,CAAQ,EAAA,EAAI,KAAK,CAAC,CAAA;AAE1D,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// Tipos para las opciones de configuración\r\nexport interface ClOptions<B extends string, C extends string> {\r\n    baseKey?: B;\r\n    conditionKey?: C;\r\n    prefix?: string;\r\n}\r\n\r\nexport function createCl<\r\n    TPlugins extends Record<string, string>[],\r\n    B extends string = 'base',\r\n    C extends string = '?'\r\n>(plugins: TPlugins, options: ClOptions<B, C> = {}) {\r\n    // Unificamos los plugins en un solo registro\r\n    const registry: Record<string, string> = Object.assign({}, ...plugins);\r\n\r\n    // Extraemos opciones con valores por defecto\r\n    const { baseKey = 'base' as B, conditionKey = 'if' as C, prefix: globalPrefix = '' } = options;\r\n\r\n    /**\r\n     * Aplica el prefijo global de configuración (ej: 'tw-') a una clase\r\n     */\r\n    const applyGlobalPrefix = (cls: string) => {\r\n        if (!globalPrefix) return cls;\r\n        // Evitamos prefijar si la clase ya tiene el prefijo o es vacía\r\n        return cls\r\n            .split(':')\r\n            .map((part) => {\r\n                // Solo prefijamos la clase final, no los modificadores (hover, md, etc)\r\n                // pero como tailwind-merge y clsx se encargan de la limpieza,\r\n                // aplicamos una lógica simple:\r\n                return part;\r\n            })\r\n            .join(':');\r\n        // Nota: El prefijo global de Tailwind suele aplicarse a la clase base: 'tw-bg-red'\r\n    };\r\n\r\n    const process = (accumulatedPath: string, input: any): string => {\r\n        if (!input) return '';\r\n\r\n        // 1. Caso String: Aquí es donde se resuelve el path acumulado\r\n        if (typeof input === 'string') {\r\n            const resolvedPrefix = accumulatedPath\r\n                .split(':')\r\n                .map((part) => {\r\n                    // Si la parte del path es una de las llaves especiales, no genera prefijo CSS\r\n                    if (part === baseKey || part === conditionKey) return null;\r\n                    // Retornamos el valor del registro (ej: 'hover') o la parte tal cual\r\n                    return registry[part] || part;\r\n                })\r\n                .filter(Boolean)\r\n                .join(':');\r\n\r\n            return input\r\n                .split(/[,\\s\\n]+/)\r\n                .filter(Boolean)\r\n                .map((cls) => {\r\n                    // Aplicamos el prefijo global a la clase\r\n                    const finalClass = globalPrefix ? `${globalPrefix}${cls}` : cls;\r\n                    // Aplicamos el prefijo acumulado (hover, md, etc)\r\n                    return resolvedPrefix ? `${resolvedPrefix}:${finalClass}` : finalClass;\r\n                })\r\n                .join(' ');\r\n        }\r\n\r\n        // 2. Caso Array\r\n        if (Array.isArray(input)) {\r\n            return input\r\n                .map((i) => process(accumulatedPath, i))\r\n                .filter(Boolean)\r\n                .join(' ');\r\n        }\r\n\r\n        // 3. Caso Objeto\r\n        if (typeof input === 'object') {\r\n            return Object.entries(input)\r\n                .map(([key, value]) => {\r\n                    if (!value) return '';\r\n\r\n                    const isTransparent = key === baseKey || key === conditionKey;\r\n                    const isRegistered = registry[key] !== undefined;\r\n\r\n                    if (isTransparent || isRegistered) {\r\n                        // Si es una llave especial o registrada, profundizamos en el path\r\n                        const newPath = accumulatedPath ? `${accumulatedPath}:${key}` : key;\r\n                        return process(newPath, value);\r\n                    } else {\r\n                        // Si la llave no está registrada, se trata como una clase bajo el path actual\r\n                        // (Aquí value actúa como condición booleana para la llave)\r\n                        return value ? process(accumulatedPath, key) : '';\r\n                    }\r\n                })\r\n                .filter(Boolean)\r\n                .join(' ');\r\n        }\r\n\r\n        return '';\r\n    };\r\n\r\n    return (...inputs: ClassValue[]) => {\r\n        const processed = inputs.map((input) => process('', input));\r\n        // twMerge se encarga de que 'bg-red-500 bg-blue-500' resulte en 'bg-blue-500'\r\n        return twMerge(clsx(processed));\r\n    };\r\n}\r\n"]}

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "clases",
-  "version": "1.1.13",
+  "version": "1.1.14",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "bin": {
+    "clases-init": "./scripts/init.js"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

package/src/index.ts

@@ -1,41 +1,72 @@
 import { twMerge } from 'tailwind-merge';
 import clsx, { type ClassValue } from 'clsx';
 
-export function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins) {
+// Tipos para las opciones de configuración
+export interface ClOptions<B extends string, C extends string> {
+    baseKey?: B;
+    conditionKey?: C;
+    prefix?: string;
+}
+
+export function createCl<
+    TPlugins extends Record<string, string>[],
+    B extends string = 'base',
+    C extends string = '?'
+>(plugins: TPlugins, options: ClOptions<B, C> = {}) {
+    // Unificamos los plugins en un solo registro
     const registry: Record<string, string> = Object.assign({}, ...plugins);
 
-    const process = (accumulatedPath: string, input: any): string => {
-        console.log(`[START] Path: "${accumulatedPath}" | Input:`, input);
+    // Extraemos opciones con valores por defecto
+    const { baseKey = 'base' as B, conditionKey = 'if' as C, prefix: globalPrefix = '' } = options;
 
-        if (!input) {
-            console.log(`[SKIP] Input is falsy`);
-            return '';
-        }
+    /**
+     * Aplica el prefijo global de configuración (ej: 'tw-') a una clase
+     */
+    const applyGlobalPrefix = (cls: string) => {
+        if (!globalPrefix) return cls;
+        // Evitamos prefijar si la clase ya tiene el prefijo o es vacía
+        return cls
+            .split(':')
+            .map((part) => {
+                // Solo prefijamos la clase final, no los modificadores (hover, md, etc)
+                // pero como tailwind-merge y clsx se encargan de la limpieza,
+                // aplicamos una lógica simple:
+                return part;
+            })
+            .join(':');
+        // Nota: El prefijo global de Tailwind suele aplicarse a la clase base: 'tw-bg-red'
+    };
+
+    const process = (accumulatedPath: string, input: any): string => {
+        if (!input) return '';
 
-        // 1. Caso String
+        // 1. Caso String: Aquí es donde se resuelve el path acumulado
         if (typeof input === 'string') {
             const resolvedPrefix = accumulatedPath
                 .split(':')
                 .map((part) => {
-                    if (part === 'base' || part === '?') return null;
+                    // Si la parte del path es una de las llaves especiales, no genera prefijo CSS
+                    if (part === baseKey || part === conditionKey) return null;
+                    // Retornamos el valor del registro (ej: 'hover') o la parte tal cual
                     return registry[part] || part;
                 })
                 .filter(Boolean)
                 .join(':');
 
-            const result = input
+            return input
                 .split(/[,\s\n]+/)
                 .filter(Boolean)
-                .map((cls) => (resolvedPrefix ? `${resolvedPrefix}:${cls}` : cls))
+                .map((cls) => {
+                    // Aplicamos el prefijo global a la clase
+                    const finalClass = globalPrefix ? `${globalPrefix}${cls}` : cls;
+                    // Aplicamos el prefijo acumulado (hover, md, etc)
+                    return resolvedPrefix ? `${resolvedPrefix}:${finalClass}` : finalClass;
+                })
                 .join(' ');
-
-            console.log(`[STRING] Resolved: "${resolvedPrefix}" | Out: "${result}"`);
-            return result;
         }
 
         // 2. Caso Array
         if (Array.isArray(input)) {
-            console.log(`[ARRAY] Processing ${input.length} elements...`);
             return input
                 .map((i) => process(accumulatedPath, i))
                 .filter(Boolean)
@@ -44,30 +75,21 @@ export function createCl<TPlugins extends Record<string, string>[]>(...plugins:
 
         // 3. Caso Objeto
         if (typeof input === 'object') {
-            console.log(`[OBJECT] Keys:`, Object.keys(input));
             return Object.entries(input)
                 .map(([key, value]) => {
-                    const isTransparent = key === 'base' || key === '?';
-                    const isRegistered = registry[key] !== undefined;
+                    if (!value) return '';
 
-                    console.log(
-                        `  -> Key: "${key}" | Value: ${value} | isPrefix: ${isRegistered} | isTransparent: ${isTransparent}`
-                    );
-
-                    if (!value) {
-                        console.log(`  [SKIP KEY] "${key}" because value is falsy`);
-                        return '';
-                    }
+                    const isTransparent = key === baseKey || key === conditionKey;
+                    const isRegistered = registry[key] !== undefined;
 
                     if (isTransparent || isRegistered) {
+                        // Si es una llave especial o registrada, profundizamos en el path
                         const newPath = accumulatedPath ? `${accumulatedPath}:${key}` : key;
-                        console.log(`  [DIVE] Moving to path: "${newPath}"`);
                         return process(newPath, value);
                     } else {
-                        console.log(
-                            `  [CLASS] Treating key "${key}" as class under path "${accumulatedPath}"`
-                        );
-                        return process(accumulatedPath, key);
+                        // Si la llave no está registrada, se trata como una clase bajo el path actual
+                        // (Aquí value actúa como condición booleana para la llave)
+                        return value ? process(accumulatedPath, key) : '';
                     }
                 })
                 .filter(Boolean)
@@ -79,6 +101,7 @@ export function createCl<TPlugins extends Record<string, string>[]>(...plugins:
 
     return (...inputs: ClassValue[]) => {
         const processed = inputs.map((input) => process('', input));
+        // twMerge se encarga de que 'bg-red-500 bg-blue-500' resulte en 'bg-blue-500'
         return twMerge(clsx(processed));
     };
 }

package/src/scripts/init.js

@@ -1,28 +1,34 @@
+#!/usr/bin/env node
 const fs = require('fs');
 const path = require('path');
 
-// Intentamos encontrar el root del proyecto del usuario
-const projectRoot = process.env.INIT_CWD || path.resolve('../../');
-// Buscamos si existe la carpeta 'src' para ponerlo ahí (mejor para Tailwind/Vite)
+// Intentamos INIT_CWD (npm/pnpm), si no, el directorio actual
+const projectRoot = process.env.INIT_CWD || process.cwd();
 const hasSrc = fs.existsSync(path.join(projectRoot, 'src'));
 const targetDir = hasSrc ? path.join(projectRoot, 'src') : projectRoot;
 const configPath = path.join(targetDir, 'clases.config.ts');
 
 const template = `import { createCl } from 'clases';
 
-// Instancia base agnóstica
 export const cl = createCl({});
 `;
 
-try {
-    // Solo lo creamos si no existe para no borrar trabajo del usuario
-    if (!fs.existsSync(configPath)) {
+function init() {
+    if (fs.existsSync(configPath)) {
+        // Si el usuario lo corre manualmente con npx, avisamos.
+        // Si es postinstall, mejor callar.
+        if (!process.env.INIT_CWD) {
+            console.log('⚠️ El archivo clases.config.ts ya existe.');
+        }
+        return;
+    }
+
+    try {
         fs.writeFileSync(configPath, template, 'utf8');
-        console.log(
-            '\x1b[36m%s\x1b[0m',
-            '  [clases] Configuración base creada en ' + (hasSrc ? 'src/' : './')
-        );
+        console.log('\x1b[32m%s\x1b[0m', '✅ clases.config.ts generado con éxito.');
+    } catch (e) {
+        console.error('❌ Error al crear la configuración:', e.message);
     }
-} catch (err) {
-    // Fallo silencioso para no romper la instalación si hay problemas de permisos
 }
+
+init();

package/src/test/cn.test.ts

@@ -1,98 +1,110 @@
 import { describe, it, expect } from 'vitest';
-import { createCl } from '../index';
+import { createCl } from '../index'; // Ajusta la ruta a tu archivo
 
-describe('cl - Prefix Engine (Scope: Prefixes + clsx + twMerge)', () => {
-    // Setup con prefijos de Tailwind y un alias personalizado
-    const cl = createCl({ md: 'md', hover: 'hover', dark: 'dark' }, { ui: 'prefix' });
+describe('createCl - Motor de Clases', () => {
+    // Configuración de prueba simulando Tailwind
+    const tailwindRegistry = {
+        hover: 'hover',
+        md: 'md',
+        dark: 'dark'
+    };
 
-    it('Nivel 1: Prefijos Básicos y Mapping', () => {
+    it('debe manejar clases base simples', () => {
+        const cl = createCl([tailwindRegistry]);
+        const result = cl({ base: 'flex items-center' });
+        expect(result).toBe('flex items-center');
+    });
+
+    it('debe aplicar prefijos del registro (Anidamiento)', () => {
+        const cl = createCl([tailwindRegistry]);
         const result = cl({
-            md: 'p-4 m-2',
-            ui: 'bg-red-500'
+            base: 'block',
+            hover: 'bg-red-500',
+            md: {
+                base: 'p-4',
+                hover: 'bg-blue-500'
+            }
         });
-        expect(result).toBe('md:p-4 md:m-2 prefix:bg-red-500');
+        expect(result).toContain('block');
+        expect(result).toContain('hover:bg-red-500');
+        expect(result).toContain('md:p-4');
+        expect(result).toContain('md:hover:bg-blue-500');
     });
 
-    it('Nivel 2: Soporte Multilínea (Arrays)', () => {
+    it('debe procesar condicionales con la llave "?"', () => {
+        const cl = createCl([tailwindRegistry]);
+        const isError = true;
+        const isLarge = false;
+
         const result = cl({
-            md: ['p-4', 'flex items-center', 'text-white']
+            base: 'text-sm',
+            '?': {
+                'text-red-500': isError,
+                'p-8': isLarge
+            }
         });
-        // El prefijo se debe aplicar a cada elemento del array
-        expect(result).toBe('md:p-4 md:flex md:items-center md:text-white');
+        expect(result).toBe('text-sm text-red-500');
     });
 
-    it('Nivel 3: Lógica Estándar (clsx style)', () => {
-        const isEnabled = true;
-        const isDark = false;
+    it('debe permitir sobreescribir baseKey y conditionKey', () => {
+        const cl = createCl([tailwindRegistry], {
+            baseKey: 'root',
+            conditionKey: 'when'
+        });
 
         const result = cl({
-            // Llaves que NO están en el registro se tratan como clases condicionales
-            'opacity-100': isEnabled,
-            'opacity-0': isDark,
-            // Mezcla con prefijos
-            hover: 'bg-blue-500'
+            root: 'container',
+            when: { hidden: true },
+            hover: { root: 'opacity-50' }
         });
 
-        expect(result).toContain('opacity-100');
-        expect(result).toContain('hover:bg-blue-500');
-        expect(result).not.toContain('opacity-0');
+        expect(result).toBe('container hidden hover:opacity-50');
     });
 
-    it('Nivel 4: Anidación de Prefijos', () => {
+    it('debe aplicar un prefijo global a todas las clases', () => {
+        const cl = createCl([tailwindRegistry], {
+            prefix: 'tw-'
+        });
+
         const result = cl({
-            md: {
-                hover: {
-                    dark: 'bg-black text-white'
-                }
-            }
+            base: 'flex',
+            hover: 'bg-black'
         });
-        expect(result).toBe('md:hover:dark:bg-black md:hover:dark:text-white');
-    });
 
-    it('Nivel 5: Resolución de Conflictos (twMerge)', () => {
-        // twMerge debe hacer que la última clase gane si hay colisión
-        const result = cl('p-2', { md: 'p-4' }, { md: 'p-8' });
-        // md:p-8 debe ganar a md:p-4, y p-2 se mantiene por ser base
-        expect(result).toBe('p-2 md:p-8');
+        // Resultado esperado: "tw-flex hover:tw-bg-black"
+        expect(result).toBe('tw-flex hover:tw-bg-black');
     });
 
-    it('Nivel 6: Manejo de Strings Complejos (Comas y saltos de línea)', () => {
+    it('debe resolver clases tratadas como llaves de objeto (shorthand)', () => {
+        const cl = createCl([tailwindRegistry]);
+        const isVisible = true;
+
         const result = cl({
-            md: 'text-xl, leading-tight, \n  font-bold'
+            'bg-white': true,
+            'text-black': isVisible,
+            hidden: false
         });
-        expect(result).toBe('md:text-xl md:leading-tight md:font-bold');
+
+        expect(result).toBe('bg-white text-black');
     });
 
-    it('Nivel 7: Integración con Variables/Ternarios Externos', () => {
-        const variant = 'primary';
-        const result = cl('base-btn', variant === 'primary' ? 'bg-blue-500' : 'bg-gray-500', {
-            md: ['px-4', variant === 'primary' ? 'text-white' : 'text-black']
-        });
-        expect(result).toBe('base-btn bg-blue-500 md:px-4 md:text-white');
+    it('debe integrar tailwind-merge correctamente', () => {
+        const cl = createCl([tailwindRegistry]);
+        // twMerge debería eliminar la clase redundante 'p-2'
+        const result = cl('p-2', 'p-4');
+        expect(result).toBe('p-4');
     });
 
-    it('Nivel 8: Lógica Condicional Anidada dentro de Prefijos', () => {
-        const isActive = true;
-        const isError = false;
-        // Forzamos el tipo para que TS permita comparar con 'light' en el test
-        const theme = 'dark' as 'light' | 'dark';
+    it('debe manejar múltiples plugins/diccionarios', () => {
+        const pluginA = { ui: 'ui' };
+        const pluginB = { theme: 'theme' };
+        const cl = createCl([pluginA, pluginB]);
 
         const result = cl({
-            md: {
-                // Objeto de lógica pura dentro de un prefijo
-                'bg-green-500': isActive,
-                'bg-red-500': isError,
-                // Combinación con otro prefijo anidado
-                dark: {
-                    'text-white': theme === 'dark',
-                    'text-black': theme === 'light' // Ahora TS ya no se queja
-                }
-            }
+            ui: 'button',
+            theme: 'dark'
         });
 
-        expect(result).toContain('md:bg-green-500');
-        expect(result).toContain('md:dark:text-white');
-        expect(result).not.toContain('bg-red-500');
-        expect(result).not.toContain('text-black');
+        expect(result).toBe('ui:button theme:dark');
     });
 });