beathers 5.0.0

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { BuildTheme } from './scripts/BuildTheme.js';
+export type { Theme, ColorType, Typography, Settings, Roles } from './scripts/types.js';

package/dist/index.js

@@ -0,0 +1,2 @@
+// Main exports for the Beathers library
+export { BuildTheme } from './scripts/BuildTheme.js';

package/dist/scripts/BuildScssVariables.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from './types.js';
+export declare function BuildScssVariables(theme: Theme): string;

package/dist/scripts/BuildScssVariables.js

@@ -0,0 +1,111 @@
+export function BuildScssVariables(theme) {
+    const { colors, roles, settings, typography } = theme;
+    let scss = '// Generated by BuildTheme.ts\n // Do not edit this file directly\n\n';
+    if (colors) {
+        scss += '\n\n// --- Colors ---\n';
+        scss += '$colors: (\n';
+        for (const [name, modes] of Object.entries(colors)) {
+            scss += `"${name}": (\n`;
+            for (const [mode, value] of Object.entries(modes)) {
+                scss += `"${mode}": ${value},\n`;
+            }
+            scss += `),\n`;
+        }
+        scss += ');\n';
+    }
+    if (typography) {
+        scss += '\n\n// --- Typography ---\n';
+        if (typography?.defaultFontFamilies?.length)
+            scss += `$defaultFontFamilies: ${typography.defaultFontFamilies.join(', ').replace(/"/g, '')};\n`;
+        if (typography?.fontMainPath)
+            scss += `$fontMainPath: "${typography.fontMainPath}";\n`;
+        if (typography?.fontFormat)
+            scss += `$fontFormat: "${typography.fontFormat}";\n`;
+        if (typography?.fontWeights)
+            scss += `$fontWeights: (${typography.fontWeights.map((fW) => `"${fW}"`).join(', ')});\n`;
+        if (typography?.fontStyles?.length)
+            scss += `$fontStyles: (${typography.fontStyles.map((fS) => `"${fS}"`).join(', ')});\n`;
+        if (typography?.fontSizes) {
+            scss += '$fontSizes: (\n';
+            for (const [name, value] of Object.entries(typography.fontSizes)) {
+                scss += `"${name}": ${value},\n`;
+            }
+            scss += ');\n';
+        }
+        if (typography?.textTruncate)
+            scss += `$textTruncate: ${typography.textTruncate};\n`;
+        if (typography?.fonts) {
+            scss += '$fonts: (\n';
+            for (const [name, font] of Object.entries(typography.fonts)) {
+                scss += `"${name}": (\n`;
+                if (font?.weights)
+                    scss += `"weights": (${font.weights.join(', ')}),\n`;
+                if (font?.styles)
+                    scss += `"styles": (${font.styles.join(', ')}),\n`;
+                if (font?.variants) {
+                    scss += `"variants": (\n`;
+                    for (const [lang, variant] of Object.entries(font.variants)) {
+                        scss += `"${lang}": (\n`;
+                        if (variant?.title)
+                            scss += `"title": ${variant.title.replace(/"/g, '')},\n`;
+                        if (variant?.unicode)
+                            scss += `"unicode": "${variant.unicode}",\n`;
+                        if (variant?.format)
+                            scss += `"format": "${variant.format}",\n`;
+                        if (variant?.isLocal)
+                            scss += `"isLocal": ${variant.isLocal},\n`;
+                        if (variant?.url)
+                            scss += `"url": "${variant.url}",\n`;
+                        scss += '),\n';
+                    }
+                    scss += '),\n';
+                }
+                scss += '),\n';
+            }
+            scss += ');\n';
+        }
+    }
+    if (settings) {
+        scss += '\n\n// --- Settings ---\n';
+        if (settings?.axisDivisions)
+            scss += `$axisDivisions: ${settings.axisDivisions};\n`;
+        if (settings?.opacities)
+            scss += `$opacities: (${settings.opacities.join(', ')});\n`;
+        if (settings?.blurValues)
+            scss += `$blurValues: (${settings.blurValues.join(', ')});\n`;
+        if (settings?.insetValues)
+            scss += `$insetValues: (${settings.insetValues.join(', ')});\n`;
+        if (settings?.bordersValue)
+            scss += `$bordersValue: ${settings.bordersValue};\n`;
+        if (settings?.radiuses)
+            scss += `$radiuses: (${settings.radiuses.join(', ')});\n`;
+        if (settings?.breakpoints) {
+            scss += `$breakpoints: (\n`;
+            for (const [key, value] of Object.entries(settings.breakpoints)) {
+                scss += `${key}: ${value},\n`;
+            }
+            scss += `);\n`;
+        }
+        if (settings?.wrappers) {
+            scss += `$wrappers: (\n`;
+            for (const [key, wrapper] of Object.entries(settings.wrappers)) {
+                scss += `${key}: ${wrapper.width} ${wrapper.padding ?? ''},\n`;
+            }
+            scss += `);\n`;
+        }
+        if (settings?.guttersValues) {
+            scss += `$guttersValues: (\n`;
+            for (const [key, value] of Object.entries(settings.guttersValues)) {
+                scss += `${key}: ${value},\n`;
+            }
+            scss += `);\n`;
+        }
+    }
+    if (roles) {
+        scss += '\n\n// --- Roles ---\n';
+        for (const [key, condition] of Object.entries(roles)) {
+            scss += `$${key}: ${condition};\n`;
+        }
+    }
+    return scss;
+}

