beathers 5.6.3 → 5.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beathers",
-  "version": "5.6.3",
+  "version": "5.7.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": "index.js",

package/readme.md

@@ -240,7 +240,10 @@ You can create one of these files in your project root:
 | `useTextBordersMediaQueries` <br /> Include responsive text border utilities      | `boolean`                                                                                                                                                                                                         | `false`                                                                                                                                                        |
 | `useRadius` <br /> Include border radius utilities                                | `boolean`                                                                                                                                                                                                         | `true`                                                                                                                                                         |
 | `useRadiusMediaQueries` <br /> Include responsive border radius utilities         | `boolean`                                                                                                                                                                                                         | `false`                                                                                                                                                        |
-| `useGlass` <br /> Include glassmorphism utilities                                 | `boolean`                                                                                                                                                                                                         | `true`                                                                                                                                                         |
+| `useGlass` <br /> Include glassmorphism utilities                                 | `boolean`                                                                                                                                                                                                         | `false`                                                                                                                                                        |
+| `useLoader` <br /> Include loader utilities                                       | `boolean`                                                                                                                                                                                                         | `false`                                                                                                                                                        |
+| `useDialog` <br /> Include dialog utilities                                       | `boolean`                                                                                                                                                                                                         | `false`                                                                                                                                                        |
+| `useButton` <br /> Include button utilities                                       | `boolean`                                                                                                                                                                                                         | `false`                                                                                                                                                        |
 
 ### TypeScript Configuration Example
 

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

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

package/scripts/commands/build.js

@@ -75,6 +75,9 @@ async function defaultTheme() {
             'useRadius',
             'useRadiusMediaQueries',
             'useGlass',
+            'useLoader',
+            'useDialog',
+            'useButton',
         ]);
     }
     catch (error) {

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

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

package/scripts/commands/init.js

@@ -37,6 +37,9 @@ async function getDefaultValues() {
         'glassBorder1Color',
         'glassBorder2Color',
         'glassLightAngle',
+        'loaderColorMain',
+        'loaderColorSecond',
+        'loaderDuration',
         'useFontFamilies',
         'useFontFamiliesMediaQueries',
         'useFontSizes',
@@ -84,6 +87,9 @@ async function getDefaultValues() {
         'useRadius',
         'useRadiusMediaQueries',
         'useGlass',
+        'useLoader',
+        'useDialog',
+        'useButton',
     ]));
 }
 export async function Init() {

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

@@ -1 +1 @@
-{"version":3,"file":"BuildScssVariables.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/BuildScssVariables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAgLnC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,YAAY,GAAE,OAAe,GAAG,MAAM,CAWtF"}
+{"version":3,"file":"BuildScssVariables.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/BuildScssVariables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAmMnC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,YAAY,GAAE,OAAe,GAAG,MAAM,CAYtF"}

package/scripts/helpers/BuildScssVariables.js

@@ -151,14 +151,30 @@ function BuildGlass(glass) {
     scss += ');\n';
     return scss;
 }
+function BuildLoader(loader) {
+    if (!loader)
+        return '';
+    let scss = '\n\n// --- Loader ---\n';
+    scss += '$loaderColorMain: (\n';
+    scss += `  'light': ${loader?.colorMain?.light ?? '#ffffff'},\n`;
+    scss += `  'dark': ${loader?.colorMain?.dark ?? '#1a1d21'},\n`;
+    scss += ');\n';
+    scss += '$loaderColorSecond: (\n';
+    scss += `  'light': ${loader?.colorSecond?.light ?? '#f4f4f4'},\n`;
+    scss += `  'dark': ${loader?.colorSecond?.dark ?? '#2e2e3f'},\n`;
+    scss += ');\n';
+    scss += `$loaderDuration: ${loader?.duration ?? 'null'};\n`;
+    return scss;
+}
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 export function BuildScssVariables(theme, isLocalBuild = false) {
-    const { colors, roles, settings, typography, glass } = theme;
+    const { colors, roles, settings, typography, glass, loader } = 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);
     scss += BuildGlass(glass);
+    scss += BuildLoader(loader);
     return scss;
 }

