lapikit 0.5.9 → 0.6.0

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

@@ -1,151 +0,0 @@
-export const x11Colors = {
-    aliceblue: '#F0F8FF',
-    antiquewhite: '#FAEBD7',
-    aqua: '#00FFFF',
-    aquamarine: '#7FFFD4',
-    azure: '#F0FFFF',
-    beige: '#F5F5DC',
-    bisque: '#FFE4C4',
-    black: '#000000',
-    blanchedalmond: '#FFEBCD',
-    blue: '#0000FF',
-    blueviolet: '#8A2BE2',
-    brown: '#A52A2A',
-    burlywood: '#DEB887',
-    cadetblue: '#5F9EA0',
-    chartreuse: '#7FFF00',
-    chocolate: '#D2691E',
-    coral: '#FF7F50',
-    cornflowerblue: '#6495ED',
-    cornsilk: '#FFF8DC',
-    crimson: '#DC143C',
-    cyan: '#00FFFF',
-    darkblue: '#00008B',
-    darkcyan: '#008B8B',
-    darkgoldenrod: '#B8860B',
-    darkgray: '#A9A9A9',
-    darkgrey: '#A9A9A9',
-    darkgreen: '#006400',
-    darkkhaki: '#BDB76B',
-    darkmagenta: '#8B008B',
-    darkolivegreen: '#556B2F',
-    darkorange: '#FF8C00',
-    darkorchid: '#9932CC',
-    darkred: '#8B0000',
-    darksalmon: '#E9967A',
-    darkseagreen: '#8FBC8F',
-    darkslateblue: '#483D8B',
-    darkslategray: '#2F4F4F',
-    darkslategrey: '#2F4F4F',
-    darkturquoise: '#00CED1',
-    darkviolet: '#9400D3',
-    deeppink: '#FF1493',
-    deepskyblue: '#00BFFF',
-    dimgray: '#696969',
-    dimgrey: '#696969',
-    dodgerblue: '#1E90FF',
-    firebrick: '#B22222',
-    floralwhite: '#FFFAF0',
-    forestgreen: '#228B22',
-    fuchsia: '#FF00FF',
-    gainsboro: '#DCDCDC',
-    ghostwhite: '#F8F8FF',
-    gold: '#FFD700',
-    goldenrod: '#DAA520',
-    gray: '#808080',
-    grey: '#808080',
-    green: '#008000',
-    greenyellow: '#ADFF2F',
-    honeydew: '#F0FFF0',
-    hotpink: '#FF69B4',
-    indianred: '#CD5C5C',
-    indigo: '#4B0082',
-    ivory: '#FFFFF0',
-    khaki: '#F0E68C',
-    lavender: '#E6E6FA',
-    lavenderblush: '#FFF0F5',
-    lawngreen: '#7CFC00',
-    lemonchiffon: '#FFFACD',
-    lightblue: '#ADD8E6',
-    lightcoral: '#F08080',
-    lightcyan: '#E0FFFF',
-    lightgoldenrodyellow: '#FAFAD2',
-    lightgray: '#D3D3D3',
-    lightgrey: '#D3D3D3',
-    lightgreen: '#90EE90',
-    lightpink: '#FFB6C1',
-    lightsalmon: '#FFA07A',
-    lightseagreen: '#20B2AA',
-    lightskyblue: '#87CEFA',
-    lightslategray: '#778899',
-    lightslategrey: '#778899',
-    lightsteelblue: '#B0C4DE',
-    lightyellow: '#FFFFE0',
-    lime: '#00FF00',
-    limegreen: '#32CD32',
-    linen: '#FAF0E6',
-    magenta: '#FF00FF',
-    maroon: '#800000',
-    mediumaquamarine: '#66CDAA',
-    mediumblue: '#0000CD',
-    mediumorchid: '#BA55D3',
-    mediumpurple: '#9370DB',
-    mediumseagreen: '#3CB371',
-    mediumslateblue: '#7B68EE',
-    mediumspringgreen: '#00FA9A',
-    mediumturquoise: '#48D1CC',
-    mediumvioletred: '#C71585',
-    midnightblue: '#191970',
-    mintcream: '#F5FFFA',
-    mistyrose: '#FFE4E1',
-    moccasin: '#FFE4B5',
-    navajowhite: '#FFDEAD',
-    navy: '#000080',
-    oldlace: '#FDF5E6',
-    olive: '#808000',
-    olivedrab: '#6B8E23',
-    orange: '#FFA500',
-    orangered: '#FF4500',
-    orchid: '#DA70D6',
-    palegoldenrod: '#EEE8AA',
-    palegreen: '#98FB98',
-    paleturquoise: '#AFEEEE',
-    palevioletred: '#DB7093',
-    papayawhip: '#FFEFD5',
-    peachpuff: '#FFDAB9',
-    peru: '#CD853F',
-    pink: '#FFC0CB',
-    plum: '#DDA0DD',
-    powderblue: '#B0E0E6',
-    purple: '#800080',
-    rebeccapurple: '#663399',
-    red: '#FF0000',
-    rosybrown: '#BC8F8F',
-    royalblue: '#4169E1',
-    saddlebrown: '#8B4513',
-    salmon: '#FA8072',
-    sandybrown: '#F4A460',
-    seagreen: '#2E8B57',
-    seashell: '#FFF5EE',
-    sienna: '#A0522D',
-    silver: '#C0C0C0',
-    skyblue: '#87CEEB',
-    slateblue: '#6A5ACD',
-    slategray: '#708090',
-    slategrey: '#708090',
-    snow: '#FFFAFA',
-    springgreen: '#00FF7F',
-    steelblue: '#4682B4',
-    tan: '#D2B48C',
-    teal: '#008080',
-    thistle: '#D8BFD8',
-    tomato: '#FF6347',
-    turquoise: '#40E0D0',
-    violet: '#EE82EE',
-    wheat: '#F5DEB3',
-    white: '#FFFFFF',
-    whitesmoke: '#F5F5F5',
-    yellow: '#FFFF00',
-    yellowgreen: '#9ACD32'
-};
-export const x11ColorNames = Object.keys(x11Colors);

