@shohojdhara/atomix 0.5.2 → 0.5.4

package/atomix.config.ts

@@ -39,7 +39,7 @@
 
 // For library development, use local import
 // For external developers, use: import { defineConfig } from '@shohojdhara/atomix/config';
-import { defineConfig } from './src/lib/config/index.ts';
+import { defineConfig } from './src/lib/config';
 
 export default defineConfig({
     /**
@@ -162,11 +162,11 @@ export default defineConfig({
                     // 3: '#bfdbfe',
                     // 4: '#93c5fd',
                     // 5: '#60a5fa',
-                    // 6: '#3b82f6',  // main (default)
+                    // 6: '#3b82f6',  # main (default)
                     // 7: '#2563eb',
                     // 8: '#1d4ed8',
                     // 9: '#1e40af',
-                    // 10: '#1e3a8a', // darkest
+                    // 10: '#1e3a8a', # darkest
                 },
                 // Customize other semantic colors
                 // secondary: { main: '#10b981' },
@@ -183,17 +183,17 @@ export default defineConfig({
              * These map to tokens like 'spacing-4', 'spacing-8', etc.
              */
             // spacing: {
-            //   '1': '0.25rem',   // 4px
-            //   '2': '0.5rem',    // 8px
-            //   '3': '0.75rem',   // 12px
-            //   '4': '1rem',      // 16px
-            //   '5': '1.25rem',   // 20px
-            //   '6': '1.5rem',    // 24px
-            //   '8': '2rem',      // 32px
-            //   '10': '2.5rem',   // 40px
-            //   '12': '3rem',     // 48px
-            //   '16': '4rem',     // 64px
-            //   '20': '5rem',     // 80px
+            //   '1': '0.25rem',   # 4px
+            //   '2': '0.5rem',    # 8px
+            //   '3': '0.75rem',   # 12px
+            //   '4': '1rem',      # 16px
+            //   '5': '1.25rem',   # 20px
+            //   '6': '1.5rem',    # 24px
+            //   '8': '2rem',      # 32px
+            //   '10': '2.5rem',   # 40px
+            //   '12': '3rem',     # 48px
+            //   '16': '4rem',     # 64px
+            //   '20': '5rem',     # 80px
             // },
 
             /**
@@ -202,24 +202,24 @@ export default defineConfig({
              * Customize fonts, sizes, weights, and line heights.
              */
             // typography: {
-            //   // Font families
+            //   # Font families
             //   fontFamilies: {
             //     sans: ['Inter', 'system-ui', 'sans-serif'],
             //     serif: ['Georgia', 'serif'],
             //     mono: ['Fira Code', 'monospace'],
             //   },
-            //   // Font sizes
+            //   # Font sizes
             //   fontSizes: {
-            //     'xs': '0.75rem',   // 12px
-            //     'sm': '0.875rem',  // 14px
-            //     'base': '1rem',    // 16px
-            //     'lg': '1.125rem',  // 18px
-            //     'xl': '1.25rem',   // 20px
-            //     '2xl': '1.5rem',    // 24px
-            //     '3xl': '1.875rem', // 30px
-            //     '4xl': '2.25rem',  // 36px
+            //     'xs': '0.75rem',   # 12px
+            //     'sm': '0.875rem',  # 14px
+            //     'base': '1rem',    # 16px
+            //     'lg': '1.125rem',  # 18px
+            //     'xl': '1.25rem',   # 20px
+            //     '2xl': '1.5rem',    # 24px
+            //     '3xl': '1.875rem', # 30px
+            //     '4xl': '2.25rem',  # 36px
             //   },
-            //   // Font weights
+            //   # Font weights
             //   fontWeights: {
             //     'light': 300,
             //     'normal': 400,
@@ -227,7 +227,7 @@ export default defineConfig({
             //     'semibold': 600,
             //     'bold': 700,
             //   },
-            //   // Line heights
+            //   # Line heights
             //   lineHeights: {
             //     'tight': 1.2,
             //     'normal': 1.5,
@@ -241,11 +241,11 @@ export default defineConfig({
              * Customize border radius values.
              */
             // borderRadius: {
-            //   'sm': '0.25rem',   // 4px
-            //   'md': '0.5rem',     // 8px (default)
-            //   'lg': '0.75rem',   // 12px
-            //   'xl': '1rem',       // 16px
-            //   'full': '9999px',   // Fully rounded
+            //   'sm': '0.25rem',   # 4px
+            //   'md': '0.5rem',     # 8px (default)
+            //   'lg': '0.75rem',   # 12px
+            //   'xl': '1rem',       # 16px
+            //   'full': '9999px',   # Fully rounded
             // },
 
             /**
@@ -304,7 +304,7 @@ export default defineConfig({
         // tokens: {
         //   colors: { /* your full color system */ },
         //   spacing: { /* your full spacing scale */ },
-        //   // ... other token categories
+        //   # ... other token categories
         // },
     },
-});
+});

