lapikit 0.5.9 → 0.6.1

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

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

@@ -1,9 +0,0 @@
-// store devices
-import { writable } from 'svelte/store';
-// presets
-const ref = {
-    desktop: 1024, //64rem (lg)
-    tablet: 768, //48rem (md)
-    mobile: 375 //28rem (sm)
-};
-export const devices = writable(ref);

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

@@ -1,5 +0,0 @@
-export * from './breakpoints.js';
-export * from './devices.js';
-export * from './themes.js';
-export * from './components.js';
-export * from './viewport.js';

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

@@ -1,5 +0,0 @@
-export * from './breakpoints.js';
-export * from './devices.js';
-export * from './themes.js';
-export * from './components.js';
-export * from './viewport.js';

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

@@ -1,4 +0,0 @@
-import { writable } from 'svelte/store';
-// presets
-const themeRef = 'light';
-export const theme = writable(themeRef);

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

@@ -1,7 +0,0 @@
-export type Viewport = {
-    innerWidth: number;
-    outerWidth: number;
-    innerHeight: number;
-    outerHeight: number;
-};
-export declare const viewport: import("svelte/store").Writable<Viewport>;

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

@@ -1,7 +0,0 @@
-import { writable } from 'svelte/store';
-export const viewport = writable({
-    innerWidth: 0,
-    outerWidth: 0,
-    innerHeight: 0,
-    outerHeight: 0
-});

package/dist/@legacy/styles/animation.css

@@ -1,33 +0,0 @@
-.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: animation-l-ripple var(--system-animation-ripple-duration, 0.4s)
-		cubic-bezier(0.4, 0, 0.2, 1);
-	animation: animation-l-ripple var(--system-animation-ripple-duration, 0.4s)
-		cubic-bezier(0.4, 0, 0.2, 1);
-	border-radius: var(--system-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(--system-ripple-radius);
-}

package/dist/@legacy/styles/keyframes.css

@@ -1,30 +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);
-	}
-}
-
-@keyframes animation-l-ripple {
-	from {
-		scale: 0;
-	}
-
-	to {
-		scale: 1;
-	}
-}

package/dist/@legacy/styles/reset.css

@@ -1,133 +0,0 @@
-html {
-	-webkit-text-size-adjust: 100%;
-	tab-size: 4;
-	line-height: 1.5;
-	box-sizing: border-box;
-	font-family: var(--kit-font-sans);
-	background-color: var(--kit-background-primary);
-	color: var(--kit-label-primary);
-}
-
-pre,
-code {
-	font-family: var(--kit-font-mono);
-}
-
-body {
-	margin: 0;
-	-webkit-font-smoothing: antialiased;
-}
-
-main {
-	display: block;
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-	font: inherit;
-}
-
-button {
-	overflow: visible;
-}
-
-button,
-[type='button'],
-[type='reset'],
-[type='submit'],
-[role='button'] {
-	cursor: pointer;
-	color: inherit;
-}
-
-*:not(body) {
-	outline: none;
-}
-
-/* bug with tailwind */
-/* *,
-::after,
-::before,
-::backdrop {
-	box-sizing: border-box;
-	margin: 0;
-	padding: 0;
-	border: 0 solid;
-} */
-
-*,
-::before,
-::after {
-	background-repeat: no-repeat;
-	box-sizing: inherit;
-}
-
-::before,
-::after {
-	text-decoration: inherit;
-	vertical-align: inherit;
-}
-
-[type='search'] {
-	-webkit-appearance: textfield;
-	appearance: textfield;
-	outline-offset: -2px;
-}
-
-ol,
-ul,
-menu {
-	list-style: initial;
-	margin-left: calc(var(--system-spacing) * 5);
-}
-
-ol ul,
-ol ol,
-ul ul,
-ul ol {
-	padding-left: 1rem;
-}
-
-code {
-	border-radius: 0.25rem;
-	padding-block: 0.125rem;
-	padding-inline: 0.375rem;
-	position: relative;
-}
-
-sub,
-sup {
-	font-size: 75%;
-	line-height: 0;
-	position: relative;
-	vertical-align: baseline;
-}
-
-sup {
-	top: -0.5em;
-}
-
-sub {
-	bottom: -0.25em;
-}
-
-img {
-	border-style: none;
-}
-
-button,
-input,
-select,
-textarea {
-	background-color: transparent;
-	border-style: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-	html {
-		interpolate-size: allow-keywords;
-	}
-}

package/dist/@legacy/styles.css.d.ts

@@ -1,4 +0,0 @@
-declare module 'lapikit/styles' {
-	const styles: string;
-	export default styles;
-}

package/dist/@legacy/themes.css.d.ts

@@ -1,4 +0,0 @@
-declare module 'lapikit/themes' {
-	const themes: string;
-	export default themes;
-}