package/dist/@legacy/internal/helpers/colors.d.ts

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

package/dist/@legacy/internal/helpers/colors.js

@@ -1,50 +0,0 @@
-import { x11Colors } from '../core/x11-colors.js';
-export const formatColor = (input) => {
-    input = input.trim();
-    if (input.startsWith('#')) {
-        const rgb = hexToRgb(input);
-        return rgbToOklch(rgb.r, rgb.g, rgb.b);
-    }
-    if (input.startsWith('rgb')) {
-        const parts = input
-            .replace(/rgba?|\(|\)|\s+/g, '')
-            .split(',')
-            .map(Number);
-        return rgbToOklch(parts[0], parts[1], parts[2]);
-    }
-    if (input.startsWith('oklch('))
-        return input;
-    if (x11Colors[input]) {
-        const hex = x11Colors[input];
-        const rgb = hexToRgb(hex);
-        return rgbToOklch(rgb.r, rgb.g, rgb.b);
-    }
-    return input;
-};
-const hexToRgb = (hex) => {
-    const clean = hex.replace('#', '');
-    const bigint = parseInt(clean, 16);
-    return {
-        r: (bigint >> 16) & 255,
-        g: (bigint >> 8) & 255,
-        b: bigint & 255
-    };
-};
-const srgbToLinear = (c) => (c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4);
-const rgbToOklch = (r, g, b) => {
-    r = srgbToLinear(r / 255);
-    g = srgbToLinear(g / 255);
-    b = srgbToLinear(b / 255);
-    const l = 0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b;
-    const m = 0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b;
-    const s = 0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b;
-    const l_ = Math.cbrt(l);
-    const m_ = Math.cbrt(m);
-    const s_ = Math.cbrt(s);
-    const L = 0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_;
-    const a = 1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_;
-    const b_ = 0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_;
-    const C = Math.sqrt(a * a + b_ * b_);
-    const h = (Math.atan2(b_, a) * 180) / Math.PI;
-    return `oklch(${(L * 100).toFixed(3)}% ${C.toFixed(4)} ${((h + 360) % 360).toFixed(2)})`;
-};