package/scripts/helpers/LoadUserConfigs.d.ts

@@ -1,3 +1,3 @@
 import { Theme } from '../types.js';
-export declare function LoadUserConfigs(projectPath?: string): Promise<Theme | null>;
+export declare function LoadUserConfigs<T extends object = object>(projectPath?: string, extra?: T): Promise<(Theme & T) | null>;
 //# sourceMappingURL=LoadUserConfigs.d.ts.map

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

@@ -1 +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"}
+{"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,CAAC,SAAS,MAAM,GAAG,MAAM,EAC7D,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,CAAC,GACR,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAY7B"}

package/scripts/helpers/LoadUserConfigs.js

@@ -30,15 +30,15 @@ function loadJsonConfig(filePath) {
         throw new Error(`Failed to parse JSON config from ${filePath}: ${error}`);
     }
 }
-export async function LoadUserConfigs(projectPath) {
+export async function LoadUserConfigs(projectPath, extra) {
     const basePath = projectPath ?? process.cwd();
     const configFilePath = findConfigFile(basePath);
     if (!configFilePath)
         return null;
     const extension = path.extname(configFilePath);
     if (extension === '.json')
-        return loadJsonConfig(configFilePath);
+        return { ...loadJsonConfig(configFilePath), ...extra };
     if (['.js', '.ts'].includes(extension))
-        return await loadJsOrTsConfig(configFilePath);
+        return { ...(await loadJsOrTsConfig(configFilePath)), ...extra };
     throw new Error(`Unsupported config file format: ${extension}`);
 }

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

@@ -1 +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,CA8HzG"}
+{"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,CA2IzG"}

package/scripts/helpers/ReadDefaultValues.js

@@ -108,7 +108,7 @@ export async function ReadDefaultValues(files, VariableNames) {
                     result = buildArray(value);
                 else if (['axisDivisions'].includes(name))
                     result = cleanNumber(value);
-                else if (['glassColor', 'glassBorder1Color', 'glassBorder2Color'].includes(name))
+                else if (['glassColor', 'glassBorder1Color', 'glassBorder2Color', 'loaderColorMain', 'loaderColorSecond'].includes(name))
                     result = buildColors(value);
                 else
                     result = cleanString(value);
@@ -187,6 +187,9 @@ export async function ReadDefaultValues(files, VariableNames) {
         useRadius: variables?.useRadius,
         useRadiusMediaQueries: variables?.useRadiusMediaQueries,
         useGlass: variables?.useGlass,
+        useLoader: variables?.useLoader,
+        useDialog: variables?.useDialog,
+        useButton: variables?.useButton,
     };
     theme.glass = {
         blur: variables?.glassBlur,
@@ -196,5 +199,10 @@ export async function ReadDefaultValues(files, VariableNames) {
         border2Color: variables?.glassBorder2Color,
         lightAngle: variables?.glassLightAngle,
     };
+    theme.loader = {
+        colorMain: variables?.loaderColorMain,
+        colorSecond: variables?.loaderColorSecond,
+        duration: variables?.loaderDuration,
+    };
     return theme;
 }

package/scripts/types.d.ts

@@ -88,8 +88,19 @@ interface Glass {
     };
     lightAngle?: `${number}deg`;
 }
+interface Loader {
+    colorMain?: {
+        light?: `#${string}`;
+        dark?: `#${string}`;
+    };
+    colorSecond?: {
+        light?: `#${string}`;
+        dark?: `#${string}`;
+    };
+    duration?: `${number}s` | `${number}ms`;
+}
 /** Available feature keys for enabling/disabling CSS utilities */
-type RoleKeys = 'useFontFamilies' | 'useFontFamiliesMediaQueries' | 'useFontSizes' | 'useFontSizesMediaQueries' | 'useFontShapes' | 'useFontShapesMediaQueries' | 'useTextAligns' | 'useTextAlignsMediaQueries' | 'useTextTruncate' | 'useTextTruncateMediaQueries' | 'useColors' | 'useColorsOpacities' | 'useColorsLightMode' | 'useColorsDarkMode' | 'useCurrentColors' | 'useRootColors' | 'useGrid' | 'useFlex' | 'useGridMediaQueries' | 'useWrappers' | 'useShadows' | 'useShadowsMediaQueries' | 'useDisplays' | 'useDisplaysMediaQueries' | 'useOverflows' | 'useOverflowsMediaQueries' | 'useOpacities' | 'useOpacitiesMediaQueries' | 'useBlur' | 'useBlurMediaQueries' | 'useObjectFits' | 'useObjectFitsMediaQueries' | 'usePositions' | 'usePositionsMediaQueries' | 'useInsets' | 'useInsetsMediaQueries' | 'useSizes' | 'useSizesMediaQueries' | 'useGutters' | 'useGuttersMediaQueries' | 'useBorders' | 'useBordersMediaQueries' | 'useTextBorders' | 'useTextBordersMediaQueries' | 'useRadius' | 'useRadiusMediaQueries' | 'useGlass';
+type RoleKeys = 'useFontFamilies' | 'useFontFamiliesMediaQueries' | 'useFontSizes' | 'useFontSizesMediaQueries' | 'useFontShapes' | 'useFontShapesMediaQueries' | 'useTextAligns' | 'useTextAlignsMediaQueries' | 'useTextTruncate' | 'useTextTruncateMediaQueries' | 'useColors' | 'useColorsOpacities' | 'useColorsLightMode' | 'useColorsDarkMode' | 'useCurrentColors' | 'useRootColors' | 'useGrid' | 'useFlex' | 'useGridMediaQueries' | 'useWrappers' | 'useShadows' | 'useShadowsMediaQueries' | 'useDisplays' | 'useDisplaysMediaQueries' | 'useOverflows' | 'useOverflowsMediaQueries' | 'useOpacities' | 'useOpacitiesMediaQueries' | 'useBlur' | 'useBlurMediaQueries' | 'useObjectFits' | 'useObjectFitsMediaQueries' | 'usePositions' | 'usePositionsMediaQueries' | 'useInsets' | 'useInsetsMediaQueries' | 'useSizes' | 'useSizesMediaQueries' | 'useGutters' | 'useGuttersMediaQueries' | 'useBorders' | 'useBordersMediaQueries' | 'useTextBorders' | 'useTextBordersMediaQueries' | 'useRadius' | 'useRadiusMediaQueries' | 'useGlass' | 'useLoader' | 'useDialog' | 'useButton';
 /** Feature toggles for enabling/disabling CSS utility generation. @default all true */
 type Roles = Partial<Record<RoleKeys, boolean>>;
 /** Main theme configuration object containing all design system settings */
@@ -106,6 +117,8 @@ interface Theme {
     roles?: Roles;
     /** Optional glassmorphism settings for frosted glass effects */
     glass?: Glass;
+    /** Optional loader animation settings */
+    loader?: Loader;
 }
 export type { SizeUnit, ColorType, FontWeight, FontStyle, FontVariant, FontType, Typography, Settings, RoleKeys, Glass, Roles, Theme, };
 //# sourceMappingURL=types.d.ts.map

package/scripts/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/scripts/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/scripts/types.ts"],"names":[],"mappings":"AAEA,mFAAmF;AACnF,KAAK,QAAQ,GAAG,CAAC,GAAG,GAAG,MAAM,IAAI,GAAG,GAAG,MAAM,KAAK,GAAG,GAAG,MAAM,IAAI,GAAG,GAAG,MAAM,IAAI,GAAG,GAAG,MAAM,IAAI,GAAG,GAAG,MAAM,GAAG,CAAA;AAIjH,+EAA+E;AAC/E,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,CAAC,EAAE,IAAI,MAAM,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,IAAI,MAAM,EAAE,CAAA;CAAE,CAAC,CAAA;AAG9E,sDAAsD;AACtD,KAAK,UAAU,GAAG,MAAM,GAAG,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,CAAA;AAExH,6DAA6D;AAC7D,KAAK,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEhD,UAAU,WAAW;IACnB,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAA;IAEb,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAEzB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,0CAA0C;IAC1C,GAAG,CAAC,EAAE,WAAW,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE,CAAA;CAC/C;AAED,4DAA4D;AAC5D,KAAK,QAAQ,GAAG;IACd,kDAAkD;IAClD,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IAEtB,iDAAiD;IACjD,MAAM,CAAC,EAAE,SAAS,EAAE,CAAA;IAEpB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;CACvC,CAAA;AAED,UAAU,UAAU;IAClB,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAE9B,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAE7B,qDAAqD;IACrD,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAE1B,oDAAoD;IACpD,UAAU,CAAC,EAAE,SAAS,EAAE,CAAA;IAExB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAEpC,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IAEvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;CACjC;AAGD,UAAU,QAAQ;IAChB,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IAEpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IAErB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IAEtB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IAEvB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IAEnB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAA;IAE9E,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,EAAE;QAAE,KAAK,EAAE,QAAQ,CAAC;QAAC,OAAO,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAA;IAEtG,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAA;CAC3D;AAED,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,MAAM,IAAI,CAAA;IACxB,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,IAAI,MAAM,EAAE,CAAC;QAAC,IAAI,CAAC,EAAE,IAAI,MAAM,EAAE,CAAA;KAAE,CAAA;IAC1D,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,YAAY,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,IAAI,MAAM,EAAE,CAAC;QAAC,IAAI,CAAC,EAAE,IAAI,MAAM,EAAE,CAAA;KAAE,CAAA;IAC5D,YAAY,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,IAAI,MAAM,EAAE,CAAC;QAAC,IAAI,CAAC,EAAE,IAAI,MAAM,EAAE,CAAA;KAAE,CAAA;IAC5D,UAAU,CAAC,EAAE,GAAG,MAAM,KAAK,CAAA;CAC5B;AAED,UAAU,MAAM;IACd,SAAS,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,IAAI,MAAM,EAAE,CAAC;QAAC,IAAI,CAAC,EAAE,IAAI,MAAM,EAAE,CAAA;KAAE,CAAA;IACzD,WAAW,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,IAAI,MAAM,EAAE,CAAC;QAAC,IAAI,CAAC,EAAE,IAAI,MAAM,EAAE,CAAA;KAAE,CAAA;IAC3D,QAAQ,CAAC,EAAE,GAAG,MAAM,GAAG,GAAG,GAAG,MAAM,IAAI,CAAA;CACxC;AAED,kEAAkE;AAClE,KAAK,QAAQ,GACT,iBAAiB,GACjB,6BAA6B,GAC7B,cAAc,GACd,0BAA0B,GAC1B,eAAe,GACf,2BAA2B,GAC3B,eAAe,GACf,2BAA2B,GAC3B,iBAAiB,GACjB,6BAA6B,GAC7B,WAAW,GACX,oBAAoB,GACpB,oBAAoB,GACpB,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,SAAS,GACT,SAAS,GACT,qBAAqB,GACrB,aAAa,GACb,YAAY,GACZ,wBAAwB,GACxB,aAAa,GACb,yBAAyB,GACzB,cAAc,GACd,0BAA0B,GAC1B,cAAc,GACd,0BAA0B,GAC1B,SAAS,GACT,qBAAqB,GACrB,eAAe,GACf,2BAA2B,GAC3B,cAAc,GACd,0BAA0B,GAC1B,WAAW,GACX,uBAAuB,GACvB,UAAU,GACV,sBAAsB,GACtB,YAAY,GACZ,wBAAwB,GACxB,YAAY,GACZ,wBAAwB,GACxB,gBAAgB,GAChB,4BAA4B,GAC5B,WAAW,GACX,uBAAuB,GACvB,UAAU,GACV,WAAW,GACX,WAAW,GACX,WAAW,CAAA;AAEf,uFAAuF;AACvF,KAAK,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;AAE/C,4EAA4E;AAC5E,UAAU,KAAK;IACb,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAEnB,sEAAsE;IACtE,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb,gEAAgE;IAChE,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,YAAY,EACV,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,KAAK,EACL,KAAK,GACN,CAAA"}

package/scss/_variables.scss

@@ -72,7 +72,10 @@ $useTextBorders: true;
 $useTextBordersMediaQueries: false;
 $useRadius: true;
 $useRadiusMediaQueries: false;
-$useGlass: true;
+$useGlass: false;
+$useLoader: false;
+$useDialog: false;
+$useButton: false;
 
 // --- Glass ---
 $glassBlur: null;
@@ -90,3 +93,14 @@ $glassBorder2Color: (
   'dark': #303030,
 );
 $glassLightAngle: null;
+
+// --- Loader ---
+$loaderColorMain: (
+  'light': #ffffff,
+  'dark': #1a1d21,
+);
+$loaderColorSecond: (
+  'light': #f4f4f4,
+  'dark': #2e2e3f,
+);
+$loaderDuration: 2s;

package/scss/beathers.min.scss

@@ -1,5 +1,5 @@
 /*!
-* Beathers v5.6.3 (https://bhoenixstudio.com/beathers)
+* Beathers v5.7.1 (https://bhoenixstudio.com/beathers)
 * Copyright 2020-2025 Bhoenix Studio
 */
 
@@ -10,3 +10,6 @@
 @use './style/grid';
 @use './style/shaping';
 @use './style/glass';
+@use './style/loader';
+@use './style/dialog';
+@use './style/button';

package/scss/settings/_defaults.scss

@@ -198,3 +198,17 @@ $glassBorder2Color: (
 ) !default;
 // Glassmorphism light angle
 $glassLightAngle: 45deg !default;
+
+// Loader/Skeleton settings
+// Loader main color settings for light and dark modes
+$loaderColorMain: (
+  'light': #ffffff,
+  'dark': #1a1d21,
+) !default;
+// Loader second color settings for light and dark modes
+$loaderColorSecond: (
+  'light': #f4f4f4,
+  'dark': #2e2e3f,
+) !default;
+// Loader duration
+$loaderDuration: 2s !default;

package/scss/settings/_index.scss

@@ -81,4 +81,10 @@ $useTextBordersMediaQueries: false !default;
 $useRadius: true !default;
 $useRadiusMediaQueries: false !default;
 // Enables or disables glass effect utilities.
-$useGlass: true !default;
+$useGlass: false !default;
+// Enables or disables loader/skeleton utilities.
+$useLoader: false !default;
+// Enables or disables dialog/modal utilities.
+$useDialog: false !default;
+// Enables or disables button utilities.
+$useButton: false !default;

package/scss/style/_button.scss

@@ -0,0 +1,101 @@
+$corners: (
+  'rounded': 0.25rem,
+  'circle': 100vw,
+  'sharp': 0,
+) !default;
+
+button {
+  cursor: pointer;
+  background: transparent;
+  border: none;
+
+  &.btn {
+    position: relative;
+    isolation: isolate;
+    appearance: none;
+    display: flex;
+    flex-wrap: nowrap;
+    cursor: pointer;
+    transition: 250ms ease-in-out;
+
+    &:not([class*='justify-content:']) {
+      justify-content: center;
+    }
+    &:not([class*='align-items:']) {
+      align-items: center;
+    }
+    &:not([class*='text-start'], [class*='text-left'], [class*='text-end'], [class*='text-right']) {
+      text-align: center;
+    }
+    &:not([class*='border:']) {
+      border-width: 0.15em;
+      border-style: solid;
+    }
+    &:not([class*='bg:']) {
+      background-color: unset;
+    }
+    &:not([class*='radius:']) {
+      @each $corner, $value in $corners {
+        &.btn-#{$corner} {
+          border-radius: $value;
+        }
+      }
+
+      &:is(.btn-circle) {
+        aspect-ratio: 1;
+      }
+    }
+
+    &:is([disabled]) {
+      cursor: not-allowed;
+      opacity: 0.7;
+    }
+
+    &::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      border-radius: inherit;
+      pointer-events: none;
+      z-index: -1;
+      transition: 250ms ease-in-out;
+      opacity: 0;
+    }
+
+    &:is(.loading) .loader-icon {
+      animation: rotate 4s ease-in-out infinite;
+
+      @keyframes rotate {
+        0% {
+          transform: rotate(0deg);
+        }
+        100% {
+          transform: rotate(360deg);
+        }
+      }
+    }
+
+    &:is(:focus-visible, :hover) {
+      transform: translateY(-0.1em);
+
+      &:is(.text-variant) {
+        text-shadow: 0 0.05em rgba(0, 0, 0, 0.4);
+      }
+
+      &:not(.text-variant) {
+        box-shadow: 0 0.15em 0.15em rgba(0, 0, 0, 0.4);
+
+        &::before {
+          background-color: rgba(0, 0, 0, 0.15);
+          opacity: 1;
+        }
+      }
+    }
+  }
+}
+
+:focus,
+button:focus {
+  outline: unset;
+  box-shadow: unset;
+}

