@master/css 2.0.0-rc.44 → 2.0.0-rc.46

package/dist/_virtual/_commonjsHelpers.cjs

@@ -2,4 +2,9 @@
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
 exports.commonjsGlobal = commonjsGlobal;
+exports.getDefaultExportFromCjs = getDefaultExportFromCjs;

package/dist/_virtual/_commonjsHelpers.mjs

@@ -1,3 +1,7 @@
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-export { commonjsGlobal };
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { commonjsGlobal, getDefaultExportFromCjs };

package/dist/common.cjs

@@ -101,7 +101,7 @@ const VALUE_UNITS = [
 ];
 const UNIT_REGEX = /^([+-.]?\d+(\.?\d+)?)(%|cm|mm|q|in|pt|pc|px|em|rem|ex|rex|cap|rcap|ch|rch|ic|ric|lh|rlh|vw|svw|lvw|dvw|vh|svh|lvh|dvh|vi|svi|lvi|dvi|vb|svb|lvb|dvb|vmin|svmin|lvmin|dvmin|vmax|svmax|lvmax|dvmax|cqw|cqh|cqi|cqb|cqmin|cqmax|deg|grad|rad|turn|s|ms|hz|khz|dpi|dpcm|dppx|x|fr|db|st)?$/;
 const IMAGE_VALUE_REGEX = /(?:url|linear-gradient|radial-gradient|repeating-linear-gradient|repeating-radial-gradient|conic-gradient)\(.*\)/;