package/dist/@legacy/internal/helpers/convert.d.ts

@@ -1 +0,0 @@
-export declare function valueToPx(value: string | number): number;

package/dist/@legacy/internal/helpers/convert.js

@@ -1,17 +0,0 @@
-export function valueToPx(value) {
-    if (typeof value === 'number')
-        return value;
-    if (typeof value === 'string') {
-        if (value.endsWith('rem')) {
-            return parseFloat(value) * 16;
-        }
-        if (value.endsWith('em')) {
-            return parseFloat(value) * 16;
-        }
-        if (value.endsWith('px')) {
-            return parseFloat(value);
-        }
-        return parseFloat(value);
-    }
-    return 0;
-}

package/dist/@legacy/internal/helpers/deep-merge.d.ts

@@ -1,44 +0,0 @@
-/**
- * Recursively merges two objects together.
- * Properties from the source object override those from the target object.
- * Nested objects are merged recursively.
- *
- * @param target - The base object
- * @param source - The source object to merge (can be null or undefined)
- * @returns A new object containing the merge of both objects
- *
- * @example
- * ```typescript
- * const obj1 = { primary: { light: 'pink', medium: 'purple' } };
- * const obj2 = { primary: { dark: 'red' } };
- * const result = deepMerge(obj1, obj2);
- * // Result: { primary: { light: 'pink', medium: 'purple', dark: 'red' } }
- *
- * // Works with null/undefined source
- * const result2 = deepMerge(obj1, null);
- * // Result: { primary: { light: 'pink', medium: 'purple' } }
- * ```
- */
-export declare function deepMerge<T extends Record<string, unknown>, U extends Record<string, unknown>>(target: T, source: U | null | undefined): T & U;
-/**
- * Merges multiple objects together recursively.
- *
- * @param objects - The objects to merge (null and undefined values are ignored)
- * @returns A new object containing the merge of all objects
- *
- * @example
- * ```typescript
- * const result = deepMergeMultiple(
- *   { primary: { light: 'pink' } },
- *   null,
- *   { primary: { dark: 'red' } },
- *   undefined,
- *   { secondary: { light: 'blue' } }
- * );
- * // Result: {
- * //   primary: { light: 'pink', dark: 'red' },
- * //   secondary: { light: 'blue' }
- * // }
- * ```
- */
-export declare function deepMergeMultiple(...objects: (Record<string, unknown> | null | undefined)[]): Record<string, unknown>;

package/dist/@legacy/internal/helpers/deep-merge.js

