@master/css-runtime 2.0.0-rc.71 → 2.0.0-rc.73

package/dist/index.development.mjs

@@ -1,7 +1,6 @@
 import { Layer, AnimationRule, VariableRule, compareRulePriority, ThemeLayer, MasterCSS } from '@master/css-engine';
 import { MASTER_CSS_HYDRATION_MANIFEST_ATTR, MASTER_CSS_HYDRATION_MANIFEST_SCRIPT_ID } from '@master/css-schema/hydration-manifest';
 import { MASTER_CSS_RUNTIME_STYLE_ID } from '@master/css-schema/runtime-style';
-import { installHook } from '@master/css-devtools-hook';
 
 const createLogger = (type)=>{
     return (message, ...args)=>{
@@ -27,42 +26,39 @@ const loggers = {
 const log = createLogger();
 Object.assign(log, loggers);
 
-function registerClassCountDebugger() {
-    const hook = globalThis.__MASTER_CSS_DEVTOOLS_HOOK__;
-    hook.on('runtime:mutated', ({ records, classCounts, cssRuntime })=>{
-        const actualClassCounts = {};
-        let errored = false;
-        const resolveClass = (className)=>{
-            if (Object.prototype.hasOwnProperty.call(actualClassCounts, className)) {
-                actualClassCounts[className]++;
-            } else {
-                actualClassCounts[className] = 1;
-            }
-        };
-        (cssRuntime.root.constructor.name === 'HTMLDocument' ? cssRuntime.host : cssRuntime.container).querySelectorAll('[class]').forEach((element)=>{
-            element.classList.forEach(resolveClass);
-        });
-        cssRuntime.host.classList.forEach(resolveClass);
-        for(const className in actualClassCounts){
-            const eachCount = cssRuntime.classCounts.get(className);
-            const eachActualCount = actualClassCounts[className];
-            if (eachCount !== eachActualCount) {
-                log.error(`Class count mismatch for \`${className}\` (expected ${eachActualCount}) (received ${eachCount})`);
-                errored = true;
-            }
+function debugRuntimeMutation(records, classCounts, cssRuntime) {
+    const actualClassCounts = {};
+    let errored = false;
+    const resolveClass = (className)=>{
+        if (Object.prototype.hasOwnProperty.call(actualClassCounts, className)) {
+            actualClassCounts[className]++;
+        } else {
+            actualClassCounts[className] = 1;
         }
-        cssRuntime.classCounts.forEach((eachCount, className)=>{
-            if (!Object.prototype.hasOwnProperty.call(actualClassCounts, className)) {
-                log.error(`Class count mismatch for \`${className}\` (expected ${0}) (received ${eachCount})`);
-                errored = true;
-            }
-        });
-        if (errored) {
-            log.debug('Records:', records);
-            log.debug('Serialized Records:', serializeMutations(records));
-            log.debug('Counts:', classCounts);
+    };
+    (cssRuntime.root.constructor.name === 'HTMLDocument' ? cssRuntime.host : cssRuntime.container).querySelectorAll('[class]').forEach((element)=>{
+        element.classList.forEach(resolveClass);
+    });
+    cssRuntime.host.classList.forEach(resolveClass);
+    for(const className in actualClassCounts){
+        const eachCount = cssRuntime.classCounts.get(className);
+        const eachActualCount = actualClassCounts[className];
+        if (eachCount !== eachActualCount) {
+            log.error(`Class count mismatch for \`${className}\` (expected ${eachActualCount}) (received ${eachCount})`);
+            errored = true;
+        }
+    }
+    cssRuntime.classCounts.forEach((eachCount, className)=>{
+        if (!Object.prototype.hasOwnProperty.call(actualClassCounts, className)) {
+            log.error(`Class count mismatch for \`${className}\` (expected ${0}) (received ${eachCount})`);
+            errored = true;
         }
     });
+    if (errored) {
+        log.debug('Records:', records);
+        log.debug('Serialized Records:', serializeMutations(records));
+        log.debug('Counts:', classCounts);
+    }
 }
 function serializeMutations(mutations) {
     return mutations.map((m)=>{
@@ -90,43 +86,37 @@ function serializeMutations(mutations) {
     });
 }
 
-function registerLifecycleDebugger() {
-    const hook = globalThis.__MASTER_CSS_DEVTOOLS_HOOK__;
-    hook.on('runtime:created', ({ cssRuntime })=>{
-        log.debug('created', cssRuntime);
-    });
-    hook.on('runtime:hydrated', ({ cssRuntime })=>{
-        log.debug('hydrated', cssRuntime);
-    });
-    hook.on('runtime:observed', ({ cssRuntime })=>{
-        log.debug('observed', cssRuntime);
-        if (cssRuntime.progressive) {
-            log.info('Progressive rendering is adopted.');
-            log.debug('pre-rendered CSS', cssRuntime.style);
-        } else {
-            log.info('Runtime rendering is adopted.');
-        }
-    });
-    hook.on('runtime:refreshed', ({ cssRuntime, manifest })=>{
-        log.debug('refreshed', cssRuntime, manifest);
-    });
-    hook.on('runtime:disconnected', ({ cssRuntime })=>{
-        log.debug('disconnected', cssRuntime);
-    });
-    hook.on('runtime:destroyed', ({ cssRuntime })=>{
-        log.debug('destroyed', cssRuntime);
-    });
+function debugRuntimeCreated(cssRuntime) {
+    log.debug('created', cssRuntime);
+}
+function debugRuntimeHydrated(cssRuntime, result) {
+    log.debug('hydrated', cssRuntime, result);
+}
+function debugRuntimeObserved(cssRuntime) {
+    log.debug('observed', cssRuntime);
+    if (cssRuntime.progressive) {
+        log.info('Progressive rendering is adopted.');
+        log.debug('pre-rendered CSS', cssRuntime.style);
+    } else {
+        log.info('Runtime rendering is adopted.');
+    }
+}
+function debugRuntimeRefreshed(cssRuntime, manifest) {
+    log.debug('refreshed', cssRuntime, manifest);
+}
+function debugRuntimeDisconnected(cssRuntime) {
+    log.debug('disconnected', cssRuntime);
+}
+function debugRuntimeDestroyed(cssRuntime) {
+    log.debug('destroyed', cssRuntime);
 }
 
 function startDebuggers() {
     log.info('Debug mode is enabled by default in development.');
-    registerClassCountDebugger();
-    registerLifecycleDebugger();
 }
 
 function registerGlobal(CSSRuntime) {
     if (!globalThis.MasterCSSRuntime) globalThis.MasterCSSRuntime = CSSRuntime;
-    installHook();
     {
         startDebuggers();
     }
@@ -387,6 +377,21 @@ class RuntimeThemeLayer extends ThemeLayer {
         const normalizedSelectorText = selectorText.replace(/\s*,\s*/g, ',').replace(/\s+/g, ' ').trim();
         return normalizedMediaText + '\n' + normalizedSelectorText;
     }
+    setBucketSyntheticDeclarations(bucket, mode) {
+        for (const { name, value } of this.getBucketSyntheticDeclarations({
+            mediaText: bucket.mediaText,
+            mode,
+            selectorText: bucket.selectorText
+        })){
+            bucket.styleRule.style.setProperty(name, value);
+        }
+    }
+    hasVariableDeclarations(styleRule) {
+        for(let index = 0; index < styleRule.style.length; index++){
+            if (styleRule.style.item(index).startsWith('--')) return true;
+        }
+        return false;
+    }
     getStyleRule(nativeRule) {
         if (nativeRule instanceof CSSStyleRule) return nativeRule;
         if (nativeRule instanceof CSSGroupingRule) {
@@ -411,12 +416,20 @@ class RuntimeThemeLayer extends ThemeLayer {
             });
         }
     }
-    ensureNativeBucket(mediaText, selectorText) {
+    ensureNativeBucket(mediaText, selectorText, mode) {
         if (!this.native) return;
         const key = this.getBucketKey(mediaText, selectorText);
         let bucket = this.nativeBuckets.get(key);
-        if (bucket) return bucket;
-        const text = mediaText ? `${mediaText}{${selectorText}{}}` : `${selectorText}{}`;
+        if (bucket) {
+            this.setBucketSyntheticDeclarations(bucket, mode);
+            return bucket;
+        }
+        const declarationText = this.getBucketSyntheticDeclarations({
+            mediaText,
+            mode,
+            selectorText
+        }).map(({ name, value })=>`${name}:${value}`).join(';');
+        const text = mediaText ? `${mediaText}{${selectorText}{${declarationText}}}` : `${selectorText}{${declarationText}}`;
         const insertedIndex = this.native.insertRule(text, this.getNativeBucketInsertIndex(mediaText, selectorText));
         const nativeRule = this.native.cssRules.item(insertedIndex);
         if (!nativeRule) return;
@@ -425,6 +438,7 @@ class RuntimeThemeLayer extends ThemeLayer {
         const newBucket = {
             key,
             mediaText,
+            mode,
             selectorText,
             nativeRule,
             styleRule
@@ -458,9 +472,12 @@ class RuntimeThemeLayer extends ThemeLayer {
         const insertedIndex = super.insert(rule, index);
         if (insertedIndex === undefined || !this.native || wasEmpty) return insertedIndex;
         for (const node of rule.nodes){
-            const bucket = this.ensureNativeBucket(node.mediaText, node.selectorText);
-            bucket?.styleRule.style.setProperty(node.declarationName, node.declarationValue);
-            node.native = bucket?.styleRule;
+            const bucket = this.ensureNativeBucket(node.mediaText, node.selectorText, node.mode);
+            if (bucket) {
+                this.setBucketSyntheticDeclarations(bucket, node.mode);
+                bucket.styleRule.style.setProperty(node.declarationName, node.declarationValue);
+                node.native = bucket.styleRule;
+            }
         }
         return insertedIndex;
     }
@@ -473,7 +490,7 @@ class RuntimeThemeLayer extends ThemeLayer {
             const bucket = this.nativeBuckets.get(bucketKey);
             if (!bucket) continue;
             bucket.styleRule.style.removeProperty(node.declarationName);
-            if (bucket.styleRule.style.length === 0) {
+            if (!this.hasVariableDeclarations(bucket.styleRule)) {
                 const foundIndex = findNativeCSSRuleIndex(this.native.cssRules, bucket.nativeRule);
                 if (foundIndex !== -1) {
                     this.native.deleteRule(foundIndex);
@@ -779,10 +796,8 @@ class CSSRuntime extends MasterCSS {
         if (isDocumentRoot(this.root)) {
             this.root.defaultView.globalThis.masterCSSRuntime = this;
         }
-        if (!registered) {
-            __MASTER_CSS_DEVTOOLS_HOOK__?.emit('runtime:created', {
-                cssRuntime: this
-            });
+        if (!registered && "development" === 'development') {
+            debugRuntimeCreated(this);
         }
         return this;
     }
@@ -893,11 +908,9 @@ class CSSRuntime extends MasterCSS {
         }
         if (addedClassNames.length) this.add(...addedClassNames);
         if (removedClassNames.length) this.remove(...removedClassNames);
-        globalThis.__MASTER_CSS_DEVTOOLS_HOOK__?.emit('runtime:mutated', {
-            records,
-            classCounts: deltaCounts,
-            cssRuntime: this
-        });
+        {
+            debugRuntimeMutation(records, deltaCounts, this);
+        }
     }
     startMutationObserver() {
         this.observer = new MutationObserver((records)=>this.handleMutationRecords(records));
@@ -929,9 +942,9 @@ class CSSRuntime extends MasterCSS {
         this.startMutationObserver();
         this.revealHostIfNeeded();
         this.observing = true;
-        globalThis.__MASTER_CSS_DEVTOOLS_HOOK__?.emit('runtime:observed', {
-            cssRuntime: this
-        });
+        {
+            debugRuntimeObserved(this);
+        }
         return this;
     }
     failHydration(reason) {
@@ -1025,6 +1038,7 @@ class CSSRuntime extends MasterCSS {
             if (!styleRule) return false;
             for(let index = 0; index < styleRule.style.length; index++){
                 const propertyName = styleRule.style.item(index);
+                if (this.isSyntheticColorSchemeDeclaration(nativeRule, styleRule, propertyName)) continue;
                 if (!propertyName.startsWith('--')) return false;
                 found = true;
                 if (!this.isEmittedGlobalsVariable(propertyName.slice(2))) return false;
@@ -1041,6 +1055,7 @@ class CSSRuntime extends MasterCSS {
                 if (!bucket) {
                     bucket = {
                         mediaText: node.mediaText,
+                        mode: node.mode,
                         selectorText: node.selectorText,
                         nodes: []
                     };
@@ -1051,6 +1066,15 @@ class CSSRuntime extends MasterCSS {
         }
         return Array.from(buckets.values());
     }
+    isSyntheticColorSchemeDeclaration(nativeRule, styleRule, propertyName) {
+        if (propertyName !== 'color-scheme') return false;
+        const colorScheme = styleRule.style.getPropertyValue(propertyName).trim();
+        return colorScheme === this.themeLayer.getBucketColorScheme({
+            mediaText: nativeRule instanceof CSSMediaRule ? `@media ${nativeRule.conditionText}` : '',
+            mode: colorScheme,
+            selectorText: styleRule.selectorText
+        });
+    }
     getNativeThemeRuleBucketKey(nativeRule) {
         const styleRule = this.themeLayer.getStyleRule(nativeRule);
         if (!styleRule) return;
@@ -1206,10 +1230,9 @@ class CSSRuntime extends MasterCSS {
             const layer = this.getUtilityLayerByName(layerName);
             this.hydrateHydrationManifestLayer(layer, nativeLayerRule, manifestRules, result);
         }
-        globalThis.__MASTER_CSS_DEVTOOLS_HOOK__?.emit('runtime:hydrated', {
-            cssRuntime: this,
-            result
-        });
+        {
+            debugRuntimeHydrated(this, result);
+        }
         return result;
     }
     disconnect() {
@@ -1228,9 +1251,9 @@ class CSSRuntime extends MasterCSS {
             this.style?.remove();
             this.style = null;
         }
-        globalThis.__MASTER_CSS_DEVTOOLS_HOOK__?.emit('runtime:disconnected', {
-            cssRuntime: this
-        });
+        {
+            debugRuntimeDisconnected(this);
+        }
         return this;
     }
     refresh(manifest = this.manifest) {
@@ -1246,18 +1269,17 @@ class CSSRuntime extends MasterCSS {
          */ this.classCounts.forEach((_, className)=>{
             this.add(className);
         });
-        globalThis.__MASTER_CSS_DEVTOOLS_HOOK__?.emit('runtime:refreshed', {
-            cssRuntime: this,
-            manifest
-        });
+        {
+            debugRuntimeRefreshed(this, manifest);
+        }
         return this;
     }
     destroy() {
         this.disconnect();
         this.unregister();
-        globalThis.__MASTER_CSS_DEVTOOLS_HOOK__?.emit('runtime:destroyed', {
-            cssRuntime: this
-        });
+        {
+            debugRuntimeDestroyed(this);
+        }
         return this;
     }
 }

package/dist/index.mjs

@@ -1,11 +1,9 @@
 import { Layer, AnimationRule, VariableRule, compareRulePriority, ThemeLayer, MasterCSS } from '@master/css-engine';
 import { MASTER_CSS_HYDRATION_MANIFEST_ATTR, MASTER_CSS_HYDRATION_MANIFEST_SCRIPT_ID } from '@master/css-schema/hydration-manifest';
 import { MASTER_CSS_RUNTIME_STYLE_ID } from '@master/css-schema/runtime-style';
-import { installHook } from '@master/css-devtools-hook';
 
 function registerGlobal(CSSRuntime) {
     if (!globalThis.MasterCSSRuntime) globalThis.MasterCSSRuntime = CSSRuntime;
-    installHook();
 }
 
 function findNativeCSSRuleIndex(cssRules, nativeRule) {
@@ -263,6 +261,21 @@ class RuntimeThemeLayer extends ThemeLayer {
         const normalizedSelectorText = selectorText.replace(/\s*,\s*/g, ',').replace(/\s+/g, ' ').trim();
         return normalizedMediaText + '\n' + normalizedSelectorText;
     }
+    setBucketSyntheticDeclarations(bucket, mode) {
+        for (const { name, value } of this.getBucketSyntheticDeclarations({
+            mediaText: bucket.mediaText,
+            mode,
+            selectorText: bucket.selectorText
+        })){
+            bucket.styleRule.style.setProperty(name, value);
+        }
+    }
+    hasVariableDeclarations(styleRule) {
+        for(let index = 0; index < styleRule.style.length; index++){
+            if (styleRule.style.item(index).startsWith('--')) return true;
+        }
+        return false;
+    }
     getStyleRule(nativeRule) {
         if (nativeRule instanceof CSSStyleRule) return nativeRule;
         if (nativeRule instanceof CSSGroupingRule) {
@@ -287,12 +300,20 @@ class RuntimeThemeLayer extends ThemeLayer {
             });
         }
     }
-    ensureNativeBucket(mediaText, selectorText) {
+    ensureNativeBucket(mediaText, selectorText, mode) {
         if (!this.native) return;
         const key = this.getBucketKey(mediaText, selectorText);
         let bucket = this.nativeBuckets.get(key);
-        if (bucket) return bucket;
-        const text = mediaText ? `${mediaText}{${selectorText}{}}` : `${selectorText}{}`;
+        if (bucket) {
+            this.setBucketSyntheticDeclarations(bucket, mode);
+            return bucket;
+        }
+        const declarationText = this.getBucketSyntheticDeclarations({
+            mediaText,
+            mode,
+            selectorText
+        }).map(({ name, value })=>`${name}:${value}`).join(';');
+        const text = mediaText ? `${mediaText}{${selectorText}{${declarationText}}}` : `${selectorText}{${declarationText}}`;
         const insertedIndex = this.native.insertRule(text, this.getNativeBucketInsertIndex(mediaText, selectorText));
         const nativeRule = this.native.cssRules.item(insertedIndex);
         if (!nativeRule) return;
@@ -301,6 +322,7 @@ class RuntimeThemeLayer extends ThemeLayer {
         const newBucket = {
             key,
             mediaText,
+            mode,
             selectorText,
             nativeRule,
             styleRule
@@ -334,9 +356,12 @@ class RuntimeThemeLayer extends ThemeLayer {
         const insertedIndex = super.insert(rule, index);
         if (insertedIndex === undefined || !this.native || wasEmpty) return insertedIndex;
         for (const node of rule.nodes){
-            const bucket = this.ensureNativeBucket(node.mediaText, node.selectorText);
-            bucket?.styleRule.style.setProperty(node.declarationName, node.declarationValue);
-            node.native = bucket?.styleRule;
+            const bucket = this.ensureNativeBucket(node.mediaText, node.selectorText, node.mode);
+            if (bucket) {
+                this.setBucketSyntheticDeclarations(bucket, node.mode);
+                bucket.styleRule.style.setProperty(node.declarationName, node.declarationValue);
+                node.native = bucket.styleRule;
+            }
         }
         return insertedIndex;
     }
@@ -349,7 +374,7 @@ class RuntimeThemeLayer extends ThemeLayer {
             const bucket = this.nativeBuckets.get(bucketKey);
             if (!bucket) continue;
             bucket.styleRule.style.removeProperty(node.declarationName);
-            if (bucket.styleRule.style.length === 0) {
+            if (!this.hasVariableDeclarations(bucket.styleRule)) {
                 const foundIndex = findNativeCSSRuleIndex(this.native.cssRules, bucket.nativeRule);
                 if (foundIndex !== -1) {
                     this.native.deleteRule(foundIndex);
@@ -647,16 +672,11 @@ class CSSRuntime extends MasterCSS {
         });
     }
     register() {
-        const registered = globalThis.MasterCSSRuntime.instances.get(this.root) === this;
+        globalThis.MasterCSSRuntime.instances.get(this.root) === this;
         globalThis.MasterCSSRuntime.instances.set(this.root, this);
         if (isDocumentRoot(this.root)) {
             this.root.defaultView.globalThis.masterCSSRuntime = this;
         }
-        if (!registered) {
-            __MASTER_CSS_DEVTOOLS_HOOK__?.emit('runtime:created', {
-                cssRuntime: this
-            });
-        }
         return this;
     }
     unregister() {
@@ -760,11 +780,6 @@ class CSSRuntime extends MasterCSS {
         }
         if (addedClassNames.length) this.add(...addedClassNames);
         if (removedClassNames.length) this.remove(...removedClassNames);
-        globalThis.__MASTER_CSS_DEVTOOLS_HOOK__?.emit('runtime:mutated', {
-            records,
-            classCounts: deltaCounts,
-            cssRuntime: this
-        });
     }
     startMutationObserver() {
         this.observer = new MutationObserver((records)=>this.handleMutationRecords(records));
@@ -796,9 +811,6 @@ class CSSRuntime extends MasterCSS {
         this.startMutationObserver();
         this.revealHostIfNeeded();
         this.observing = true;
-        globalThis.__MASTER_CSS_DEVTOOLS_HOOK__?.emit('runtime:observed', {
-            cssRuntime: this
-        });
         return this;
     }
     failHydration(reason) {
@@ -892,6 +904,7 @@ class CSSRuntime extends MasterCSS {
             if (!styleRule) return false;
             for(let index = 0; index < styleRule.style.length; index++){
                 const propertyName = styleRule.style.item(index);
+                if (this.isSyntheticColorSchemeDeclaration(nativeRule, styleRule, propertyName)) continue;
                 if (!propertyName.startsWith('--')) return false;
                 found = true;
                 if (!this.isEmittedGlobalsVariable(propertyName.slice(2))) return false;
@@ -908,6 +921,7 @@ class CSSRuntime extends MasterCSS {
                 if (!bucket) {
                     bucket = {
                         mediaText: node.mediaText,
+                        mode: node.mode,
                         selectorText: node.selectorText,
                         nodes: []
                     };
@@ -918,6 +932,15 @@ class CSSRuntime extends MasterCSS {
         }
         return Array.from(buckets.values());
     }
+    isSyntheticColorSchemeDeclaration(nativeRule, styleRule, propertyName) {
+        if (propertyName !== 'color-scheme') return false;
+        const colorScheme = styleRule.style.getPropertyValue(propertyName).trim();
+        return colorScheme === this.themeLayer.getBucketColorScheme({
+            mediaText: nativeRule instanceof CSSMediaRule ? `@media ${nativeRule.conditionText}` : '',
+            mode: colorScheme,
+            selectorText: styleRule.selectorText
+        });
+    }
     getNativeThemeRuleBucketKey(nativeRule) {
         const styleRule = this.themeLayer.getStyleRule(nativeRule);
         if (!styleRule) return;
@@ -1073,10 +1096,6 @@ class CSSRuntime extends MasterCSS {
             const layer = this.getUtilityLayerByName(layerName);
             this.hydrateHydrationManifestLayer(layer, nativeLayerRule, manifestRules, result);
         }
-        globalThis.__MASTER_CSS_DEVTOOLS_HOOK__?.emit('runtime:hydrated', {
-            cssRuntime: this,
-            result
-        });
         return result;
     }
     disconnect() {
@@ -1095,9 +1114,6 @@ class CSSRuntime extends MasterCSS {
             this.style?.remove();
             this.style = null;
         }
-        globalThis.__MASTER_CSS_DEVTOOLS_HOOK__?.emit('runtime:disconnected', {
-            cssRuntime: this
-        });
         return this;
     }
     refresh(manifest = this.manifest) {
@@ -1113,18 +1129,11 @@ class CSSRuntime extends MasterCSS {
          */ this.classCounts.forEach((_, className)=>{
             this.add(className);
         });
-        globalThis.__MASTER_CSS_DEVTOOLS_HOOK__?.emit('runtime:refreshed', {
-            cssRuntime: this,
-            manifest
-        });
         return this;
     }
     destroy() {
         this.disconnect();
         this.unregister();
-        globalThis.__MASTER_CSS_DEVTOOLS_HOOK__?.emit('runtime:destroyed', {
-            cssRuntime: this
-        });
         return this;
     }
 }

package/dist/theme-layer.d.ts

@@ -3,6 +3,7 @@ import CSSRuntime from './core';
 interface NativeBucket {
     key: string;
     mediaText: string;
+    mode?: string;
     selectorText: string;
     nativeRule: CSSRule;
     styleRule: CSSStyleRule;
@@ -15,9 +16,11 @@ export default class RuntimeThemeLayer extends ThemeLayer {
     constructor(name: string, cssRuntime: CSSRuntime);
     attach(): void;
     getBucketKey(mediaText: string, selectorText: string): string;
+    private setBucketSyntheticDeclarations;
+    private hasVariableDeclarations;
     getStyleRule(nativeRule: CSSRule): CSSStyleRule | undefined;
     syncNativeBuckets(): void;
-    ensureNativeBucket(mediaText: string, selectorText: string): NativeBucket | undefined;
+    ensureNativeBucket(mediaText: string, selectorText: string, mode?: string): NativeBucket | undefined;
     getNativeBucketInsertIndex(mediaText: string, selectorText: string): number;
     insert(rule: VariableRule, index?: number): number | undefined;
     delete(key: string): VariableRule | undefined;

package/package.json

@@ -1 +1 @@
-{"name":"@master/css-runtime","type":"module","scripts":{"build":"techor build && node scripts/copy-default-manifest-json.mjs","bench":"node scripts/benchmark-runtime.mjs","dev":"pnpm build --watch","e2e":"playwright test","e2e:watch":"nodemon -e js,mjs,ts,html,css --watch dist --watch e2e --watch tests --exec playwright test","type-check":"tsc --noEmit","lint":"eslint"},"license":"MIT","description":"Run Master CSS right in the browser","author":"Aoyue Design LLC.","funding":"https://rc.css.master.co/sponsor","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/runtime"},"keywords":["utility","css","lightweight","mastercss","master","runtime","cdn"],"sideEffects":false,"main":"./dist/index.mjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","browser":"./dist/global.min.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":{"development":"./dist/index.development.mjs","default":"./dist/index.mjs"},"default":"./dist/index.mjs"}},"files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/css-engine":"^2.0.0-rc.71","@master/css-preset":"^2.0.0-rc.71","@master/css-devtools-hook":"^2.0.0-rc.71","@master/css-schema":"^2.0.0-rc.71"},"devDependencies":{"@master/css":"^2.0.0-rc.71","@master/css-compiler":"^2.0.0-rc.71","@master/css-integration":"^2.0.0-rc.71","@playwright/test":"1.61.0"},"version":"2.0.0-rc.71"}
+{"name":"@master/css-runtime","type":"module","scripts":{"build":"techor build && node scripts/copy-default-manifest-json.mjs","bench":"node scripts/benchmark-runtime.mjs","dev":"pnpm build --watch","e2e":"playwright test","e2e:watch":"nodemon -e js,mjs,ts,html,css --watch dist --watch e2e --watch tests --exec playwright test","type-check":"tsc --noEmit","lint":"eslint"},"license":"MIT","description":"Run Master CSS right in the browser","author":"Aoyue Design LLC.","funding":"https://rc.css.master.co/sponsor","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/runtime"},"keywords":["utility","css","lightweight","mastercss","master","runtime","cdn"],"sideEffects":false,"main":"./dist/index.mjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","browser":"./dist/global.min.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":{"development":"./dist/index.development.mjs","default":"./dist/index.mjs"},"default":"./dist/index.mjs"}},"files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/css-engine":"^2.0.0-rc.73","@master/css-preset":"^2.0.0-rc.73","@master/css-schema":"^2.0.0-rc.73"},"devDependencies":{"@master/css":"^2.0.0-rc.73","@master/css-compiler":"^2.0.0-rc.73","@master/css-integration":"^2.0.0-rc.73","@playwright/test":"1.61.0"},"version":"2.0.0-rc.73"}