package/dist/config.d.ts

@@ -205,6 +205,80 @@ interface BorderRadiusOptions {
  * Users can augment this interface via module augmentation
  */
 interface ThemeCustomProperties {
+    interactiveEffects?: {
+        vortex?: {
+            enabled?: boolean;
+            strength?: number;
+            radius?: number;
+            decay?: number;
+        };
+        chromaticAberration?: {
+            enabled?: boolean;
+            mode?: 'longitudinal' | 'lateral' | 'hybrid';
+            redShift?: number;
+            greenShift?: number;
+            blueShift?: number;
+            edgeOnly?: boolean;
+            edgeThreshold?: number;
+        };
+        mouseInteraction?: {
+            sensitivity?: number;
+            trailEffect?: boolean;
+        };
+        animationSpeed?: {
+            base?: number;
+            timeMultiplier?: number;
+        };
+    };
+    optimization?: {
+        responsive?: {
+            breakpoints?: {
+                mobile?: string;
+                tablet?: string;
+                desktop?: string;
+                wide?: string;
+            };
+            deviceScaling?: {
+                mobile?: number;
+                tablet?: number;
+                desktop?: number;
+            };
+        };
+        performance?: {
+            fpsTarget?: number;
+            autoScaling?: boolean;
+        };
+        autoScaling?: {
+            enabled?: boolean;
+            qualityThresholds?: {
+                lowEnd?: number;
+                midRange?: number;
+                highEnd?: number;
+            };
+        };
+    };
+    visualPolish?: {
+        borders?: {
+            iridescentGlow?: boolean;
+            shimmerEffect?: boolean;
+            beveledEdges?: boolean;
+            pulsingGlow?: boolean;
+        };
+        contentAwareBlur?: {
+            enabled?: boolean;
+            depthDetection?: boolean;
+            edgePreservation?: boolean;
+            variableRadius?: boolean;
+        };
+        holographicEffects?: {
+            enabled?: boolean;
+            rainbowDiffraction?: boolean;
+            scanlineAnimation?: boolean;
+            gridOverlay?: boolean;
+            dataStream?: boolean;
+            pulseRings?: boolean;
+        };
+    };
     [key: string]: any;
 }
 /**
@@ -278,28 +352,9 @@ interface Theme extends ThemeMetadata {
 }
 
 /**
- * Atomix Configuration System
+ * Configuration Types
  *
- * Tailwind-like configuration for customizing the Atomix Design System.
- *
- * External developers can create `atomix.config.ts` in their project root
- * to customize design tokens, similar to Tailwind's tailwind.config.js
- *
- * @example
- * ```typescript
- * // atomix.config.ts (in your project)
- * import { defineConfig } from '@shohojdhara/atomix/config';
- *
- * export default defineConfig({
- *   theme: {
- *     extend: {
- *       colors: {
- *         primary: { main: '#7AFFD7' },
- *       },
- *     },
- *   },
- * });
- * ```
+ * Type definitions for the Atomix configuration system.
  */
 
 /**
@@ -327,6 +382,105 @@ interface PaletteColorOptions {
     dark?: string;
     contrastText?: string;
 }
+/**
+ * Interactive Effect Configuration
+ */
+interface InteractiveEffectsConfig {
+    /** Vortex & flow field effects */
+    vortex?: {
+        enabled?: boolean;
+        strength?: number;
+        radius?: number;
+        decay?: number;
+        curlNoise?: boolean;
+        velocityTracking?: boolean;
+    };
+    /** Chromatic aberration effects */
+    chromaticAberration?: {
+        enabled?: boolean;
+        mode?: 'longitudinal' | 'lateral' | 'hybrid';
+        redShift?: number;
+        greenShift?: number;
+        blueShift?: number;
+        edgeOnly?: boolean;
+        edgeThreshold?: number;
+    };
+    /** Mouse interaction settings */
+    mouseInteraction?: {
+        sensitivity?: number;
+        trailEffect?: boolean;
+        pressureSensitivity?: boolean;
+    };
+    /** Animation speed controls */
+    animationSpeed?: {
+        base?: number;
+        timeMultiplier?: number;
+    };
+}
+/**
+ * Optimization Configuration
+ */
+interface OptimizationConfig {
+    /** Responsive breakpoint system */
+    responsive?: {
+        breakpoints?: {
+            mobile?: string;
+            tablet?: string;
+            desktop?: string;
+            wide?: string;
+        };
+        /** Device-aware parameter scaling */
+        deviceScaling?: {
+            mobile?: number;
+            tablet?: number;
+            desktop?: number;
+        };
+    };
+    /** Performance monitoring */
+    performance?: {
+        enabled?: boolean;
+        fpsTarget?: number;
+        autoScaling?: boolean;
+        monitorDashboard?: boolean;
+    };
+    /** Auto-scaling logic based on device capabilities */
+    autoScaling?: {
+        enabled?: boolean;
+        qualityThresholds?: {
+            lowEnd?: number;
+            midRange?: number;
+            highEnd?: number;
+        };
+    };
+}
+/**
+ * Visual Polish Configuration
+ */
+interface VisualPolishConfig {
+    /** Advanced border effects */
+    borders?: {
+        iridescentGlow?: boolean;
+        shimmerEffect?: boolean;
+        beveledEdges?: boolean;
+        pulsingGlow?: boolean;
+    };
+    /** Content-aware blur */
+    contentAwareBlur?: {
+        enabled?: boolean;
+        depthDetection?: boolean;
+        edgePreservation?: boolean;
+        variableRadius?: boolean;
+    };
+    /** Holographic effect modes */
+    holographicEffects?: {
+        enabled?: boolean;
+        rainbowDiffraction?: boolean;
+        scanlineAnimation?: boolean;
+        gridOverlay?: boolean;
+        dataStream?: boolean;
+        pulseRings?: boolean;
+    };
+}
 /**
  * Design Tokens Schema (Tailwind-like)
  */
@@ -406,7 +560,7 @@ interface JSThemeDefinition {
  */
 type ThemeDefinition = CSSThemeDefinition | JSThemeDefinition;
 /**
- * Build configuration (migrated from theme.config.ts)
+ * Build configuration
  */
 interface BuildConfig {
     output?: {
@@ -423,7 +577,7 @@ interface BuildConfig {
     };
 }
 /**
- * Runtime configuration (migrated from theme.config.ts)
+ * Runtime configuration
  */
 interface RuntimeConfig {
     basePath?: string;
@@ -437,7 +591,7 @@ interface RuntimeConfig {
     useMinified?: boolean;
 }
 /**
- * Integration settings (migrated from theme.config.ts)
+ * Integration settings
  */
 interface IntegrationConfig {
     cssVariables?: Record<string, string>;
@@ -472,14 +626,14 @@ interface TokenEngineConfig {
     };
 }
 /**
- * CLI component generator defaults (merged before CLI flags; flags win).
+ * CLI component generator defaults
  */
 interface GeneratorConfig {
     /** Default output directory for generated components */
     outputPath?: string;
     /** Override detected framework */
     framework?: 'react' | 'next' | 'vanilla';
-    /** Per-feature defaults (CLI --no-* flags override) */
+    /** Per-feature defaults */
     features?: {
         storybook?: boolean;
         hook?: boolean;
@@ -497,126 +651,47 @@ interface GeneratorConfig {
  * Atomix Configuration Interface
  *
  * Tailwind-like configuration for external developers.
- * Focus on theme customization - build/runtime configs are internal only.
  */
 interface AtomixConfig {
-    /**
-     * CSS variable prefix (default: 'atomix')
-     *
-     * Change this to customize all CSS variable names.
-     * Example: prefix: 'myapp' → --myapp-primary instead of --atomix-primary
-     */
     prefix?: string;
-    /**
-     * Plugins to extend CLI functionality
-     */
     plugins?: (string | PluginConfig)[];
-    /**
-     * Universal Token Engine configuration
-     */
     tokenEngine?: TokenEngineConfig;
-    /**
-     * AI-Assisted Scaffolding configuration
-     */
     ai?: {
-        /** AI provider (default: 'openai') */
         provider?: 'openai' | 'anthropic';
-        /** LLM model to use */
         model?: string;
-        /** API key for the provider */
         apiKey?: string;
-        /** Temperature for AI creativity (0.0-1.0, default: 0.7) */
         temperature?: number;
-        /** Maximum tokens per AI response (default: 4000) */
         maxTokens?: number;
-        /** Rate limiting configuration */
         rateLimit?: {
-            /** Maximum requests allowed */
             requests: number;
-            /** Time window in milliseconds */
             windowMs: number;
         };
     };
-    /**
-     * Performance & Telemetry (Phase 4)
-     */
     telemetry?: {
-        /** Enable local telemetry logging (default: false) */
         enabled?: boolean;
-        /** Output path for telemetry logs (default: '.atomix/telemetry.json') */
         path?: string;
-        /** Anonymize telemetry data (default: true) */
         anonymize?: boolean;
     };
-    /**
-     * `atomix generate` defaults (CLI overrides these)
-     */
     generator?: GeneratorConfig;
-    /**
-     * Theme customization (Tailwind-like)
-     *
-     * Use `extend` to add or override design tokens.
-     * Use `tokens` to completely replace the default token system (advanced).
-     */
+    interactiveEffects?: InteractiveEffectsConfig;
+    optimization?: OptimizationConfig;
+    visualPolish?: VisualPolishConfig;
     theme?: {
-        /**
-         * Extend the default design tokens
-         *
-         * This is the recommended way to customize Atomix.
-         * Your values will override or extend the base tokens.
-         */
         extend?: ThemeTokens;
-        /**
-         * Override the default tokens entirely (advanced)
-         *
-         * Use with caution - this replaces the entire token system.
-         * Most users should use `extend` instead.
-         */
         tokens?: ThemeTokens;
-        /**
-         * Register custom themes (optional)
-         *
-         * Define CSS or JavaScript themes that can be loaded dynamically.
-         */
         themes?: Record<string, ThemeDefinition>;
     };
-    /** @internal Build configuration (internal use only) */
+    /** @internal Build configuration */
     build?: BuildConfig;
-    /** @internal Runtime configuration (internal use only) */
+    /** @internal Runtime configuration */
     runtime?: RuntimeConfig;
-    /** @internal Integration settings (internal use only) */
+    /** @internal Integration settings */
     integration?: IntegrationConfig;
-    /** @internal Theme dependencies mapping (internal use only) */
+    /** @internal Theme dependencies mapping */
     dependencies?: Record<string, string[]>;
 }
 /**
  * Helper function to define Atomix configuration with type safety
- *
- * @param config - Atomix configuration object
- * @returns The configuration object
- */
-/**
- * Helper function to define Atomix configuration with type safety
- *
- * Similar to Tailwind's defineConfig, provides autocomplete and type checking.
- *
- * @param config - Atomix configuration object
- * @returns The configuration object
- *
- * @example
- * ```typescript
- * import { defineConfig } from '@shohojdhara/atomix/config';
- *
- * export default defineConfig({
- *   theme: {
- *     extend: {
- *       colors: {
- *         primary: { main: '#7AFFD7' },
- *       },
- *     },
- *   },
- * });
- * ```
  */
 declare function defineConfig(config: AtomixConfig): AtomixConfig;
 

package/dist/config.js

@@ -1,57 +1,15 @@
+import "fs";
+
+import "path";
+
 /**
- * Atomix Configuration System
- *
- * Tailwind-like configuration for customizing the Atomix Design System.
- *
- * External developers can create `atomix.config.ts` in their project root
- * to customize design tokens, similar to Tailwind's tailwind.config.js
- *
- * @example
- * ```typescript
- * // atomix.config.ts (in your project)
- * import { defineConfig } from '@shohojdhara/atomix/config';
- *
- * export default defineConfig({
- *   theme: {
- *     extend: {
- *       colors: {
- *         primary: { main: '#7AFFD7' },
- *       },
- *     },
- *   },
- * });
- * ```
- */
-/**
- * Helper function to define Atomix configuration with type safety
+ * Configuration Types
  *
- * @param config - Atomix configuration object
- * @returns The configuration object
+ * Type definitions for the Atomix configuration system.
  */
 /**
  * Helper function to define Atomix configuration with type safety
- *
- * Similar to Tailwind's defineConfig, provides autocomplete and type checking.
- *
- * @param config - Atomix configuration object
- * @returns The configuration object
- *
- * @example
- * ```typescript
- * import { defineConfig } from '@shohojdhara/atomix/config';
- *
- * export default defineConfig({
- *   theme: {
- *     extend: {
- *       colors: {
- *         primary: { main: '#7AFFD7' },
- *       },
- *     },
- *   },
- * });
- * ```
- */
-function defineConfig(config) {
+ */ function defineConfig(config) {
     return config;
 }
 

package/dist/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["../src/lib/config/index.ts"],"sourcesContent":[null],"names":["defineConfig","config"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgXM,SAAUA,aAAaC;IAC3B,OAAOA;AACT;;"}
+{"version":3,"file":"config.js","sources":["../src/lib/config/types.ts"],"sourcesContent":[null],"names":["defineConfig","config"],"mappings":";;;;;;;;;;;GAkYM,UAAUA,aAAaC;IAC3B,OAAOA;AACT;;"}