-const COLOR_VALUE_REGEX = /(?:#|(?:color|color-contrast|color-mix|hwb|lab|lch|oklab|oklch|rgb|rgba|hsl|hsla)\(.*\)|(?:\$colors)(?![a-zA-Z0-9-]))/;
+const COLOR_VALUE_REGEX = /(?:#|(?:color|color-contrast|color-mix|hwb|lab|lch|oklab|oklch|rgb|rgba|hsl|hsla|light-dark)\(.*\)|(?:\$colors)(?![a-zA-Z0-9-]))/;
 const NUMBER_VALUE_REGEX = /(?:[\d.]|(?:max|min|calc|clamp)\([^|]*\))/;
 const OFFICIAL_URL = new URL('https://rc.css.master.co');
 const CLASS_ATTRIBUTES = [

package/dist/common.mjs

@@ -99,7 +99,7 @@ const VALUE_UNITS = [
 ];
 const UNIT_REGEX = /^([+-.]?\d+(\.?\d+)?)(%|cm|mm|q|in|pt|pc|px|em|rem|ex|rex|cap|rcap|ch|rch|ic|ric|lh|rlh|vw|svw|lvw|dvw|vh|svh|lvh|dvh|vi|svi|lvi|dvi|vb|svb|lvb|dvb|vmin|svmin|lvmin|dvmin|vmax|svmax|lvmax|dvmax|cqw|cqh|cqi|cqb|cqmin|cqmax|deg|grad|rad|turn|s|ms|hz|khz|dpi|dpcm|dppx|x|fr|db|st)?$/;
 const IMAGE_VALUE_REGEX = /(?:url|linear-gradient|radial-gradient|repeating-linear-gradient|repeating-radial-gradient|conic-gradient)\(.*\)/;
-const COLOR_VALUE_REGEX = /(?:#|(?:color|color-contrast|color-mix|hwb|lab|lch|oklab|oklch|rgb|rgba|hsl|hsla)\(.*\)|(?:\$colors)(?![a-zA-Z0-9-]))/;
+const COLOR_VALUE_REGEX = /(?:#|(?:color|color-contrast|color-mix|hwb|lab|lch|oklab|oklch|rgb|rgba|hsl|hsla|light-dark)\(.*\)|(?:\$colors)(?![a-zA-Z0-9-]))/;
 const NUMBER_VALUE_REGEX = /(?:[\d.]|(?:max|min|calc|clamp)\([^|]*\))/;
 const OFFICIAL_URL = new URL('https://rc.css.master.co');
 const CLASS_ATTRIBUTES = [

package/dist/config/functions.cjs

@@ -334,6 +334,9 @@ const functions = {
     oklch: {
         unit: ''
     },
+    'light-dark': {
+        unit: ''
+    },
     clamp: {
         unit: ''
     },
@@ -345,7 +348,28 @@ const functions = {
     'conic-gradient': {},
     'repeating-linear-gradient': {},
     'repeating-radial-gradient': {},
-    'repeating-conic-gradient': {}
+    'repeating-conic-gradient': {},
+    'matrix': {
+        unit: ''
+    },
+    'matrix3d': {
+        unit: ''
+    },
+    'scale': {
+        unit: ''
+    },
+    'scale3d': {
+        unit: ''
+    },
+    'scaleX': {
+        unit: ''
+    },
+    'scaleY': {
+        unit: ''
+    },
+    'scaleZ': {
+        unit: ''
+    }
 };
 
 module.exports = functions;

package/dist/config/functions.mjs

@@ -332,6 +332,9 @@ const functions = {
     oklch: {
         unit: ''
     },
+    'light-dark': {
+        unit: ''
+    },
     clamp: {
         unit: ''
     },
@@ -343,7 +346,28 @@ const functions = {
     'conic-gradient': {},
     'repeating-linear-gradient': {},
     'repeating-radial-gradient': {},
-    'repeating-conic-gradient': {}
+    'repeating-conic-gradient': {},
+    'matrix': {
+        unit: ''
+    },
+    'matrix3d': {
+        unit: ''
+    },
+    'scale': {
+        unit: ''
+    },
+    'scale3d': {
+        unit: ''
+    },
+    'scaleX': {
+        unit: ''
+    },
+    'scaleY': {
+        unit: ''
+    },
+    'scaleZ': {
+        unit: ''
+    }
 };
 
 export { functions as default };

package/dist/config/index.d.ts

@@ -10,48 +10,32 @@ import type { PropertiesHyphen } from 'csstype';
 import type { Rule, SyntaxDefinition, ValueComponent } from '../rule';
 declare const config: Config;
 export { config, at, selectors, utilities, syntaxes, functions, animations, variables, modes };
-export type VariableValue = number | string | false | Array<number | string>;
+export type VariableValue = number | string | false | (number | string)[];
 export type VariableDefinition = {
     [key in '' | `@${string}` | string]?: VariableValue | VariableDefinition;
 } | VariableValue;
-export type CSSKeyframes = {
-    [key in 'from' | 'to' | string]: PropertiesHyphen;
-};
-export type AnimationDefinitions = {
-    [key: string]: CSSKeyframes;
-};
-export type SelectorDefinitions = {
-    [key: string]: string | string[];
-};
-export type AtDefinitions = {
+export type CSSKeyframes = Record<'from' | 'to' | string, PropertiesHyphen>;
+export type AnimationDefinitions = Record<string, CSSKeyframes>;
+export type SelectorDefinitions = Record<string, string | string[]>;
+export interface AtDefinitions {
     [key: string]: number | string | AtDefinitions;
-};
-export type StyleDefinitions = {
+}
+export interface StyleDefinitions {
     [key: string]: string | StyleDefinitions;
-};
-export type SyntaxDefinitions = {
-    [key in keyof typeof syntaxes | string]?: SyntaxDefinition;
-};
+}
+export type SyntaxDefinitions = Partial<Record<keyof typeof syntaxes | string, SyntaxDefinition>>;
 export type VariableDefinitions = {
     [key in keyof typeof syntaxes]?: VariableDefinition;
-} & {
-    [key: string]: VariableDefinition;
-};
+} & Record<string, VariableDefinition>;
 export type UtilityDefinitions = {
     [key in keyof typeof utilities]?: PropertiesHyphen;
-} & {
-    [key: string]: PropertiesHyphen;
-};
-export type ModeDefinitions = {
-    [key: string]: 'class' | 'media' | 'host' | false;
-};
+} & Record<string, PropertiesHyphen>;
+export type ModeDefinitions = Record<string, 'class' | 'media' | 'host' | false>;
 export interface FunctionDefinition {
     unit?: string;
     transform?(this: Rule, value: string, bypassVariableNames: string[]): string | ValueComponent[];
 }
-export type FunctionDefinitions = {
-    [key: string]: FunctionDefinition;
-};
+export type FunctionDefinitions = Record<string, FunctionDefinition>;
 export interface Config {
     extends?: (Config | any)[];
     styles?: StyleDefinitions;

package/dist/config/styles.d.ts

@@ -1,3 +1,3 @@
-export type ConfigStyles = {
+export interface ConfigStyles {
     [key: string]: string | ConfigStyles;
-};
+}

package/dist/config/syntaxes.cjs

@@ -1080,6 +1080,7 @@ const syntaxes = {
                 className.startsWith('transform') ? className.slice(10) : className
             ];
         },
+        unit: 'px',
         variables: [
             'spacing'
         ]

package/dist/config/syntaxes.mjs

@@ -1078,6 +1078,7 @@ const syntaxes = {
                 className.startsWith('transform') ? className.slice(10) : className
             ];
         },
+        unit: 'px',
         variables: [
             'spacing'
         ]

package/dist/config/variables.d.ts

@@ -1,265 +1,5 @@
-declare const variables: {
-    gray: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    slate: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    brown: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    orange: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    amber: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    yellow: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    lime: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    green: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    beryl: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    teal: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    cyan: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    sky: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    blue: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    indigo: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    violet: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    purple: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    fuchsia: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    pink: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    crimson: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-    red: {
-        5: string;
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        95: string;
-    };
-} & {
+import colors from '@master/colors';
+declare const _variables: {
     full: string;
     fit: string;
     max: string;
@@ -703,4 +443,5 @@ declare const variables: {
         };
     };
 };
+declare const variables: (typeof colors & typeof _variables);
 export default variables;

package/dist/core.cjs

@@ -80,7 +80,7 @@ class MasterCSS {
         if (variables) {
             const unexecutedAliasVariable = {};
             const resolveVariable = (variableDefinition, name, mode)=>{
-                if (!variableDefinition === undefined || variableDefinition === null) return;
+                if (variableDefinition === undefined || variableDefinition === null) return;
                 const addVariable = (name, variable, replacedMode, alpha)=>{
                     if (variable === undefined) return;
                     const flatName = name.join('-');
@@ -545,7 +545,7 @@ class MasterCSS {
                 for(let index = 0; index < sheet.cssRules.length; index++){
                     const eachCSSRule = sheet.cssRules[index];
                     if (eachCSSRule === firstNative.cssRule) {
-                        for(let i = 0; i < rule.natives.length; i++){
+                        for (const {} of rule.natives){
                             sheet.deleteRule(index);
                         }
                         break;
@@ -879,8 +879,7 @@ class MasterCSS {
                     if (sheet) {
                         let cssRule;
                         if (initializing) {
-                            for(let i = 0; i < sheet.cssRules.length; i++){
-                                const eachCSSRule = sheet.cssRules[i];
+                            for (const eachCSSRule of sheet.cssRules){
                                 if (eachCSSRule.constructor.name === 'CSSKeyframesRule' && eachCSSRule.name === eachKeyframeName) {
                                     cssRule = eachCSSRule;
                                     break;
@@ -1025,6 +1024,7 @@ class MasterCSS {
             cssRule: variableCSSRule,
             get text () {
                 const properties = [];
+                // eslint-disable-next-line @typescript-eslint/prefer-for-of
                 for(let i = 0; i < variableCSSRule.style.length; i++){
                     const property = variableCSSRule.style[i];
                     properties.push(property + ':' + variableCSSRule.style.getPropertyValue(property));

package/dist/core.d.ts

@@ -1,28 +1,26 @@
 import { Rule, type NativeRule, type RegisteredRule } from './rule';
 import type { Config, AnimationDefinitions } from './config';
 import './types/global';
-type VariableCommon = {
+interface VariableCommon {
     usage?: number;
     group?: string;
     name: string;
     key: string;
-    modes?: {
-        [mode: string]: TypeVariable;
-    };
-};
-export type StringVariable = {
+    modes?: Record<string, TypeVariable>;
+}
+export interface StringVariable {
     type: 'string';
     value: string;
-};
-export type NumberVariable = {
+}
+export interface NumberVariable {
     type: 'number';
     value: number;
-};
-export type ColorVariable = {
+}
+export interface ColorVariable {
     type: 'color';
     value: string;
     space: 'rgb' | 'hsl';
-};
+}
 export type TypeVariable = StringVariable | NumberVariable | ColorVariable;
 export type Variable = TypeVariable & VariableCommon;
 export default class MasterCSS {

package/dist/core.mjs

@@ -76,7 +76,7 @@ class MasterCSS {
         if (variables) {
             const unexecutedAliasVariable = {};
             const resolveVariable = (variableDefinition, name, mode)=>{
-                if (!variableDefinition === undefined || variableDefinition === null) return;
+                if (variableDefinition === undefined || variableDefinition === null) return;
                 const addVariable = (name, variable, replacedMode, alpha)=>{
                     if (variable === undefined) return;
                     const flatName = name.join('-');
@@ -541,7 +541,7 @@ class MasterCSS {
                 for(let index = 0; index < sheet.cssRules.length; index++){
                     const eachCSSRule = sheet.cssRules[index];
                     if (eachCSSRule === firstNative.cssRule) {
-                        for(let i = 0; i < rule.natives.length; i++){
+                        for (const {} of rule.natives){
                             sheet.deleteRule(index);
                         }
                         break;
@@ -875,8 +875,7 @@ class MasterCSS {
                     if (sheet) {
                         let cssRule;
                         if (initializing) {
-                            for(let i = 0; i < sheet.cssRules.length; i++){
-                                const eachCSSRule = sheet.cssRules[i];
+                            for (const eachCSSRule of sheet.cssRules){
                                 if (eachCSSRule.constructor.name === 'CSSKeyframesRule' && eachCSSRule.name === eachKeyframeName) {
                                     cssRule = eachCSSRule;
                                     break;
@@ -1021,6 +1020,7 @@ class MasterCSS {
             cssRule: variableCSSRule,
             get text () {
                 const properties = [];
+                // eslint-disable-next-line @typescript-eslint/prefer-for-of
                 for(let i = 0; i < variableCSSRule.style.length; i++){
                     const property = variableCSSRule.style[i];
                     properties.push(property + ':' + variableCSSRule.style.getPropertyValue(property));

package/dist/layer.cjs

@@ -1,7 +1,6 @@
 'use strict';
 
-var Layer;
-(function(Layer) {
+var Layer = /*#__PURE__*/ function(Layer) {
     /**
      * utility classes
      * @example block, inline
@@ -22,7 +21,7 @@ var Layer;
      * normal
      * @example grid-cols
      */ Layer[Layer["Normal"] = 0] = "Normal";
-})(Layer || (Layer = {}));
-var Layer$1 = Layer;
+    return Layer;
+}(Layer || {});
 
-module.exports = Layer$1;
+module.exports = Layer;

package/dist/layer.mjs

@@ -1,5 +1,4 @@
-var Layer;
-(function(Layer) {
+var Layer = /*#__PURE__*/ function(Layer) {
     /**
      * utility classes
      * @example block, inline
@@ -20,7 +19,7 @@ var Layer;
      * normal
      * @example grid-cols
      */ Layer[Layer["Normal"] = 0] = "Normal";
-})(Layer || (Layer = {}));
-var Layer$1 = Layer;
+    return Layer;
+}(Layer || {});
 
-export { Layer$1 as default };
+export { Layer as default };

package/dist/polyfills/css-escape.cjs

@@ -1,8 +1,9 @@
 'use strict';
 
-require('./css-escape2.cjs');
-var cssEscape = require('../_virtual/css-escape.cjs');
+var _commonjsHelpers = require('../_virtual/_commonjsHelpers.cjs');
+var cssEscape$1 = require('./css-escape2.cjs');
 
+var cssEscapeExports = cssEscape$1.__require();
+var cssEscape = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(cssEscapeExports);
 
-
-module.exports = cssEscape.__exports;
+module.exports = cssEscape;

package/dist/polyfills/css-escape.mjs

@@ -1,2 +1,7 @@
-import './css-escape2.mjs';
-export { __exports as default } from '../_virtual/css-escape.mjs';
+import { getDefaultExportFromCjs } from '../_virtual/_commonjsHelpers.mjs';
+import { __require as requireCssEscape } from './css-escape2.mjs';
+
+var cssEscapeExports = requireCssEscape();
+var cssEscape = /*@__PURE__*/getDefaultExportFromCjs(cssEscapeExports);
+
+export { cssEscape as default };

package/dist/polyfills/css-escape2.cjs

@@ -1,68 +1,76 @@
 'use strict';
 
 var _commonjsHelpers = require('../_virtual/_commonjsHelpers.cjs');
+var cssEscape = require('../_virtual/css-escape.cjs');
 
-(()=>{
-    const root = typeof _commonjsHelpers.commonjsGlobal !== 'undefined' ? _commonjsHelpers.commonjsGlobal : window;
-    if (!root.CSS && !root.CSS?.escape) {
-        // https://drafts.csswg.org/cssom/#serialize-an-identifier
-        const cssEscape = function(value) {
-            if (arguments.length == 0) {
-                throw new TypeError('`CSS.escape` requires an argument.');
-            }
-            const string = String(value);
-            const length = string.length;
-            let index = -1;
-            let result = '';
-            let codeUnit;
-            const firstCodeUnit = string.charCodeAt(0);
-            if (// If the character is the first character and is a `-` (U+002D), and
-            // there is no second character, […]
-            length == 1 && firstCodeUnit == 0x002D) {
-                return '\\' + string;
-            }
-            while(++index < length){
-                codeUnit = string.charCodeAt(index);
-                // Note: there’s no need to special-case astral symbols, surrogate
-                // pairs, or lone surrogates.
-                // If the character is NULL (U+0000), then the REPLACEMENT CHARACTER
-                // (U+FFFD).
-                if (codeUnit == 0x0000) {
-                    result += '\uFFFD';
-                    continue;
-                }
-                if (// If the character is in the range [\1-\1F] (U+0001 to U+001F) or is
-                // U+007F, […]
-                codeUnit >= 0x0001 && codeUnit <= 0x001F || codeUnit == 0x007F || // If the character is the first character and is in the range [0-9]
-                // (U+0030 to U+0039), […]
-                index == 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039 || // If the character is the second character and is in the range [0-9]
-                // (U+0030 to U+0039) and the first character is a `-` (U+002D), […]
-                index == 1 && codeUnit >= 0x0030 && codeUnit <= 0x0039 && firstCodeUnit == 0x002D) {
-                    // https://drafts.csswg.org/cssom/#escape-a-character-as-code-point
-                    result += '\\' + codeUnit.toString(16) + ' ';
-                    continue;
-                }
-                // If the character is not handled by one of the above syntaxes and is
-                // greater than or equal to U+0080, is `-` (U+002D) or `_` (U+005F), or
-                // is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to
-                // U+005A), or [a-z] (U+0061 to U+007A), […]
-                if (codeUnit >= 0x0080 || codeUnit == 0x002D || codeUnit == 0x005F || codeUnit >= 0x0030 && codeUnit <= 0x0039 || codeUnit >= 0x0041 && codeUnit <= 0x005A || codeUnit >= 0x0061 && codeUnit <= 0x007A) {
-                    // the character itself
-                    result += string.charAt(index);
-                    continue;
-                }
-                // Otherwise, the escaped character.
-                // https://drafts.csswg.org/cssom/#escape-a-character
-                result += '\\' + string.charAt(index);
-            }
-            return result;
-        };
-        if (!root.CSS) {
-            root.CSS = {};
-        }
-        root.CSS.escape = cssEscape;
-        globalThis.CSS.escape = cssEscape;
-    }
-})();
+var hasRequiredCssEscape;
 
-module.exports = undefined;
+function requireCssEscape () {
+	if (hasRequiredCssEscape) return cssEscape.__exports;
+	hasRequiredCssEscape = 1;
+	(()=>{
+	    const root = typeof _commonjsHelpers.commonjsGlobal !== 'undefined' ? _commonjsHelpers.commonjsGlobal : window;
+	    if (!root.CSS && !root.CSS?.escape) {
+	        // https://drafts.csswg.org/cssom/#serialize-an-identifier
+	        const cssEscape = function(value) {
+	            if (arguments.length == 0) {
+	                throw new TypeError('`CSS.escape` requires an argument.');
+	            }
+	            const string = String(value);
+	            const length = string.length;
+	            let index = -1;
+	            let result = '';
+	            let codeUnit;
+	            const firstCodeUnit = string.charCodeAt(0);
+	            if (// If the character is the first character and is a `-` (U+002D), and
+	            // there is no second character, […]
+	            length == 1 && firstCodeUnit == 0x002D) {
+	                return '\\' + string;
+	            }
+	            while(++index < length){
+	                codeUnit = string.charCodeAt(index);
+	                // Note: there’s no need to special-case astral symbols, surrogate
+	                // pairs, or lone surrogates.
+	                // If the character is NULL (U+0000), then the REPLACEMENT CHARACTER
+	                // (U+FFFD).
+	                if (codeUnit == 0x0000) {
+	                    result += '\uFFFD';
+	                    continue;
+	                }
+	                if (// If the character is in the range [\1-\1F] (U+0001 to U+001F) or is
+	                // U+007F, […]
+	                codeUnit >= 0x0001 && codeUnit <= 0x001F || codeUnit == 0x007F || // If the character is the first character and is in the range [0-9]
+	                // (U+0030 to U+0039), […]
+	                index == 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039 || // If the character is the second character and is in the range [0-9]
+	                // (U+0030 to U+0039) and the first character is a `-` (U+002D), […]
+	                index == 1 && codeUnit >= 0x0030 && codeUnit <= 0x0039 && firstCodeUnit == 0x002D) {
+	                    // https://drafts.csswg.org/cssom/#escape-a-character-as-code-point
+	                    result += '\\' + codeUnit.toString(16) + ' ';
+	                    continue;
+	                }
+	                // If the character is not handled by one of the above syntaxes and is
+	                // greater than or equal to U+0080, is `-` (U+002D) or `_` (U+005F), or
+	                // is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to
+	                // U+005A), or [a-z] (U+0061 to U+007A), […]
+	                if (codeUnit >= 0x0080 || codeUnit == 0x002D || codeUnit == 0x005F || codeUnit >= 0x0030 && codeUnit <= 0x0039 || codeUnit >= 0x0041 && codeUnit <= 0x005A || codeUnit >= 0x0061 && codeUnit <= 0x007A) {
+	                    // the character itself
+	                    result += string.charAt(index);
+	                    continue;
+	                }
+	                // Otherwise, the escaped character.
+	                // https://drafts.csswg.org/cssom/#escape-a-character
+	                result += '\\' + string.charAt(index);
+	            }
+	            return result;
+	        };
+	        if (!root.CSS) {
+	            root.CSS = {};
+	        }
+	        root.CSS.escape = cssEscape;
+	        globalThis.CSS.escape = cssEscape;
+	    }
+	})();
+	return cssEscape.__exports;
+}
+
+exports.__require = requireCssEscape;

package/dist/polyfills/css-escape2.mjs

@@ -1,64 +1,74 @@
 import { commonjsGlobal } from '../_virtual/_commonjsHelpers.mjs';
+import { __exports as cssEscape } from '../_virtual/css-escape.mjs';
 
-(()=>{
-    const root = typeof commonjsGlobal !== 'undefined' ? commonjsGlobal : window;
-    if (!root.CSS && !root.CSS?.escape) {
-        // https://drafts.csswg.org/cssom/#serialize-an-identifier
-        const cssEscape = function(value) {
-            if (arguments.length == 0) {
-                throw new TypeError('`CSS.escape` requires an argument.');
-            }
-            const string = String(value);
-            const length = string.length;
-            let index = -1;
-            let result = '';
-            let codeUnit;
-            const firstCodeUnit = string.charCodeAt(0);
-            if (// If the character is the first character and is a `-` (U+002D), and
-            // there is no second character, […]
-            length == 1 && firstCodeUnit == 0x002D) {
-                return '\\' + string;
-            }
-            while(++index < length){
-                codeUnit = string.charCodeAt(index);
-                // Note: there’s no need to special-case astral symbols, surrogate
-                // pairs, or lone surrogates.
-                // If the character is NULL (U+0000), then the REPLACEMENT CHARACTER
-                // (U+FFFD).
-                if (codeUnit == 0x0000) {
-                    result += '\uFFFD';
-                    continue;
-                }
-                if (// If the character is in the range [\1-\1F] (U+0001 to U+001F) or is
-                // U+007F, […]
-                codeUnit >= 0x0001 && codeUnit <= 0x001F || codeUnit == 0x007F || // If the character is the first character and is in the range [0-9]
-                // (U+0030 to U+0039), […]
-                index == 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039 || // If the character is the second character and is in the range [0-9]
-                // (U+0030 to U+0039) and the first character is a `-` (U+002D), […]
-                index == 1 && codeUnit >= 0x0030 && codeUnit <= 0x0039 && firstCodeUnit == 0x002D) {
-                    // https://drafts.csswg.org/cssom/#escape-a-character-as-code-point
-                    result += '\\' + codeUnit.toString(16) + ' ';
-                    continue;
-                }
-                // If the character is not handled by one of the above syntaxes and is
-                // greater than or equal to U+0080, is `-` (U+002D) or `_` (U+005F), or
-                // is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to
-                // U+005A), or [a-z] (U+0061 to U+007A), […]
-                if (codeUnit >= 0x0080 || codeUnit == 0x002D || codeUnit == 0x005F || codeUnit >= 0x0030 && codeUnit <= 0x0039 || codeUnit >= 0x0041 && codeUnit <= 0x005A || codeUnit >= 0x0061 && codeUnit <= 0x007A) {
-                    // the character itself
-                    result += string.charAt(index);
-                    continue;
-                }
-                // Otherwise, the escaped character.
-                // https://drafts.csswg.org/cssom/#escape-a-character
-                result += '\\' + string.charAt(index);
-            }
-            return result;
-        };
-        if (!root.CSS) {
-            root.CSS = {};
-        }
-        root.CSS.escape = cssEscape;
-        globalThis.CSS.escape = cssEscape;
-    }
-})();
+var hasRequiredCssEscape;
+
+function requireCssEscape () {
+	if (hasRequiredCssEscape) return cssEscape;
+	hasRequiredCssEscape = 1;
+	(()=>{
+	    const root = typeof commonjsGlobal !== 'undefined' ? commonjsGlobal : window;
+	    if (!root.CSS && !root.CSS?.escape) {
+	        // https://drafts.csswg.org/cssom/#serialize-an-identifier
+	        const cssEscape = function(value) {
+	            if (arguments.length == 0) {
+	                throw new TypeError('`CSS.escape` requires an argument.');
+	            }
+	            const string = String(value);
+	            const length = string.length;
+	            let index = -1;
+	            let result = '';
+	            let codeUnit;
+	            const firstCodeUnit = string.charCodeAt(0);
+	            if (// If the character is the first character and is a `-` (U+002D), and
+	            // there is no second character, […]
+	            length == 1 && firstCodeUnit == 0x002D) {
+	                return '\\' + string;
+	            }
+	            while(++index < length){
+	                codeUnit = string.charCodeAt(index);
+	                // Note: there’s no need to special-case astral symbols, surrogate
+	                // pairs, or lone surrogates.
+	                // If the character is NULL (U+0000), then the REPLACEMENT CHARACTER
+	                // (U+FFFD).
+	                if (codeUnit == 0x0000) {
+	                    result += '\uFFFD';
+	                    continue;
+	                }
+	                if (// If the character is in the range [\1-\1F] (U+0001 to U+001F) or is
+	                // U+007F, […]
+	                codeUnit >= 0x0001 && codeUnit <= 0x001F || codeUnit == 0x007F || // If the character is the first character and is in the range [0-9]
+	                // (U+0030 to U+0039), […]
+	                index == 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039 || // If the character is the second character and is in the range [0-9]
+	                // (U+0030 to U+0039) and the first character is a `-` (U+002D), […]
+	                index == 1 && codeUnit >= 0x0030 && codeUnit <= 0x0039 && firstCodeUnit == 0x002D) {
+	                    // https://drafts.csswg.org/cssom/#escape-a-character-as-code-point
+	                    result += '\\' + codeUnit.toString(16) + ' ';
+	                    continue;
+	                }
+	                // If the character is not handled by one of the above syntaxes and is
+	                // greater than or equal to U+0080, is `-` (U+002D) or `_` (U+005F), or
+	                // is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to
+	                // U+005A), or [a-z] (U+0061 to U+007A), […]
+	                if (codeUnit >= 0x0080 || codeUnit == 0x002D || codeUnit == 0x005F || codeUnit >= 0x0030 && codeUnit <= 0x0039 || codeUnit >= 0x0041 && codeUnit <= 0x005A || codeUnit >= 0x0061 && codeUnit <= 0x007A) {
+	                    // the character itself
+	                    result += string.charAt(index);
+	                    continue;
+	                }
+	                // Otherwise, the escaped character.
+	                // https://drafts.csswg.org/cssom/#escape-a-character
+	                result += '\\' + string.charAt(index);
+	            }
+	            return result;
+	        };
+	        if (!root.CSS) {
+	            root.CSS = {};
+	        }
+	        root.CSS.escape = cssEscape;
+	        globalThis.CSS.escape = cssEscape;
+	    }
+	})();
+	return cssEscape;
+}
+
+export { requireCssEscape as __require };

package/dist/rule.cjs

@@ -31,7 +31,6 @@ class Rule {
             for (const eachValueComponent of valueComponents){
                 switch(eachValueComponent.type){
                     case 'function':
-                        // eslint-disable-next-line no-case-declarations
                         const functionDefinition = functions && functions[eachValueComponent.name];
                         if (functionDefinition?.transform && !eachValueComponent.bypassTransform) {
                             const result = functionDefinition.transform.call(this, this.resolveValue(eachValueComponent.children, functionDefinition.unit ?? unit, bypassVariableNames, bypassParsing || eachValueComponent.name === 'calc'), bypassVariableNames);
@@ -42,7 +41,6 @@ class Rule {
                         break;
                     // todo: 應挪到 parseValues 階段處理才能支援 variables: { x: 'calc(20vw-30px)' } 這種情況，並且解析上可能會比較合理、精簡
                     case 'variable':
-                        // eslint-disable-next-line no-case-declarations
                         const variable = this.css.variables[eachValueComponent.name];
                         if (variable) {
                             const handleVariable = (normalHandler, varHandler)=>{
@@ -94,7 +92,6 @@ class Rule {
                                     });
                                     break;
                                 case 'color':
-                                    // eslint-disable-next-line no-case-declarations
                                     const alpha = eachValueComponent.alpha ? '/' + eachValueComponent.alpha : '';
                                     handleVariable((variable)=>{
                                         currentValue += eachValueComponent.text = `${variable['space']}(${variable.value}${alpha})`;
@@ -515,7 +512,6 @@ class Rule {
                                     switch(featureName){
                                         case 'max-width':
                                         case 'min-width':
-                                            // eslint-disable-next-line no-case-declarations
                                             if (typeof viewport === 'number') {
                                                 atComponents.push({
                                                     type: 'feature',

package/dist/rule.d.ts

@@ -97,7 +97,7 @@ export interface Rule extends RegisteredRule {
     stateToken: string;
     atToken: string;
     hasWhere: boolean;
-    valueComponents: Array<ValueComponent>;
+    valueComponents: ValueComponent[];
 }
 export interface RegisteredRule {
     id: string;
@@ -138,17 +138,15 @@ export interface NativeRule {
     text: string;
     cssRule?: CSSRule;
 }
-export type MediaFeatureComponent = {
+export interface MediaFeatureComponent {
     type: string;
     tokenType?: string;
     operator?: string;
     value: number;
     unit: string;
-};
+}
 export interface MediaQuery {
     token: string;
-    features: {
-        [key: string]: MediaFeatureComponent;
-    };
+    features: Record<string, MediaFeatureComponent>;
     type?: string;
 }

package/dist/rule.mjs

@@ -29,7 +29,6 @@ class Rule {
             for (const eachValueComponent of valueComponents){
                 switch(eachValueComponent.type){
                     case 'function':
-                        // eslint-disable-next-line no-case-declarations
                         const functionDefinition = functions && functions[eachValueComponent.name];
                         if (functionDefinition?.transform && !eachValueComponent.bypassTransform) {
                             const result = functionDefinition.transform.call(this, this.resolveValue(eachValueComponent.children, functionDefinition.unit ?? unit, bypassVariableNames, bypassParsing || eachValueComponent.name === 'calc'), bypassVariableNames);
@@ -40,7 +39,6 @@ class Rule {
                         break;
                     // todo: 應挪到 parseValues 階段處理才能支援 variables: { x: 'calc(20vw-30px)' } 這種情況，並且解析上可能會比較合理、精簡
                     case 'variable':
-                        // eslint-disable-next-line no-case-declarations
                         const variable = this.css.variables[eachValueComponent.name];
                         if (variable) {
                             const handleVariable = (normalHandler, varHandler)=>{
@@ -92,7 +90,6 @@ class Rule {
                                     });
                                     break;
                                 case 'color':
-                                    // eslint-disable-next-line no-case-declarations
                                     const alpha = eachValueComponent.alpha ? '/' + eachValueComponent.alpha : '';
                                     handleVariable((variable)=>{
                                         currentValue += eachValueComponent.text = `${variable['space']}(${variable.value}${alpha})`;
@@ -513,7 +510,6 @@ class Rule {
                                     switch(featureName){
                                         case 'max-width':
                                         case 'min-width':
-                                            // eslint-disable-next-line no-case-declarations
                                             if (typeof viewport === 'number') {
                                                 atComponents.push({
                                                     type: 'feature',

package/dist/utils/extend-config.cjs

@@ -47,8 +47,7 @@ function extendConfig(...configs) {
         at: {},
         variables: {}
     };
-    for(let i = 0; i < formattedConfigs.length; i++){
-        const currentFormattedConfig = formattedConfigs[i];
+    for (const currentFormattedConfig of formattedConfigs){
         for(const key in currentFormattedConfig){
             switch(key){
                 case 'animations':

package/dist/utils/extend-config.mjs

@@ -45,8 +45,7 @@ function extendConfig(...configs) {
         at: {},
         variables: {}
     };
-    for(let i = 0; i < formattedConfigs.length; i++){
-        const currentFormattedConfig = formattedConfigs[i];
+    for (const currentFormattedConfig of formattedConfigs){
         for(const key in currentFormattedConfig){
             switch(key){
                 case 'animations':

package/package.json

@@ -1 +1 @@
-{"name":"@master/css","type":"module","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","test":"vitest","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"The CSS language and framework for rapidly building modern and high-performance websites","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/core"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":false,"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/index.cjs","import":"./dist/index.mjs","types":"./dist/index.d.ts"}},"bin":"./dist/bin/index.mjs","files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/colors":"^2.1.0","@master/normal.css":"^3.1.0","@techor/extend":"^3.0.23","csstype":"^3.1.3"},"devDependencies":{"shared":"^2.0.0-rc.44"},"version":"2.0.0-rc.44"}
+{"name":"@master/css","type":"module","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","test":"vitest","type-check":"tsc --noEmit","lint":"eslint"},"license":"MIT","description":"The CSS language and framework for rapidly building modern and high-performance websites","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/core"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":false,"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","require":"./dist/index.cjs","import":"./dist/index.mjs"}},"bin":"./dist/bin/index.mjs","files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/colors":"^2.1.0","@master/normal.css":"^3.1.0","@techor/extend":"^3.1.6","csstype":"^3.1.3"},"devDependencies":{"shared":"^2.0.0-rc.46"},"version":"2.0.0-rc.46"}