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

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/insertWithBucket.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"insertWithBucket.d.ts","sourceRoot":"","sources":["../src/insertWithBucket.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAoC5C,wBAAgB,qBAAqB,CACjC,KAAK,EAAE,MAAM,EAAE,EACf,MAAM,EAAE,WAAW,QAuEtB"}
+{"version":3,"file":"insertWithBucket.d.ts","sourceRoot":"","sources":["../src/insertWithBucket.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAmC5C,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,WAAW,QAqDzE"}

package/dist/insertWithBucket.js

@@ -2,7 +2,6 @@ import { insertRulesOnce } from './insertOnce';
 import { StyleBucket } from './StyleBucket';
 const bucketRules = new Map();
 const seenBuckets = new Set();
-const flushedBuckets = new Set();
 const ORDER = [
     StyleBucket.Reset,
     StyleBucket.Base,
@@ -13,7 +12,6 @@ const ORDER = [
     StyleBucket.Focus,
     StyleBucket.User,
 ];
-// Buckets that should NOT block ordering if unused
 const OPTIONAL_BUCKETS = [
     StyleBucket.Base,
     StyleBucket.Size,
@@ -22,10 +20,10 @@ const OPTIONAL_BUCKETS = [
     StyleBucket.Focus,
     StyleBucket.User,
 ];
-// Mark optional buckets as seen by default
 for (const b of OPTIONAL_BUCKETS) {
     seenBuckets.add(b);
 }
+let highestInsertedBucketIndex = -1;
 function bucketName(bucket) {
     var _a;
     return (_a = StyleBucket[bucket]) !== null && _a !== void 0 ? _a : `UNKNOWN(${bucket})`;
@@ -33,45 +31,44 @@ function bucketName(bucket) {
 export function insertRulesWithBucket(rules, bucket) {
     console.groupCollapsed(`[STYLE] insertRulesWithBucket → ${bucketName(bucket)}`);
     console.log('incoming rules.length:', rules.length);
-    // mark bucket as seen
     seenBuckets.add(bucket);
-    // collect rules
     if (rules.length) {
         const existing = bucketRules.get(bucket);
-        if (existing) {
+        if (existing)
             existing.push(...rules);
-        }
-        else {
+        else
             bucketRules.set(bucket, [...rules]);
-        }
     }
     console.log('bucketRules:', Array.from(bucketRules.entries()).map(([b, r]) => `${bucketName(b)}=${r.length}`));
     console.log('seenBuckets:', Array.from(seenBuckets).map(bucketName));
-    // try flushing in strict ORDER
-    for (const b of ORDER) {
-        if (flushedBuckets.has(b)) {
-            console.log(`⏭ ${bucketName(b)} already flushed`);
-            continue;
-        }
-        // 🚨 critical guard
-        // do NOT flush if an earlier bucket has not been seen yet
-        const bIndex = ORDER.indexOf(b);
-        const hasUnseenEarlier = ORDER
-            .slice(0, bIndex)
-            .some(prev => !seenBuckets.has(prev));
-        if (hasUnseenEarlier) {
-            console.log(`⛔ ${bucketName(b)} blocked (earlier bucket not seen yet)`);
-            break; // cannot flush further
+    const targetIndex = ORDER.indexOf(bucket);
+    if (targetIndex === -1) {
+        console.warn('⛔ bucket not in ORDER:', bucket);
+        console.groupEnd();
+        return;
+    }
+    // Don’t insert beyond unseen required buckets
+    // (Reset + Appearance are required; Base/Size/Shape/State/Focus/User are optional via pre-seed)
+    for (let i = 0; i <= targetIndex; i++) {
+        if (!seenBuckets.has(ORDER[i])) {
+            console.log(`⛔ blocked at ${bucketName(ORDER[i])} (not seen yet)`);
+            console.groupEnd();
+            return;
         }
+    }
+    // Insert buckets in order up to targetIndex.
+    // IMPORTANT: we do NOT “flush forever”. We may insert more later.
+    for (let i = 0; i <= targetIndex; i++) {
+        const b = ORDER[i];
         const r = bucketRules.get(b);
         if (!r || r.length === 0) {
-            console.log(`⏳ ${bucketName(b)} has no rules yet`);
+            console.log(`⏳ ${bucketName(b)} has no queued rules`);
             continue;
         }
-        console.log(`➡ FLUSHING ${r.length} rules from ${bucketName(b)}`);
+        console.log(`➡ INSERTING ${r.length} queued rules from ${bucketName(b)}`);
         insertRulesOnce(r);
-        flushedBuckets.add(b);
         bucketRules.set(b, []);
+        highestInsertedBucketIndex = Math.max(highestInsertedBucketIndex, i);
     }
     console.groupEnd();
 }

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.0",
+  "version": "0.2.2",
   "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";