lapikit 0.5.8 → 0.6.0

package/dist/@legacy/internal/core/bin/ansi.js

@@ -1,44 +0,0 @@
-const color = {
-    red: (text) => `\x1b[31m${text}\x1b[0m`,
-    green: (text) => `\x1b[32m${text}\x1b[0m`,
-    yellow: (text) => `\x1b[33m${text}\x1b[0m`,
-    blue: (text) => `\x1b[34m${text}\x1b[0m`,
-    purple: (text) => `\x1b[35m${text}\x1b[0m`,
-    cyan: (text) => `\x1b[36m${text}\x1b[0m`
-};
-const variant = {
-    bold: (text) => `\x1b[1m${text}\x1b[0m`,
-    underline: (text) => `\x1b[4m${text}\x1b[0m`,
-    inverse: (text) => `\x1b[7m${text}\x1b[0m`
-};
-const bold = {
-    red: (text) => `\x1b[1m\x1b[31m${text}\x1b[0m`,
-    green: (text) => `\x1b[1m\x1b[32m${text}\x1b[0m`,
-    yellow: (text) => `\x1b[1m\x1b[33m${text}\x1b[0m`,
-    blue: (text) => `\x1b[1m\x1b[34m${text}\x1b[0m`,
-    purple: (text) => `\x1b[1m\x1b[35m${text}\x1b[0m`,
-    cyan: (text) => `\x1b[1m\x1b[36m${text}\x1b[0m`
-};
-const inverse = {
-    red: (text) => `\x1b[7m\x1b[31m${text}\x1b[0m`,
-    green: (text) => `\x1b[7m\x1b[32m${text}\x1b[0m`,
-    yellow: (text) => `\x1b[7m\x1b[33m${text}\x1b[0m`,
-    blue: (text) => `\x1b[7m\x1b[34m${text}\x1b[0m`,
-    purple: (text) => `\x1b[7m\x1b[35m${text}\x1b[0m`,
-    cyan: (text) => `\x1b[7m\x1b[36m${text}\x1b[0m`
-};
-const underline = {
-    red: (text) => `\x1b[4m\x1b[31m${text}\x1b[0m`,
-    green: (text) => `\x1b[4m\x1b[32m${text}\x1b[0m`,
-    yellow: (text) => `\x1b[4m\x1b[33m${text}\x1b[0m`,
-    blue: (text) => `\x1b[4m\x1b[34m${text}\x1b[0m`,
-    purple: (text) => `\x1b[4m\x1b[35m${text}\x1b[0m`,
-    cyan: (text) => `\x1b[4m\x1b[36m${text}\x1b[0m`
-};
-export const ansi = {
-    color,
-    variant,
-    bold,
-    inverse,
-    underline
-};

package/dist/@legacy/internal/core/bin/terminal.d.ts

@@ -1 +0,0 @@
-export declare const terminal: (type: "info" | "error" | "warn" | "success" | undefined, msg: string) => void;

package/dist/@legacy/internal/core/bin/terminal.js

@@ -1,12 +0,0 @@
-import { ansi } from './ansi.js';
-export const terminal = (type = 'info', msg) => {
-    const name = ansi.color.cyan('lapikit');
-    if (type === 'error')
-        console.error(name, ansi.bold.red('[error]'), msg);
-    else if (type === 'warn')
-        console.warn(name, ansi.bold.yellow('[warn]'), msg);
-    else if (type === 'success')
-        console.warn(name, ansi.bold.green('[success]'), msg);
-    else
-        console.log(name, ansi.bold.blue('[info]'), msg);
-};

package/dist/@legacy/internal/core/css.d.ts

@@ -1 +0,0 @@
-export declare const processImportStyles: () => Promise<string>;

package/dist/@legacy/internal/core/css.js

@@ -1,16 +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 processImportStyles = async () => {
-    const _reset = fs.readFileSync(path.resolve(__dirname, './../../styles/reset.css'), 'utf-8');
-    const _animation = fs.readFileSync(path.resolve(__dirname, './../../styles/animation.css'), 'utf-8');
-    const _keyframes = fs.readFileSync(path.resolve(__dirname, './../../styles/keyframes.css'), 'utf-8');
-    let styles = ``;
-    styles += `${_reset}\n`;
-    styles += `${_animation}\n`;
-    styles += `${_keyframes}\n`;
-    return styles;
-};

