beathers 5.1.1 → 5.2.1

package/dist/scripts/BuildTheme.js

@@ -6,14 +6,59 @@ import { BuildScssVariables } from './BuildScssVariables.js';
 import { CallNewVariables } from './CallNewVariables.js';
 import { LoadUserConfigs } from './LoadUserConfigs.js';
 import { DeepMerge } from './Merge.js';
+import { ReadDefaultValues } from './ReadDefaultValues.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', '_index.scss')], [
+            '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({}, userConfigs);
+        const theme = DeepMerge(defaults, userConfigs);
         const variablesString = BuildScssVariables(theme);
         await fs.writeFile(variablesPath, variablesString, { flag: 'w' });
         await CallNewVariables(projectRoot);

package/dist/scripts/LoadUserConfigs.js

@@ -1,4 +1,5 @@
 import fs from 'fs-extra';
+import { pathToFileURL } from 'node:url';
 import path from 'path';
 const userConfigFiles = ['beathers.configs.js', 'beathers.configs.ts', 'beathers.configs.json'];
 function findConfigFile(basePath) {
@@ -12,8 +13,9 @@ function findConfigFile(basePath) {
 async function loadJsOrTsConfig(filePath) {
     try {
         const absolutePath = path.resolve(filePath);
-        const module = await import(absolutePath);
-        return module.default || module;
+        const fileUrl = pathToFileURL(absolutePath).href;
+        const module = await import(fileUrl);
+        return module.default ?? module;
     }
     catch (error) {
         throw new Error(`Failed to load config from ${filePath}: ${error}`);
@@ -29,7 +31,7 @@ function loadJsonConfig(filePath) {
     }
 }
 export async function LoadUserConfigs(projectPath) {
-    const basePath = projectPath || process.cwd();
+    const basePath = projectPath ?? process.cwd();
     const configFilePath = findConfigFile(basePath);
     if (!configFilePath)
         return null;

package/dist/scripts/ReadDefaultValues.js

@@ -62,7 +62,7 @@ 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(/([a-zA-Z0-9_]+):\s*([0-9%px]+)\s+([0-9.]+rem)/g, '"$1": {"width": "$2", "padding": "$3"}')
         .replace(/,\s*}/g, '}');
     const parsed = JSON.parse(raw);
     return parsed;

package/dist/scripts/cli.js

@@ -118,7 +118,7 @@ async function promptFormat() {
     const readline = await import('readline');
     const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
     return new Promise((resolve) => {
-        rl.question('📁 Choose file format (json/js/ts) [json]: ', (answer) => {
+        rl.question('📁 Choose file format (json/js/ts): json', (answer) => {
             rl.close();
             const format = answer.toLowerCase().trim();
             if (format === 'js' || format === 'ts')
@@ -134,13 +134,13 @@ async function initCommand() {
     const fileName = formatMap[format];
     const filePath = path.join(process.cwd(), fileName);
     if (await fs.pathExists(filePath)) {
-        const shouldOverride = await promptUser(`⚠️ ${fileName} already exists. Do you want to override it? (y/n): `);
+        const shouldOverride = await promptUser(`⚠️  ${fileName} already exists. Do you want to override it? (Y/N): `);
         if (!shouldOverride) {
             console.log('❌ Operation aborted.');
             return;
         }
     }
-    const includeStarterValues = await promptUser('📝 Would you like to include starter configuration values? (y/n): ');
+    const includeStarterValues = await promptUser('📝 Would you like to include starter configuration values? (Y/N): ');
     const emptyTemplate = {
         colors: {},
         typography: {

package/dist/scripts/types.d.ts

@@ -1,55 +1,52 @@
-export type ColorType = Record<string, {
+type SizeUnit = `${number}px` | `${number}rem` | `${number}em` | `${number}vw` | `${number}vh` | `${number}%`;
+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 {
+type FontWeight = 'thin' | 'extra-light' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extra-bold' | 'black';
+type FontStyle = 'normal' | 'italic' | 'oblique';
+interface FontVariant {
     title: string;
     unicode?: string;
     format?: 'woff' | 'woff2';
     isLocal?: boolean;
     url?: `https://${string}` | `http://${string}`;
 }
-export type FontType = {
+type FontType = {
     weights?: FontWeight[];
     styles?: FontStyle[];
     variants?: Record<string, FontVariant>;
 };
-export interface Typography {
+interface Typography {
     defaultFontFamilies?: string[];
     fontMainPath?: string;
     fontFormat?: 'woff' | 'woff2';
     fontWeights?: FontWeight[];
     fontStyles?: FontStyle[];
-    fontSizes?: Record<string, FontSize>;
+    fontSizes?: Record<string, SizeUnit>;
     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 {
+interface Settings {
     axisDivisions?: number;
     opacities?: number[];
     blurValues?: number[];
     insetValues?: number[];
     bordersValue?: number;
     radiuses?: number[];
-    breakpoints?: Breakpoints;
-    wrappers?: Wrappers;
-    guttersValues?: GutterValues;
+    breakpoints?: Record<'null' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', 0 | SizeUnit>;
+    wrappers?: Record<'null' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', {
+        width: SizeUnit;
+        padding?: SizeUnit;
+    }>;
+    guttersValues?: Record<'auto' | number, 'auto' | SizeUnit>;
 }
 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 {
+type Roles = Partial<Record<RoleKeys, boolean>>;
+interface Theme {
     colors?: ColorType;
     typography?: Typography;
     settings?: Settings;
     roles?: Roles;
 }
-export {};
+export type { SizeUnit, ColorType, FontWeight, FontStyle, FontVariant, FontType, Typography, Settings, RoleKeys, Roles, Theme, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beathers",
-  "version": "5.1.1",
+  "version": "5.2.1",
   "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",

package/src/scss/beathers.min.scss

@@ -1,5 +1,5 @@
 /*!
-* Beathers v5.1.1 (https://bhoenixstudio.com/beathers)
+* Beathers v5.2.1 (https://bhoenixstudio.com/beathers)
 * Copyright 2020-2025 Bhoenix Studio
 */