package/scss/style/_dialog.scss

@@ -0,0 +1,146 @@
+@use '../settings/index' as settings;
+@use '../variables' as vars;
+
+// Definitions
+$useLoader: if(vars.$useLoader != null, vars.$useLoader, settings.$useLoader);
+
+
+$dialogInline: (
+  height: 100dvh,
+  transition: all 300ms ease-in-out,
+);
+
+$dialogBlock: (
+  transform: translateX(-50%),
+  max-width: 95%,
+  max-height: 95%,
+  transition: all 300ms ease-in-out,
+);
+
+$dialogCenter: (
+  transform: translate(-50%, -50%),
+  max-width: 95%,
+  max-height: 95%,
+  transition: all 300ms cubic-bezier(0, 2.5, 1, 1),
+);
+
+$dialogPositions: (
+  'top': (
+    origin: (
+      top: -150%,
+      left: 50%,
+    ),
+    active: (
+      top: 2.5%,
+    ),
+  ),
+  'bottom': (
+    origin: (
+      bottom: -150%,
+      left: 50%,
+    ),
+    active: (
+      bottom: 2.5%,
+    ),
+  ),
+  'left': (
+    origin: (
+      top: 0,
+      left: -100%,
+      right: unset,
+    ),
+    active: (
+      left: 0,
+    ),
+  ),
+  'start': (
+    origin: (
+      top: 0,
+      inset-inline-start: -100%,
+      inset-inline-end: unset,
+    ),
+    active: (
+      inset-inline-start: 0,
+    ),
+  ),
+  'right': (
+    origin: (
+      top: 0,
+      right: -100%,
+      left: unset,
+    ),
+    active: (
+      right: 0,
+    ),
+  ),
+  'end': (
+    origin: (
+      top: 0,
+      inset-inline-end: -100%,
+      inset-inline-start: unset,
+    ),
+    active: (
+      inset-inline-end: 0,
+    ),
+  ),
+  'center': (
+    origin: (
+      top: 150%,
+      left: 50%,
+    ),
+    active: (
+      top: 50%,
+    ),
+  ),
+);
+
+.dialog {
+  --dialog-width: 400px;
+  --dialog-min-width: 380px;
+
+  position: fixed;
+  border: unset;
+  overflow-y: auto;
+  z-index: 2000;
+  pointer-events: none;
+  opacity: 0;
+
+  &.active {
+    pointer-events: all;
+    opacity: 1;
+  }
+
+  @each $position, $modes in $dialogPositions {
+    &.#{$position} {
+      min-width: var(--dialog-min-width);
+
+      @if $position == 'center' {
+        @each $posProp, $posValue in $dialogCenter {
+          #{$posProp}: $posValue;
+        }
+      } @else if $position == 'left' or $position == 'right' or $position == 'start' or $position == 'end' {
+        @each $posProp, $posValue in $dialogInline {
+          #{$posProp}: $posValue;
+        }
+
+        width: var(--dialog-width);
+      } @else if $position == 'top' or $position == 'bottom' {
+        @each $posProp, $posValue in $dialogBlock {
+          #{$posProp}: $posValue;
+        }
+      }
+
+      @each $mode, $values in $modes {
+        @each $prop, $value in $values {
+          @if $mode == 'active' {
+            &.active {
+              #{$prop}: $value;
+            }
+          } @else {
+            #{$prop}: $value;
+          }
+        }
+      }
+    }
+  }
+}

