@shohojdhara/atomix 0.5.2 → 0.5.5

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,55 +1,10 @@
 /**
- * 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.
  */
 /**
  * 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' },
- *       },
- *     },
- *   },
- * });
- * ```
  */
 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":";;;;;;;;AAkYM,SAAUA,aAAaC;IAC3B,OAAOA;AACT;;"}