beathers 5.3.6 → 5.4.1

package/scripts/commands/build.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../src/scripts/commands/build.ts"],"names":[],"mappings":"AAuHA,wBAAsB,KAAK,kBAyB1B"}

package/{dist/scripts → scripts}/commands/build.js

@@ -10,7 +10,20 @@ const execAsync = promisify(exec);
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const projectRoot = path.resolve(__dirname, '../..');
-const variablesPath = path.join(projectRoot, '../dist/scss', '_variables.scss');
+// Detect if running as installed package vs development
+const isInstalledPackage = projectRoot.includes('node_modules');
+let packageRoot;
+let variablesPath;
+if (isInstalledPackage) {
+    const userProjectRoot = process.cwd();
+    packageRoot = path.join(userProjectRoot, 'node_modules', 'beathers');
+    variablesPath = path.join(packageRoot, 'scss', '_variables.scss');
+}
+else {
+    packageRoot = path.resolve(projectRoot, '..');
+    // Write variables to src location for development builds
+    variablesPath = path.join(projectRoot, 'scss', '_variables.scss');
+}
 async function defaultTheme() {
     let values = null;
     try {
@@ -66,18 +79,17 @@ async function BuildTheme(customOutputPath) {
         console.log('');
         console.log('🔨 Compiling SCSS to CSS...');
         const userProjectRoot = process.cwd();
-        const scssSourcePath = path.join(projectRoot, '../dist/scss');
+        const scssSourcePath = isInstalledPackage ? path.join(packageRoot, 'scss') : path.join(projectRoot, '../scss');
         let outputPath;
         if (customOutputPath) {
             outputPath = path.join(userProjectRoot, customOutputPath);
             console.log(`📁 Custom output directory: ${outputPath}`);
         }
         else {
-            outputPath = path.join(projectRoot, '../dist/css');
+            outputPath = isInstalledPackage ? path.join(packageRoot, 'css') : path.join(projectRoot, '../css');
             console.log(`📁 Default output directory: ${outputPath}`);
         }
         await fs.ensureDir(outputPath);
-        // Use sass directly with the correct paths
         const buildCommand = `sass --style compressed --source-map --embed-sources --no-error-css "${scssSourcePath}":"${outputPath}"`;
         const { stdout } = await execAsync(buildCommand);
         console.log('✅ Theme compilation completed successfully!');

package/scripts/commands/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/scripts/commands/colors.ts"],"names":[],"mappings":"AAKA,wBAAsB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,CA+C/C;AAED,wBAAsB,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,CAkCjD;AAED,wBAAsB,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC,CAuBrD;AAED,wBAAsB,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,CAuDjD"}

package/scripts/commands/fonts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../src/scripts/commands/fonts.ts"],"names":[],"mappings":"AAMA,wBAAsB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CA0F7C;AAED,wBAAsB,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,CA4BhD;AAED,wBAAsB,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,CA6BhD"}

package/scripts/commands/help.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"help.d.ts","sourceRoot":"","sources":["../../src/scripts/commands/help.ts"],"names":[],"mappings":"AAqBA,wBAAgB,IAAI,SA0BnB"}

package/scripts/commands/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scripts/commands/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAGnC,wBAAsB,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAUnE;AAED,wBAAsB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAUnE;AAED,wBAAsB,eAAe,CAAC,CAAC,SAAS,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAoBlG;AAED,wBAAsB,cAAc,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAQ7D;AAED,wBAAsB,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAsBjE;AAED,wBAAsB,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,CAW/E;AAGD,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA"}

package/scripts/commands/init.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/scripts/commands/init.ts"],"names":[],"mappings":"AAyEA,wBAAsB,IAAI,kBAqEzB"}

package/scripts/commands/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/scripts/commands/list.ts"],"names":[],"mappings":"AAiCA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,GAAG,wBACC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,EAUtD;AAED,MAAM,MAAM,UAAU,GAClB,QAAQ,GACR,IAAI,GACJ,WAAW,GACX,MAAM,GACN,YAAY,GACZ,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,YAAY,GACZ,cAAc,GACd,mBAAmB,GACnB,cAAc,CAAA"}

package/scripts/commands/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/scripts/commands/version.ts"],"names":[],"mappings":"AAMA,wBAAgB,OAAO,SAWtB"}

package/scripts/helpers/BuildScssVariables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildScssVariables.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/BuildScssVariables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiJnC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAUvD"}

package/scripts/helpers/BuildScssVariables.js

@@ -0,0 +1,138 @@
+function BuildColors(colors) {
+    let scss = '\n\n// --- Colors ---\n';
+    if (colors) {
+        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';
+    }
+    else
+        scss += '$colors: ();\n';
+    return scss;
+}
+function BuildTypography(typography) {
+    let scss = '\n\n// --- Typography ---\n';
+    scss += '$defaultFontFamilies:';
+    scss += typography?.defaultFontFamilies?.length ? typography.defaultFontFamilies.join(', ').replace(/"/g, '') : 'null';
+    scss += ';\n';
+    scss += `$fontMainPath: ${typography?.fontMainPath ? `"${typography.fontMainPath}"` : 'null'};\n`;
+    scss += `$fontFormat: ${typography?.fontFormat ? `"${typography.fontFormat}"` : 'null'};\n`;
+    scss += '$fontWeights: (';
+    scss += typography?.fontWeights?.length ? typography.fontWeights.map((fW) => `"${fW}"`).join(', ') : '';
+    scss += ');\n';
+    scss += '$fontStyles: (';
+    scss += typography?.fontStyles?.length ? typography.fontStyles.map((fS) => `"${fS}"`).join(', ') : '';
+    scss += ');\n';
+    scss += '$fontSizes: (';
+    if (typography?.fontSizes?.length) {
+        scss += '\n';
+        for (const [name, value] of Object.entries(typography.fontSizes)) {
+            scss += `"${name}": ${value},\n`;
+        }
+        scss += '\n';
+    }
+    scss += ');\n';
+    scss += '$textTruncate: (';
+    scss += typography?.textTruncate?.length ? typography.textTruncate.join(', ') : '';
+    scss += ');\n';
+    scss += '$fonts: (';
+    if (typography?.fonts) {
+        scss += '\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';
+    }
+    scss += ');\n';
+    return scss;
+}
+function BuildSettings(settings) {
+    let scss = '\n\n// --- Settings ---\n';
+    scss += `$axisDivisions: ${settings?.axisDivisions ?? 'null'};\n`;
+    scss += '$opacities: (';
+    scss += settings?.opacities?.length ? settings.opacities.join(', ') : '';
+    scss += ');\n';
+    scss += '$blurValues: (';
+    scss += settings?.blurValues?.length ? settings.blurValues.join(', ') : '';
+    scss += ');\n';
+    scss += '$insetValues: (';
+    scss += settings?.insetValues?.length ? settings.insetValues.join(', ') : '';
+    scss += ');\n';
+    scss += '$bordersValue: (';
+    scss += settings?.bordersValue?.length ? settings.bordersValue.join(', ') : '';
+    scss += ');\n';
+    scss += '$radiuses: (';
+    scss += settings?.radiuses?.length ? settings.radiuses.join(', ') : '';
+    scss += ');\n';
+    scss += '$breakpoints: (';
+    if (settings?.breakpoints) {
+        scss += '\n';
+        for (const [key, value] of Object.entries(settings.breakpoints)) {
+            scss += `${key}: ${value},\n`;
+        }
+        scss += '\n';
+    }
+    scss += ');\n';
+    scss += '$wrappers: (';
+    if (settings?.wrappers) {
+        scss += '\n';
+        for (const [key, wrapper] of Object.entries(settings.wrappers)) {
+            scss += `${key}: ${wrapper.width} ${wrapper.padding ?? ''},\n`;
+        }
+    }
+    scss += ');\n';
+    scss += '$guttersValues: (';
+    if (settings?.guttersValues) {
+        scss += '\n';
+        for (const [key, value] of Object.entries(settings.guttersValues)) {
+            scss += `${key}: ${value},\n`;
+        }
+    }
+    scss += ');\n';
+    return scss;
+}
+function BuildRoles(roles) {
+    let scss = '\n\n// --- Roles ---\n';
+    if (roles)
+        for (const [key, condition] of Object.entries(roles)) {
+            scss += `$${key}: ${condition};\n`;
+        }
+    return scss;
+}
+export function BuildScssVariables(theme) {
+    const { colors, roles, settings, typography } = theme;
+    let scss = '// Generated by Beathers builder\n // Do not edit this file directly\n\n';
+    scss += BuildColors(colors);
+    scss += BuildTypography(typography);
+    scss += BuildSettings(settings);
+    scss += BuildRoles(roles);
+    return scss;
+}

package/scripts/helpers/CallNewVariables.d.ts

@@ -0,0 +1,2 @@
+export declare function CallNewVariables(projectRoot: string, isInstalledPackage?: boolean): Promise<void>;
+//# sourceMappingURL=CallNewVariables.d.ts.map

package/scripts/helpers/CallNewVariables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallNewVariables.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/CallNewVariables.ts"],"names":[],"mappings":"AAGA,wBAAsB,gBAAgB,CAAC,WAAW,EAAE,MAAM,EAAE,kBAAkB,GAAE,OAAe,iBAkB9F"}

package/{dist/scripts → scripts}/helpers/CallNewVariables.js

@@ -1,8 +1,10 @@
 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))
+export async function CallNewVariables(projectRoot, isInstalledPackage = false) {
+    const scssFilePath = isInstalledPackage
+        ? path.join(projectRoot, 'scss', 'beathers.min.scss')
+        : 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"'))

package/scripts/helpers/LoadUserConfigs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadUserConfigs.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/LoadUserConfigs.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAgCnC,wBAAsB,eAAe,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,CAYjF"}

package/scripts/helpers/Merge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Merge.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/Merge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,wBAAgB,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,KAAK,CA2BzF"}

package/scripts/helpers/ReadDefaultValues.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadDefaultValues.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/ReadDefaultValues.ts"],"names":[],"mappings":"AAGA,OAAO,EAA2C,KAAK,EAAE,MAAM,aAAa,CAAA;AAmF5E,wBAAsB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAmGzG"}

package/scripts/helpers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,wBAAwB,CAAA"}

package/scripts/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/scripts/types.ts"],"names":[],"mappings":"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"}

package/{dist/scss → scss}/_variables.scss

@@ -3,10 +3,31 @@
 
 
 
+// --- Colors ---
+$colors: ();
+
+
 // --- Typography ---
+$defaultFontFamilies:null;
+$fontMainPath: null;
+$fontFormat: null;
+$fontWeights: ();
+$fontStyles: ();
+$fontSizes: ();
+$textTruncate: ();
+$fonts: ();
 
 
 // --- Settings ---
+$axisDivisions: null;
+$opacities: ();
+$blurValues: ();
+$insetValues: ();
+$bordersValue: ();
+$radiuses: ();
+$breakpoints: ();
+$wrappers: ();
+$guttersValues: ();
 
 
 // --- Roles ---