package/scss/style/_loader.scss

@@ -0,0 +1,62 @@
+@use '../settings/index' as settings;
+@use '../variables' as vars;
+@use '../settings/defaults' as loaderColorMain;
+
+// Definitions
+$useLoader: if(vars.$useLoader != null, vars.$useLoader, settings.$useLoader);
+$useColorsLightMode: if(vars.$useColorsLightMode != null, vars.$useColorsLightMode, settings.$useColorsLightMode);
+$useColorsDarkMode: if(vars.$useColorsDarkMode != null, vars.$useColorsDarkMode, settings.$useColorsDarkMode);
+$loaderColorMain: if(vars.$loaderColorMain != null, vars.$loaderColorMain, loaderColorMain.$loaderColorMain);
+$loaderColorSecond: if(vars.$loaderColorSecond != null, vars.$loaderColorSecond, defs.$loaderColorSecond);
+$loaderDuration: if(vars.$loaderDuration != null, vars.$loaderDuration, defs.$loaderDuration);
+
+@if $useLoader {
+  $colorMainLight: colors.hexToRgba(map.get($colorMain, 'light'), 0.4, 'Glass.light');
+  $colorMainDark: colors.hexToRgba(map.get($colorMain, 'dark'), 0.4, 'Glass.dark');
+  $colorSecondLight: colors.hexToRgba(map.get($colorSecond, 'light'), 0.4, 'Glass.light');
+  $colorSecondDark: colors.hexToRgba(map.get($colorSecond, 'dark'), 0.4, 'Glass.dark');
+
+  .skeleton {
+    $skeletonsVariants: (
+      'rounded': 8px,
+      'sharp': unset,
+      'circle': 100vw,
+      'square': 5px,
+      'text': 3px,
+    ) !default;
+
+    display: inline-block;
+    background: linear-gradient(
+      110deg,
+      var(--skeleton-main-color, $colorMainLight) 0%,
+      var(--skeleton-second-color, $colorSecondLight) 30%,
+      var(--skeleton-second-color, $colorSecondLight) 30%,
+      var(--skeleton-main-color, $colorMainLight) 100%
+    );
+    background-size: 200% 100%;
+    animation: var(--skeleton-duration, $loaderDuration) shine linear infinite;
+
+    @each $variant, $radius in $skeletonsVariants {
+      &.#{$variant} {
+        border-radius: $radius;
+        aspect-ratio: if($variant == 'circle' or $variant == 'square', 1, unset);
+      }
+    }
+
+    .dark & {
+      background: linear-gradient(
+        110deg,
+        var(--skeleton-main-color, $colorMainDark) 0%,
+        var(--skeleton-second-color, $colorSecondDark) 30%,
+        var(--skeleton-second-color, $colorSecondDark) 30%,
+        var(--skeleton-main-color, $colorMainDark) 100%
+      );
+    }
+
+    @keyframes shine {
+      to {
+        background-position-x: -200%;
+      }
+    }
+  }
+}

package/scss/style/_resets.scss

@@ -52,18 +52,6 @@ table {
   border-spacing: 0;
 }
 
-button {
-  cursor: pointer;
-  background: transparent;
-  border: none;
-}
-
-:focus,
-button:focus {
-  outline: unset;
-  box-shadow: unset;
-}
-
 fieldset {
   border: 0;
   margin: 0;