package/dist/@legacy/internal/core/formatter/component.d.ts

@@ -1,5 +0,0 @@
-export declare function componentFormatter({ breakpoints }: {
-    breakpoints: {
-        [key: string]: number | string;
-    };
-}): Promise<void>;

package/dist/@legacy/internal/core/formatter/component.js

@@ -1,60 +0,0 @@
-import { fileURLToPath } from 'url';
-import { dirname } from 'path';
-import fs from 'fs';
-import path from 'path';
-import { parserCSSBreakpoints } from '../../helpers/parser.js';
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-export async function componentFormatter({ breakpoints }) {
-    // load svelte component files (includes on components folders)
-    function loadSvelteFiles(directory) {
-        fs.readdirSync(directory).forEach((File) => {
-            const absolutePath = path.join(directory, File);
-            if (fs.statSync(absolutePath).isDirectory())
-                return loadSvelteFiles(absolutePath);
-            else if (absolutePath.endsWith('.css') && !absolutePath.includes('/_')) {
-                const fileCSS = fs.readFileSync(absolutePath, 'utf8');
-                const content = parserCSSBreakpoints(fileCSS);
-                let css = `${content.cleaned}\n`;
-                for (const property in breakpoints) {
-                    if (property !== 'base') {
-                        const name = `.${/^\d/.test(property) ? `\\3${property}` : property}\\:`;
-                        const value = typeof breakpoints[property] === 'number'
-                            ? `${breakpoints[property]}px`
-                            : breakpoints[property];
-                        if (content.base !== '' || content.minmax !== '' || content.min !== '') {
-                            css += `\n@media screen and (min-width: ${value}) {\n`;
-                            if (content.base !== '')
-                                css += content.base.replaceAll('[breakpoint]', name);
-                            if (content.minmax !== '')
-                                css += content.minmax.replaceAll('[breakpoint]', name);
-                            if (content.min !== '')
-                                css += content.min.replaceAll('[breakpoint]', name);
-                            css += `\n}\n`;
-                        }
-                        if (content.max !== '' || content.minmax !== '') {
-                            css += `\n@media screen and (max-width: ${value}) {\n`;
-                            if (content.max !== '')
-                                css += content.max.replaceAll('[breakpoint]', `max\\:${name}`);
-                            if (content.minmax !== '')
-                                css += content.all.replaceAll('[breakpoint]', `max\\:${name}`);
-                            css += `\n}\n`;
-                        }
-                    }
-                    else {
-                        css += `${content.base.replaceAll('[breakpoint]', '.')}\n`;
-                    }
-                }
-                const baseName = path.basename(absolutePath, '.css');
-                const svelteFilePath = path.join(path.dirname(absolutePath), `${baseName}.svelte`);
-                if (fs.existsSync(svelteFilePath)) {
-                    let svelteContent = fs.readFileSync(svelteFilePath, 'utf8');
-                    svelteContent = svelteContent.replace(/<style[^>]*>[\s\S]*?<\/style>/gi, '');
-                    svelteContent += `<style>\n${css}</style>`;
-                    fs.writeFileSync(svelteFilePath, svelteContent, 'utf8');
-                }
-            }
-        });
-    }
-    loadSvelteFiles(path.resolve(__dirname, '../../../components'));
-}

package/dist/@legacy/internal/core/formatter/device.d.ts

@@ -1,5 +0,0 @@
-export declare function devicesFormatter({ devices }: {
-    devices: {
-        [key: string]: number | string;
-    };
-}): Promise<string>;

package/dist/@legacy/internal/core/formatter/device.js