package/dist/scripts/BuildTheme.d.ts

@@ -0,0 +1 @@
+export declare function BuildTheme(): Promise<void>;

package/dist/scripts/BuildTheme.js

@@ -0,0 +1,99 @@
+import fs from 'fs-extra';
+import * as path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { LoadUserConfigs } from './LoadUserConfigs.js';
+import { DeepMerge } from './Merge.js';
+import { ReadDefaultValues } from './ReadDefaultValues.js';
+import { BuildScssVariables } from './BuildScssVariables.js';
+import { CallNewVariables } from './CallNewVariables.js';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const projectRoot = path.resolve(__dirname, '../..');
+const variablesPath = path.join(projectRoot, 'src', 'scss', '_variables.scss');
+async function defaultTheme() {
+    let values = null;
+    try {
+        values = await ReadDefaultValues([
+            path.join(projectRoot, 'src', 'scss', 'settings', '_defaults.scss'),
+            path.join(projectRoot, 'src', 'scss', 'settings', '_configs.scss'),
+            path.join(projectRoot, 'src', 'scss', 'settings', '_index.scss'),
+        ], [
+            'colors',
+            'fonts',
+            'fontMainPath',
+            'fontFormat',
+            'fontWeights',
+            'fontStyles',
+            'textTruncate',
+            'defaultFontFamilies',
+            'fontSizes',
+            'axisDivisions',
+            'breakpoints',
+            'wrappers',
+            'opacities',
+            'blurValues',
+            'insetValues',
+            'guttersValues',
+            'bordersValue',
+            'radiuses',
+            'useMediaQueries',
+            'useIcons',
+            'useFontFamilies',
+            'useFontSizes',
+            'useFontShapes',
+            'useTextAligns',
+            'useTextTruncate',
+            'useColors',
+            'useColorsOpacities',
+            'useColorsLightMode',
+            'useColorsDarkMode',
+            'useCurrentColors',
+            'useRootColors',
+            'useGrid',
+            'useFlex',
+            'useTransitions',
+            'useWrappers',
+            'useShadows',
+            'useDisplays',
+            'useOverflows',
+            'useOpacities',
+            'useBlur',
+            'useObjectFits',
+            'usePositions',
+            'useInsets',
+            'useSizes',
+            'useGutters',
+            'useBorders',
+            'useTextBorders',
+            'useRadius',
+        ]);
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('❌ buildCustomTheme failed:', error instanceof Error ? error.message : error);
+        process.exit(1);
+    }
+    return values;
+}
+export async function BuildTheme() {
+    try {
+        const defaults = await defaultTheme();
+        const userConfigs = await LoadUserConfigs();
+        const theme = DeepMerge(defaults, userConfigs);
+        const variablesString = BuildScssVariables(theme);
+        await fs.writeFile(variablesPath, variablesString, { flag: 'w' });
+        await CallNewVariables(projectRoot);
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('Error during custom theme build:', error);
+        throw error;
+    }
+}
+// For backward compatibility when run directly
+if (import.meta.url === `file://${process.argv[1]}`) {
+    BuildTheme().catch((error) => {
+        console.error(error);
+        process.exit(1);
+    });
+}

package/dist/scripts/CallNewVariables.d.ts

@@ -0,0 +1 @@
+export declare function CallNewVariables(projectRoot: string): Promise<void>;

package/dist/scripts/CallNewVariables.js