@@ -1,80 +0,0 @@
-/**
- * Checks if a value is a plain object (object literal)
- */
-function isPlainObject(value) {
-    return (value !== null &&
-        typeof value === 'object' &&
-        Object.prototype.toString.call(value) === '[object Object]');
-}
-/**
- * Recursively merges two objects together.
- * Properties from the source object override those from the target object.
- * Nested objects are merged recursively.
- *
- * @param target - The base object
- * @param source - The source object to merge (can be null or undefined)
- * @returns A new object containing the merge of both objects
- *
- * @example
- * ```typescript
- * const obj1 = { primary: { light: 'pink', medium: 'purple' } };
- * const obj2 = { primary: { dark: 'red' } };
- * const result = deepMerge(obj1, obj2);
- * // Result: { primary: { light: 'pink', medium: 'purple', dark: 'red' } }
- *
- * // Works with null/undefined source
- * const result2 = deepMerge(obj1, null);
- * // Result: { primary: { light: 'pink', medium: 'purple' } }
- * ```
- */
-export function deepMerge(target, source) {
-    // If source is null or undefined, return a copy of target
-    if (source == null) {
-        return { ...target };
-    }
-    // Create a copy of the target object to avoid mutations
-    const result = { ...target };
-    for (const key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-            const sourceValue = source[key];
-            const targetValue = result[key];
-            // If both values are plain objects, merge them recursively
-            if (isPlainObject(targetValue) && isPlainObject(sourceValue)) {
-                result[key] = deepMerge(targetValue, sourceValue);
-            }
-            else {
-                // Otherwise, the source value overrides the target value
-                result[key] = sourceValue;
-            }
-        }
-    }
-    return result;
-}
-/**
- * Merges multiple objects together recursively.
- *
- * @param objects - The objects to merge (null and undefined values are ignored)
- * @returns A new object containing the merge of all objects
- *
- * @example
- * ```typescript
- * const result = deepMergeMultiple(
- *   { primary: { light: 'pink' } },
- *   null,
- *   { primary: { dark: 'red' } },
- *   undefined,
- *   { secondary: { light: 'blue' } }
- * );
- * // Result: {
- * //   primary: { light: 'pink', dark: 'red' },
- * //   secondary: { light: 'blue' }
- * // }
- * ```
- */
-export function deepMergeMultiple(...objects) {
-    return objects
-        .filter((obj) => obj != null)
-        .reduce((acc, obj) => {
-        return deepMerge(acc, obj);
-    }, {});
-}

package/dist/@legacy/internal/helpers/outside.d.ts

@@ -1,9 +0,0 @@
-type ClickOutsideOptions = {
-    exclude?: (HTMLElement | PointerEvent | null)[];
-    onClose: () => void;
-};
-export declare function clickOutside(node: HTMLElement, options: ClickOutsideOptions): {
-    update(newOptions: ClickOutsideOptions): void;
-    destroy(): void;
-};
-export {};

package/dist/@legacy/internal/helpers/outside.js

@@ -1,34 +0,0 @@
-export function clickOutside(node, options) {
-    let { exclude = [], onClose } = options;
-    function isTargetExcluded(target) {
-        return exclude.some((ex) => {
-            if (!ex)
-                return false;
-            if (ex instanceof HTMLElement) {
-                return ex.contains(target);
-            }
-            if (ex instanceof PointerEvent && ex.target instanceof Node) {
-                return ex.target.contains(target);
-            }
-            return false;
-        });
-    }
-    const handleClick = (event) => {
-        const target = event.target;
-        const isExcluded = isTargetExcluded(target);
-        const isInside = node.contains(target);
-        if (!isInside && !isExcluded) {
-            onClose();
-        }
-    };
-    document.addEventListener('click', handleClick, true);
-    return {
-        update(newOptions) {
-            exclude = newOptions.exclude || [];
-            onClose = newOptions.onClose;
-        },
-        destroy() {
-            document.removeEventListener('click', handleClick, true);
-        }
-    };
-}

package/dist/@legacy/internal/helpers/parser.d.ts

@@ -1,10 +0,0 @@
-export declare const parserValues: (value: string | number | Array<string | number>) => string;
-export declare const parserCSSBreakpoints: (css: string) => {
-    all: string;
-    base: string;
-    min: string;
-    max: string;
-    minmax: string;
-    cleaned: string;
-};
-export declare const parserConfigLapikit: (app: string, filePath: string) => Promise<{}>;

package/dist/@legacy/internal/helpers/parser.js

