@master/css 2.0.0-rc.68 → 2.0.0-rc.69

package/dist/utils/minify-extended-config.cjs

@@ -0,0 +1,64 @@
+'use strict';
+
+/**
+ * Minifies an extended config by hoisting shared variables from all modes into `variables`.
+ * Only variables with identical values across all modes are hoisted.
+ *
+ * @param config - The extended config with flattened variable structures
+ * @returns A new config with deduplicated `variables` and minimized `modes`
+ */ function minifyExtendedConfig(config) {
+    const { variables: baseVariables = {}, modes = {}, ...rest } = config;
+    const modeNames = Object.keys(modes);
+    const variableNames = new Set();
+    // Collect all variable keys from all modes
+    for (const mode of modeNames){
+        for(const key in modes[mode]){
+            variableNames.add(key);
+        }
+    }
+    const variables = {
+        ...baseVariables
+    };
+    const newModes = {};
+    for (const key of variableNames){
+        let first;
+        let allSame = true;
+        for(let i = 0; i < modeNames.length; i++){
+            const mode = modeNames[i];
+            const current = modes[mode]?.[key];
+            if (!current) {
+                allSame = false;
+                break;
+            }
+            if (i === 0) {
+                first = current;
+            } else if (JSON.stringify(current.value) !== JSON.stringify(first.value)) {
+                allSame = false;
+                break;
+            }
+        }
+        const already = baseVariables[key];
+        const valueMatches = already && JSON.stringify(already.value) === JSON.stringify(first?.value);
+        if (allSame && (!already || valueMatches)) {
+            if (first) {
+                variables[key] = first;
+            }
+        } else {
+            for (const mode of modeNames){
+                if (!newModes[mode]) newModes[mode] = {};
+                const value = modes[mode]?.[key];
+                if (value) {
+                    newModes[mode][key] = value;
+                }
+            }
+        }
+    }
+    const newConfig = {
+        ...rest,
+        variables: Object.keys(variables).length > 0 ? variables : undefined,
+        modes: Object.keys(newModes).length > 0 ? newModes : undefined
+    };
+    return newConfig;
+}
+
+module.exports = minifyExtendedConfig;

package/dist/utils/minify-extended-config.d.ts

@@ -0,0 +1,9 @@
+import type { ExtendedConfig } from './extend-config';
+/**
+ * Minifies an extended config by hoisting shared variables from all modes into `variables`.
+ * Only variables with identical values across all modes are hoisted.
+ *
+ * @param config - The extended config with flattened variable structures
+ * @returns A new config with deduplicated `variables` and minimized `modes`
+ */
+export default function minifyExtendedConfig(config: ExtendedConfig): ExtendedConfig;

package/dist/utils/minify-extended-config.mjs

@@ -0,0 +1,62 @@
+/**
+ * Minifies an extended config by hoisting shared variables from all modes into `variables`.
+ * Only variables with identical values across all modes are hoisted.
+ *
+ * @param config - The extended config with flattened variable structures
+ * @returns A new config with deduplicated `variables` and minimized `modes`
+ */ function minifyExtendedConfig(config) {
+    const { variables: baseVariables = {}, modes = {}, ...rest } = config;
+    const modeNames = Object.keys(modes);
+    const variableNames = new Set();
+    // Collect all variable keys from all modes
+    for (const mode of modeNames){
+        for(const key in modes[mode]){
+            variableNames.add(key);
+        }
+    }
+    const variables = {
+        ...baseVariables
+    };
+    const newModes = {};
+    for (const key of variableNames){
+        let first;
+        let allSame = true;
+        for(let i = 0; i < modeNames.length; i++){
+            const mode = modeNames[i];
+            const current = modes[mode]?.[key];
+            if (!current) {
+                allSame = false;
+                break;
+            }
+            if (i === 0) {
+                first = current;
+            } else if (JSON.stringify(current.value) !== JSON.stringify(first.value)) {
+                allSame = false;
+                break;
+            }
+        }
+        const already = baseVariables[key];
+        const valueMatches = already && JSON.stringify(already.value) === JSON.stringify(first?.value);
+        if (allSame && (!already || valueMatches)) {
+            if (first) {
+                variables[key] = first;
+            }
+        } else {
+            for (const mode of modeNames){
+                if (!newModes[mode]) newModes[mode] = {};
+                const value = modes[mode]?.[key];
+                if (value) {
+                    newModes[mode][key] = value;
+                }
+            }
+        }
+    }
+    const newConfig = {
+        ...rest,
+        variables: Object.keys(variables).length > 0 ? variables : undefined,
+        modes: Object.keys(newModes).length > 0 ? newModes : undefined
+    };
+    return newConfig;
+}
+
+export { minifyExtendedConfig as default };

