@master/css 2.0.0-rc.60 → 2.0.0-rc.62

package/dist/animation-rule.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+class AnimationRule {
+    name;
+    keyframes;
+    css;
+    native;
+    constructor(name, keyframes, css){
+        this.name = name;
+        this.keyframes = keyframes;
+        this.css = css;
+    }
+    get key() {
+        return this.name;
+    }
+    get text() {
+        return `@keyframes ${this.name}{` + Object.entries(this.keyframes).reduce((acc, [key, variables])=>{
+            const variableText = Object.entries(variables).map(([name, value])=>`${name}:${value}`).join(';');
+            return acc + `${key}{${variableText}}`;
+        }, '') + '}';
+    }
+}
+
+module.exports = AnimationRule;

package/dist/animation-rule.d.ts

@@ -0,0 +1,11 @@
+import MasterCSS from './core';
+import { AnimationDefinitions } from './types/config';
+export default class AnimationRule {
+    readonly name: string;
+    readonly keyframes: AnimationDefinitions;
+    readonly css: MasterCSS;
+    native?: CSSKeyframeRule;
+    constructor(name: string, keyframes: AnimationDefinitions, css: MasterCSS);
+    get key(): string;
+    get text(): string;
+}

package/dist/animation-rule.mjs

@@ -0,0 +1,22 @@
+class AnimationRule {
+    name;
+    keyframes;
+    css;
+    native;
+    constructor(name, keyframes, css){
+        this.name = name;
+        this.keyframes = keyframes;
+        this.css = css;
+    }
+    get key() {
+        return this.name;
+    }
+    get text() {
+        return `@keyframes ${this.name}{` + Object.entries(this.keyframes).reduce((acc, [key, variables])=>{
+            const variableText = Object.entries(variables).map(([name, value])=>`${name}:${value}`).join(';');
+            return acc + `${key}{${variableText}}`;
+        }, '') + '}';
+    }
+}
+
+export { AnimationRule as default };

package/dist/common.cjs

@@ -17,6 +17,12 @@ const SELECTOR_SIGNS = [
     '+',
     '~'
 ];
+const SELECTOR_COMBINATORS = [
+    '_',
+    '>',
+    '+',
+    '~'
+];
 const QUERY_COMPARISON_OPERATORS = [
     '>',
     '<',
@@ -99,7 +105,7 @@ const VALUE_UNITS = [
     'db',
     'st'
 ];
-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 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|light-dark)\(.*\)|(?:\$colors)(?![a-zA-Z0-9-]))/;
 const NUMBER_VALUE_REGEX = /(?:[\d.]|(?:max|min|calc|clamp)\([^|]*\))/;
@@ -135,8 +141,49 @@ const BORDER_STYLE_VALUES = [
     'inset',
     'outset'
 ];
+const AT_COMPARISON_OPERATORS = [
+    '>=',
+    '<=',
+    '>',
+    '<',
+    '='
+];
+const AT_LOGICAL_OPERATORS = {
+    '&': 'and',
+    '!': 'not',
+    // native
+    'not': 'not',
+    'and': 'and',
+    'or': 'or',
+    'only': 'only',
+    ',': 'or'
+};
+// the order is intentional and should not be changed
+const AT_IDENTIFIERS = [
+    'container',
+    'starting-style',
+    'supports',
+    'media',
+    'layer'
+];
+const COMPARISION_OPERATORS = [
+    '>=',
+    '<=',
+    '>',
+    '<',
+    '='
+];
+const AT_COMPARABLE_FEATURES = [
+    'width',
+    'height',
+    'resolution'
+];
 
 exports.ANIMATION_SIGN = ANIMATION_SIGN;
+exports.AT_COMPARABLE_FEATURES = AT_COMPARABLE_FEATURES;
+exports.AT_COMPARISON_OPERATORS = AT_COMPARISON_OPERATORS;
+exports.AT_IDENTIFIERS = AT_IDENTIFIERS;
+exports.AT_LOGICAL_OPERATORS = AT_LOGICAL_OPERATORS;
 exports.AT_SIGN = AT_SIGN;
 exports.BASE_UNIT_REGEX = BASE_UNIT_REGEX;
 exports.BORDER_STYLE_VALUES = BORDER_STYLE_VALUES;
@@ -144,12 +191,14 @@ exports.CLASS_ATTRIBUTES = CLASS_ATTRIBUTES;
 exports.CLASS_DECLARATIONS = CLASS_DECLARATIONS;
 exports.CLASS_FUNCTIONS = CLASS_FUNCTIONS;
 exports.COLOR_VALUE_REGEX = COLOR_VALUE_REGEX;