@@ -1,66 +0,0 @@
-import { parserValues } from '../../helpers/parser.js';
-export async function devicesFormatter({ devices }) {
-    let css = ``;
-    const sortedDevices = Object.entries(devices).sort(([, a], [, b]) => {
-        const valueA = typeof a === 'string' ? parseInt(a) : a;
-        const valueB = typeof b === 'string' ? parseInt(b) : b;
-        return valueB - valueA;
-    });
-    sortedDevices.forEach(([deviceName, breakpoint], index) => {
-        const value = parserValues(breakpoint);
-        if (index === 0) {
-            // the largest device
-            css += `@media (max-width: ${value}) {\n`;
-            css += ` .kit-device--d-${deviceName} {\n`;
-            css += `   display: none !important;\n`;
-            css += ` }\n`;
-            css += `}\n\n`;
-            css += `@media (min-width: ${value}) {\n`;
-            css += ` .kit-device--h-${deviceName} {\n`;
-            css += `   display: none !important;\n`;
-            css += ` }\n`;
-            css += `}\n\n`;
-        }
-        else if (index === sortedDevices.length - 1) {
-            const prevDevice = sortedDevices[index - 1];
-            const prevValue = parserValues(prevDevice[1]);
-            // the smallest device
-            css += `@media (min-width: ${prevValue}) {\n`;
-            css += ` .kit-device--d-${deviceName} {\n`;
-            css += `   display: none !important;\n`;
-            css += ` }\n`;
-            css += `}\n\n`;
-            css += `@media (max-width: ${prevValue}) {\n`;
-            css += ` .kit-device--h-${deviceName} {\n`;
-            css += `   display: none !important;\n`;
-            css += ` }\n`;
-            css += `}\n\n`;
-            css += `@media (min-width: ${value}) {\n`;
-            css += ` .kit-device--od-${deviceName} {\n`;
-            css += `   display: none !important;\n`;
-            css += ` }\n`;
-            css += `}\n\n`;
-            css += `@media (max-width: ${value}) {\n`;
-            css += ` .kit-device--oh-${deviceName} {\n`;
-            css += `   display: none !important;\n`;
-            css += ` }\n`;
-            css += `}\n\n`;
-        }
-        else {
-            //intermediate devices
-            const nextDevice = sortedDevices[index - 1];
-            const nextValue = parserValues(nextDevice[1]);
-            css += `@media (max-width: ${value}) {\n`;
-            css += ` .kit-device--d-${deviceName} {\n`;
-            css += `   display: none !important;\n`;
-            css += ` }\n`;
-            css += `}\n\n`;
-            css += `@media (min-width: ${nextValue}) {\n`;
-            css += ` .kit-device--h-${deviceName} {\n`;
-            css += `   display: none !important;\n`;
-            css += ` }\n`;
-            css += `}\n\n`;
-        }
-    });
-    return css.trim();
-}

package/dist/@legacy/internal/core/formatter/index.d.ts

@@ -1,7 +0,0 @@
-import type { DevConfiguration } from '../../types/index.js';
-export declare function liliRabbit(config: DevConfiguration): Promise<{
-    themes: string;
-    typography: string;
-    styles: string;
-    devices: string;
-}>;

package/dist/@legacy/internal/core/formatter/index.js

@@ -1,35 +0,0 @@
-import { preset } from '../../config/presets.js';
-import { deepMerge } from '../../helpers/deep-merge.js';
-import { componentFormatter } from './component.js';
-import { devicesFormatter } from './device.js';
-import { stylesFormatter } from './style.js';
-import { themesFormatter } from './theme.js';
-import { typographyFormatter } from './typography.js';
-export async function liliRabbit(config) {
-    // states
-    const defaultTheme = config?.theme?.defaultTheme || preset.theme.defaultTheme;
-    const defaultTypography = config?.typography?.defaultTypography || preset.typography.defaultTypography;
-    // formatter
-    const themes = await themesFormatter({
-        themes: deepMerge(preset.theme.themes, config?.theme?.themes || {}),
-        defaultTheme
-    });
-    const typography = await typographyFormatter({
-        typography: deepMerge(preset.typography.fonts, config?.typography?.fonts || {}),
-        defaultTypography
-    });
-    const styles = await stylesFormatter({ styles: deepMerge(preset.styles, config?.styles || {}) });
-    const devices = await devicesFormatter({
-        devices: deepMerge(preset.breakpoints.devices, config?.breakpoints?.devices || {})
-    });
-    // components
-    await componentFormatter({
-        breakpoints: deepMerge(preset.breakpoints.thresholds, config?.breakpoints?.thresholds || {})
-    });
-    return {
-        themes: themes,
-        typography: typography,
-        styles: styles,
-        devices: devices
-    };
-}

