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

package/dist/index.d.ts

@@ -2,6 +2,9 @@ export { mergeClasses } from './mergeClasses';
 export { makeStyles } from './makeStyles';
 export { makeStaticStyles } from './makeStaticStyles';
 export { makeResetStyles } from './makeResetStyles';
-export declare const shorthands: {};
+import { borderColor } from './shorthands';
+export declare const shorthands: {
+    borderColor: typeof borderColor;
+};
 export type { StyleRule, CSSValue, StylesBySlots, ClassNamesBySlot, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,UAAU,IAEtB,CAAC;AAEF,YAAY,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,gBAAgB,GACnB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EACH,WAAW,EACd,MAAM,cAAc,CAAC;AAEtB,eAAO,MAAM,UAAU;;CAEtB,CAAC;AAEF,YAAY,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,gBAAgB,GACnB,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -2,4 +2,7 @@ export { mergeClasses } from './mergeClasses';
 export { makeStyles } from './makeStyles';
 export { makeStaticStyles } from './makeStaticStyles';
 export { makeResetStyles } from './makeResetStyles';
-export const shorthands = {};
+import { borderColor } from './shorthands';
+export const shorthands = {
+    borderColor
+};

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/dist/shorthands/borderColor.d.ts

@@ -1 +1,3 @@
+import type { StyleRule } from '../types';
+export declare function borderColor(value: string): StyleRule;
 //# sourceMappingURL=borderColor.d.ts.map

package/dist/shorthands/borderColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"borderColor.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderColor.ts"],"names":[],"mappings":""}
+{"version":3,"file":"borderColor.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderColor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAOpD"}

package/dist/shorthands/borderColor.js

@@ -1 +1,8 @@
-"use strict";
+export function borderColor(value) {
+    return {
+        borderTopColor: value,
+        borderRightColor: value,
+        borderBottomColor: value,
+        borderLeftColor: value,
+    };
+}

package/dist/shorthands/index.d.ts

@@ -1 +1,2 @@
+export { borderColor } from './borderColor';
 //# sourceMappingURL=index.d.ts.map

package/dist/shorthands/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shorthands/index.ts"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shorthands/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/shorthands/index.js

@@ -1 +1 @@
-"use strict";
+export { borderColor } from './borderColor';

package/package.json

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

package/dist/shorthands/borderBottom.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=borderBottom.d.ts.map

package/dist/shorthands/borderBottom.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"borderBottom.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderBottom.ts"],"names":[],"mappings":""}

package/dist/shorthands/borderBottom.js

@@ -1 +0,0 @@
-"use strict";

package/dist/shorthands/borderLeft.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=borderLeft.d.ts.map

package/dist/shorthands/borderLeft.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"borderLeft.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderLeft.ts"],"names":[],"mappings":""}

package/dist/shorthands/borderLeft.js

@@ -1 +0,0 @@
-"use strict";

package/dist/shorthands/borderRadius.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=borderRadius.d.ts.map

package/dist/shorthands/borderRadius.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"borderRadius.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderRadius.ts"],"names":[],"mappings":""}

package/dist/shorthands/borderRadius.js

@@ -1 +0,0 @@
-"use strict";

package/dist/shorthands/borderRight.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=borderRight.d.ts.map

package/dist/shorthands/borderRight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"borderRight.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderRight.ts"],"names":[],"mappings":""}

package/dist/shorthands/borderRight.js

@@ -1 +0,0 @@
-"use strict";

package/dist/shorthands/borderStyle.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=borderStyle.d.ts.map

package/dist/shorthands/borderStyle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"borderStyle.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderStyle.ts"],"names":[],"mappings":""}

package/dist/shorthands/borderStyle.js

@@ -1 +0,0 @@
-"use strict";

package/dist/shorthands/borderTop.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=borderTop.d.ts.map

package/dist/shorthands/borderTop.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"borderTop.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderTop.ts"],"names":[],"mappings":""}

package/dist/shorthands/borderTop.js

@@ -1 +0,0 @@
-"use strict";

package/dist/shorthands/borderWidth.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=borderWidth.d.ts.map

package/dist/shorthands/borderWidth.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"borderWidth.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderWidth.ts"],"names":[],"mappings":""}

package/dist/shorthands/borderWidth.js

@@ -1 +0,0 @@
-"use strict";