@@ -1,93 +0,0 @@
-import path from 'path';
-import fs from 'fs';
-import { terminal } from '../core/bin/terminal.js';
-export const parserValues = (value) => {
-    if (typeof value === 'number')
-        return `${value}px`;
-    if (Array.isArray(value))
-        return value.join(', ');
-    return value;
-};
-export const parserCSSBreakpoints = (css) => {
-    css = css.replace(/\/\*[\s\S]*?\*\//g, ''); // clean comments
-    const regex = /([^{]+)\{([^}]+)\}/g;
-    let match;
-    const matchesToRemove = [];
-    const extractedByType = {
-        all: [],
-        base: [],
-        min: [],
-        max: [],
-        minmax: []
-    };
-    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 = 'min';
-        }
-        else if (selectorsArray.some((sel) => sel.includes('[breakpoint|max]'))) {
-            matchedType = 'max';
-        }
-        else if (selectorsArray.some((sel) => sel.includes('[breakpoint|all]'))) {
-            matchedType = 'minmax';
-        }
-        else if (selectorsArray.some((sel) => sel.includes('[breakpoint]'))) {
-            matchedType = 'base';
-        }
-        if (matchedType) {
-            const rule = `${selectors} {\n${body}\n}`;
-            extractedByType.all.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 {
-        all: extractedByType.all
-            ? extractedByType.all
-                .join('\n\n')
-                .replaceAll('[breakpoint|min]', '[breakpoint]')
-                .replaceAll('[breakpoint|max]', '[breakpoint]')
-                .replaceAll('[breakpoint|all]', '[breakpoint]')
-                .trim()
-            : '',
-        base: extractedByType.base ? extractedByType.base.join('\n\n').trim() : '',
-        min: extractedByType.min
-            ? extractedByType.min.join('\n\n').replaceAll('[breakpoint|min]', '[breakpoint]').trim()
-            : '',
-        max: extractedByType.max
-            ? extractedByType.max.join('\n\n').replaceAll('[breakpoint|max]', '[breakpoint]').trim()
-            : '',
-        minmax: extractedByType.minmax
-            ? extractedByType.minmax.join('\n\n').replaceAll('[breakpoint|all]', '[breakpoint]').trim()
-            : '',
-        cleaned: cleaned.trim()
-    };
-};
-export const parserConfigLapikit = async (app, 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) {
-            terminal('error', `Error parsing lapikit config: ${e}`);
-        }
-    }
-    else {
-        terminal('error', 'lapikit configuration not found please refer to the documentation https://lapikit.dev/docs/getting-started');
-    }
-    return options;
-};

package/dist/@legacy/internal/helpers/scroll.d.ts

@@ -1 +0,0 @@
-export declare function disabledScroll(state: boolean): void;

package/dist/@legacy/internal/helpers/scroll.js

@@ -1,5 +0,0 @@
-export function disabledScroll(state) {
-    if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-        document.body.style.overflow = state ? 'hidden' : '';
-    }
-}

package/dist/@legacy/internal/plugins/vite.d.ts

@@ -1,8 +0,0 @@
-type Lapikit = {
-    config?: string;
-};
-export declare function lapikit({ config }?: Lapikit): Promise<{
-    name: string;
-    config(): Promise<void>;
-}>;
-export {};

package/dist/@legacy/internal/plugins/vite.js

@@ -1,33 +0,0 @@
-import { fileURLToPath } from 'url';
-import { dirname } from 'path';
-import { terminal } from '../core/bin/terminal.js';
-import { liliRabbit } from '../core/formatter/index.js';
-import { parserConfigLapikit } from '../helpers/parser.js';
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-import fsPromises from 'fs/promises';
-import path from 'path';
-import { processImportStyles } from '../core/css.js';
-const app = process.cwd();
-export async function lapikit({ config } = {}) {
-    return {
-        name: 'lapikit/vite',
-        async config() {
-            if (config) {
-                const configuration = await parserConfigLapikit(app, config);
-                // generate styles
-                const basicStyles = await processImportStyles();
-                fsPromises.writeFile(path.resolve(__dirname, '../../styles.css'), basicStyles || '');
-                const styles = await liliRabbit(configuration);
-                fsPromises.writeFile(path.resolve(__dirname, '../../themes.css'), styles?.devices +
-                    '\n\n' +
-                    styles?.typography +
-                    '\n\n' +
-                    styles?.styles +
-                    '\n\n' +
-                    styles?.themes || '');
-            }
-            terminal('info', 'lapikit is up!');
-        }
-    };
-}