@@ -0,0 +1,17 @@
+import fs from 'fs-extra';
+import * as path from 'node:path';
+export async function CallNewVariables(projectRoot) {
+    const scssFilePath = path.join(projectRoot, 'src', 'scss', 'beathers.min.scss');
+    if (!await fs.pathExists(scssFilePath))
+        return;
+    let scssContent = await fs.readFile(scssFilePath, 'utf8');
+    if (scssContent.includes('@use "./variables"'))
+        return;
+    const styleCommentIndex = scssContent.indexOf('// Style');
+    if (styleCommentIndex === -1)
+        return;
+    const beforeComment = scssContent.slice(0, styleCommentIndex);
+    const afterComment = scssContent.slice(styleCommentIndex);
+    scssContent = beforeComment + '@use "./variables";\n\n' + afterComment;
+    await fs.writeFile(scssFilePath, scssContent, 'utf8');
+}

package/dist/scripts/LoadUserConfigs.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from './types.js';
+export declare function LoadUserConfigs(projectPath?: string): Promise<Theme | null>;

package/dist/scripts/LoadUserConfigs.js

@@ -0,0 +1,42 @@
+import fs from 'fs-extra';
+import path from 'path';
+const userConfigFiles = ['beathers.configs.js', 'beathers.configs.ts', 'beathers.configs.json'];
+function findConfigFile(basePath) {
+    for (const filename of userConfigFiles) {
+        const fullPath = path.join(basePath, filename);
+        if (fs.existsSync(fullPath))
+            return fullPath;
+    }
+    return null;
+}
+async function loadJsOrTsConfig(filePath) {
+    try {
+        const absolutePath = path.resolve(filePath);
+        const module = await import(absolutePath);
+        return module.default || module;
+    }
+    catch (error) {
+        throw new Error(`Failed to load config from ${filePath}: ${error}`);
+    }
+}
+function loadJsonConfig(filePath) {
+    try {
+        const content = fs.readFileSync(filePath, 'utf-8');
+        return JSON.parse(content);
+    }
+    catch (error) {
+        throw new Error(`Failed to parse JSON config from ${filePath}: ${error}`);
+    }
+}
+export async function LoadUserConfigs(projectPath) {
+    const basePath = projectPath || process.cwd();
+    const configFilePath = findConfigFile(basePath);
+    if (!configFilePath)
+        return null;
+    const extension = path.extname(configFilePath);
+    if (extension === '.json')
+        return loadJsonConfig(configFilePath);
+    if (['.js', '.ts'].includes(extension))
+        return await loadJsOrTsConfig(configFilePath);
+    throw new Error(`Unsupported config file format: ${extension}`);
+}

package/dist/scripts/Merge.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from './types.js';
+export declare function DeepMerge(defaults: Partial<Theme>, configs: Partial<Theme> | null): Theme;

package/dist/scripts/Merge.js

@@ -0,0 +1,26 @@
+export function DeepMerge(defaults, configs) {
+    if (!configs)
+        return defaults;
+    const { colors: tColors, roles: tRoles, settings: tSettings, typography: tTypography } = defaults ?? {};
+    const { colors: sColors, roles: sRoles, settings: sSettings, typography: sTypography } = configs ?? {};
+    const colors = { ...tColors, ...sColors };
+    const roles = { ...tRoles, ...sRoles };
+    const settings = {
+        ...tSettings,
+        ...sSettings,
+        ...(tSettings?.breakpoints ||
+            (sSettings?.breakpoints && { breakpoints: { ...tSettings?.breakpoints, ...sSettings?.breakpoints } })),
+        ...(tSettings?.wrappers ||
+            (sSettings?.wrappers && { wrappers: { ...tSettings?.wrappers, ...sSettings?.wrappers } })),
+        ...(tSettings?.guttersValues ||
+            (sSettings?.guttersValues && { guttersValues: { ...tSettings?.guttersValues, ...sSettings?.guttersValues } })),
+    };
+    const typography = {
+        ...tTypography,
+        ...sTypography,
+        ...(tTypography?.fontSizes ||
+            (sTypography?.fontSizes && { fontSizes: { ...tTypography?.fontSizes, ...sTypography?.fontSizes } })),
+        ...(tTypography?.fonts || (sTypography?.fonts && { fonts: { ...tTypography?.fonts, ...sTypography?.fonts } })),
+    };
+    return { colors, roles, settings, typography };
+}

package/dist/scripts/ReadDefaultValues.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from './types.js';
+export declare function ReadDefaultValues(files: string[], VariableNames: string[]): Promise<Partial<Theme>>;

package/dist/scripts/ReadDefaultValues.js

