@master/css 2.0.0-rc.26 → 2.0.0-rc.27

package/dist/rule.d.ts

@@ -1,16 +1,15 @@
 import MasterCSS, { type Variable } from './core';
-import { Layer } from './layer';
+import Layer from './layer';
 import { type PropertiesHyphen } from 'csstype';
 export declare class Rule {
     readonly className: string;
+    readonly RegisteredRule: RegisteredRule;
     css: MasterCSS;
     readonly at: Record<string, AtComponent[]>;
     readonly priority: number;
     readonly natives: NativeRule[];
     readonly order: number;
     readonly layer: Layer;
-    readonly atToken: string;
-    readonly stateToken: string;
     readonly declarations?: PropertiesHyphen;
     animationNames?: string[];
     variableNames?: string[];
@@ -18,20 +17,22 @@ export declare class Rule {
     resolveAtComponent(atComponent: AtComponent): string;
     resolveValue: (valueComponents: ValueComponent[], unit: string, bypassVariableNames: string[], bypassParsing: boolean) => string;
     get text(): string;
-    parseValue: (currentValueComponents: ValueComponent[], i: number, value: string, unit: string, endSymbol: string, parentFunctionName?: string, bypassParsing?: boolean, bypassVariableNames?: string[]) => number;
-    parseValueComponent(token: string | number, unit?: any): StringValueComponent | NumericValueComponent;
+    parseValues: (currentValueComponents: ValueComponent[], i: number, value: string, unit: string, endSymbol: string, parentFunctionName?: string, bypassParsing?: boolean, bypassVariableNames?: string[]) => number;
+    parseValue(token: string | number, unit?: any): {
+        value: string;
+        type: 'string';
+    } | {
+        value: number;
+        unit: string;
+        type: 'number';
+    };
 }
-export type AtComponent = AtArbitraryComponent | AtMediaTypeComponent | AtFeatureComponent | AtOperatorComponent;
+export type AtComponent = AtArbitraryComponent | AtFeatureComponent | AtOperatorComponent;
 export interface AtArbitraryComponent {
     type: 'arbitrary';
     token?: string;
     value: string;
 }
-export interface AtMediaTypeComponent {
-    type: 'media-type';
-    token?: string;
-    value: 'all' | 'print' | 'screen' | 'speech';
-}
 export interface AtFeatureComponent {
     type: 'feature';
     token?: string;
@@ -48,20 +49,20 @@ export interface AtOperatorComponent {
 export type ValueComponent = StringValueComponent | NumericValueComponent | FunctionValueComponent | VariableValueComponent | SeparatorValueComponent;
 export interface StringValueComponent {
     text?: string;
-    token?: string;
+    token: string;
     type: 'string';
     value: string;
 }
 export interface NumericValueComponent {
     text?: string;
-    token?: string;
+    token: string;
     type: 'number';
     value: number;
     unit?: string;
 }
 export interface FunctionValueComponent {
     text?: string;
-    token?: string;
+    token: string;
     type: 'function';
     name: string;
     symbol: string;
@@ -70,7 +71,7 @@ export interface FunctionValueComponent {
 }
 export interface VariableValueComponent {
     text?: string;
-    token?: string;
+    token: string;
     type: 'variable';
     name: string;
     alpha?: string;
@@ -79,12 +80,11 @@ export interface VariableValueComponent {
 }
 export interface SeparatorValueComponent {
     text?: string;
+    token: string;
     type: 'separator';
     value: string;
 }
 export interface Rule extends RegisteredRule {
-    colored: boolean;
-    prefix: string;
     token: string;
     vendorPrefixSelectors: Record<string, string[]>;
     vendorSuffixSelectors: Record<string, string[]>;
@@ -92,27 +92,40 @@ export interface Rule extends RegisteredRule {
     direction: string;
     mode: string;
     unitToken: string;
+    keyToken: string;
+    valueToken: string;
+    stateToken: string;
+    atToken: string;
     hasWhere: boolean;
     valueComponents: Array<ValueComponent>;
 }
 export interface RegisteredRule {
     id: string;
-    match?: RegExp;
-    variables?: any;
+    key?: string;
+    keys: string[];
+    matchers: {
+        key?: RegExp;
+        variable?: RegExp;
+        value?: RegExp;
+        arbitrary?: RegExp;
+    };
+    variables: Record<string, Variable>;
     order: number;
     definition: RuleDefinition;
 }
 export interface RuleDefinition {
     layer?: Layer;
-    match?: RegExp | [string, string[]?];
+    matcher?: RegExp;
+    sign?: string;
+    key?: string;
+    subkey?: string;
+    ambiguousKeys?: string[];
+    ambiguousValues?: (RegExp | string)[];
     variables?: string[];
     separators?: string[];
-    shorthand?: string;
-    colored?: boolean;
-    numeric?: boolean;
     unit?: any;
-    native?: boolean;
     declarations?: PropertiesHyphen;
+    includeAnimations?: boolean;
     analyze?: (this: Rule, className: string) => [valueToken: string, prefixToken?: string];
     transformValue?(this: Rule, value: string): string;
     transformValueComponents?(this: Rule, valueComponents: ValueComponent[]): ValueComponent[];

package/dist/rule.mjs

@@ -1,30 +1,28 @@
-import { START_SYMBOLS } from './constants/start-symbol.mjs';
 import cssEscape from './shared/utils/css-escape.mjs';
-import { Layer } from './layer.mjs';
-import { BASE_UNIT_REGEX } from './constants/base-unit-regex.mjs';
+import Layer from './layer.mjs';
+import { VALUE_DELIMITERS, UNIT_REGEX, BASE_UNIT_REGEX } from './common.mjs';
 
 class Rule {
     className;
+    RegisteredRule;
     css;
     at;
     priority;
     natives;
     order;
     layer;
-    atToken;
-    stateToken;
     declarations;
     animationNames;
     variableNames;
     constructor(className, RegisteredRule, css){
         this.className = className;
+        this.RegisteredRule = RegisteredRule;
         this.css = css;
         this.at = {};
         this.priority = -1;
         this.natives = [];
         this.order = 0;
         this.layer = 0;
-        this.atToken = '';
         this.resolveValue = (valueComponents, unit, bypassVariableNames, bypassParsing)=>{
             const { functions } = this.css.config;
             let currentValue = '';
@@ -35,12 +33,12 @@ class Rule {
                         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);
-                            currentValue += eachValueComponent.text = typeof result === 'string' ? result : this.resolveValue(result, functionDefinition?.unit ?? unit, bypassVariableNames, bypassParsing);
+                            currentValue += eachValueComponent.token = eachValueComponent.text = typeof result === 'string' ? result : this.resolveValue(result, functionDefinition?.unit ?? unit, bypassVariableNames, bypassParsing);
                         } else {
-                            currentValue += eachValueComponent.text = eachValueComponent.name + eachValueComponent.symbol + this.resolveValue(eachValueComponent.children, functionDefinition?.unit ?? unit, bypassVariableNames, bypassParsing) + START_SYMBOLS[eachValueComponent.symbol];
+                            currentValue += eachValueComponent.token = eachValueComponent.text = eachValueComponent.name + eachValueComponent.symbol + this.resolveValue(eachValueComponent.children, functionDefinition?.unit ?? unit, bypassVariableNames, bypassParsing) + VALUE_DELIMITERS[eachValueComponent.symbol];
                         }
                         break;
-                    // todo: 應挪到 parseValue 階段處理才能支援 variables: { x: 'calc(20vw-30px)' } 這種情況，並且解析上可能會比較合理、精簡
+                    // todo: 應挪到 parseValues 階段處理才能支援 variables: { x: 'calc(20vw-30px)' } 這種情況，並且解析上可能會比較合理、精簡
                     case 'variable':
                         // eslint-disable-next-line no-case-declarations
                         const variable = this.css.variables[eachValueComponent.name];
@@ -69,7 +67,7 @@ class Rule {
                                 case 'string':
                                     handleVariable((variable)=>{
                                         const valueComponents = [];
-                                        this.parseValue(valueComponents, 0, variable.value, unit, '', undefined, bypassParsing, [
+                                        this.parseValues(valueComponents, 0, variable.value, unit, '', undefined, bypassParsing, [
                                             ...bypassVariableNames,
                                             eachValueComponent.name
                                         ]);
@@ -84,9 +82,9 @@ class Rule {
                                 case 'number':
                                     handleVariable((variable)=>{
                                         if (bypassParsing) {
-                                            currentValue += eachValueComponent.text = variable.value;
+                                            currentValue += eachValueComponent.text = String(variable.value);
                                         } else {
-                                            const valueComponent = this.parseValueComponent(variable.value, unit);
+                                            const valueComponent = this.parseValue(variable.value, unit);
                                             currentValue += eachValueComponent.text = valueComponent.value + (valueComponent.unit ?? '');
                                         }
                                     }, ()=>{
@@ -120,7 +118,7 @@ class Rule {
             }
             return currentValue;
         };
-        this.parseValue = (currentValueComponents, i, value, unit, endSymbol, parentFunctionName, bypassParsing = false, bypassVariableNames = [])=>{
+        this.parseValues = (currentValueComponents, i, value, unit, endSymbol, parentFunctionName, bypassParsing = false, bypassVariableNames = [])=>{
             const root = parentFunctionName === undefined;
             const isVarFunction = !root && (parentFunctionName.endsWith('$') || parentFunctionName.endsWith('var'));
             const checkIsString = (value)=>value === '\'' || value === '"';
@@ -145,7 +143,8 @@ class Rule {
                                     const valueComponent = {
                                         type: 'variable',
                                         name,
-                                        variable: this.css.variables[name]
+                                        variable: this.css.variables[name],
+                                        token: currentValue
                                     };
                                     if (alpha) valueComponent.alpha = alpha;
                                     currentValueComponents.push(valueComponent);
@@ -153,7 +152,7 @@ class Rule {
                             }
                         };
                         handleVariable(currentValue);
-                        if (!handled && this.colored) {
+                        if (!handled) {
                             const [colorName, alpha] = currentValue.split('/');
                             handleVariable(colorName, alpha);
                         }
@@ -168,10 +167,14 @@ class Rule {
                         if (bypassParsing) {
                             currentValueComponents.push({
                                 type: 'string',
-                                value: currentValue
+                                value: currentValue,
+                                token: currentValue
                             });
                         } else {
-                            currentValueComponents.push(this.parseValueComponent(currentValue, unit));
+                            currentValueComponents.push({
+                                ...this.parseValue(currentValue, unit),
+                                token: currentValue
+                            });
                         }
                     }
                     currentValue = '';
@@ -196,27 +199,25 @@ class Rule {
                         parse();
                     }
                     return i;
-                } else if (!isString && val in START_SYMBOLS) {
+                } else if (!isString && val in VALUE_DELIMITERS) {
                     const functionName = currentValue;
                     const newValueComponent = {
                         type: 'function',
                         name: functionName,
                         symbol: val,
-                        children: []
+                        children: [],
+                        token: ''
                     };
                     currentValueComponents.push(newValueComponent);
                     currentValue = '';
                     const functionDefinition = val === '(' ? this.css.config.functions?.[functionName] : undefined;
-                    if (!this.colored && functionDefinition?.colored) {
-                        // @ts-ignore
-                        this.colored = true;
-                    }
-                    i = this.parseValue(newValueComponent.children, ++i, value, functionDefinition?.unit ?? unit, START_SYMBOLS[val], functionName || parentFunctionName || '', bypassParsing || functionName === 'calc');
+                    i = this.parseValues(newValueComponent.children, ++i, value, functionDefinition?.unit ?? unit, VALUE_DELIMITERS[val], functionName || parentFunctionName || '', bypassParsing || functionName === 'calc');
                 } else if ((val === '|' || val === ' ') && endSymbol !== '}' && (!isString || parentFunctionName === 'path')) {
                     parse();
                     currentValueComponents.push({
                         type: 'separator',
-                        value: ' '
+                        value: ' ',
+                        token: val
                     });
                 } else {
                     if (!isString) {
@@ -231,7 +232,8 @@ class Rule {
                             currentValueComponents.push({
                                 type: 'separator',
                                 value: val,
-                                text: (val === ',' ? '' : ' ') + val + (val === ',' ? '' : ' ')
+                                text: (val === ',' ? '' : ' ') + val + (val === ',' ? '' : ' '),
+                                token: val
                             });
                             continue;
                         } else if (root && (val === '#' && (currentValue || currentValueComponents.length && currentValueComponents[currentValueComponents.length - 1]['type'] !== 'separator') || [
@@ -256,9 +258,8 @@ class Rule {
         };
         Object.assign(this, RegisteredRule);
         const { id, definition } = RegisteredRule;
-        const { analyze, transformValue, declare, transformValueComponents, create, layer, unit, colored } = definition;
+        const { analyze, transformValue, declare, transformValueComponents, create, layer, unit } = definition;
         this.layer = layer;
-        this.colored = !!colored;
         if (!definition.unit) definition.unit = '';
         if (!definition.separators) definition.separators = [
             ','
@@ -271,7 +272,7 @@ class Rule {
         this.declarations = definition.declarations;
         let stateToken;
         let prefixToken;
-        if (layer === Layer.Semantic) {
+        if (layer === Layer.Utility) {
             // TODO: id 使用其他方式傳遞
             stateToken = className.slice(id.length - 1);
         } else {
@@ -280,11 +281,13 @@ class Rule {
                 [valueToken, prefixToken] = analyze.call(this, className);
             } else {
                 const indexOfColon = className.indexOf(':');
-                this.prefix = className.slice(0, indexOfColon + 1);
+                this.keyToken = className.slice(0, indexOfColon + 1);
                 valueToken = className.slice(indexOfColon + 1);
             }
             this.valueComponents = [];
-            stateToken = valueToken.slice(this.parseValue(this.valueComponents, 0, valueToken, unit, '', undefined, false, id === 'animation' || id === 'animation-name' ? Object.keys(this.css.animations) : []));
+            const parsedValueIndex = this.parseValues(this.valueComponents, 0, valueToken, unit, '', undefined, false, definition.includeAnimations ? Object.keys(this.css.animations) : []);
+            this.valueToken = valueToken.slice(0, parsedValueIndex);
+            stateToken = valueToken.slice(parsedValueIndex);
         }
         // 2. !important
         if (stateToken[0] === '!') {
@@ -449,8 +452,8 @@ class Rule {
         // 5. atTokens
         for(let i = 1; i < stateTokens.length; i++){
             const atToken = stateTokens[i];
+            this.atToken = (this.atToken || '') + '@' + atToken;
             if (atToken) {
-                this.atToken += '@' + atToken;
                 if (atToken === 'rtl' || atToken === 'ltr') {
                     this.direction = atToken;
                 } else {
@@ -468,14 +471,7 @@ class Rule {
                         });
                     } else {
                         const analyzeToken = (atComponentToken)=>{
-                            if (atComponentToken === 'all' || atComponentToken === 'print' || atComponentToken === 'screen' || atComponentToken === 'speech') {
-                                queryType = 'media';
-                                atComponents.push({
-                                    type: 'media-type',
-                                    token: atComponentToken,
-                                    value: atComponentToken
-                                });
-                            } else if (atComponentToken === '&') {
+                            if (atComponentToken === '&') {
                                 atComponents.push({
                                     type: 'operator',
                                     token: atComponentToken,
@@ -527,7 +523,7 @@ class Rule {
                                                     unit: 'px'
                                                 });
                                             } else {
-                                                const valueComponent = this.parseValueComponent(token, 'px');
+                                                const valueComponent = this.parseValue(token, 'px');
                                                 if (valueComponent.type === 'number') {
                                                     atComponents.push({
                                                         type: 'feature',
@@ -605,14 +601,14 @@ class Rule {
                 }
                 propertiesText.push(propertyText + ((this.important || important) && !propertyText.endsWith('!important') ? '!important' : ''));
             };
-            const prefix = propertyName + ':';
+            const keyToken = propertyName + ':';
             const declarations = this.declarations[propertyName];
             if (Array.isArray(declarations)) {
                 for (const value of declarations){
-                    push(prefix + String(value));
+                    push(keyToken + String(value));
                 }
             } else {
-                push(prefix + String(declarations));
+                push(keyToken + String(declarations));
             }
         }
         // 創建 Natives
@@ -651,8 +647,6 @@ class Rule {
         switch(atComponent.type){
             case 'arbitrary':
                 return atComponent.value;
-            case 'media-type':
-                return atComponent.value;
             case 'feature':
                 return '(' + atComponent.name + ':' + atComponent.value + (atComponent.unit || '') + ')';
             case 'operator':
@@ -663,8 +657,8 @@ class Rule {
     get text() {
         return this.natives.map((eachNative)=>eachNative.text).join('');
     }
-    parseValue;
-    parseValueComponent(token, unit = this.definition.unit) {
+    parseValues;
+    parseValue(token, unit = this.definition.unit) {
         const defaultUnit = unit ?? this.definition.unit;
         let newUnit = '';
         let value;
@@ -695,7 +689,7 @@ class Rule {
                     type: 'number'
                 };
             }
-            const matches = token.match(/^([+-.]?\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 matches = token.match(UNIT_REGEX);
             // ['0.5deg', '0.5', 'deg', index: 0, input: '0.5deg', groups: undefined]
             if (matches) {
                 value = +matches[1];

package/dist/utils/generate-css.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var core = require('../core.cjs');
+
+function generateCSS(classes, css = new core.default()) {
+    let text = '';
+    css.add(...classes);
+    text = css.text;
+    css.delete(...classes);
+    return text;
+}
+
+module.exports = generateCSS;

package/dist/utils/generate-css.d.ts

@@ -0,0 +1,2 @@
+import MasterCSS from '../core';
+export default function generateCSS(classes: string[], css?: MasterCSS): string;

package/dist/utils/generate-css.mjs

@@ -0,0 +1,11 @@
+import MasterCSS from '../core.mjs';
+
+function generateCSS(classes, css = new MasterCSS()) {
+    let text = '';
+    css.add(...classes);
+    text = css.text;
+    css.delete(...classes);
+    return text;
+}
+
+export { generateCSS as default };

package/dist/utils/hex-to-rgb.cjs

@@ -27,4 +27,4 @@ function hexToRgb(hex) {
     ];
 }
 
-exports.hexToRgb = hexToRgb;
+module.exports = hexToRgb;

package/dist/utils/hex-to-rgb.d.ts

@@ -1 +1 @@
-export declare function hexToRgb(hex: string): (number | undefined)[];
+export default function hexToRgb(hex: string): (number | undefined)[];

package/dist/utils/hex-to-rgb.mjs

@@ -25,4 +25,4 @@ function hexToRgb(hex) {
     ];
 }
 
-export { hexToRgb };
+export { hexToRgb as default };

package/dist/utils/is-core-rule.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var rules = require('../config/rules.cjs');
+
+function isCoreRule(id) {
+    return Object.hasOwnProperty.call(rules.default, id);
+}
+
+module.exports = isCoreRule;

package/dist/utils/is-core-rule.d.ts

@@ -0,0 +1 @@
+export default function isCoreRule(id: string): boolean;

package/dist/utils/is-core-rule.mjs

@@ -0,0 +1,7 @@
+import rules from '../config/rules.mjs';
+
+function isCoreRule(id) {
+    return Object.hasOwnProperty.call(rules, id);
+}
+
+export { isCoreRule as default };

package/dist/{functions → utils}/reorder-for-readable-classes.cjs

@@ -8,23 +8,17 @@ var core = require('../core.cjs');
  * @param classes
  * @param options
  * @returns consistent classes
- */ function reorderForReadableClasses(classes, options) {
-    let css;
-    if (options?.css) {
-        css = options?.css;
-    } else {
-        css = new core.default(options?.config);
-    }
+ */ function reorderForReadableClasses(classes, css = new core.default()) {
     for (const eachClass of classes){
         css.add(eachClass);
     }
     return css.rules// 只保留樣式語法相關的 rules, 排除 keyframes 與 variables 在外
     .filter((eachRule)=>eachRule.layer).sort((a, b)=>{
-        if (a.layer === layer.Layer.Semantic && b.layer !== layer.Layer.Semantic) {
-            // 如果 a 是 Layer.Semantic 而 b 不是，则 a 应该排在 b 前面
+        if (a.layer === layer.Utility && b.layer !== layer.Utility) {
+            // 如果 a 是 Layer.Utility 而 b 不是，则 a 应该排在 b 前面
             return -1;
-        } else if (a.layer !== layer.Layer.Semantic && b.layer === layer.Layer.Semantic) {
-            // 如果 b 是 Layer.Semantic 而 a 不是，则 b 应该排在 a 前面
+        } else if (a.layer !== layer.Utility && b.layer === layer.Utility) {
+            // 如果 b 是 Layer.Utility 而 a 不是，则 b 应该排在 a 前面
             return 1;
         } else if (a.id !== b.id) {
             return a.className.localeCompare(b.className);

package/dist/{functions → utils}/reorder-for-readable-classes.d.ts

@@ -1,4 +1,3 @@
-import type { Config } from '../config';
 import MasterCSS from '../core';
 /**
  * Sorts classes in a consistent order
@@ -6,7 +5,4 @@ import MasterCSS from '../core';
  * @param options
  * @returns consistent classes
  */
-export default function reorderForReadableClasses(classes: string[], options?: {
-    css?: MasterCSS;
-    config?: Config;
-}): string[];
+export default function reorderForReadableClasses(classes: string[], css?: MasterCSS): string[];

package/dist/{functions → utils}/reorder-for-readable-classes.mjs

@@ -1,4 +1,4 @@
-import { Layer } from '../layer.mjs';
+import Layer from '../layer.mjs';
 import MasterCSS from '../core.mjs';
 
 /**
@@ -6,23 +6,17 @@ import MasterCSS from '../core.mjs';
  * @param classes
  * @param options
  * @returns consistent classes
- */ function reorderForReadableClasses(classes, options) {
-    let css;
-    if (options?.css) {
-        css = options?.css;
-    } else {
-        css = new MasterCSS(options?.config);
-    }
+ */ function reorderForReadableClasses(classes, css = new MasterCSS()) {
     for (const eachClass of classes){
         css.add(eachClass);
     }
     return css.rules// 只保留樣式語法相關的 rules, 排除 keyframes 與 variables 在外
     .filter((eachRule)=>eachRule.layer).sort((a, b)=>{
-        if (a.layer === Layer.Semantic && b.layer !== Layer.Semantic) {
-            // 如果 a 是 Layer.Semantic 而 b 不是，则 a 应该排在 b 前面
+        if (a.layer === Layer.Utility && b.layer !== Layer.Utility) {
+            // 如果 a 是 Layer.Utility 而 b 不是，则 a 应该排在 b 前面
             return -1;
-        } else if (a.layer !== Layer.Semantic && b.layer === Layer.Semantic) {
-            // 如果 b 是 Layer.Semantic 而 a 不是，则 b 应该排在 a 前面
+        } else if (a.layer !== Layer.Utility && b.layer === Layer.Utility) {
+            // 如果 b 是 Layer.Utility 而 a 不是，则 b 应该排在 a 前面
             return 1;
         } else if (a.id !== b.id) {
             return a.className.localeCompare(b.className);

package/package.json

@@ -1 +1 @@
-{"name":"@master/css","type":"module","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","test":"jest","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://css.master.co/docs/donate","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/css"},"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.0.0","@master/normal.css":"^2.1.0","@techor/extend":"^3.0.18"},"devDependencies":{"css-shared":"^2.0.0-rc.26","csstype":"^3.1.3"},"version":"2.0.0-rc.26"}
+{"name":"@master/css","type":"module","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","test":"jest","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://css.master.co/docs/donate","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/css"},"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.0.0","@master/normal.css":"^2.1.0","@techor/extend":"^3.0.18"},"devDependencies":{"@master/css-shared":"^2.0.0-rc.27","csstype":"^3.1.3"},"version":"2.0.0-rc.27"}

package/dist/constants/base-unit-regex.cjs

@@ -1,5 +0,0 @@
-'use strict';
-
-const BASE_UNIT_REGEX = /^([+-]?(?:\d+(?:\.?\d+)?|\.\d+))x$/m;
-
-exports.BASE_UNIT_REGEX = BASE_UNIT_REGEX;

package/dist/constants/base-unit-regex.d.ts

@@ -1 +0,0 @@
-export declare const BASE_UNIT_REGEX: RegExp;

package/dist/constants/base-unit-regex.mjs

@@ -1,3 +0,0 @@
-const BASE_UNIT_REGEX = /^([+-]?(?:\d+(?:\.?\d+)?|\.\d+))x$/m;
-
-export { BASE_UNIT_REGEX };

package/dist/constants/start-symbol.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-const START_SYMBOLS = {
-    '(': ')',
-    '\'': '\'',
-    '"': '"',
-    '{': '}'
-};
-
-exports.START_SYMBOLS = START_SYMBOLS;

package/dist/constants/start-symbol.d.ts

@@ -1,6 +0,0 @@
-export declare const START_SYMBOLS: {
-    '(': string;
-    '\'': string;
-    '"': string;
-    '{': string;
-};

package/dist/constants/start-symbol.mjs

@@ -1,8 +0,0 @@
-const START_SYMBOLS = {
-    '(': ')',
-    '\'': '\'',
-    '"': '"',
-    '{': '}'
-};
-
-export { START_SYMBOLS };

package/dist/utils/concat-arrays.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-function concatArrays(originVal, newVal) {
-    if (Array.isArray(originVal) && Array.isArray(newVal)) {
-        // concat logic
-        return originVal.concat(newVal);
-    }
-    return newVal // always return newVal as fallback!!
-    ;
-}
-
-exports.concatArrays = concatArrays;

package/dist/utils/concat-arrays.d.ts

@@ -1 +0,0 @@
-export declare function concatArrays(originVal: any, newVal: any): any | any[];