package/dist/@legacy/internal/types/components.d.ts

@@ -1,14 +0,0 @@
-import type { Snippet } from 'svelte';
-type IdElementType = string | undefined;
-type ClassNameType = string | string[] | undefined;
-type StylePropertiesType = string | undefined;
-export interface Base {
-    id?: IdElementType;
-    class?: ClassNameType;
-    style?: StylePropertiesType;
-    [key: string]: any;
-}
-export interface Component extends Base {
-    children?: Snippet;
-}
-export {};

package/dist/@legacy/internal/types/components.js

@@ -1 +0,0 @@
-export {};

package/dist/@legacy/internal/types/configuration.d.ts

@@ -1,63 +0,0 @@
-export interface LapikitConfiguration {
-    breakpoints?: {
-        devices?: {
-            [key: string]: number | string;
-        };
-        thresholds?: {
-            [key: string]: number | string;
-        };
-    };
-    theme?: {
-        defaultTheme?: string;
-        colorScheme?: boolean;
-        themes?: FragThemes;
-    };
-    typography?: {
-        defaultTypography?: string;
-        fonts?: FragTypography;
-    };
-    styles?: FragStyles;
-}
-export interface DevConfiguration {
-    breakpoints?: {
-        devices?: {
-            [key: string]: number | string;
-        };
-        thresholds?: {
-            [key: string]: number | string;
-        };
-    };
-    theme?: {
-        defaultTheme?: string;
-        colorScheme?: boolean;
-        themes?: FragThemes;
-    };
-    typography?: {
-        defaultTypography?: string;
-        fonts?: FragTypography;
-    };
-    styles?: FragStyles;
-}
-export interface FragThemes {
-    [key: string]: {
-        dark?: boolean;
-        colors?: {
-            [key: string]: {
-                [key: string]: string;
-            } | string;
-        };
-        variables?: {
-            [key: string]: string | number;
-        };
-    };
-}
-export interface FragTypography {
-    [key: string]: {
-        [key: string]: string | string[];
-    };
-}
-export interface FragStyles {
-    [key: string]: string | number | {
-        [key: string]: string | number;
-    };
-}

package/dist/@legacy/internal/types/configuration.js

@@ -1 +0,0 @@
-export {};

package/dist/@legacy/internal/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './configuration.js';
-export * from './components.js';

package/dist/@legacy/internal/types/index.js

@@ -1,2 +0,0 @@
-export * from './configuration.js';
-export * from './components.js';

package/dist/@legacy/stores/breakpoints.d.ts

@@ -1,6 +0,0 @@
-import { type Writable } from 'svelte/store';
-type Breakpoints = {
-    [key: string]: number;
-};
-export declare const breakpoints: Writable<Breakpoints>;
-export {};

package/dist/@legacy/stores/breakpoints.js

@@ -1,14 +0,0 @@
-// store breakpoints and thresholds
-import { writable } from 'svelte/store';
-// presets
-const ref = {
-    base: 0, // 0px
-    xs: 448, //28rem
-    sm: 640, //40rem
-    md: 768, //48rem
-    lg: 1024, //64rem
-    xl: 1280, //80rem
-    '2xl': 1536, //96rem
-    '3xl': 1792 //112rem
-};
-export const breakpoints = writable(ref);

package/dist/@legacy/stores/devices.d.ts

@@ -1,6 +0,0 @@
-import { type Writable } from 'svelte/store';
-type Devices = {
-    [key: string]: number;
-};
-export declare const devices: Writable<Devices>;
-export {};