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

package/dist/insertOnce.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"insertOnce.d.ts","sourceRoot":"","sources":["../src/insertOnce.ts"],"names":[],"mappings":"AAcA,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,QAU9C"}
+{"version":3,"file":"insertOnce.d.ts","sourceRoot":"","sources":["../src/insertOnce.ts"],"names":[],"mappings":"AAcA,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,QAkB9C"}

package/dist/insertOnce.js

@@ -10,6 +10,8 @@ function ensureSheet() {
     return sheet;
 }
 export function insertRulesOnce(rules) {
+    console.log('[insertRulesOnce]', 'called with', rules.length, 'rules');
+    console.log(rules);
     if (rules.length === 0)
         return;
     const sheet = ensureSheet();

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;AAqB5C,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;AAoC5C,wBAAgB,qBAAqB,CACjC,KAAK,EAAE,MAAM,EAAE,EACf,MAAM,EAAE,WAAW,QAuEtB"}

package/dist/insertWithBucket.js

@@ -13,6 +13,19 @@ const ORDER = [
     StyleBucket.Focus,
     StyleBucket.User,
 ];
+// Buckets that should NOT block ordering if unused
+const OPTIONAL_BUCKETS = [
+    StyleBucket.Base,
+    StyleBucket.Size,
+    StyleBucket.Shape,
+    StyleBucket.State,
+    StyleBucket.Focus,
+    StyleBucket.User,
+];
+// Mark optional buckets as seen by default
+for (const b of OPTIONAL_BUCKETS) {
+    seenBuckets.add(b);
+}
 function bucketName(bucket) {
     var _a;
     return (_a = StyleBucket[bucket]) !== null && _a !== void 0 ? _a : `UNKNOWN(${bucket})`;

package/dist/makeStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"makeStyles.d.ts","sourceRoot":"","sources":["../src/makeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG/D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,wBAAgB,UAAU,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACpD,aAAa,EAAE,aAAa,CAAC,KAAK,CAAC,EACnC,MAAM,GAAE,WAAoC,SAOf,gBAAgB,CAAC,KAAK,CAAC,CAevD"}
+{"version":3,"file":"makeStyles.d.ts","sourceRoot":"","sources":["../src/makeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG/D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,wBAAgB,UAAU,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACpD,aAAa,EAAE,aAAa,CAAC,KAAK,CAAC,EACnC,MAAM,GAAE,WAAoC,SAOf,gBAAgB,CAAC,KAAK,CAAC,CAsBvD"}

package/dist/makeStyles.js

@@ -9,6 +9,12 @@ export function makeStyles(stylesBySlots, bucket = StyleBucket.Appearance) {
     return function useStyles() {
         if (!cachedClassNames) {
             const { classNamesBySlot, cssRules } = resolveStyleRulesForSlots(stylesBySlots, atomicCache);
+            console.log('[makeStyles]', {
+                bucket,
+                classNamesBySlot,
+                cssRulesLength: cssRules.length,
+                cssRules,
+            });
             cachedClassNames = classNamesBySlot;
             if (!inserted) {
                 insertRulesWithBucket(cssRules, bucket);

package/package.json

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