+exports.COMPARISION_OPERATORS = COMPARISION_OPERATORS;
 exports.DELIMITER_SIGN = DELIMITER_SIGN;
 exports.IMAGE_VALUE_REGEX = IMAGE_VALUE_REGEX;
 exports.NUMBER_VALUE_REGEX = NUMBER_VALUE_REGEX;
 exports.OFFICIAL_URL = OFFICIAL_URL;
 exports.QUERY_COMPARISON_OPERATORS = QUERY_COMPARISON_OPERATORS;
 exports.QUERY_LOGICAL_OPERATORS = QUERY_LOGICAL_OPERATORS;
+exports.SELECTOR_COMBINATORS = SELECTOR_COMBINATORS;
 exports.SELECTOR_SIGNS = SELECTOR_SIGNS;
 exports.SEPARATOR_SIGN = SEPARATOR_SIGN;
 exports.SEPARATOR_SIGNS = SEPARATOR_SIGNS;

package/dist/common.d.ts

@@ -8,6 +8,7 @@ export declare const BASE_UNIT_REGEX: RegExp;
 export declare const TRANSITION_SIGN = "~";
 export declare const ANIMATION_SIGN = "@";
 export declare const SELECTOR_SIGNS: string[];
+export declare const SELECTOR_COMBINATORS: string[];
 export declare const QUERY_COMPARISON_OPERATORS: string[];
 export declare const QUERY_LOGICAL_OPERATORS: string[];
 export declare const SEPARATOR_SIGNS: string[];
@@ -24,3 +25,16 @@ export declare const CLASS_ATTRIBUTES: string[];
 export declare const CLASS_DECLARATIONS: string[];
 export declare const CLASS_FUNCTIONS: string[];
 export declare const BORDER_STYLE_VALUES: string[];
+export declare const AT_COMPARISON_OPERATORS: string[];
+export declare const AT_LOGICAL_OPERATORS: {
+    '&': string;
+    '!': string;
+    not: string;
+    and: string;
+    or: string;
+    only: string;
+    ',': string;
+};
+export declare const AT_IDENTIFIERS: string[];
+export declare const COMPARISION_OPERATORS: string[];
+export declare const AT_COMPARABLE_FEATURES: string[];

package/dist/common.mjs

@@ -15,6 +15,12 @@ const SELECTOR_SIGNS = [
     '+',
     '~'
 ];
+const SELECTOR_COMBINATORS = [
+    '_',
+    '>',
+    '+',
+    '~'
+];
 const QUERY_COMPARISON_OPERATORS = [
     '>',
     '<',
@@ -97,7 +103,7 @@ const VALUE_UNITS = [
     'db',
     'st'
 ];
-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 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|light-dark)\(.*\)|(?:\$colors)(?![a-zA-Z0-9-]))/;
 const NUMBER_VALUE_REGEX = /(?:[\d.]|(?:max|min|calc|clamp)\([^|]*\))/;
@@ -133,5 +139,42 @@ const BORDER_STYLE_VALUES = [
     'inset',
     'outset'
 ];
+const AT_COMPARISON_OPERATORS = [
+    '>=',
+    '<=',
+    '>',
+    '<',
+    '='
+];
+const AT_LOGICAL_OPERATORS = {
+    '&': 'and',
+    '!': 'not',
+    // native
+    'not': 'not',
+    'and': 'and',
+    'or': 'or',
+    'only': 'only',
+    ',': 'or'
+};
+// the order is intentional and should not be changed
+const AT_IDENTIFIERS = [
+    'container',
+    'starting-style',
+    'supports',
+    'media',
+    'layer'
+];
+const COMPARISION_OPERATORS = [
+    '>=',
+    '<=',
+    '>',
+    '<',
+    '='
+];
+const AT_COMPARABLE_FEATURES = [
+    'width',
+    'height',
+    'resolution'
+];
 