@@ -0,0 +1,168 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import fs from 'fs-extra';
+function sanitize(val) {
+    if (typeof val === 'string') {
+        const trimmed = val.trim();
+        if (trimmed === 'true')
+            return true;
+        if (trimmed === 'false')
+            return false;
+        if (!isNaN(Number(trimmed)))
+            return Number(trimmed);
+        return trimmed;
+    }
+    if (typeof val === 'object' && val !== null)
+        return Object.fromEntries(Object.entries(val).map(([k, v]) => [sanitize(k), sanitize(v)]));
+    return val;
+}
+function cleanString(value) {
+    let result = value;
+    if ((value.startsWith('"') && value.endsWith('"')) || (value.startsWith("'") && value.endsWith("'")))
+        result = value.slice(1, -1);
+    return result.trim();
+}
+function cleanNumber(value) {
+    let result = null;
+    const num = Number(value);
+    if (!isNaN(num) && num.toString() === value)
+        result = num;
+    return result;
+}
+function buildArray(value) {
+    if (!value.includes(',') && !value.startsWith('(') && !value.endsWith(')'))
+        return [];
+    let raw = value;
+    if (value.startsWith('(') && value.endsWith(')'))
+        raw = value.slice(1, -1);
+    return raw.split(',').map((part) => cleanNumber(part.trim()) ?? cleanString(part.trim()));
+}
+function buildJson(value) {
+    const raw = value
+        .replace(/\(/g, '{')
+        .replace(/\)/g, '}')
+        .replace(/'/g, '"')
+        .replace(/([a-zA-Z0-9_]+):/g, '"$1":')
+        .replace(/:\s*"?([0-9]+)"?\.(\d+)(rem)?/g, ':"$1.$2$3"')
+        .replace(/:\s*([a-zA-Z0-9_]+)/g, ': "$1"')
+        .replace(/,\s*}/g, '\n}');
+    const parsed = JSON.parse(raw);
+    const sanitized = sanitize(parsed);
+    return sanitized;
+}
+function buildColors(value) {
+    const raw = value
+        .replace(/\(/g, '{')
+        .replace(/\)/g, '}')
+        .replace(/#([0-9a-fA-F]{3,6})/g, '"#$1"')
+        .replace(/,\s*}/g, '}');
+    const parsed = JSON.parse(raw);
+    return parsed;
+}
+function buildWrappers(value) {
+    const raw = value
+        .replace(/\(/g, '{')
+        .replace(/\)/g, '}')
+        .replace(/([a-zA-Z0-9_]+):\s*([0-9%px]+)\s+([0-9.]+rem)/g, '"$1": {"size": "$2", "padding": "$3"}')
+        .replace(/,\s*}/g, '}');
+    const parsed = JSON.parse(raw);
+    return parsed;
+}
+export async function ReadDefaultValues(files, VariableNames) {
+    const theme = {};
+    const variables = {};
+    for (const file of files) {
+        const content = await fs.readFile(file, 'utf8');
+        for (const name of VariableNames) {
+            const variableRegex = new RegExp(`^\\s*\\$${name}\\s*:\\s*([\\s\\S]*?)\\s*!default\\s*;?`, 'm');
+            const match = variableRegex.exec(content);
+            if (match) {
+                const value = match[1].trim();
+                let result;
+                if (name === 'colors')
+                    result = buildColors(value);
+                else if (name === 'fonts')
+                    result = buildJson(value);
+                else if (name === 'fontSizes')
+                    result = buildJson(value);
+                else if (name === 'breakpoints')
+                    result = buildJson(value);
+                else if (name === 'wrappers')
+                    result = buildWrappers(value);
+                else if (name === 'guttersValues')
+                    result = buildJson(value);
+                else if (['true', 'false'].includes(value))
+                    result = value === 'true';
+                else if ([
+                    'fontWeights',
+                    'fontStyles',
+                    'opacities',
+                    'blurValues',
+                    'radiuses',
+                    'defaultFontFamilies',
+                    'insetValues',
+                ].includes(name))
+                    result = buildArray(value);
+                else if (['textTruncate', 'axisDivisions', 'bordersValue'].includes(name))
+                    result = cleanNumber(value);
+                else
+                    result = cleanString(value);
+                variables[name] = result;
+            }
+        }
+    }
+    theme.colors = variables?.colors;
+    theme.typography = {
+        fontMainPath: variables?.fontMainPath,
+        fontFormat: variables?.fontFormat,
+        fontWeights: variables?.fontWeights,
+        fontStyles: variables?.fontStyles,
+        textTruncate: variables?.textTruncate,
+        defaultFontFamilies: variables?.defaultFontFamilies,
+        fonts: variables?.fonts,
+        fontSizes: variables?.fontSizes,
+    };
+    theme.settings = {
+        axisDivisions: variables?.axisDivisions,
+        opacities: variables?.opacities,
+        blurValues: variables?.blurValues,
+        insetValues: variables?.insetValues,
+        bordersValue: variables?.bordersValue,
+        radiuses: variables?.radiuses,
+        breakpoints: variables.breakpoints,
+        wrappers: variables.wrappers,
+        guttersValues: variables.guttersValues,
+    };
+    theme.roles = {
+        useMediaQueries: variables?.useMediaQueries,
+        useIcons: variables?.useIcons,
+        useFontFamilies: variables?.useFontFamilies,
+        useFontSizes: variables?.useFontSizes,
+        useFontShapes: variables?.useFontShapes,
+        useTextAligns: variables?.useTextAligns,
+        useTextTruncate: variables?.useTextTruncate,
+        useColors: variables?.useColors,
+        useColorsOpacities: variables?.useColorsOpacities,
+        useColorsLightMode: variables?.useColorsLightMode,
+        useColorsDarkMode: variables?.useColorsDarkMode,
+        useCurrentColors: variables?.useCurrentColors,
+        useRootColors: variables?.useRootColors,
+        useGrid: variables?.useGrid,
+        useFlex: variables?.useFlex,
+        useTransitions: variables?.useTransitions,
+        useWrappers: variables?.useWrappers,
+        useShadows: variables?.useShadows,
+        useDisplays: variables?.useDisplays,
+        useOverflows: variables?.useOverflows,
+        useOpacities: variables?.useOpacities,
+        useBlur: variables?.useBlur,
+        useObjectFits: variables?.useObjectFits,
+        usePositions: variables?.usePositions,
+        useInsets: variables?.useInsets,
+        useSizes: variables?.useSizes,
+        useGutters: variables?.useGutters,
+        useBorders: variables?.useBorders,
+        useTextBorders: variables?.useTextBorders,
+        useRadius: variables?.useRadius,
+    };
+    return theme;
+}

