clases 1.1.0 → 1.1.2

package/dist/index.cjs

@@ -9,7 +9,7 @@ var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 // src/index.ts
 function createCl(...plugins) {
-  const registry = Object.assign({ base: "base" }, ...plugins);
+  const registry = Object.assign({}, ...plugins);
   const process = (key, value) => {
     if (!value) return "";
     if (Array.isArray(value)) {
@@ -18,14 +18,20 @@ function createCl(...plugins) {
     if (typeof value === "object") {
       return Object.entries(value).map(([nestedKey, nestedValue]) => {
         const isRegistered = registry[nestedKey] !== void 0;
-        const nextKey = key === "base" ? nestedKey : isRegistered ? `${key}:${nestedKey}` : key;
+        let nextKey;
+        if (key === "base") {
+          nextKey = nestedKey;
+        } else if (isRegistered) {
+          nextKey = `${key}:${nestedKey}`;
+        } else {
+          nextKey = key;
+        }
         return process(nextKey, nestedValue);
       }).join(" ");
     }
     const resolvedPrefix = key.split(":").map((part) => {
       if (part === "base") return null;
-      if (registry[part]) return registry[part];
-      return null;
+      return registry[part] || null;
     }).filter(Boolean).join(":");
     if (typeof value === "string") {
       return value.split(/[,\s\n]+/).filter(Boolean).map((cls) => !resolvedPrefix ? cls : `${resolvedPrefix}:${cls}`).join(" ");
@@ -35,7 +41,11 @@ function createCl(...plugins) {
   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 Object.entries(input).map(([k, v]) => {
+          if (v === true) return k;
+          const isRegistered = registry[k] !== void 0;
+          return process(isRegistered ? k : "base", v);
+        }).join(" ");
       }
       return input;
     });

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":["twMerge","clsx"],"mappings":";;;;;;;;;;AASO,SAAS,YAAuD,OAAA,EAAmB;AAKtF,EAAA,MAAM,QAAA,GAAmC,OAAO,MAAA,CAAO,EAAE,MAAM,MAAA,EAAO,EAAG,GAAG,OAAO,CAAA;AAQnF,EAAA,MAAM,OAAA,GAAU,CAAC,GAAA,EAAa,KAAA,KAAuB;AACjD,IAAA,IAAI,CAAC,OAAO,OAAO,EAAA;AAGnB,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;AAGA,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,OAAO,MAAA,CAAO,QAAQ,KAAK,CAAA,CACtB,IAAI,CAAC,CAAC,SAAA,EAAW,WAAW,CAAA,KAAM;AAM/B,QAAA,MAAM,YAAA,GAAe,QAAA,CAAS,SAAS,CAAA,KAAM,MAAA;AAC7C,QAAA,MAAM,OAAA,GACF,QAAQ,MAAA,GAAS,SAAA,GAAY,eAAe,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,GAAK,GAAA;AAExE,QAAA,OAAO,OAAA,CAAQ,SAAS,WAAW,CAAA;AAAA,MACvC,CAAC,CAAA,CACA,IAAA,CAAK,GAAG,CAAA;AAAA,IACjB;AAOA,IAAA,MAAM,iBAAiB,GAAA,CAClB,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAC,IAAA,KAAS;AACX,MAAA,IAAI,IAAA,KAAS,QAAQ,OAAO,IAAA;AAE5B,MAAA,IAAI,QAAA,CAAS,IAAI,CAAA,EAAG,OAAO,SAAS,IAAI,CAAA;AAExC,MAAA,OAAO,IAAA;AAAA,IACX,CAAC,CAAA,CACA,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAGb,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,OAAO,KAAA,CACF,MAAM,UAAU,CAAA,CAChB,OAAO,OAAO,CAAA,CACd,IAAI,CAAC,GAAA,KAAS,CAAC,cAAA,GAAiB,GAAA,GAAM,GAAG,cAAc,CAAA,CAAA,EAAI,GAAG,CAAA,CAAG,CAAA,CACjE,KAAK,GAAG,CAAA;AAAA,IACjB;AACA,IAAA,OAAO,EAAA;AAAA,EACX,CAAA;AAQA,EAAA,OAAO,IAAI,MAAA,KAAkB;AACzB,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 from 'clsx';\r\n\r\n/**\r\n * Creates a specialized utility for managing CSS classes with prefix support,\r\n * plugin mapping, and transparent logical nesting.\r\n * * @param plugins - An array of objects mapping custom aliases to real CSS prefixes.\r\n * @returns A function that processes class values, objects, and nested structures.\r\n */\r\nexport function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins) {\r\n    /**\r\n     * Internal registry that stores all official prefixes.\r\n     * Any key not found here will be treated as \"transparent\" logic.\r\n     */\r\n    const registry: Record<string, string> = Object.assign({ base: 'base' }, ...plugins);\r\n\r\n    /**\r\n     * Recursively processes keys and values to build the prefixed class string.\r\n     * * @param key - The current accumulated prefix path.\r\n     * @param value - The class value, array, or nested object to process.\r\n     * @returns A space-separated string of prefixed classes.\r\n     */\r\n    const process = (key: string, value: any): string => {\r\n        if (!value) return '';\r\n\r\n        // Handle Arrays: Process each element with the current key\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\n        // Handle Objects: Manage nesting and logical transparency\r\n        if (typeof value === 'object') {\r\n            return Object.entries(value)\r\n                .map(([nestedKey, nestedValue]) => {\r\n                    /**\r\n                     * Rule: If the child key is registered, we concatenate it.\r\n                     * If it's not registered, it's a \"logical\" key (transparent),\r\n                     * so we inherit the parent's prefix.\r\n                     */\r\n                    const isRegistered = registry[nestedKey] !== undefined;\r\n                    const nextKey =\r\n                        key === 'base' ? nestedKey : isRegistered ? `${key}:${nestedKey}` : key;\r\n\r\n                    return process(nextKey, nestedValue);\r\n                })\r\n                .join(' ');\r\n        }\r\n\r\n        /**\r\n         * FINAL RESOLUTION\r\n         * Maps aliases (e.g., 'ui') to real prefixes (e.g., 'prefix')\r\n         * and removes any non-registered logical parts.\r\n         */\r\n        const resolvedPrefix = key\r\n            .split(':')\r\n            .map((part) => {\r\n                if (part === 'base') return null;\r\n                // Return mapped value from registry if it exists\r\n                if (registry[part]) return registry[part];\r\n                // Otherwise, discard the part (Total Transparency)\r\n                return null;\r\n            })\r\n            .filter(Boolean)\r\n            .join(':');\r\n\r\n        // Apply the resolved prefix to each class in the string\r\n        if (typeof value === 'string') {\r\n            return value\r\n                .split(/[,\\s\\n]+/)\r\n                .filter(Boolean)\r\n                .map((cls) => (!resolvedPrefix ? cls : `${resolvedPrefix}:${cls}`))\r\n                .join(' ');\r\n        }\r\n        return '';\r\n    };\r\n\r\n    /**\r\n     * The final utility function.\r\n     * Processes inputs through the prefix engine and cleans them using tailwind-merge.\r\n     * * @param inputs - Variadic arguments including strings, objects, arrays, or booleans.\r\n     * @returns A merged and optimized string of Tailwind CSS classes.\r\n     */\r\n    return (...inputs: 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"]}
+{"version":3,"sources":["../src/index.ts"],"names":["twMerge","clsx"],"mappings":";;;;;;;;;;AAGO,SAAS,YAAuD,OAAA,EAAmB;AAEtF,EAAA,MAAM,WAAmC,MAAA,CAAO,MAAA,CAAO,EAAC,EAAG,GAAG,OAAO,CAAA;AAErE,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,CAAM,GAAA,CAAI,CAAC,CAAA,KAAM,OAAA,CAAQ,GAAA,EAAK,CAAC,CAAC,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,KAAK,GAAG,CAAA;AAAA,IACrE;AAEA,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,OAAO,MAAA,CAAO,QAAQ,KAAK,CAAA,CACtB,IAAI,CAAC,CAAC,SAAA,EAAW,WAAW,CAAA,KAAM;AAC/B,QAAA,MAAM,YAAA,GAAe,QAAA,CAAS,SAAS,CAAA,KAAM,MAAA;AAE7C,QAAA,IAAI,OAAA;AACJ,QAAA,IAAI,QAAQ,MAAA,EAAQ;AAChB,UAAA,OAAA,GAAU,SAAA;AAAA,QACd,WAAW,YAAA,EAAc;AACrB,UAAA,OAAA,GAAU,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,QACjC,CAAA,MAAO;AAEH,UAAA,OAAA,GAAU,GAAA;AAAA,QACd;AAEA,QAAA,OAAO,OAAA,CAAQ,SAAS,WAAW,CAAA;AAAA,MACvC,CAAC,CAAA,CACA,IAAA,CAAK,GAAG,CAAA;AAAA,IACjB;AAGA,IAAA,MAAM,iBAAiB,GAAA,CAClB,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAC,IAAA,KAAS;AACX,MAAA,IAAI,IAAA,KAAS,QAAQ,OAAO,IAAA;AAG5B,MAAA,OAAO,QAAA,CAAS,IAAI,CAAA,IAAK,IAAA;AAAA,IAC7B,CAAC,CAAA,CACA,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEb,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,OAAO,KAAA,CACF,MAAM,UAAU,CAAA,CAChB,OAAO,OAAO,CAAA,CACd,IAAI,CAAC,GAAA,KAAS,CAAC,cAAA,GAAiB,GAAA,GAAM,GAAG,cAAc,CAAA,CAAA,EAAI,GAAG,CAAA,CAAG,CAAA,CACjE,KAAK,GAAG,CAAA;AAAA,IACjB;AACA,IAAA,OAAO,EAAA;AAAA,EACX,CAAA;AAEA,EAAA,OAAO,IAAI,MAAA,KAAkB;AACzB,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,MAAA,CAAO,QAAQ,KAAK,CAAA,CACtB,IAAI,CAAC,CAAC,CAAA,EAAG,CAAC,CAAA,KAAM;AACb,UAAA,IAAI,CAAA,KAAM,MAAM,OAAO,CAAA;AAEvB,UAAA,MAAM,YAAA,GAAe,QAAA,CAAS,CAAC,CAAA,KAAM,MAAA;AACrC,UAAA,OAAO,OAAA,CAAQ,YAAA,GAAe,CAAA,GAAI,MAAA,EAAQ,CAAC,CAAA;AAAA,QAC/C,CAAC,CAAA,CACA,IAAA,CAAK,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 from 'clsx';\r\n\r\nexport function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins) {\r\n    // Importante: No incluimos 'base' aquí para que no interfiera en el filtrado final\r\n    const registry: Record<string, string> = Object.assign({}, ...plugins);\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.map((v) => process(key, v)).filter(Boolean).join(' ');\r\n        }\r\n\r\n        if (typeof value === 'object') {\r\n            return Object.entries(value)\r\n                .map(([nestedKey, nestedValue]) => {\r\n                    const isRegistered = registry[nestedKey] !== undefined;\r\n                    \r\n                    let nextKey: string;\r\n                    if (key === 'base') {\r\n                        nextKey = nestedKey;\r\n                    } else if (isRegistered) {\r\n                        nextKey = `${key}:${nestedKey}`;\r\n                    } else {\r\n                        // Si no está registrado, mantenemos el key actual (transparencia)\r\n                        nextKey = key;\r\n                    }\r\n\r\n                    return process(nextKey, nestedValue);\r\n                })\r\n                .join(' ');\r\n        }\r\n\r\n        // RESOLUCIÓN FINAL: Filtro estricto\r\n        const resolvedPrefix = key\r\n            .split(':')\r\n            .map((part) => {\r\n                if (part === 'base') return null;\r\n                // SOLO devolvemos si existe en el registro. \r\n                // Si 'variants' no está, esto devuelve null y se limpia.\r\n                return registry[part] || null; \r\n            })\r\n            .filter(Boolean)\r\n            .join(':');\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) => (!resolvedPrefix ? cls : `${resolvedPrefix}:${cls}`))\r\n                .join(' ');\r\n        }\r\n        return '';\r\n    };\r\n\r\n    return (...inputs: 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]) => {\r\n                        if (v === true) return k;\r\n                        // Si la llave inicial no está registrada, empezamos con 'base'\r\n                        const isRegistered = registry[k] !== undefined;\r\n                        return process(isRegistered ? k : 'base', v);\r\n                    })\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

@@ -1,9 +1,3 @@
-/**
- * Creates a specialized utility for managing CSS classes with prefix support,
- * plugin mapping, and transparent logical nesting.
- * * @param plugins - An array of objects mapping custom aliases to real CSS prefixes.
- * @returns A function that processes class values, objects, and nested structures.
- */
 declare function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins): (...inputs: any[]) => string;
 
 export { createCl };

package/dist/index.d.ts

@@ -1,9 +1,3 @@
-/**
- * Creates a specialized utility for managing CSS classes with prefix support,
- * plugin mapping, and transparent logical nesting.
- * * @param plugins - An array of objects mapping custom aliases to real CSS prefixes.
- * @returns A function that processes class values, objects, and nested structures.
- */
 declare function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins): (...inputs: any[]) => string;
 
 export { createCl };

package/dist/index.js

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 
 // src/index.ts
 function createCl(...plugins) {
-  const registry = Object.assign({ base: "base" }, ...plugins);
+  const registry = Object.assign({}, ...plugins);
   const process = (key, value) => {
     if (!value) return "";
     if (Array.isArray(value)) {
@@ -12,14 +12,20 @@ function createCl(...plugins) {
     if (typeof value === "object") {
       return Object.entries(value).map(([nestedKey, nestedValue]) => {
         const isRegistered = registry[nestedKey] !== void 0;
-        const nextKey = key === "base" ? nestedKey : isRegistered ? `${key}:${nestedKey}` : key;
+        let nextKey;
+        if (key === "base") {
+          nextKey = nestedKey;
+        } else if (isRegistered) {
+          nextKey = `${key}:${nestedKey}`;
+        } else {
+          nextKey = key;
+        }
         return process(nextKey, nestedValue);
       }).join(" ");
     }
     const resolvedPrefix = key.split(":").map((part) => {
       if (part === "base") return null;
-      if (registry[part]) return registry[part];
-      return null;
+      return registry[part] || null;
     }).filter(Boolean).join(":");
     if (typeof value === "string") {
       return value.split(/[,\s\n]+/).filter(Boolean).map((cls) => !resolvedPrefix ? cls : `${resolvedPrefix}:${cls}`).join(" ");
@@ -29,7 +35,11 @@ function createCl(...plugins) {
   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 Object.entries(input).map(([k, v]) => {
+          if (v === true) return k;
+          const isRegistered = registry[k] !== void 0;
+          return process(isRegistered ? k : "base", v);
+        }).join(" ");
       }
       return input;
     });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;AASO,SAAS,YAAuD,OAAA,EAAmB;AAKtF,EAAA,MAAM,QAAA,GAAmC,OAAO,MAAA,CAAO,EAAE,MAAM,MAAA,EAAO,EAAG,GAAG,OAAO,CAAA;AAQnF,EAAA,MAAM,OAAA,GAAU,CAAC,GAAA,EAAa,KAAA,KAAuB;AACjD,IAAA,IAAI,CAAC,OAAO,OAAO,EAAA;AAGnB,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;AAGA,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,OAAO,MAAA,CAAO,QAAQ,KAAK,CAAA,CACtB,IAAI,CAAC,CAAC,SAAA,EAAW,WAAW,CAAA,KAAM;AAM/B,QAAA,MAAM,YAAA,GAAe,QAAA,CAAS,SAAS,CAAA,KAAM,MAAA;AAC7C,QAAA,MAAM,OAAA,GACF,QAAQ,MAAA,GAAS,SAAA,GAAY,eAAe,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,GAAK,GAAA;AAExE,QAAA,OAAO,OAAA,CAAQ,SAAS,WAAW,CAAA;AAAA,MACvC,CAAC,CAAA,CACA,IAAA,CAAK,GAAG,CAAA;AAAA,IACjB;AAOA,IAAA,MAAM,iBAAiB,GAAA,CAClB,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAC,IAAA,KAAS;AACX,MAAA,IAAI,IAAA,KAAS,QAAQ,OAAO,IAAA;AAE5B,MAAA,IAAI,QAAA,CAAS,IAAI,CAAA,EAAG,OAAO,SAAS,IAAI,CAAA;AAExC,MAAA,OAAO,IAAA;AAAA,IACX,CAAC,CAAA,CACA,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAGb,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,OAAO,KAAA,CACF,MAAM,UAAU,CAAA,CAChB,OAAO,OAAO,CAAA,CACd,IAAI,CAAC,GAAA,KAAS,CAAC,cAAA,GAAiB,GAAA,GAAM,GAAG,cAAc,CAAA,CAAA,EAAI,GAAG,CAAA,CAAG,CAAA,CACjE,KAAK,GAAG,CAAA;AAAA,IACjB;AACA,IAAA,OAAO,EAAA;AAAA,EACX,CAAA;AAQA,EAAA,OAAO,IAAI,MAAA,KAAkB;AACzB,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 from 'clsx';\r\n\r\n/**\r\n * Creates a specialized utility for managing CSS classes with prefix support,\r\n * plugin mapping, and transparent logical nesting.\r\n * * @param plugins - An array of objects mapping custom aliases to real CSS prefixes.\r\n * @returns A function that processes class values, objects, and nested structures.\r\n */\r\nexport function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins) {\r\n    /**\r\n     * Internal registry that stores all official prefixes.\r\n     * Any key not found here will be treated as \"transparent\" logic.\r\n     */\r\n    const registry: Record<string, string> = Object.assign({ base: 'base' }, ...plugins);\r\n\r\n    /**\r\n     * Recursively processes keys and values to build the prefixed class string.\r\n     * * @param key - The current accumulated prefix path.\r\n     * @param value - The class value, array, or nested object to process.\r\n     * @returns A space-separated string of prefixed classes.\r\n     */\r\n    const process = (key: string, value: any): string => {\r\n        if (!value) return '';\r\n\r\n        // Handle Arrays: Process each element with the current key\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\n        // Handle Objects: Manage nesting and logical transparency\r\n        if (typeof value === 'object') {\r\n            return Object.entries(value)\r\n                .map(([nestedKey, nestedValue]) => {\r\n                    /**\r\n                     * Rule: If the child key is registered, we concatenate it.\r\n                     * If it's not registered, it's a \"logical\" key (transparent),\r\n                     * so we inherit the parent's prefix.\r\n                     */\r\n                    const isRegistered = registry[nestedKey] !== undefined;\r\n                    const nextKey =\r\n                        key === 'base' ? nestedKey : isRegistered ? `${key}:${nestedKey}` : key;\r\n\r\n                    return process(nextKey, nestedValue);\r\n                })\r\n                .join(' ');\r\n        }\r\n\r\n        /**\r\n         * FINAL RESOLUTION\r\n         * Maps aliases (e.g., 'ui') to real prefixes (e.g., 'prefix')\r\n         * and removes any non-registered logical parts.\r\n         */\r\n        const resolvedPrefix = key\r\n            .split(':')\r\n            .map((part) => {\r\n                if (part === 'base') return null;\r\n                // Return mapped value from registry if it exists\r\n                if (registry[part]) return registry[part];\r\n                // Otherwise, discard the part (Total Transparency)\r\n                return null;\r\n            })\r\n            .filter(Boolean)\r\n            .join(':');\r\n\r\n        // Apply the resolved prefix to each class in the string\r\n        if (typeof value === 'string') {\r\n            return value\r\n                .split(/[,\\s\\n]+/)\r\n                .filter(Boolean)\r\n                .map((cls) => (!resolvedPrefix ? cls : `${resolvedPrefix}:${cls}`))\r\n                .join(' ');\r\n        }\r\n        return '';\r\n    };\r\n\r\n    /**\r\n     * The final utility function.\r\n     * Processes inputs through the prefix engine and cleans them using tailwind-merge.\r\n     * * @param inputs - Variadic arguments including strings, objects, arrays, or booleans.\r\n     * @returns A merged and optimized string of Tailwind CSS classes.\r\n     */\r\n    return (...inputs: 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"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;AAGO,SAAS,YAAuD,OAAA,EAAmB;AAEtF,EAAA,MAAM,WAAmC,MAAA,CAAO,MAAA,CAAO,EAAC,EAAG,GAAG,OAAO,CAAA;AAErE,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,CAAM,GAAA,CAAI,CAAC,CAAA,KAAM,OAAA,CAAQ,GAAA,EAAK,CAAC,CAAC,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,KAAK,GAAG,CAAA;AAAA,IACrE;AAEA,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,OAAO,MAAA,CAAO,QAAQ,KAAK,CAAA,CACtB,IAAI,CAAC,CAAC,SAAA,EAAW,WAAW,CAAA,KAAM;AAC/B,QAAA,MAAM,YAAA,GAAe,QAAA,CAAS,SAAS,CAAA,KAAM,MAAA;AAE7C,QAAA,IAAI,OAAA;AACJ,QAAA,IAAI,QAAQ,MAAA,EAAQ;AAChB,UAAA,OAAA,GAAU,SAAA;AAAA,QACd,WAAW,YAAA,EAAc;AACrB,UAAA,OAAA,GAAU,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,QACjC,CAAA,MAAO;AAEH,UAAA,OAAA,GAAU,GAAA;AAAA,QACd;AAEA,QAAA,OAAO,OAAA,CAAQ,SAAS,WAAW,CAAA;AAAA,MACvC,CAAC,CAAA,CACA,IAAA,CAAK,GAAG,CAAA;AAAA,IACjB;AAGA,IAAA,MAAM,iBAAiB,GAAA,CAClB,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAC,IAAA,KAAS;AACX,MAAA,IAAI,IAAA,KAAS,QAAQ,OAAO,IAAA;AAG5B,MAAA,OAAO,QAAA,CAAS,IAAI,CAAA,IAAK,IAAA;AAAA,IAC7B,CAAC,CAAA,CACA,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEb,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,MAAA,OAAO,KAAA,CACF,MAAM,UAAU,CAAA,CAChB,OAAO,OAAO,CAAA,CACd,IAAI,CAAC,GAAA,KAAS,CAAC,cAAA,GAAiB,GAAA,GAAM,GAAG,cAAc,CAAA,CAAA,EAAI,GAAG,CAAA,CAAG,CAAA,CACjE,KAAK,GAAG,CAAA;AAAA,IACjB;AACA,IAAA,OAAO,EAAA;AAAA,EACX,CAAA;AAEA,EAAA,OAAO,IAAI,MAAA,KAAkB;AACzB,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,MAAA,CAAO,QAAQ,KAAK,CAAA,CACtB,IAAI,CAAC,CAAC,CAAA,EAAG,CAAC,CAAA,KAAM;AACb,UAAA,IAAI,CAAA,KAAM,MAAM,OAAO,CAAA;AAEvB,UAAA,MAAM,YAAA,GAAe,QAAA,CAAS,CAAC,CAAA,KAAM,MAAA;AACrC,UAAA,OAAO,OAAA,CAAQ,YAAA,GAAe,CAAA,GAAI,MAAA,EAAQ,CAAC,CAAA;AAAA,QAC/C,CAAC,CAAA,CACA,IAAA,CAAK,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 from 'clsx';\r\n\r\nexport function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins) {\r\n    // Importante: No incluimos 'base' aquí para que no interfiera en el filtrado final\r\n    const registry: Record<string, string> = Object.assign({}, ...plugins);\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.map((v) => process(key, v)).filter(Boolean).join(' ');\r\n        }\r\n\r\n        if (typeof value === 'object') {\r\n            return Object.entries(value)\r\n                .map(([nestedKey, nestedValue]) => {\r\n                    const isRegistered = registry[nestedKey] !== undefined;\r\n                    \r\n                    let nextKey: string;\r\n                    if (key === 'base') {\r\n                        nextKey = nestedKey;\r\n                    } else if (isRegistered) {\r\n                        nextKey = `${key}:${nestedKey}`;\r\n                    } else {\r\n                        // Si no está registrado, mantenemos el key actual (transparencia)\r\n                        nextKey = key;\r\n                    }\r\n\r\n                    return process(nextKey, nestedValue);\r\n                })\r\n                .join(' ');\r\n        }\r\n\r\n        // RESOLUCIÓN FINAL: Filtro estricto\r\n        const resolvedPrefix = key\r\n            .split(':')\r\n            .map((part) => {\r\n                if (part === 'base') return null;\r\n                // SOLO devolvemos si existe en el registro. \r\n                // Si 'variants' no está, esto devuelve null y se limpia.\r\n                return registry[part] || null; \r\n            })\r\n            .filter(Boolean)\r\n            .join(':');\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) => (!resolvedPrefix ? cls : `${resolvedPrefix}:${cls}`))\r\n                .join(' ');\r\n        }\r\n        return '';\r\n    };\r\n\r\n    return (...inputs: 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]) => {\r\n                        if (v === true) return k;\r\n                        // Si la llave inicial no está registrada, empezamos con 'base'\r\n                        const isRegistered = registry[k] !== undefined;\r\n                        return process(isRegistered ? k : 'base', v);\r\n                    })\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

@@ -1,6 +1,6 @@
 {
   "name": "clases",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/index.ts

@@ -1,72 +1,49 @@
 import { twMerge } from 'tailwind-merge';
 import clsx from 'clsx';
 
-/**
- * Creates a specialized utility for managing CSS classes with prefix support,
- * plugin mapping, and transparent logical nesting.
- * * @param plugins - An array of objects mapping custom aliases to real CSS prefixes.
- * @returns A function that processes class values, objects, and nested structures.
- */
 export function createCl<TPlugins extends Record<string, string>[]>(...plugins: TPlugins) {
-    /**
-     * Internal registry that stores all official prefixes.
-     * Any key not found here will be treated as "transparent" logic.
-     */
-    const registry: Record<string, string> = Object.assign({ base: 'base' }, ...plugins);
+    // Importante: No incluimos 'base' aquí para que no interfiera en el filtrado final
+    const registry: Record<string, string> = Object.assign({}, ...plugins);
 
-    /**
-     * Recursively processes keys and values to build the prefixed class string.
-     * * @param key - The current accumulated prefix path.
-     * @param value - The class value, array, or nested object to process.
-     * @returns A space-separated string of prefixed classes.
-     */
     const process = (key: string, value: any): string => {
         if (!value) return '';
 
-        // Handle Arrays: Process each element with the current key
         if (Array.isArray(value)) {
-            return value
-                .map((v) => process(key, v))
-                .filter(Boolean)
-                .join(' ');
+            return value.map((v) => process(key, v)).filter(Boolean).join(' ');
         }
 
-        // Handle Objects: Manage nesting and logical transparency
         if (typeof value === 'object') {
             return Object.entries(value)
                 .map(([nestedKey, nestedValue]) => {
-                    /**
-                     * Rule: If the child key is registered, we concatenate it.
-                     * If it's not registered, it's a "logical" key (transparent),
-                     * so we inherit the parent's prefix.
-                     */
                     const isRegistered = registry[nestedKey] !== undefined;
-                    const nextKey =
-                        key === 'base' ? nestedKey : isRegistered ? `${key}:${nestedKey}` : key;
+                    
+                    let nextKey: string;
+                    if (key === 'base') {
+                        nextKey = nestedKey;
+                    } else if (isRegistered) {
+                        nextKey = `${key}:${nestedKey}`;
+                    } else {
+                        // Si no está registrado, mantenemos el key actual (transparencia)
+                        nextKey = key;
+                    }
 
                     return process(nextKey, nestedValue);
                 })
                 .join(' ');
         }
 
-        /**
-         * FINAL RESOLUTION
-         * Maps aliases (e.g., 'ui') to real prefixes (e.g., 'prefix')
-         * and removes any non-registered logical parts.
-         */
+        // RESOLUCIÓN FINAL: Filtro estricto
         const resolvedPrefix = key
             .split(':')
             .map((part) => {
                 if (part === 'base') return null;
-                // Return mapped value from registry if it exists
-                if (registry[part]) return registry[part];
-                // Otherwise, discard the part (Total Transparency)
-                return null;
+                // SOLO devolvemos si existe en el registro. 
+                // Si 'variants' no está, esto devuelve null y se limpia.
+                return registry[part] || null; 
             })
             .filter(Boolean)
             .join(':');
 
-        // Apply the resolved prefix to each class in the string
         if (typeof value === 'string') {
             return value
                 .split(/[,\s\n]+/)
@@ -77,17 +54,16 @@ export function createCl<TPlugins extends Record<string, string>[]>(...plugins:
         return '';
     };
 
-    /**
-     * The final utility function.
-     * Processes inputs through the prefix engine and cleans them using tailwind-merge.
-     * * @param inputs - Variadic arguments including strings, objects, arrays, or booleans.
-     * @returns A merged and optimized string of Tailwind CSS classes.
-     */
     return (...inputs: 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)))
+                    .map(([k, v]) => {
+                        if (v === true) return k;
+                        // Si la llave inicial no está registrada, empezamos con 'base'
+                        const isRegistered = registry[k] !== undefined;
+                        return process(isRegistered ? k : 'base', v);
+                    })
                     .join(' ');
             }
             return input;

package/src/test/cn.test.ts

@@ -77,4 +77,90 @@ it('Nivel 5: El "Inception" (Lógica anidada, condicionales y plugins)', () => {
         // md:p-8 debe ganar a md:p-4
         expect(result).toBe('md:p-8');
     });
+
+    it('Nivel 7: Selectores Dinámicos (Sintaxis de Componente)', () => {
+        const variant = 'primary';
+        const onHover = 'scale';
+
+        const result = cl({
+            // 'variants' no está registrado -> Desaparece
+            variants: {
+                primary: 'bg-action text-white',
+                secondary: 'bg-neutral-50 text-black'
+            }[variant],
+
+            // 'effects' no está registrado -> Desaparece
+            effects: {
+                scale: 'elevate-hover',
+                dim: 'hover:opacity-80'
+            }[onHover]
+        });
+
+        // El resultado no debe contener ni 'variants:' ni 'effects:'
+        expect(result).toBe('bg-action text-white elevate-hover');
+        expect(result).not.toContain('variants:');
+        expect(result).not.toContain('effects:');
+    });
+
+    it('Nivel 8: Combinación de Selectores con Prefijos Registrados', () => {
+        const variant = 'secondary';
+        const isDark = true;
+
+        const result = cl({
+            md: {
+                // Selector dinámico dentro de un prefijo registrado
+                container: {
+                    [variant]: {
+                        base: 'p-4',
+                        // Prefijo registrado dentro de un selector dinámico
+                        hover: 'shadow-xl'
+                    }
+                }[variant]
+            }
+        });
+
+        // 'md' y 'hover' se mantienen, 'container' y 'secondary' desaparecen
+        expect(result).toBe('md:p-4 md:hover:shadow-xl');
+    });
+
+    it('Nivel 9: El Caso del Botón (Reproducción de Bug)', () => {
+        const variant = 'secondary';
+        const onHover = 'scale';
+
+        const result = cl(
+            // 1. Clases base (Strings)
+            'py-2 px-4 rounded-lg flex clickable',
+            // 2. Objeto de configuración con lógica dinámica
+            {
+                variants: {
+                    primary: 'bg-action text-white',
+                    secondary: 'bg-neutral-50 text-text-muted border-2',
+                    danger: 'bg-red-400 text-white'
+                }[variant],
+
+                effects: {
+                    scale: 'elevate-hover',
+                    dim: 'hover:opacity-80 transition-opacity',
+                    color: {
+                        primary: 'hover:bg-action-hover',
+                        secondary: 'hover:bg-neutral-200'
+                    }[variant]
+                }[onHover]
+            }
+        );
+
+        // Verificación de limpieza
+        expect(result).not.toContain('variants:');
+        expect(result).not.toContain('effects:');
+
+        // Verificación de contenido
+        expect(result).toContain('bg-neutral-50');
+        expect(result).toContain('elevate-hover');
+        expect(result).toContain('clickable'); // Debe mantener las clases base
+
+        // El resultado final debe ser un string limpio de Tailwind
+        expect(result).toBe(
+            'py-2 px-4 rounded-lg flex clickable bg-neutral-50 text-text-muted border-2 elevate-hover'
+        );
+    });
 });