@shohojdhara/atomix 0.3.15 → 0.4.0

package/src/lib/theme/generators/index.ts

@@ -1,6 +1,6 @@
 /**
  * CSS Generators
- * 
+ *
  * Generators for creating CSS from themes and tokens
  */
 
@@ -17,6 +17,3 @@ export {
 } from './generateCSSNested';
 
 export { generateCSSVariables as generateCSSVariablesFromTheme } from './generateCSSVariables';
-
-
-

package/src/lib/theme/i18n/index.ts

@@ -1,6 +1,6 @@
 /**
  * Internationalization (i18n) Module
- * 
+ *
  * Provides internationalization utilities for the theme system
  */
 

package/src/lib/theme/i18n/rtl.ts

@@ -1,6 +1,6 @@
 /**
  * RTL (Right-to-Left) Support Utilities
- * 
+ *
  * Provides utilities for managing RTL text direction in themes
  */
 
@@ -39,7 +39,6 @@ const RTL_LOCALES = new Set([
   'sd', // Sindhi
 ]);
 
-
 /**
  * Default RTL configuration (extends base config with locale)
  */
@@ -50,7 +49,7 @@ const DEFAULT_RTL_CONFIG: Required<Omit<RTLConfig, 'locale'>> & { locale?: strin
 
 /**
  * RTL Manager
- * 
+ *
  * Manages RTL text direction for the theme system
  */
 export class RTLManager {
@@ -91,7 +90,8 @@ export class RTLManager {
     }
 
     // Try navigator.language first
-    const lang: string = navigator.language || (navigator.languages && navigator.languages[0]) || 'en';
+    const lang: string =
+      navigator.language || (navigator.languages && navigator.languages[0]) || 'en';
     const langParts = String(lang).split('-');
     return langParts[0] ? langParts[0].toLowerCase() : 'en';
   }
@@ -168,7 +168,7 @@ export class RTLManager {
    */
   setLocale(locale: string): void {
     this.config.locale = locale.toLowerCase();
-    
+
     if (this.config.autoDetect) {
       const isRTL = this.isRTLLocale(locale);
       this.setDirection(isRTL ? 'rtl' : 'ltr');
@@ -213,7 +213,7 @@ export class RTLManager {
    */
   onDirectionChange(callback: (direction: 'ltr' | 'rtl') => void): () => void {
     this.listeners.add(callback);
-    
+
     // Return unsubscribe function
     return () => {
       this.listeners.delete(callback);
@@ -240,7 +240,7 @@ export class RTLManager {
 
   /**
    * Get RTL-aware value
-   * 
+   *
    * Returns different values based on direction
    */
   getValue<T>(ltrValue: T, rtlValue: T): T {
@@ -249,15 +249,15 @@ export class RTLManager {
 
   /**
    * Get RTL-aware CSS property
-   * 
+   *
    * Returns appropriate CSS property based on direction
    */
   getCSSProperty(property: string): string {
     if (this.config.direction === 'rtl') {
       // Map common LTR properties to RTL equivalents
       const rtlMap: Record<string, string> = {
-        'left': 'right',
-        'right': 'left',
+        left: 'right',
+        right: 'left',
         'margin-left': 'margin-right',
         'margin-right': 'margin-left',
         'padding-left': 'padding-right',
@@ -281,11 +281,11 @@ export class RTLManager {
    */
   destroy(): void {
     this.listeners.clear();
-    
+
     if (typeof document !== 'undefined') {
       const html = document.documentElement;
       const body = document.body;
-      
+
       html.removeAttribute('dir');
       html.removeAttribute(this.config.dataAttribute);
       body?.removeAttribute('dir');
@@ -317,7 +317,7 @@ export function getDirectionFromLocale(locale: string): 'ltr' | 'rtl' {
 
 /**
  * RTL-aware CSS helper
- * 
+ *
  * Returns appropriate CSS based on direction
  */
 export function rtlCSS(ltrCSS: string, rtlCSS: string, direction: 'ltr' | 'rtl' = 'ltr'): string {

package/src/lib/theme/index.ts

@@ -1,16 +1,16 @@
 /**
  * Theme System Exports
- * 
+ *
  * Simplified theme system using DesignTokens only.
- * 
+ *
  * @example
  * ```typescript
  * import { createTheme, injectTheme } from '@shohojdhara/atomix/theme';
- * 
+ *
  * // Using DesignTokens
  * const css = createTheme({ 'primary': '#7AFFD7', 'spacing-4': '1rem' });
  * injectTheme(css);
- * 
+ *
  * // Or use with ThemeProvider
  * import { ThemeProvider } from '@shohojdhara/atomix/theme';
  * const tokens = { 'primary': '#7c3aed' };
@@ -62,8 +62,6 @@ export function removeTheme(id: string = 'atomix-theme'): void {
   removeCSS(id);
 }
 
-
-
 // ============================================================================
 // Token Utilities
 // ============================================================================
@@ -107,7 +105,6 @@ export {
 
 export { injectCSS, removeCSS, isCSSInjected } from './utils/injectCSS';
 
-
 // Config loader removed to prevent bundling Node.js modules in browser
 
 // ============================================================================
@@ -131,9 +128,7 @@ export * from './devtools';
 export { designTokensToCSSVars } from './adapters';
 
 // Theme helpers (utilities for working with DesignTokens)
-export {
-  isDesignTokens,
-} from './utils/themeHelpers';
+export { isDesignTokens } from './utils/themeHelpers';
 
 // CSS variable utilities
 export {
@@ -150,7 +145,6 @@ export {
 // RTL Support
 export { RTLManager } from './i18n/rtl';
 
-
 // Types
 export type {
   ThemeChangeEvent,
@@ -169,9 +163,6 @@ export type { Theme } from './types';
 
 export type { ThemeErrorBoundaryProps } from './runtime/ThemeErrorBoundary';
 
-export type {
-  CSSVariableConfig,
-  CSSVariableNamingOptions,
-} from './adapters/cssVariableMapper';
+export type { CSSVariableConfig, CSSVariableNamingOptions } from './adapters/cssVariableMapper';
 
-export type { RTLConfig } from './i18n/rtl';
+export type { RTLConfig } from './i18n/rtl';

package/src/lib/theme/runtime/ThemeApplicator.ts

@@ -1,9 +1,9 @@
 /**
  * Theme Applicator
- * 
+ *
  * Applies theme configurations to the DOM, including CSS variables,
  * component overrides, typography, spacing, and color palettes.
- * 
+ *
  * Uses the unified theme system for CSS generation and injection.
  */
 
@@ -13,7 +13,7 @@ import { injectCSS, removeCSS } from '../utils/injectCSS';
 
 /**
  * Theme applicator class for runtime theme application
- * 
+ *
  * Uses the unified theme system for efficient CSS variable generation and injection.
  */
 export class ThemeApplicator {
@@ -26,7 +26,7 @@ export class ThemeApplicator {
 
   /**
    * Apply a complete theme configuration using DesignTokens
-   * 
+   *
    * Uses the unified theme system to generate and inject CSS.
    * Automatically respects atomix.config.ts when using DesignTokens.
    */

package/src/lib/theme/runtime/ThemeContext.tsx

@@ -1,6 +1,6 @@
 /**
  * Theme Context
- * 
+ *
  * React context for theme management
  */
 

package/src/lib/theme/runtime/ThemeErrorBoundary.tsx

@@ -1,6 +1,6 @@
 /**
  * Theme Error Boundary
- * 
+ *
  * React error boundary for catching and handling theme-related errors.
  * Prevents the entire app from crashing when theme errors occur.
  */
@@ -39,7 +39,10 @@ export interface ThemeErrorBoundaryProps {
 /**
  * Default fallback UI
  */
-const DefaultFallback: React.FC<{ error: Error; errorInfo: ErrorInfo }> = ({ error, errorInfo }) => {
+const DefaultFallback: React.FC<{ error: Error; errorInfo: ErrorInfo }> = ({
+  error,
+  errorInfo,
+}) => {
   const isThemeError = error instanceof ThemeError;
   const errorCode = isThemeError ? error.code : ThemeErrorCode.UNKNOWN_ERROR;
   const context = isThemeError ? error.context : undefined;
@@ -67,9 +70,7 @@ const DefaultFallback: React.FC<{ error: Error; errorInfo: ErrorInfo }> = ({ err
       )}
       {context && Object.keys(context).length > 0 && (
         <details style={{ marginTop: '1rem' }}>
-          <summary style={{ cursor: 'pointer', fontWeight: 'bold' }}>
-            Error Context
-          </summary>
+          <summary style={{ cursor: 'pointer', fontWeight: 'bold' }}>Error Context</summary>
           <pre
             style={{
               marginTop: '0.5rem',
@@ -122,7 +123,7 @@ const DefaultFallback: React.FC<{ error: Error; errorInfo: ErrorInfo }> = ({ err
 
 /**
  * Theme Error Boundary Component
- * 
+ *
  * Catches errors in the theme system and displays a fallback UI
  * instead of crashing the entire application.
  */
@@ -150,22 +151,17 @@ export class ThemeErrorBoundary extends Component<
 
   override componentDidCatch(error: Error, errorInfo: ErrorInfo): void {
     // Log error
-    const themeError = error instanceof ThemeError
-      ? error
-      : new ThemeError(
-          error.message,
-          ThemeErrorCode.UNKNOWN_ERROR,
-          { componentStack: errorInfo.componentStack }
-        );
-
-    this.logger.error(
-      'Theme error boundary caught an error',
-      themeError,
-      {
-        componentStack: errorInfo.componentStack,
-        errorBoundary: 'ThemeErrorBoundary',
-      }
-    );
+    const themeError =
+      error instanceof ThemeError
+        ? error
+        : new ThemeError(error.message, ThemeErrorCode.UNKNOWN_ERROR, {
+            componentStack: errorInfo.componentStack,
+          });
+
+    this.logger.error('Theme error boundary caught an error', themeError, {
+      componentStack: errorInfo.componentStack,
+      errorBoundary: 'ThemeErrorBoundary',
+    });
 
     // Update state with error info
     this.setState({
@@ -219,7 +215,7 @@ export class ThemeErrorBoundary extends Component<
 
 /**
  * Hook to reset error boundary
- * 
+ *
  * @param reset - Function to reset the error boundary
  */
 export function useThemeErrorReset(): () => void {