css-in-js-engine-pb 0.2.2 → 0.2.3

package/dist/mergeStyleRules.d.ts

@@ -0,0 +1,3 @@
+import { StyleRule } from './types';
+export declare function mergeStyleRules(rules: StyleRule[]): StyleRule;
+//# sourceMappingURL=mergeStyleRules.d.ts.map

package/dist/mergeStyleRules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeStyleRules.d.ts","sourceRoot":"","sources":["../src/mergeStyleRules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,CAU7D"}

package/dist/mergeStyleRules.js

@@ -0,0 +1,9 @@
+export function mergeStyleRules(rules) {
+    const result = {};
+    for (const rule of rules) {
+        for (const key in rule) {
+            result[key] = rule[key];
+        }
+    }
+    return result;
+}

package/dist/resolveStyleRules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolveStyleRules.d.ts","sourceRoot":"","sources":["../src/resolveStyleRules.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAa,aAAa,EAAE,MAAM,SAAS,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAmDhD,wBAAgB,yBAAyB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACnE,aAAa,EAAE,aAAa,CAAC,KAAK,CAAC,EACnC,WAAW,CAAC,EAAE,eAAe,GAC9B,aAAa,CAAC,KAAK,CAAC,CAetB"}
+{"version":3,"file":"resolveStyleRules.d.ts","sourceRoot":"","sources":["../src/resolveStyleRules.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAa,aAAa,EAAE,MAAM,SAAS,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAyEhD,wBAAgB,yBAAyB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACnE,aAAa,EAAE,aAAa,CAAC,KAAK,CAAC,EACnC,WAAW,CAAC,EAAE,eAAe,GAC9B,aAAa,CAAC,KAAK,CAAC,CAwBtB"}

package/dist/resolveStyleRules.js

@@ -1,32 +1,49 @@
 import { camelToKebab, resolveValue } from './utils/css';
 import { AtomicRuleCache } from './atomicCache';
-function buildAtomicClasses(rule, cache, cssRulesOut, atRule) {
+function buildAtomicClasses(rule, cache, cssRulesOut, atRule, seenDecls = new Set()) {
     const classNames = [];
     for (const key in rule) {
         const val = rule[key];
         if (val == null)
             continue;
+        // --- at-rules (@media, @supports, etc.)
         if (key.startsWith('@') && typeof val === 'object') {
-            const nested = buildAtomicClasses(val, cache, cssRulesOut, key);
+            const nested = buildAtomicClasses(val, cache, cssRulesOut, key, seenDecls);
             classNames.push(...nested);
             continue;
         }
+        // --- pseudo selectors (:hover, :active, etc.)
         if (key.startsWith(':') && typeof val === 'object') {
+            const selector = `&${key}`;
             for (const prop in val) {
                 const v = val[prop];
                 if (v == null || typeof v === 'object')
                     continue;
-                const decl = `${camelToKebab(prop)}:${resolveValue(v)}`;
-                const res = cache.getOrCreate(`&${key}`, decl, atRule);
+                const cssProp = camelToKebab(prop);
+                const declKey = `${atRule !== null && atRule !== void 0 ? atRule : ''}|${selector}|${cssProp}`;
+                // 👇 LAST ONE WINS — drop earlier declarations
+                if (seenDecls.has(declKey))
+                    continue;
+                seenDecls.add(declKey);
+                const decl = `${cssProp}:${resolveValue(v)}`;
+                const res = cache.getOrCreate(selector, decl, atRule);
                 classNames.push(res.className);
                 if (res.ruleText)
                     cssRulesOut.push(res.ruleText);
             }
             continue;
         }
+        // --- normal properties
         if (typeof val !== 'object') {
-            const decl = `${camelToKebab(key)}:${resolveValue(val)}`;
-            const res = cache.getOrCreate('&', decl, atRule);
+            const cssProp = camelToKebab(key);
+            const selector = '&';
+            const declKey = `${atRule !== null && atRule !== void 0 ? atRule : ''}|${selector}|${cssProp}`;
+            // 👇 LAST ONE WINS — drop earlier declarations
+            if (seenDecls.has(declKey))
+                continue;
+            seenDecls.add(declKey);
+            const decl = `${cssProp}:${resolveValue(val)}`;
+            const res = cache.getOrCreate(selector, decl, atRule);
             classNames.push(res.className);
             if (res.ruleText)
                 cssRulesOut.push(res.ruleText);
@@ -40,7 +57,9 @@ export function resolveStyleRulesForSlots(stylesBySlots, sharedCache) {
     const classNamesBySlot = {};
     for (const slot in stylesBySlots) {
         const rule = stylesBySlots[slot];
-        const atomicClasses = buildAtomicClasses(rule !== null && rule !== void 0 ? rule : {}, cache, cssRules);
+        // 👇 NEW: fresh seenDecls PER SLOT
+        const seenDecls = new Set();
+        const atomicClasses = buildAtomicClasses(rule !== null && rule !== void 0 ? rule : {}, cache, cssRules, undefined, seenDecls);
         classNamesBySlot[slot] = atomicClasses.join(' ');
     }
     return { classNamesBySlot, cssRules };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-in-js-engine-pb",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "A lightweight atomic CSS-in-JS engine built on the native CSS cascade",
   "license": "MIT",
   "type": "module",