package/dist/@legacy/internal/core/formatter/style.d.ts

@@ -1,4 +0,0 @@
-import type { FragStyles } from '../../types/configuration.js';
-export declare function stylesFormatter({ styles }: {
-    styles: FragStyles;
-}): Promise<string>;

package/dist/@legacy/internal/core/formatter/style.js

@@ -1,15 +0,0 @@
-import { parserValues } from '../../helpers/parser.js';
-export async function stylesFormatter({ styles }) {
-    let css = `:root {\n`;
-    for (const [name, values] of Object.entries(styles)) {
-        if (values && typeof values === 'object') {
-            for (const [styleName, styleValue] of Object.entries(values || {})) {
-                css += `  --system-${name}-${styleName}: ${parserValues(styleValue)};\n`;
-            }
-        }
-        else {
-            css += `  --system-${name}: ${parserValues(values)};\n`;
-        }
-    }
-    return (css += '}\n');
-}

package/dist/@legacy/internal/core/formatter/theme.d.ts

@@ -1,5 +0,0 @@
-import type { FragThemes } from '../../types/index.js';
-export declare function themesFormatter({ themes, defaultTheme }: {
-    themes: FragThemes;
-    defaultTheme: string;
-}): Promise<string>;

package/dist/@legacy/internal/core/formatter/theme.js

@@ -1,44 +0,0 @@
-import { preset } from '../../config/presets.js';
-import { formatColor } from '../../helpers/colors.js';
-import { deepMerge } from '../../helpers/deep-merge.js';
-import { parserValues } from '../../helpers/parser.js';
-export async function themesFormatter({ themes, defaultTheme = 'light' }) {
-    let css = '';
-    for (const [name, values] of Object.entries(themes)) {
-        const ref = values?.dark ? preset.theme.themes.dark : preset.theme.themes.light;
-        let cssTheme = defaultTheme === name ? `:root,\n.kit-theme--${name} {\n` : `.kit-theme--${name} {\n`;
-        function flattenColors(obj, prefix = '') {
-            const result = {};
-            for (const [key, value] of Object.entries(obj)) {
-                const newPrefix = prefix ? `${prefix}-${key}` : key;
-                if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
-                    Object.assign(result, flattenColors(value, newPrefix));
-                }
-                else {
-                    result[newPrefix] = value;
-                }
-            }
-            return result;
-        }
-        // colors
-        cssTheme += `  color-scheme: ${values?.dark ? 'dark' : 'light'};\n`;
-        const mergedColors = deepMerge(ref.colors, values?.colors) || {};
-        const flatColors = flattenColors(mergedColors);
-        for (const [varName, varValue] of Object.entries(flatColors)) {
-            cssTheme += `  --kit-${varName}: ${formatColor(varValue)};\n`;
-        }
-        // variables
-        for (const [name, varValue] of Object.entries(deepMerge(ref.variables, values?.variables) || {})) {
-            if (varValue && typeof varValue === 'object') {
-                for (const [variableName, variableValue] of Object.entries(varValue || {})) {
-                    cssTheme += `  --kit-${name}-${variableName}: ${formatColor(parserValues(variableValue))};\n`;
-                }
-            }
-            else {
-                cssTheme += `  --kit-${name}: ${formatColor(parserValues(varValue))};\n`;
-            }
-        }
-        css += cssTheme + '}\n';
-    }
-    return css;
-}

package/dist/@legacy/internal/core/formatter/typography.d.ts

@@ -1,5 +0,0 @@
-import type { FragTypography } from '../../types/configuration.js';
-export declare function typographyFormatter({ typography, defaultTypography }: {
-    typography: FragTypography;
-    defaultTypography: string;
-}): Promise<string>;

package/dist/@legacy/internal/core/formatter/typography.js

@@ -1,12 +0,0 @@
-import { parserValues } from '../../helpers/parser.js';
-export async function typographyFormatter({ typography, defaultTypography = 'default' }) {
-    let css = '';
-    for (const [name, values] of Object.entries(typography)) {
-        let cssTypo = defaultTypography === name ? `:root {\n` : `.${name} {\n`;
-        for (const [fontName, fontValue] of Object.entries(values || {})) {
-            cssTypo += `  --kit-font-${fontName}: ${parserValues(fontValue).replaceAll('"', '')};\n`;
-        }
-        css += cssTypo + '}\n';
-    }
-    return css;
-}

