chaincss 2.1.20 → 2.1.22

package/dist/index.js

@@ -3353,18 +3353,8 @@ var compileRuntime = (s, moduleId) => styleInjector.injectMultiple(s, moduleId);
 // src/runtime/index.ts
 function injectChainStyles(styles) {
   let css = "";
-  let staticCount = 0, dynamicCount = 0, hybridCount = 0;
   for (const [key, obj] of Object.entries(styles)) {
     if (!obj || !obj.selectors) continue;
-    let stat = 0, dyn = 0;
-    for (const [k, v] of Object.entries(obj)) {
-      if (["selectors", "hover", "atRules", "nestedRules", "_name", "_classes", "__buildClasses", "__runtimeClasses", "__isHybrid"].includes(k)) continue;
-      if (typeof v === "function") dyn++;
-      else stat++;
-    }
-    if (stat > 0 && dyn > 0) hybridCount++;
-    else if (dyn > 0) dynamicCount++;
-    else staticCount++;
     const sel = "." + obj.selectors[0];
     css += sel + "{";
     for (const [k, v] of Object.entries(obj)) {
@@ -3389,7 +3379,7 @@ function injectChainStyles(styles) {
   el.setAttribute("data-chaincss", "runtime");
   el.textContent = css;
   document.head.appendChild(el);
-  console.log("\u26D3\uFE0F ChainCSS Split: \u{1F4E6} Static=" + staticCount + " \u26A1 Dynamic=" + dynamicCount + " \u{1F500} Hybrid=" + hybridCount + " | CSS: " + css.length + " bytes");
+  console.log("\u26D3\uFE0F ChainCSS \u2014 " + Object.keys(styles).length + " styles injected | CSS: " + css.length + " bytes | smartChain auto-detect active");
   return el;
 }
 

package/dist/runtime/index.js

@@ -3909,18 +3909,8 @@ var injectStyleContextSvelte = (...args) => getSvelteExports().injectStyleContex
 var chainStyles2 = (...args) => getSvelteExports().chainStyles?.(...args);
 function injectChainStyles(styles3) {
   let css = "";
-  let staticCount = 0, dynamicCount = 0, hybridCount = 0;
   for (const [key, obj] of Object.entries(styles3)) {
     if (!obj || !obj.selectors) continue;
-    let stat = 0, dyn = 0;
-    for (const [k, v] of Object.entries(obj)) {
-      if (["selectors", "hover", "atRules", "nestedRules", "_name", "_classes", "__buildClasses", "__runtimeClasses", "__isHybrid"].includes(k)) continue;
-      if (typeof v === "function") dyn++;
-      else stat++;
-    }
-    if (stat > 0 && dyn > 0) hybridCount++;
-    else if (dyn > 0) dynamicCount++;
-    else staticCount++;
     const sel = "." + obj.selectors[0];
     css += sel + "{";
     for (const [k, v] of Object.entries(obj)) {
@@ -3945,7 +3935,7 @@ function injectChainStyles(styles3) {
   el.setAttribute("data-chaincss", "runtime");
   el.textContent = css;
   document.head.appendChild(el);
-  console.log("\u26D3\uFE0F ChainCSS Split: \u{1F4E6} Static=" + staticCount + " \u26A1 Dynamic=" + dynamicCount + " \u{1F500} Hybrid=" + hybridCount + " | CSS: " + css.length + " bytes");
+  console.log("\u26D3\uFE0F ChainCSS \u2014 " + Object.keys(styles3).length + " styles injected | CSS: " + css.length + " bytes | smartChain auto-detect active");
   return el;
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chaincss",
-  "version": "2.1.20",
+  "version": "2.1.22",
   "description": "ChainCSS - The first CSS-in-JS library with true auto-detection mixed mode. Zero runtime by default, dynamic when you need it.",
   "type": "module",
   "main": "./dist/index.js",

package/src/runtime/index.ts

@@ -92,22 +92,10 @@ export type {
 // Auto-inject styles into DOM
 export function injectChainStyles(styles: Record<string, any>) {
   let css = '';
-  let staticCount = 0, dynamicCount = 0, hybridCount = 0;
-  
+
   for (const [key, obj] of Object.entries(styles)) {
     if (!obj || !obj.selectors) continue;
     
-    // Count static vs dynamic
-    let stat = 0, dyn = 0;
-    for (const [k, v] of Object.entries(obj)) {
-      if (['selectors','hover','atRules','nestedRules','_name','_classes','__buildClasses','__runtimeClasses','__isHybrid'].includes(k)) continue;
-      if (typeof v === 'function') dyn++;
-      else stat++;
-    }
-    if (stat > 0 && dyn > 0) hybridCount++;
-    else if (dyn > 0) dynamicCount++;
-    else staticCount++;
-    
     const sel = '.' + obj.selectors[0];
     css += sel + '{';
     for (const [k, v] of Object.entries(obj)) {
@@ -134,7 +122,7 @@ export function injectChainStyles(styles: Record<string, any>) {
   document.head.appendChild(el);
   
   // Show split stats in console
-  console.log('⛓️ ChainCSS Split: 📦 Static=' + staticCount + ' ⚡ Dynamic=' + dynamicCount + ' 🔀 Hybrid=' + hybridCount + ' | CSS: ' + css.length + ' bytes');
+  console.log('⛓️ ChainCSS — ' + Object.keys(styles).length + ' styles injected | CSS: ' + css.length + ' bytes | smartChain auto-detect active');
   
   return el;
 }