lapikit 0.5.9 → 0.6.1

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>;

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 {};