package/dist/utils/nest-meta-object.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+function nestMetaObject(flat) {
+    const nested = {};
+    for (const entry of Object.values(flat)){
+        const { group, key, value } = entry;
+        const path = group ? group.split('.') : [];
+        let current = nested;
+        for (const segment of path){
+            if (!(segment in current)) {
+                current[segment] = {};
+            } else if (typeof current[segment] !== 'object' || current[segment] === null) {
+                // Wrap primitive into object: { '': value }
+                current[segment] = {
+                    '': current[segment]
+                };
+            }
+            current = current[segment];
+        }
+        current[key] = value;
+    }
+    return nested;
+}
+
+module.exports = nestMetaObject;

package/dist/utils/nest-meta-object.d.ts

@@ -0,0 +1,7 @@
+export default function nestMetaObject(flat: Record<string, {
+    name: string;
+    value: any;
+    key: string;
+    group?: string;
+    namespace?: string;
+}>): Record<string, any>;

package/dist/utils/nest-meta-object.mjs

@@ -0,0 +1,23 @@
+function nestMetaObject(flat) {
+    const nested = {};
+    for (const entry of Object.values(flat)){
+        const { group, key, value } = entry;
+        const path = group ? group.split('.') : [];
+        let current = nested;
+        for (const segment of path){
+            if (!(segment in current)) {
+                current[segment] = {};
+            } else if (typeof current[segment] !== 'object' || current[segment] === null) {
+                // Wrap primitive into object: { '': value }
+                current[segment] = {
+                    '': current[segment]
+                };
+            }
+            current = current[segment];
+        }
+        current[key] = value;
+    }
+    return nested;
+}
+
+export { nestMetaObject as default };

package/dist/utils/parse-at.cjs

@@ -1,13 +1,12 @@
 'use strict';
 
 var common = require('../common.cjs');
-var core = require('../core.cjs');
 var parsePair = require('./parse-pair.cjs');
 var parseValue = require('./parse-value.cjs');
 var replaceCharOutsideQuotes = require('./replace-char-outside-quotes.cjs');
 var splitCharOutsideQuotes = require('./split-char-outside-quotes.cjs');
 