package/dist/@legacy/internal/core/minify.d.ts

@@ -1 +0,0 @@
-export declare const minify: (css: string) => string;

package/dist/@legacy/internal/core/minify.js

@@ -1,10 +0,0 @@
-export const minify = (css) => {
-    const minified = css
-        .replace(/\s+/g, ' ')
-        .replace(/\/\*.*?\*\//g, '')
-        .replace(/;\s*}/g, '}')
-        .replace(/:\s+/g, ':')
-        .replace(/\s*([{};:])\s*/g, '$1')
-        .trim();
-    return minified;
-};

package/dist/@legacy/internal/core/standard-colors.d.ts

@@ -1,75 +0,0 @@
-export declare const standardColors: {
-    red: {
-        light: string;
-        dark: string;
-    };
-    orange: {
-        light: string;
-        dark: string;
-    };
-    yellow: {
-        light: string;
-        dark: string;
-    };
-    green: {
-        light: string;
-        dark: string;
-    };
-    mint: {
-        light: string;
-        dark: string;
-    };
-    teal: {
-        light: string;
-        dark: string;
-    };
-    cyan: {
-        light: string;
-        dark: string;
-    };
-    blue: {
-        light: string;
-        dark: string;
-    };
-    indigo: {
-        light: string;
-        dark: string;
-    };
-    purple: {
-        light: string;
-        dark: string;
-    };
-    pink: {
-        light: string;
-        dark: string;
-    };
-    brown: {
-        light: string;
-        dark: string;
-    };
-    gray: {
-        light: string;
-        dark: string;
-    };
-    gray2: {
-        light: string;
-        dark: string;
-    };
-    gray3: {
-        light: string;
-        dark: string;
-    };
-    gray4: {
-        light: string;
-        dark: string;
-    };
-    gray5: {
-        light: string;
-        dark: string;
-    };
-    gray6: {
-        light: string;
-        dark: string;
-    };
-};
-export default standardColors;

package/dist/@legacy/internal/core/standard-colors.js

@@ -1,75 +0,0 @@
-export const standardColors = {
-    red: {
-        light: '#FF3B30',
-        dark: '#FF453A'
-    },
-    orange: {
-        light: '#FF9500',
-        dark: '#FF9F0A'
-    },
-    yellow: {
-        light: '#FFCC00',
-        dark: '#FFD60A'
-    },
-    green: {
-        light: '#34C759',
-        dark: '#30D158'
-    },
-    mint: {
-        light: '#00C7BE',
-        dark: '#66D4CF'
-    },
-    teal: {
-        light: '#30B0C7',
-        dark: '#40CBE0'
-    },
-    cyan: {
-        light: '#32ADE6',
-        dark: '#64D2FF'
-    },
-    blue: {
-        light: '#007AFF',
-        dark: '#0A84FF'
-    },
-    indigo: {
-        light: '#5856D6',
-        dark: '#5E5CE6'
-    },
-    purple: {
-        light: '#AF52DE',
-        dark: '#BF5AF2'
-    },
-    pink: {
-        light: '#FF2D55',
-        dark: '#FF375F'
-    },
-    brown: {
-        light: '#A2845E',
-        dark: '#AC8E68'
-    },
-    gray: {
-        light: '#8E8E93',
-        dark: '#8E8E93'
-    },
-    gray2: {
-        light: '#AEAEB2',
-        dark: '#636366'
-    },
-    gray3: {
-        light: '#C7C7CC',
-        dark: '#48484A'
-    },
-    gray4: {
-        light: '#D1D1D6',
-        dark: '#3A3A3C'
-    },
-    gray5: {
-        light: '#E5E5EA',
-        dark: '#2C2C2E'
-    },
-    gray6: {
-        light: '#F2F2F7',
-        dark: '#1C1C1E'
-    }
-};
-export default standardColors;

package/dist/@legacy/internal/core/x11-colors.d.ts

@@ -1,4 +0,0 @@
-export declare const x11Colors: {
-    [key: string]: string;
-};
-export declare const x11ColorNames: Array<string>;