package/dist/scripts/cli.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/scripts/cli.js

@@ -0,0 +1,14 @@
+#!/usr/bin/env node
+import { BuildTheme } from './BuildTheme.js';
+async function main() {
+    try {
+        console.log('🎨 Building Beathers theme...');
+        await BuildTheme();
+        console.log('✅ Theme built successfully!');
+    }
+    catch (error) {
+        console.error('❌ Error building theme:', error);
+        process.exit(1);
+    }
+}
+main();

package/dist/scripts/types.d.ts

@@ -0,0 +1,57 @@
+export type ColorType = Record<string, {
+    light: `#${string}`;
+    dark: `#${string}`;
+}>;
+export type FontWeight = 'thin' | 'extra-light' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extra-bold' | 'black';
+export type FontStyle = 'normal' | 'italic' | 'oblique';
+export type FontSize = `${number}px` | `${number}rem` | `${number}em`;
+export interface FontVariant {
+    title: string;
+    unicode?: string;
+    format?: 'woff' | 'woff2';
+    isLocal?: boolean;
+    url?: `https://${string}` | `http://${string}`;
+}
+export type FontType = {
+    weights?: FontWeight[];
+    styles?: FontStyle[];
+    variants?: FontVariant[];
+};
+export interface Typography {
+    defaultFontFamilies?: string[];
+    fontMainPath?: string;
+    fontFormat?: 'woff' | 'woff2';
+    fontWeights?: FontWeight[];
+    fontStyles?: FontStyle[];
+    fontSizes?: {
+        [sizeName: string]: FontSize;
+    };
+    textTruncate?: number;
+    fonts?: Record<string, FontType>;
+}
+export type Breakpoints = Record<'sm' | 'md' | 'lg' | 'xl' | 'xxl', `${number}px` | `${number}rem` | `${number}em`>;
+export type Wrappers = Record<'sm' | 'md' | 'lg' | 'xl' | 'xxl', {
+    width: `${number}px` | `${number}rem` | `${number}em`;
+    padding?: `${number}px` | `${number}rem` | `${number}em`;
+}>;
+export type GutterValues = Record<'auto' | number, `${number}px` | `${number}rem` | `${number}em`>;
+export interface Settings {
+    axisDivisions?: number;
+    opacities?: number[];
+    blurValues?: number[];
+    insetValues?: number[];
+    bordersValue?: number;
+    radiuses?: number[];
+    breakpoints?: Breakpoints;
+    wrappers?: Wrappers;
+    guttersValues?: GutterValues;
+}
+type RoleKeys = 'useMediaQueries' | 'useIcons' | 'useFontFamilies' | 'useFontSizes' | 'useFontShapes' | 'useTextAligns' | 'useTextTruncate' | 'useColors' | 'useColorsOpacities' | 'useColorsLightMode' | 'useColorsDarkMode' | 'useCurrentColors' | 'useRootColors' | 'useGrid' | 'useFlex' | 'useTransitions' | 'useWrappers' | 'useShadows' | 'useDisplays' | 'useOverflows' | 'useOpacities' | 'useBlur' | 'useObjectFits' | 'usePositions' | 'useInsets' | 'useSizes' | 'useGutters' | 'useBorders' | 'useTextBorders' | 'useRadius';
+export type Roles = Partial<Record<RoleKeys, boolean>>;
+export interface Theme {
+    colors?: ColorType;
+    typography?: Typography;
+    settings?: Settings;
+    roles?: Roles;
+}
+export {};