-export { ANIMATION_SIGN, AT_SIGN, BASE_UNIT_REGEX, BORDER_STYLE_VALUES, CLASS_ATTRIBUTES, CLASS_DECLARATIONS, CLASS_FUNCTIONS, COLOR_VALUE_REGEX, DELIMITER_SIGN, IMAGE_VALUE_REGEX, NUMBER_VALUE_REGEX, OFFICIAL_URL, QUERY_COMPARISON_OPERATORS, QUERY_LOGICAL_OPERATORS, SELECTOR_SIGNS, SEPARATOR_SIGN, SEPARATOR_SIGNS, TRANSITION_SIGN, UNIT_REGEX, VALUE_DELIMITERS, VALUE_UNITS };
+export { ANIMATION_SIGN, AT_COMPARABLE_FEATURES, AT_COMPARISON_OPERATORS, AT_IDENTIFIERS, AT_LOGICAL_OPERATORS, AT_SIGN, BASE_UNIT_REGEX, BORDER_STYLE_VALUES, CLASS_ATTRIBUTES, CLASS_DECLARATIONS, CLASS_FUNCTIONS, COLOR_VALUE_REGEX, COMPARISION_OPERATORS, DELIMITER_SIGN, IMAGE_VALUE_REGEX, NUMBER_VALUE_REGEX, OFFICIAL_URL, QUERY_COMPARISON_OPERATORS, QUERY_LOGICAL_OPERATORS, SELECTOR_COMBINATORS, SELECTOR_SIGNS, SEPARATOR_SIGN, SEPARATOR_SIGNS, TRANSITION_SIGN, UNIT_REGEX, VALUE_DELIMITERS, VALUE_UNITS };

package/dist/config/at.cjs

@@ -1,16 +1,19 @@
 'use strict';
 
 const at = {
-    all: 'media all',
-    print: 'media print',
-    screen: 'media screen',
-    speech: 'media speech',
-    landscape: 'media (orientation:landscape)',
-    portrait: 'media (orientation:portrait)',
-    motion: 'media (prefers-reduced-motion:no-preference)',
-    'reduced-motion': 'media (prefers-reduced-motion:reduce)',
-    base: 'layer base',
-    preset: 'layer preset'
+    all: 'media(all)',
+    print: 'media(print)',
+    screen: 'media(screen)',
+    speech: 'media(speech)',
+    landscape: 'media(orientation:landscape)',
+    portrait: 'media(orientation:portrait)',
+    motion: 'media(prefers-reduced-motion:no-preference)',
+    'reduce-motion': 'media(prefers-reduced-motion:reduce)',
+    base: 'layer(base)',
+    preset: 'layer(preset)',
+    start: 'starting-style',
+    w: 'width',
+    h: 'height'
 };
 
 module.exports = at;

package/dist/config/at.d.ts

@@ -6,8 +6,11 @@ declare const at: {
     landscape: string;
     portrait: string;
     motion: string;
-    'reduced-motion': string;
+    'reduce-motion': string;
     base: string;
     preset: string;
+    start: string;
+    w: string;
+    h: string;
 };
 export default at;

package/dist/config/at.mjs

@@ -1,14 +1,17 @@
 const at = {
-    all: 'media all',
-    print: 'media print',
-    screen: 'media screen',
-    speech: 'media speech',
-    landscape: 'media (orientation:landscape)',
-    portrait: 'media (orientation:portrait)',
-    motion: 'media (prefers-reduced-motion:no-preference)',
-    'reduced-motion': 'media (prefers-reduced-motion:reduce)',
-    base: 'layer base',
-    preset: 'layer preset'
+    all: 'media(all)',
+    print: 'media(print)',
+    screen: 'media(screen)',
+    speech: 'media(speech)',
+    landscape: 'media(orientation:landscape)',
+    portrait: 'media(orientation:portrait)',
+    motion: 'media(prefers-reduced-motion:no-preference)',
+    'reduce-motion': 'media(prefers-reduced-motion:reduce)',
+    base: 'layer(base)',
+    preset: 'layer(preset)',
+    start: 'starting-style',
+    w: 'width',
+    h: 'height'
 };
 
 export { at as default };

package/dist/config/index.cjs

@@ -8,6 +8,7 @@ var variables = require('./variables.cjs');
 var rules = require('./rules.cjs');
 var modes = require('./modes.cjs');
 var functions = require('./functions.cjs');
