lapikit 0.0.0-insiders.f206df2 → 0.0.0-insiders.f352010

package/dist/plugin/preset-v2.js

@@ -1,126 +0,0 @@
-const variables = {
-    info: 'var(--system-blue)',
-    success: 'var(--system-green)',
-    error: 'var(--system-red)',
-    warning: 'var(--system-yellow)'
-};
-export const preset = {
-    breakpoints: {
-        devices: {
-            desktop: 1024, //64rem (lg)
-            tablet: 768, //48rem (md)
-            mobile: 375 //28rem (sm)
-        },
-        thresholds: {
-            base: 0, // 0px
-            xs: 448, //28rem
-            sm: 640, //40rem
-            md: 768, //48rem
-            lg: 1024, //64rem
-            xl: 1280, //80rem
-            '2xl': 1536, //96rem
-            '3xl': 1792 //112rem
-        }
-    },
-    theme: {
-        defaultTheme: 'light',
-        themes: {
-            light: {
-                dark: false,
-                colors: {
-                    blue: '#007AFF',
-                    green: '#34C759',
-                    red: '#FF3B30',
-                    yellow: '#FFCC00',
-                    orange: '#FF9500',
-                    purple: '#AF52DE',
-                    pink: '#FF2D55',
-                    indigo: '#5856D6',
-                    cyan: '#5AC8FA',
-                    gray: '#8E8E93',
-                    'gray-2': '#AEAEB2',
-                    'gray-3': '#C7C7CC',
-                    'gray-4': '#D1D1D6',
-                    'gray-5': '#E5E5EA',
-                    'gray-6': '#F2F2F7',
-                    background: '#FFFFFF',
-                    'secondary-background': '#F2F2F7',
-                    'tertiary-background': '#EFEFF4',
-                    label: '#000000',
-                    'secondary-label': 'rgba(60,60,67,0.6)'
-                },
-                variables: variables
-            },
-            dark: {
-                dark: true,
-                colors: {
-                    blue: '#0A84FF',
-                    green: '#30D158',
-                    red: '#FF453A',
-                    yellow: '#FFD60A',
-                    orange: '#FF9F0A',
-                    purple: '#BF5AF2',
-                    pink: '#FF375F',
-                    indigo: '#5E5CE6',
-                    cyan: '#64D2FF',
-                    gray: '#8E8E93',
-                    'gray-2': '#636366',
-                    'gray-3': '#48484A',
-                    'gray-4': '#3A3A3C',
-                    'gray-5': '#2C2C2E',
-                    'gray-6': '#1C1C1E',
-                    background: '#000000',
-                    'secondary-background': '#1C1C1E',
-                    'tertiary-background': '#2C2C2E',
-                    label: '#FFFFFF',
-                    'secondary-label': 'rgba(235,235,245,0.6)'
-                },
-                variables: variables
-            }
-        }
-    },
-    typography: {
-        defaultTypography: 'default',
-        fonts: {
-            default: {
-                sans: [
-                    'system-ui',
-                    '-apple-system',
-                    'BlinkMacSystemFont',
-                    'Segoe UI',
-                    'Roboto',
-                    'Helvetica Neue',
-                    'Arial',
-                    'sans-serif',
-                    'Apple Color Emoji',
-                    'Segoe UI Emoji',
-                    'Segoe UI Symbol'
-                ],
-                mono: [
-                    'SFMono-Regular',
-                    'ui-monospace',
-                    'SF Mono',
-                    'Menlo',
-                    'Monaco',
-                    'Consolas',
-                    'Liberation Mono',
-                    'Courier New',
-                    'monospace'
-                ],
-                serif: ['Merriweather', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif']
-            }
-        }
-    },
-    styles: {
-        spacing: '0.125rem', // 2px
-        shape: {
-            sm: '0.125rem', // 2px
-            md: '0.25rem', // 4px
-            lg: '0.5rem', // 8px
-            xl: '0.75rem', // 12px
-            '2xl': '1rem', // 16px
-            '3xl': '1.5rem', // 24px
-            full: '9999px' // 9999px
-        }
-    }
-};

package/dist/plugin/vitejs.js

@@ -1,55 +0,0 @@
-import { importer } from './modules/importer.js';
-import { processCSS } from '../style/css.js';
-import { parseConfig } from './modules/config.js';
-import { terminal } from '../internal/terminal.js';
-import path from 'path';
-import fs from 'fs';
-import { css } from './css.js';
-const app = process.cwd();
-async function getLapikitConfig(filePath) {
-    const pathConfig = path.resolve(app, filePath);
-    if (!fs.existsSync(pathConfig))
-        process.exit(1);
-    const code = fs.readFileSync(pathConfig, 'utf-8');
-    const match = code.match(/createLapikit\s*\(\s*({[\s\S]*?})\s*\)/);
-    let options = {};
-    if (match && match[1]) {
-        try {
-            options = new Function('return ' + match[1])();
-        }
-        catch (e) {
-            console.error('Error parsing lapikit config:', e);
-        }
-    }
-    else {
-        console.error('Lapikit not found');
-    }
-    return options;
-}
-export async function lapikit({ config } = {}) {
-    if (config) {
-        const value = await getLapikitConfig(config);
-        // console.log(value);
-        await css(value);
-    }
-    return {
-        name: 'lapikit/vite.js',
-        async configResolved() {
-            const importedConfig = await importer();
-            const result = await parseConfig(importedConfig);
-            await processCSS(result);
-            terminal('info', 'lapikit is up!');
-        },
-        async configureServer(server) {
-            server.watcher.add('./lapikit.config.js');
-            server.watcher.on('change', async (filePath) => {
-                if (String(filePath).includes('lapikit.config.js')) {
-                    const config = await importer();
-                    const result = await parseConfig(config);
-                    await processCSS(result);
-                    terminal('info', 'lapikit config reloaded');
-                }
-            });
-        }
-    };
-}

package/dist/preset.d.ts

@@ -1,2 +0,0 @@
-import type { Lapikit } from './internal/types.js';
-export declare const config: Lapikit;

package/dist/preset.js

@@ -1,92 +0,0 @@
-export const config = {
-    options: {
-        normalize: true, // true | false
-        minify: false // true | false
-    },
-    theme: {
-        colorScheme: 'system', // 'light' | 'dark' | 'system'
-        colors: {
-            primary: { light: 'oklch(45% 0.24 277.023)', dark: 'oklch(45% 0.24 277.023)' },
-            'on-primary': { light: 'oklch(14% 0.005 285.823)', dark: 'oklch(14% 0.005 285.823)' },
-            secondary: { light: 'oklch(65% 0.241 354.308)', dark: 'oklch(65% 0.241 354.308)' },
-            'on-secondary': { light: 'oklch(14% 0.005 285.823)', dark: 'oklch(14% 0.005 285.823)' },
-            tertiary: { light: 'oklch(77% 0.152 181.912)', dark: 'oklch(77% 0.152 181.912)' },
-            'on-tertiary': { light: 'oklch(14% 0.005 285.823)', dark: 'oklch(14% 0.005 285.823)' },
-            neutral: { light: 'oklch(14% 0.005 285.823)', dark: 'oklch(14% 0.005 285.823)' },
-            'on-neutral': { light: 'oklch(100% 0 0)', dark: 'oklch(100% 0 0)' },
-            info: { light: 'oklch(74% 0.16 232.661)', dark: 'oklch(74% 0.16 232.661)' },
-            'on-info': { light: 'oklch(14% 0.005 285.823)', dark: 'oklch(14% 0.005 285.823)' },
-            success: { light: 'oklch(76% 0.177 163.223)', dark: 'oklch(76% 0.177 163.223)' },
-            'on-success': { light: 'oklch(14% 0.005 285.823)', dark: 'oklch(14% 0.005 285.823)' },
-            warning: { light: 'oklch(82% 0.189 84.429)', dark: 'oklch(82% 0.189 84.429)' },
-            'on-warning': { light: 'oklch(14% 0.005 285.823)', dark: 'oklch(14% 0.005 285.823)' },
-            error: { light: 'oklch(71% 0.194 13.428)', dark: 'oklch(71% 0.194 13.428)' },
-            'on-error': { light: 'oklch(14% 0.005 285.823)', dark: 'oklch(14% 0.005 285.823)' },
-            base: { light: 'oklch(100% 0 0)', dark: 'oklch(25.33% 0.016 252.42)' },
-            'on-base': { light: 'oklch(14% 0.005 285.823)', dark: 'oklch(100% 0 0)' },
-            surface: { light: 'oklch(98% 0 0)', dark: 'oklch(23.26% 0.014 253.1)' },
-            'on-surface': { light: 'oklch(14% 0.005 285.823)', dark: 'oklch(100% 0 0)' },
-            container: { light: 'oklch(95% 0 0)', dark: 'oklch(21.15% 0.012 254.09)' },
-            'on-container': { light: 'oklch(14% 0.005 285.823)', dark: 'oklch(100% 0 0)' },
-            shadow: 'black',
-            scrim: 'oklch(0.00% 0.000 0)'
-        }
-    },
-    breakpoints: {
-        mobileBreakpoint: 'sm',
-        tabletBreakpoint: 'md',
-        laptopBreakpoint: 'lg',
-        thresholds: {
-            _default: 0, // 0px
-            xs: '28rem', //448px
-            sm: '40rem', //640px
-            md: '48rem', //768px
-            lg: '64rem', //1024px
-            xl: '80rem', //1280px
-            '2xl': '96rem', //1536px
-            '3xl': '112rem' //1792px
-        }
-    },
-    styles: {
-        spacing: '0.125rem', // 2px
-        corner: {
-            active: true, // true | false
-            radius: {
-                sm: '0.125rem', // 2px
-                md: '0.25rem', // 4px
-                lg: '0.5rem', // 8px
-                xl: '0.75rem', // 12px
-                '2xl': '1rem', // 16px
-                '3xl': '1.5rem', // 24px
-                full: '9999px' // 9999px
-            }
-        },
-        font: {
-            sans: [
-                'system-ui',
-                '-apple-system',
-                'BlinkMacSystemFont',
-                'Segoe UI',
-                'Roboto',
-                'Helvetica Neue',
-                'Arial',
-                'sans-serif',
-                'Apple Color Emoji',
-                'Segoe UI Emoji',
-                'Segoe UI Symbol'
-            ],
-            mono: [
-                'SFMono-Regular',
-                'ui-monospace',
-                'SF Mono',
-                'Menlo',
-                'Monaco',
-                'Consolas',
-                'Liberation Mono',
-                'Courier New',
-                'monospace'
-            ],
-            serif: ['Merriweather', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif']
-        }
-    }
-};

package/dist/style/animation.css

@@ -1,62 +0,0 @@
-@keyframes button-click {
-	0% {
-		transform: scale(0.98);
-	}
-	40% {
-		transform: scale(1.02);
-	}
-	100% {
-		transform: scale(1);
-	}
-}
-
-@keyframes icon-rotate {
-	0% {
-		transform: rotate(10deg);
-	}
-	100% {
-		transform: rotate(380deg);
-	}
-}
-
-.kit-ripple {
-	background-color: currentColor;
-	opacity: 0.1;
-	position: absolute;
-	border-radius: 50%;
-	pointer-events: none;
-	-webkit-transition: 0.6s;
-	transition: 0.6s;
-	-webkit-animation: lapikit-ripple var(--ripple-duration, 0.4s) cubic-bezier(0.4, 0, 0.2, 1);
-	animation: lapikit-ripple var(--ripple-duration, 0.4s) cubic-bezier(0.4, 0, 0.2, 1);
-	border-radius: var(--ripple-radius);
-}
-
-.kit-ripple--center {
-	top: 50% !important;
-	left: 50% !important;
-	translate: -50% -50% !important;
-}
-
-.kit-ripple--effect {
-	position: absolute;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	overflow: hidden;
-	background: none;
-	pointer-events: none;
-	z-index: 999;
-	border-radius: var(--ripple-radius);
-}
-
-@keyframes lapikit-ripple {
-	from {
-		scale: 0;
-	}
-
-	to {
-		scale: 1;
-	}
-}

package/dist/style/css.d.ts

@@ -1,2 +0,0 @@
-import type { Lapikit } from '../internal/types.js';
-export declare const processCSS: (config: Lapikit) => Promise<void>;

package/dist/style/css.js

@@ -1,34 +0,0 @@
-import { fileURLToPath } from 'url';
-import { dirname } from 'path';
-import fs from 'fs';
-import fsPromises from 'fs/promises';
-import path from 'path';
-import { minify } from '../internal/minify.js';
-import { colors, component, devices, variables } from './parser/index.js';
-import { terminal } from '../internal/terminal.js';
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-export const processCSS = async (config) => {
-    const _normalize = fs.readFileSync(path.resolve(__dirname, './normalize.css'), 'utf-8');
-    const _animation = fs.readFileSync(path.resolve(__dirname, './animation.css'), 'utf-8');
-    const _variables = fs.readFileSync(path.resolve(__dirname, './variable.css'), 'utf-8');
-    let styles = ``;
-    if (config.options.normalize)
-        styles += `${_normalize}\n`;
-    const colorScheme = colors(config);
-    const deviceDisplay = devices(config);
-    const variablesStyles = variables(config);
-    styles += `${colorScheme.root}\n`;
-    styles += `${variablesStyles}\n`;
-    styles += `${variablesStyles}\n`;
-    styles += `${_variables}\n`;
-    styles += `${colorScheme.className}\n`;
-    styles += `${deviceDisplay}\n`;
-    styles += component(config);
-    styles += `${_animation}\n`;
-    if (config.options.minify) {
-        styles = minify(styles);
-        terminal('success', 'css minified');
-    }
-    fsPromises.writeFile(path.resolve(__dirname, '../styles.css'), styles);
-};

package/dist/style/parser/color.d.ts

@@ -1,5 +0,0 @@
-import type { Lapikit } from '../../internal/types.js';
-export declare const colors: (config: Lapikit) => {
-    root: string;
-    className: string;
-};

package/dist/style/parser/color.js

@@ -1,88 +0,0 @@
-import { parseColor } from '../../internal/colors.js';
-export const colors = (config) => {
-    const schemes = {
-        light: {},
-        dark: {}
-    };
-    for (const [property, values] of Object.entries(config.theme.colors)) {
-        if (typeof values === 'string') {
-            // for all color scheme
-            const _refColor = parseColor(values);
-            schemes['light'][property] = _refColor;
-            schemes['dark'][property] = _refColor;
-        }
-        else {
-            // with specification
-            if ('light' in values && 'dark' in values) {
-                schemes['light'][property] = parseColor(values.light);
-                schemes['dark'][property] = parseColor(values.dark);
-            }
-            else {
-                const _refColor = 'dark' in values ? parseColor(values['dark']) : parseColor(values['light']);
-                schemes['light'][property] = _refColor;
-                schemes['dark'][property] = _refColor;
-            }
-        }
-    }
-    // css variables
-    let cssVariables = '';
-    if (config.theme.colorScheme === 'auto') {
-        for (const [themeName, colors] of Object.entries(schemes)) {
-            const used = themeName;
-            const inversed = used === 'light' ? 'dark' : 'light';
-            cssVariables += `@media (prefers-color-scheme: ${used}) {\n`;
-            cssVariables += `:root, .${used} {\n`;
-            cssVariables += `color-scheme: ${used};\n`;
-            for (const [colorName, colorValue] of Object.entries(colors)) {
-                cssVariables += `--kit-${colorName}: ${colorValue};\n`;
-            }
-            cssVariables += `}\n`;
-            cssVariables += `.${inversed} {\n`;
-            cssVariables += `color-scheme: ${inversed};\n`;
-            for (const [colorName, colorValue] of Object.entries(schemes[inversed])) {
-                cssVariables += `--kit-${colorName}: ${colorValue};\n`;
-            }
-            cssVariables += `}\n`;
-            cssVariables += `}\n`;
-        }
-    }
-    else {
-        const used = config.theme.colorScheme;
-        const inversed = config.theme.colorScheme === 'light' ? 'dark' : 'light';
-        cssVariables += `:root, .${used} {\n`;
-        cssVariables += `color-scheme: ${used};\n`;
-        for (const [colorName, colorValue] of Object.entries(schemes[used])) {
-            cssVariables += `--kit-${colorName}: ${colorValue};\n`;
-        }
-        cssVariables += `}\n`;
-        cssVariables += `.${inversed} {\n`;
-        cssVariables += `color-scheme: ${inversed};\n`;
-        for (const [colorName, colorValue] of Object.entries(schemes[inversed])) {
-            cssVariables += `--kit-${colorName}: ${colorValue};\n`;
-        }
-        cssVariables += `}\n`;
-    }
-    // class
-    let classStyles = '';
-    for (const [property] of Object.entries(schemes.light)) {
-        // classStyles += `.${property}:not([class*='--variant-']) {\n`;
-        // classStyles += `--background-color: var(--kit-${property});\n`;
-        // classStyles += `--color: var(--kit-on-${property}, var(--kit-${property}));\n`;
-        // classStyles += `}\n`;
-        // classStyles += `.${property}[class*='--variant-'] {\n`;
-        // classStyles += `--color: var(--kit-${property});\n`;
-        // classStyles += `}\n`;
-        classStyles += `.${property} {\n`;
-        classStyles += `--base: var(--kit-${property});\n`;
-        classStyles += `--on: var(--kit-on-${property}, var(--kit-${property}));\n`;
-        classStyles += `}\n`;
-        // classStyles += `.${property}:not([class*='kit-']) {\n`;
-        // classStyles += `background-color: var(--kit-${property});\n`;
-        // classStyles += `color: var(--kit-on-${property}, var(--kit-${property}));\n`;
-        // classStyles += `}\n`;
-    }
-    return {
-        root: cssVariables,
-        className: classStyles
-    };
-};

package/dist/style/parser/component.d.ts

@@ -1,2 +0,0 @@
-import type { Lapikit } from '../../internal/types.js';
-export declare const component: (config: Lapikit) => string;

package/dist/style/parser/component.js

@@ -1,115 +0,0 @@
-import { fileURLToPath } from 'url';
-import { dirname } from 'path';
-import fs from 'fs';
-import path from 'path';
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-export const component = (config) => {
-    let css = ``;
-    const tresholds = {
-        _default: '',
-        static: '',
-        min: '',
-        max: '',
-        all: ''
-    };
-    function loadComponentCSS(directory) {
-        fs.readdirSync(directory).forEach((File) => {
-            const absolutePath = path.join(directory, File);
-            if (fs.statSync(absolutePath).isDirectory())
-                return loadComponentCSS(absolutePath);
-            else if (absolutePath.endsWith('.css') && !absolutePath.includes('/_')) {
-                const content = parser(fs.readFileSync(absolutePath, 'utf-8'));
-                tresholds._default += content.allExtracted
-                    .replaceAll('[breakpoint|min]', '[breakpoint]')
-                    .replaceAll('[breakpoint|max]', '[breakpoint]')
-                    .replaceAll('[breakpoint|all]', '[breakpoint]');
-                tresholds.static += content.defaultExtracted;
-                tresholds.min += content.minExtracted.replaceAll('[breakpoint|min]', '[breakpoint]');
-                tresholds.max += content.maxExtracted.replaceAll('[breakpoint|max]', '[breakpoint]');
-                tresholds.all += content.allModifierExtracted.replaceAll('[breakpoint|all]', '[breakpoint]');
-                return (css += `${content.cleaned}\n`);
-            }
-        });
-    }
-    loadComponentCSS(path.resolve(__dirname, '../../components'));
-    for (const property in config.breakpoints.thresholds) {
-        if (property !== '_default') {
-            const name = `.${/^\d/.test(property) ? `\\3${property}` : property}\\:`;
-            const value = typeof config.breakpoints.thresholds[property] === 'number'
-                ? `${config.breakpoints.thresholds[property]}px`
-                : config.breakpoints.thresholds[property];
-            if (tresholds.static !== '' || tresholds.all !== '' || tresholds.min !== '') {
-                css += `@media screen and (min-width: ${value}) {\n`;
-                if (tresholds.static !== '')
-                    css += tresholds.static.replaceAll('[breakpoint]', name);
-                if (tresholds.all !== '')
-                    css += tresholds.all.replaceAll('[breakpoint]', name);
-                if (tresholds.min !== '')
-                    css += tresholds.min.replaceAll('[breakpoint]', name);
-                css += `}\n`;
-            }
-            if (tresholds.max !== '' || tresholds.all !== '') {
-                css += `@media screen and (max-width: ${value}) {\n`;
-                if (tresholds.max !== '')
-                    css += tresholds.max.replaceAll('[breakpoint]', name);
-                if (tresholds.all !== '')
-                    css += tresholds.all.replaceAll('[breakpoint]', name);
-                css += `}\n`;
-            }
-        }
-        else {
-            css += tresholds._default.replaceAll('[breakpoint]', '.');
-        }
-    }
-    return css;
-};
-const parser = (css) => {
-    const regex = /([^{]+)\{([^}]+)\}/g;
-    let match;
-    const matchesToRemove = [];
-    const extractedByType = {
-        allExtracted: [],
-        defaultExtracted: [],
-        minExtracted: [],
-        maxExtracted: [],
-        allModifierExtracted: []
-    };
-    while ((match = regex.exec(css)) !== null) {
-        const fullMatch = match[0];
-        const selectors = match[1].trim();
-        const body = match[2].trim();
-        const selectorsArray = selectors.split(',').map((sel) => sel.trim());
-        let matchedType = null;
-        if (selectorsArray.some((sel) => sel.includes('[breakpoint|min]'))) {
-            matchedType = 'minExtracted';
-        }
-        else if (selectorsArray.some((sel) => sel.includes('[breakpoint|max]'))) {
-            matchedType = 'maxExtracted';
-        }
-        else if (selectorsArray.some((sel) => sel.includes('[breakpoint|all]'))) {
-            matchedType = 'allModifierExtracted';
-        }
-        else if (selectorsArray.some((sel) => sel.includes('[breakpoint]'))) {
-            matchedType = 'defaultExtracted';
-        }
-        if (matchedType) {
-            const rule = `${selectors} {\n${body}\n}`;
-            extractedByType.allExtracted.push(rule);
-            extractedByType[matchedType].push(rule);
-            matchesToRemove.push(fullMatch);
-        }
-    }
-    let cleaned = css;
-    for (const rule of matchesToRemove) {
-        cleaned = cleaned.replace(rule, '').replace(/\n{2,}/g, '\n\n');
-    }
-    return {
-        allExtracted: extractedByType.allExtracted.join('\n\n').trim(),
-        defaultExtracted: extractedByType.defaultExtracted.join('\n\n').trim(),
-        minExtracted: extractedByType.minExtracted.join('\n\n').trim(),
-        maxExtracted: extractedByType.maxExtracted.join('\n\n').trim(),
-        allModifierExtracted: extractedByType.allModifierExtracted.join('\n\n').trim(),
-        cleaned: cleaned.trim()
-    };
-};

package/dist/style/parser/device.d.ts

@@ -1,2 +0,0 @@
-import type { Lapikit } from '../../internal/types.js';
-export declare const devices: (config: Lapikit) => string;

package/dist/style/parser/device.js

@@ -1,40 +0,0 @@
-import { setUnit } from '../../internal/unit.js';
-export const devices = (config) => {
-    let css = ``;
-    const list = {
-        mobile: config.breakpoints.mobileBreakpoint,
-        tablet: config.breakpoints.tabletBreakpoint,
-        laptop: config.breakpoints.laptopBreakpoint
-    };
-    css += `@media screen and (max-width: ${setUnit(config.breakpoints.thresholds[list.mobile])}) {\n`;
-    css += `.hidden-mobile {\n`;
-    css += `display: none !important;\n`;
-    css += `}\n`;
-    css += `}\n`;
-    css += `@media screen and (min-width: ${setUnit(config.breakpoints.thresholds[list.mobile])}) {\n`;
-    css += `.display-mobile {\n`;
-    css += `display: none !important;\n`;
-    css += `}\n`;
-    css += `}\n`;
-    css += `@media screen and (min-width: ${setUnit(config.breakpoints.thresholds[list.tablet])}) and (max-width: ${setUnit(config.breakpoints.thresholds[list.laptop])})  {\n`;
-    css += `.hidden-tablet {\n`;
-    css += `display: none !important;\n`;
-    css += `}\n`;
-    css += `}\n`;
-    css += `@media screen and (max-width: ${setUnit(config.breakpoints.thresholds[list.tablet])}) and (min-width: ${setUnit(config.breakpoints.thresholds[list.laptop])}){\n`;
-    css += `.display-tablet {\n`;
-    css += `display: none !important;\n`;
-    css += `}\n`;
-    css += `}\n`;
-    css += `@media screen and (min-width: ${setUnit(config.breakpoints.thresholds[list.laptop])})  {\n`;
-    css += `.hidden-laptop {\n`;
-    css += `display: none !important;\n`;
-    css += `}\n`;
-    css += `}\n`;
-    css += `@media screen and (max-width: ${setUnit(config.breakpoints.thresholds[list.laptop])}) {\n`;
-    css += `.display-laptop {\n`;
-    css += `display: none !important;\n`;
-    css += `}\n`;
-    css += `}\n`;
-    return css;
-};

package/dist/style/parser/index.d.ts

@@ -1,4 +0,0 @@
-export * from './color.js';
-export * from './component.js';
-export * from './device.js';
-export * from './variable.js';

package/dist/style/parser/index.js

@@ -1,4 +0,0 @@
-export * from './color.js';
-export * from './component.js';
-export * from './device.js';
-export * from './variable.js';

package/dist/style/parser/variable.d.ts

@@ -1,2 +0,0 @@
-import type { Lapikit } from '../../internal/types.js';
-export declare const variables: (config?: Lapikit) => string;