package/dist/scripts/types.js

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

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "beathers",
+  "version": "5.0.0",
+  "type": "module",
+  "description": "Beather is a lightweight SCSS library that serves as a comprehensive design system for your projects. It offers a structured and consistent approach to manage colors, fonts, and other design related variables, making it easier to maintain a cohesive visual identity across your application.",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "bin": {
+    "beathers": "dist/scripts/cli.js"
+  },
+  "scripts": {
+    "watch": "nodemon --watch src/scss/ --ext scss --exec \"npm-run-all build\"",
+    "watch:expanded": " nodemon --watch src/scss/ --ext scss --exec \"npm-run-all build:expanded\"",
+    "build": "sass --style compressed --source-map --embed-sources --no-error-css src/scss/:dist/css/",
+    "build:expanded": "sass --style expanded --source-map --embed-sources --no-error-css src/scss/:dist/css/expanded/",
+    "build:clean": "rimraf dist",
+    "build:lib": "tsc",
+    "build:all": "rimraf dist && npm run build:lib && npm run build",
+    "build:with-configs": "tsx src/scripts/BuildTheme.ts",
+    "watch:with-configs": "nodemon --watch src --ext ts --exec \"tsx src/scripts/BuildTheme.ts\"",
+    "prepublishOnly": "npm run build:all",
+    "lint": "eslint . && stylelint \"**/*.scss\"",
+    "lint:fix": "eslint . --fix && stylelint \"**/*.scss\" --fix",
+    "lint:scss": "stylelint \"**/*.scss\"",
+    "lint:scss:fix": "stylelint \"**/*.scss\" --fix",
+    "format:check": "prettier --check --ignore-path .gitignore .",
+    "format:fix": "prettier --write --ignore-path .gitignore . && pnpm lint"
+  },
+  "keywords": [
+    "Design-system",
+    "Bhoenix",
+    "Feather",
+    "Beathers",
+    "SCSS",
+    "CSS",
+    "responsive",
+    "front-end",
+    "framework",
+    "web"
+  ],
+  "author": "Bhoenix studio",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/BhoenixStudio/Beathers.git"
+  },
+  "bugs": {
+    "url": "https://github.com/BhoenixStudio/Beathers/issues"
+  },
+  "homepage": "https://github.com/BhoenixStudio/Beathers#readme",
+  "dependencies": {
+    "fs-extra": "^11.3.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.26.0",
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^22.15.21",
+    "@types/scss-parser": "^1.0.4",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^9.26.0",
+    "eslint-plugin-css": "^0.11.0",
+    "eslint-plugin-import": "^2.31.0",
+    "globals": "^16.1.0",
+    "nodemon": "^3.1.10",
+    "npm-run-all": "^4.1.5",
+    "postcss": "^8.5.3",
+    "postcss-cli": "^11.0.1",
+    "postcss-scss": "^4.0.9",
+    "prettier": "^3.5.3",
+    "rimraf": "^6.0.1",
+    "sass": "^1.88.0",
+    "stylelint": "^16.19.1",
+    "stylelint-config-standard-scss": "^15.0.0",
+    "tsx": "^4.19.4",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.32.1"
+  },
+  "files": [
+    "dist/css/**/*.{css,map}",
+    "dist/**/*.{js,d.ts}",
+    "src/scss/**/*.scss",
+    "readme.md"
+  ]
+}