-function parseAt(token, css = new core(), isRaw = true) {
+function parseAt(token, css, isRaw = true) {
     let id;
     let firstToken;
     const resolve = (token)=>{

package/dist/utils/parse-at.d.ts

@@ -1,4 +1,4 @@
-import MasterCSS from '../core';
+import type MasterCSS from '../core';
 import { AtIdentifier } from '../types/config';
 export type AtRule = {
     id: AtIdentifier;
@@ -36,4 +36,4 @@ export interface AtRuleGroupNode {
     children: AtRuleNode[];
 }
 export type AtRuleNode = AtRuleValueNode | AtRuleComparisonOperatorNode | AtRuleLogicalOperatorNode | AtRuleGroupNode;
-export default function parseAt(token: string, css?: MasterCSS, isRaw?: boolean): AtRule;
+export default function parseAt(token: string, css: MasterCSS, isRaw?: boolean): AtRule;

package/dist/utils/parse-at.mjs

@@ -1,11 +1,10 @@
 import { AT_COMPARISON_OPERATORS, AT_LOGICAL_OPERATORS, AT_IDENTIFIERS, AT_COMPARABLE_FEATURES } from '../common.mjs';
-import MasterCSS from '../core.mjs';
 import parsePair from './parse-pair.mjs';
 import parseValue from './parse-value.mjs';
 import replaceCharOutsideQuotes from './replace-char-outside-quotes.mjs';
 import splitCharOutsideQuotes from './split-char-outside-quotes.mjs';
 
-function parseAt(token, css = new MasterCSS(), isRaw = true) {
+function parseAt(token, css, isRaw = true) {
     let id;
     let firstToken;
     const resolve = (token)=>{

package/dist/utils/parse-pair.cjs

@@ -9,18 +9,15 @@ function parsePair(str, a = '(', b = ')') {
         const prevChar = str[i - 1];
         // 處理 escape 字元，例如 \"
         if (char === '\\') {
-            i++ // skip next character
-            ;
+            i++; // skip next character
             continue;
         }
         // 處理字串區段進入與離開
         if ((char === '"' || char === '\'') && prevChar !== '\\') {
             if (inString === char) {
-                inString = null // 離開字串
-                ;
+                inString = null; // 離開字串
             } else if (!inString) {
-                inString = char // 進入字串
-                ;
+                inString = char; // 進入字串
             }
             continue;
         }

package/dist/utils/parse-pair.mjs

@@ -7,18 +7,15 @@ function parsePair(str, a = '(', b = ')') {
         const prevChar = str[i - 1];
         // 處理 escape 字元，例如 \"
         if (char === '\\') {
-            i++ // skip next character
-            ;
+            i++; // skip next character
             continue;
         }
         // 處理字串區段進入與離開
         if ((char === '"' || char === '\'') && prevChar !== '\\') {
             if (inString === char) {
-                inString = null // 離開字串
-                ;
+                inString = null; // 離開字串
             } else if (!inString) {
-                inString = char // 進入字串
-                ;
+                inString = char; // 進入字串
             }
             continue;
         }

package/dist/utils/parse-selector.cjs

@@ -1,11 +1,10 @@
 'use strict';
 
 var common = require('../common.cjs');
-var core = require('../core.cjs');
 var parsePair = require('./parse-pair.cjs');
 
 const SELECTOR_REGEX = new RegExp(`(?:[a-zA-Z0-9-]+)|([${common.SELECTOR_COMBINATORS.join('')}#.:,*])|(a-zA-Z0-9-)`, 'g');
-function parseSelector(token, css = new core(), isRaw = true) {
+function parseSelector(token, css, isRaw = true) {
     const resolve = (eachToken)=>{
         const nodes = [];
         let currentPrefix = '';
@@ -38,8 +37,7 @@ function parseSelector(token, css = new core(), isRaw = true) {
                     const nextRawValue = eachToken[tokenIndex];
                     const prevRawValue = eachToken[tokenIndex - raw.length - 1];
                     if (prevRawValue !== '_' && nextRawValue !== '_') {
-                        value = ' ' // support BEM __
-                        ;
+                        value = ' '; // support BEM __
                     }
                 }
             } else if (raw === ',') {

package/dist/utils/parse-selector.d.ts

@@ -1,4 +1,4 @@
-import MasterCSS from '../core';
+import type MasterCSS from '../core';
 export declare type SelectorLiteralNode = {
     type?: 'attribute' | 'pseudo-class' | 'pseudo-element' | 'class' | 'universal' | 'id';
     raw?: string;
@@ -16,4 +16,4 @@ export declare type SelectorCombinatorNode = {
     value: string;
 };
 export declare type SelectorNode = SelectorLiteralNode | SelectorCombinatorNode | SelectorSeparatorNode;
-export default function parseSelector(token: string, css?: MasterCSS, isRaw?: boolean): SelectorNode[];
+export default function parseSelector(token: string, css: MasterCSS, isRaw?: boolean): SelectorNode[];

package/dist/utils/parse-selector.mjs

@@ -1,9 +1,8 @@
 import { SELECTOR_COMBINATORS } from '../common.mjs';
-import MasterCSS from '../core.mjs';
 import parsePair from './parse-pair.mjs';
 
 const SELECTOR_REGEX = new RegExp(`(?:[a-zA-Z0-9-]+)|([${SELECTOR_COMBINATORS.join('')}#.:,*])|(a-zA-Z0-9-)`, 'g');
-function parseSelector(token, css = new MasterCSS(), isRaw = true) {
+function parseSelector(token, css, isRaw = true) {
     const resolve = (eachToken)=>{
         const nodes = [];
         let currentPrefix = '';
@@ -36,8 +35,7 @@ function parseSelector(token, css = new MasterCSS(), isRaw = true) {
                     const nextRawValue = eachToken[tokenIndex];
                     const prevRawValue = eachToken[tokenIndex - raw.length - 1];
                     if (prevRawValue !== '_' && nextRawValue !== '_') {
-                        value = ' ' // support BEM __
-                        ;
+                        value = ' '; // support BEM __
                     }
                 }
             } else if (raw === ',') {

package/dist/utils/sort-readable-classes.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var syntaxRuleType = require('../syntax-rule-type.cjs');
-var core = require('../core.cjs');
+var create = require('../create.cjs');
 var compareRulePriority = require('./compare-rule-priority.cjs');
 var common = require('../common.cjs');
 
@@ -10,7 +10,7 @@ var common = require('../common.cjs');
  * @param classes
  * @param options
  * @returns consistent classes
- */ function sortReadableClasses(classes, css = new core()) {
+ */ function sortReadableClasses(classes, css = create()) {
     const shouldSortClasses = [];
     const unsortedClasses = [];
     for (const className of classes){

package/dist/utils/sort-readable-classes.d.ts

@@ -1,8 +1,7 @@
-import MasterCSS from '../core';
 /**
  * Sorts classes in a consistent order
  * @param classes
  * @param options
  * @returns consistent classes
  */
-export default function sortReadableClasses(classes: string[], css?: MasterCSS): string[];
+export default function sortReadableClasses(classes: string[], css?: import("..").MasterCSS): string[];

package/dist/utils/sort-readable-classes.mjs

@@ -1,5 +1,5 @@
 import SyntaxRuleType from '../syntax-rule-type.mjs';
-import MasterCSS from '../core.mjs';
+import createCSS from '../create.mjs';
 import compareRulePriority from './compare-rule-priority.mjs';
 import { __UNSORTED__ } from '../common.mjs';
 
@@ -8,7 +8,7 @@ import { __UNSORTED__ } from '../common.mjs';
  * @param classes
  * @param options
  * @returns consistent classes
- */ function sortReadableClasses(classes, css = new MasterCSS()) {
+ */ function sortReadableClasses(classes, css = createCSS()) {
     const shouldSortClasses = [];
     const unsortedClasses = [];
     for (const className of classes){

package/dist/variable-rule.cjs

@@ -6,28 +6,25 @@ class VariableRule {
     name;
     variable;
     css;
-    nodes;
+    nodes = [];
     constructor(name, variable, css){
         this.name = name;
         this.variable = variable;
         this.css = css;
-        this.nodes = [];
         const hasDefaultValue = variable.value !== undefined;
         if (hasDefaultValue) {
-            this.nodes.push(new VariableRuleNode(this.name, variable, css));
+            this.nodes.push(new VariableRuleNode(this, variable, css));
         }
-        if (variable.modes) {
+        if (variable.modes && this.css.config.modeTrigger) {
             for(const mode in variable.modes){
                 const modeVariable = variable.modes[mode];
-                const variableRule = new VariableRuleNode(this.name, modeVariable, css, mode);
-                if (variableRule.modeTrigger) {
-                    const isDefaultMode = hasDefaultValue ? false : this.css.config.defaultMode === mode;
-                    variableRule.isDefaultMode = isDefaultMode;
-                    if (isDefaultMode) {
-                        this.nodes.unshift(variableRule);
-                    } else {
-                        this.nodes.push(variableRule);
-                    }
+                const variableRule = new VariableRuleNode(this, modeVariable, css, mode);
+                const isDefaultMode = hasDefaultValue ? false : this.css.config.defaultMode === mode;
+                variableRule.isDefaultMode = isDefaultMode;
+                if (isDefaultMode) {
+                    this.nodes.unshift(variableRule);
+                } else {
+                    this.nodes.push(variableRule);
                 }
             }
         }
@@ -40,42 +37,51 @@ class VariableRule {
     }
 }
 class VariableRuleNode {
-    name;
+    rule;
     variable;
     css;
     mode;
     native;
-    isDefaultMode;
-    constructor(name, variable, css, mode){
-        this.name = name;
+    isDefaultMode = false;
+    constructor(rule, variable, css, mode){
+        this.rule = rule;
         this.variable = variable;
         this.css = css;
         this.mode = mode;
-        this.isDefaultMode = false;
-    }
-    get modeTrigger() {
-        return this.mode ? this.css.config.modes?.[this.mode] : undefined;
     }
     get selectorText() {
         const isDefaultMode = this.isDefaultMode;
         if (this.mode) {
-            switch(this.modeTrigger){
-                case 'media':
-                    return ':root';
+            switch(this.css.config.modeTrigger){
                 case 'host':
-                    return `:host(.${this.mode})` + (isDefaultMode ? ',:host' : '');
+                    return `:host(.${this.mode})${isDefaultMode ? ',:host' : ''}`;
                 case 'class':
-                    return `.${this.mode}` + (isDefaultMode ? ',:root' : '');
+                    return `.${this.mode}${isDefaultMode ? ',:root' : ''}`;
                 default:
-                    return '';
+                    return ':root';
             }
         } else {
             return ':root';
         }
     }
     get text() {
-        let text = `${this.selectorText}{--${this.name}:${String(this.variable.value)}}`;
-        if (this.modeTrigger === 'media') {
+        let value = '';
+        switch(this.rule.variable.type){
+            case 'color':
+                {
+                    const color = this.variable;
+                    value = (color.alpha ?? 1) < 1 ? `${color.space}(${color.value}/${color.alpha})` : `${color.space}(${color.value})`;
+                    break;
+                }
+            case 'number':
+                value = String(this.variable.value);
+                break;
+            case 'string':
+                value = this.variable.value;
+                break;
+        }
+        let text = `${this.selectorText}{--${this.rule.name}:${value}}`;
+        if (this.css.config.modeTrigger === 'media' && this.mode) {
             text = `@media (prefers-color-scheme:${this.mode}){${text}}`;
         }
         return text;

package/dist/variable-rule.d.ts

@@ -1,5 +1,5 @@
 import MasterCSS from './core';
-import { LiteralVariable, Variable } from './types/syntax';
+import { ColorVariable, LiteralVariable, NumberVariable, StringVariable, Variable } from './types/syntax';
 export default class VariableRule {
     readonly name: string;
     readonly variable: Variable;
@@ -9,15 +9,25 @@ export default class VariableRule {
     get key(): string;
     get text(): string;
 }
-export declare class VariableRuleNode {
-    readonly name: string;
-    readonly variable: LiteralVariable;
+type VariableMap = {
+    string: StringVariable;
+    number: NumberVariable;
+    color: ColorVariable;
+};
+type VariableType = LiteralVariable['type'];
+export declare class VariableRuleNode<T extends VariableType = VariableType> {
+    readonly rule: VariableRule & {
+        variable: VariableMap[T];
+    };
+    readonly variable: VariableMap[T];
     readonly css: MasterCSS;
     readonly mode?: string | undefined;
     native?: CSSRule;
     isDefaultMode: boolean;
-    constructor(name: string, variable: LiteralVariable, css: MasterCSS, mode?: string | undefined);
-    get modeTrigger(): false | "class" | "media" | "host" | undefined;
+    constructor(rule: VariableRule & {
+        variable: VariableMap[T];
+    }, variable: VariableMap[T], css: MasterCSS, mode?: string | undefined);
     get selectorText(): string;
     get text(): string;
 }
+export {};

package/dist/variable-rule.mjs

@@ -2,28 +2,25 @@ class VariableRule {
     name;
     variable;
     css;
-    nodes;
+    nodes = [];
     constructor(name, variable, css){
         this.name = name;
         this.variable = variable;
         this.css = css;
-        this.nodes = [];
         const hasDefaultValue = variable.value !== undefined;
         if (hasDefaultValue) {
-            this.nodes.push(new VariableRuleNode(this.name, variable, css));
+            this.nodes.push(new VariableRuleNode(this, variable, css));
         }
-        if (variable.modes) {
+        if (variable.modes && this.css.config.modeTrigger) {
             for(const mode in variable.modes){
                 const modeVariable = variable.modes[mode];
-                const variableRule = new VariableRuleNode(this.name, modeVariable, css, mode);
-                if (variableRule.modeTrigger) {
-                    const isDefaultMode = hasDefaultValue ? false : this.css.config.defaultMode === mode;
-                    variableRule.isDefaultMode = isDefaultMode;
-                    if (isDefaultMode) {
-                        this.nodes.unshift(variableRule);
-                    } else {
-                        this.nodes.push(variableRule);
-                    }
+                const variableRule = new VariableRuleNode(this, modeVariable, css, mode);
+                const isDefaultMode = hasDefaultValue ? false : this.css.config.defaultMode === mode;
+                variableRule.isDefaultMode = isDefaultMode;
+                if (isDefaultMode) {
+                    this.nodes.unshift(variableRule);
+                } else {
+                    this.nodes.push(variableRule);
                 }
             }
         }
@@ -36,42 +33,51 @@ class VariableRule {
     }
 }
 class VariableRuleNode {
-    name;
+    rule;
     variable;
     css;
     mode;
     native;
-    isDefaultMode;
-    constructor(name, variable, css, mode){
-        this.name = name;
+    isDefaultMode = false;
+    constructor(rule, variable, css, mode){
+        this.rule = rule;
         this.variable = variable;
         this.css = css;
         this.mode = mode;
-        this.isDefaultMode = false;
-    }
-    get modeTrigger() {
-        return this.mode ? this.css.config.modes?.[this.mode] : undefined;
     }
     get selectorText() {
         const isDefaultMode = this.isDefaultMode;
         if (this.mode) {
-            switch(this.modeTrigger){
-                case 'media':
-                    return ':root';
+            switch(this.css.config.modeTrigger){
                 case 'host':
-                    return `:host(.${this.mode})` + (isDefaultMode ? ',:host' : '');
+                    return `:host(.${this.mode})${isDefaultMode ? ',:host' : ''}`;
                 case 'class':
-                    return `.${this.mode}` + (isDefaultMode ? ',:root' : '');
+                    return `.${this.mode}${isDefaultMode ? ',:root' : ''}`;
                 default:
-                    return '';
+                    return ':root';
             }
         } else {
             return ':root';
         }
     }
     get text() {
-        let text = `${this.selectorText}{--${this.name}:${String(this.variable.value)}}`;
-        if (this.modeTrigger === 'media') {
+        let value = '';
+        switch(this.rule.variable.type){
+            case 'color':
+                {
+                    const color = this.variable;
+                    value = (color.alpha ?? 1) < 1 ? `${color.space}(${color.value}/${color.alpha})` : `${color.space}(${color.value})`;
+                    break;
+                }
+            case 'number':
+                value = String(this.variable.value);
+                break;
+            case 'string':
+                value = this.variable.value;
+                break;
+        }
+        let text = `${this.selectorText}{--${this.rule.name}:${value}}`;
+        if (this.css.config.modeTrigger === 'media' && this.mode) {
             text = `@media (prefers-color-scheme:${this.mode}){${text}}`;
         }
         return text;

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"},"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.1","@master/normal.css":"^3.2.0","@techor/extend":"^3.2.0","csstype":"^3.1.3"},"devDependencies":{"shared":"^2.0.0-rc.68"},"version":"2.0.0-rc.68"}
+{"name":"@master/css","type":"module","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","test":"vitest","bench":"vitest bench","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"},"./*":{"types":"./dist/*.d.ts","require":"./dist/*.cjs","import":"./dist/*.mjs"}},"bin":"./dist/bin/index.mjs","files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/colors":"^3.0.0","@master/normal.css":"^3.2.0","csstype":"^3.1.3","json-safe-extend":"^3.2.5"},"devDependencies":{"shared":"^2.0.0-rc.69"},"version":"2.0.0-rc.69"}