+var screens = require('./screens.cjs');
 
 const config = {
     at,
@@ -18,6 +19,7 @@ const config = {
     animations,
     variables,
     modes,
+    screens,
     scope: '',
     rootSize: 16,
     baseUnit: 4,
@@ -34,4 +36,5 @@ exports.variables = variables;
 exports.rules = rules;
 exports.modes = modes;
 exports.functions = functions;
+exports.screens = screens;
 exports.config = config;

package/dist/config/index.d.ts

@@ -6,6 +6,7 @@ import variables from './variables';
 import rules from './rules';
 import modes from './modes';
 import functions from './functions';
+import screens from './screens';
 import { Config } from '../types/config';
 declare const config: Config;
-export { config, at, selectors, utilities, rules, functions, animations, variables, modes };
+export { config, at, selectors, utilities, rules, functions, animations, variables, modes, screens };

package/dist/config/index.mjs

@@ -6,6 +6,7 @@ import variables from './variables.mjs';
 import rules from './rules.mjs';
 import modes from './modes.mjs';
 import functions from './functions.mjs';
+import screens from './screens.mjs';
 
 const config = {
     at,
@@ -16,6 +17,7 @@ const config = {
     animations,
     variables,
     modes,
+    screens,
     scope: '',
     rootSize: 16,
     baseUnit: 4,
@@ -24,4 +26,4 @@ const config = {
     defaultMode: 'light'
 };
 
-export { animations, at, config, functions, modes, rules, selectors, utilities, variables };
+export { animations, at, config, functions, modes, rules, screens, selectors, utilities, variables };

package/dist/config/modes.d.ts

@@ -1,3 +1,5 @@
-import { ModeDefinitions } from '../types/config';
-declare const modes: ModeDefinitions;
+declare const modes: {
+    dark: "class";
+    light: "class";
+};
 export default modes;

package/dist/config/rules.cjs

@@ -37,29 +37,24 @@ const rules = {
                         addProp(eachCssProperty);
                     }
                 };
-                for (const eachNative of rule.nodes){
-                    addProps(eachNative.text);
-                }
+                addProps(rule.text);
                 // animation
                 if (rule.animationNames) {
                     if (!this.animationNames) {
-                        this.animationNames = [];
+                        this.animationNames = new Set();
                     }
                     for (const eachKeyframeName of rule.animationNames){
-                        if (!this.animationNames.includes(eachKeyframeName)) {
-                            this.animationNames.push(eachKeyframeName);
-                        }
+                        this.animationNames.add(eachKeyframeName);
                     }
                 }
                 // variable
                 if (rule.variableNames) {
-                    if (!this.variableNames) {
-                        this.variableNames = [];
-                    }
-                    for (const eachVariableName of rule.variableNames){
-                        if (!this.variableNames.includes(eachVariableName)) {
-                            this.variableNames.push(eachVariableName);
+                    if (this.variableNames) {
+                        for (const eachVariableName of rule.variableNames){
+                            this.variableNames.add(eachVariableName);
                         }
+                    } else {
+                        this.variableNames = new Set(rule.variableNames);
                     }
                 }
             };
@@ -551,6 +546,23 @@ const rules = {
             };
         }
     },
+    container: {
+        type: syntaxRuleType.NativeShorthand
+    },
+    'container-name': {
+        type: syntaxRuleType.Native
+    },
+    'container-type': {
+        type: syntaxRuleType.Native,
+        ambiguousKeys: [
+            'container'
+        ],
+        ambiguousValues: [
+            'size',
+            'inline-size',
+            'scroll-state'
+        ]
+    },
     contain: {
         type: syntaxRuleType.Native
     },
@@ -846,43 +858,13 @@ const rules = {
         type: syntaxRuleType.Native
     },
     'overflow-x': {
-        type: syntaxRuleType.Native,
-        declare (value) {
-            return value === 'overlay' ? {
-                'overflow-x': [
-                    'auto',
-                    value
-                ]
-            } : {
-                'overflow-x': value
-            };
-        }
+        type: syntaxRuleType.Native
     },
     'overflow-y': {
-        type: syntaxRuleType.Native,
-        declare (value) {
-            return value === 'overlay' ? {
-                'overflow-y': [
-                    'auto',
-                    value
-                ]
-            } : {
-                'overflow-y': value
-            };
-        }
+        type: syntaxRuleType.Native
     },
     overflow: {
-        type: syntaxRuleType.NativeShorthand,
-        declare (value) {
-            return value === 'overlay' ? {
-                overflow: [
-                    'auto',
-                    value
-                ]
-            } : {
-                overflow: value
-            };
-        }
+        type: syntaxRuleType.NativeShorthand
     },
     'overscroll-behavior-x': {
         type: syntaxRuleType.Native

package/dist/config/rules.d.ts

@@ -1,4 +1,3 @@
-import SyntaxRuleType from '../syntax-rule-type';
 import { SyntaxRuleDefinition } from '../types/config';
 declare const rules: {
     group: SyntaxRuleDefinition;
@@ -11,7 +10,7 @@ declare const rules: {
     'font-variant-numeric': SyntaxRuleDefinition;
     'font-variant': {
         ambiguousKeys: string[];
-        type: SyntaxRuleType;
+        type: -3;
     };
     font: SyntaxRuleDefinition;
     'font-feature-settings': SyntaxRuleDefinition;
@@ -52,6 +51,9 @@ declare const rules: {
     'max-size': SyntaxRuleDefinition;
     'box-sizing': SyntaxRuleDefinition;
     'box-decoration-break': SyntaxRuleDefinition;
+    container: SyntaxRuleDefinition;
+    'container-name': SyntaxRuleDefinition;
+    'container-type': SyntaxRuleDefinition;
     contain: SyntaxRuleDefinition;
     content: SyntaxRuleDefinition;
     'counter-increment': SyntaxRuleDefinition;

package/dist/config/rules.mjs

@@ -35,29 +35,24 @@ const rules = {
                         addProp(eachCssProperty);
                     }
                 };
-                for (const eachNative of rule.nodes){
-                    addProps(eachNative.text);
-                }
+                addProps(rule.text);
                 // animation
                 if (rule.animationNames) {
                     if (!this.animationNames) {
-                        this.animationNames = [];
+                        this.animationNames = new Set();
                     }
                     for (const eachKeyframeName of rule.animationNames){
-                        if (!this.animationNames.includes(eachKeyframeName)) {
-                            this.animationNames.push(eachKeyframeName);
-                        }
+                        this.animationNames.add(eachKeyframeName);
                     }
                 }
                 // variable
                 if (rule.variableNames) {
-                    if (!this.variableNames) {
-                        this.variableNames = [];
-                    }
-                    for (const eachVariableName of rule.variableNames){
-                        if (!this.variableNames.includes(eachVariableName)) {
-                            this.variableNames.push(eachVariableName);
+                    if (this.variableNames) {
+                        for (const eachVariableName of rule.variableNames){
+                            this.variableNames.add(eachVariableName);
                         }
+                    } else {
+                        this.variableNames = new Set(rule.variableNames);
                     }
                 }
             };
@@ -549,6 +544,23 @@ const rules = {
             };
         }
     },
+    container: {
+        type: SyntaxRuleType.NativeShorthand
+    },
+    'container-name': {
+        type: SyntaxRuleType.Native
+    },
+    'container-type': {
+        type: SyntaxRuleType.Native,
+        ambiguousKeys: [
+            'container'
+        ],
+        ambiguousValues: [
+            'size',
+            'inline-size',
+            'scroll-state'
+        ]
+    },
     contain: {
         type: SyntaxRuleType.Native
     },
@@ -844,43 +856,13 @@ const rules = {
         type: SyntaxRuleType.Native
     },
     'overflow-x': {
-        type: SyntaxRuleType.Native,
-        declare (value) {
-            return value === 'overlay' ? {
-                'overflow-x': [
-                    'auto',
-                    value
-                ]
-            } : {
-                'overflow-x': value
-            };
-        }
+        type: SyntaxRuleType.Native
     },
     'overflow-y': {
-        type: SyntaxRuleType.Native,
-        declare (value) {
-            return value === 'overlay' ? {
-                'overflow-y': [
-                    'auto',
-                    value
-                ]
-            } : {
-                'overflow-y': value
-            };
-        }
+        type: SyntaxRuleType.Native
     },
     overflow: {
-        type: SyntaxRuleType.NativeShorthand,
-        declare (value) {
-            return value === 'overlay' ? {
-                overflow: [
-                    'auto',
-                    value
-                ]
-            } : {
-                overflow: value
-            };
-        }
+        type: SyntaxRuleType.NativeShorthand
     },
     'overscroll-behavior-x': {
         type: SyntaxRuleType.Native

package/dist/config/screens.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+const screens = {
+    '4xs': 360,
+    '3xs': 480,
+    '2xs': 600,
+    'xs': 768,
+    'sm': 834,
+    'md': 1024,
+    'lg': 1280,
+    'xl': 1440,
+    '2xl': 1600,
+    '3xl': 1920,
+    '4xl': 2560
+};
+
+module.exports = screens;

package/dist/config/screens.d.ts

@@ -0,0 +1,14 @@
+declare const screens: {
+    '4xs': number;
+    '3xs': number;
+    '2xs': number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    '2xl': number;
+    '3xl': number;
+    '4xl': number;
+};
+export default screens;

package/dist/config/screens.mjs

@@ -0,0 +1,15 @@
+const screens = {
+    '4xs': 360,
+    '3xs': 480,
+    '2xs': 600,
+    'xs': 768,
+    'sm': 834,
+    'md': 1024,
+    'lg': 1280,
+    'xl': 1440,
+    '2xl': 1600,
+    '3xl': 1920,
+    '4xl': 2560
+};
+
+export { screens as default };