@shohojdhara/atomix 0.3.8 → 0.3.10

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [0.3.10] - 2026-01-06
+
+### Fixed
+- Fixed `Module not found: Can't resolve './lib/config/loader'` by bundling `loadAtomixConfig` instead of treating it as external.
+
+## [0.3.9] - 2026-01-06
+
+### Fixed
+- Fixed `Module not found` error by replacing dynamic `require` with static import in `ThemeProvider`. This resolves build issues in external projects (e.g. Next.js).
 All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
@@ -12,7 +21,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 #### Theme Manager System
+
 - **Theme Manager Class**: Core theme management for vanilla JavaScript applications
+
   - Dynamic theme loading with CSS file management
   - Theme persistence using localStorage
   - Event system for theme changes (`themeChange`, `themeLoad`, `themeError`)
@@ -21,6 +32,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - Comprehensive error handling
 
 - **React Integration**:
+
   - `ThemeProvider` component for React applications
   - `useTheme` hook for accessing theme state
   - `ThemeContext` for context-based state management
@@ -28,15 +40,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - Automatic cleanup on unmount
 
 - **TypeScript Support**:
+
   - Complete type definitions for all theme utilities
   - `ThemeMetadata`, `ThemeManagerConfig`, `ThemeChangeEvent` interfaces
   - Type-safe event system
   - Full IntelliSense support
 
 - **Package Exports**:
+
   - `@shohojdhara/atomix/theme` - Theme manager utilities
 
 - **Documentation**:
+
   - Comprehensive theme manager guide (`docs/THEME_MANAGER.md`)
   - React usage examples
   - Vanilla JavaScript examples
@@ -51,11 +66,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - Theme dependencies mapping
 
 ### Changed
+
 - Updated `README.md` with theme manager usage examples
 - Enhanced `themes.config.js` with runtime configuration options
 - Updated `src/lib/index.ts` to export theme utilities
 
 ### Features
+
 - 🎨 Dynamic theme switching without page reload
 - 💾 Automatic theme persistence across sessions
 - ⚡ Theme preloading for instant switching
@@ -73,11 +90,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [0.1.25] - 2025-07-02
 
 ### Fixed
+
 - Fixed module parse error with undefined exports in ESM build
 - Fixed Tooltip component export issue (previously exported as `Tooltip_Tooltip as Tooltip`)
 - Added post-build script to ensure all components are properly exported
 
 ### Added
+
 - Added support for direct component imports via `@shohojdhara/atomix/components/*`
 - Added troubleshooting guide for common issues
 
@@ -86,6 +105,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [0.1.16] - 2025-07-02
 
 ### Added
+
 - Initial release of Atomix Design System
 - Core components library with React and vanilla JavaScript support
 - Multiple module formats: ESM, CJS, and UMD
@@ -94,4 +114,5 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [0.1.0] - 2023-06-09
 
 ### Added
-- Initial public release
+
+- Initial public release

package/dist/core.d.ts

@@ -1229,9 +1229,9 @@ type ButtonAsProp = {
     LinkComponent?: React$1.ComponentType<any>;
     [key: string]: any;
 };
-declare const Button: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & React$1.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>>;
+declare const Button: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & React$1.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>>;
 
-declare const Card: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement | HTMLAnchorElement>>>;
+declare const Card: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLAnchorElement | HTMLDivElement>>>;
 
 declare const ElevationCard: React$1.FC<ElevationCardProps>;
 

package/dist/index.esm.js

@@ -8,8 +8,6 @@ import { Pause, Play, SkipBack, SkipForward, SpeakerX, SpeakerHigh, Gear, Downlo
 
 import { createPortal } from "react-dom";
 
-import { loadAtomixConfig as loadAtomixConfig$1 } from "./lib/config/loader";
-
 /**
  * Default theme colors for components
  */ const THEME_COLORS = [ "primary", "secondary", "success", "info", "warning", "error", "light", "dark" ], SIZES = [ "sm", "md", "lg" ], CLASS_PREFIX = {
@@ -19021,14 +19019,6 @@ function createTokens(overrides) {
     };
 }
 
-const tokens =  Object.freeze( Object.defineProperty({
-    __proto__: null,
-    createTokens: createTokens,
-    defaultTokens: defaultTokens
-}, Symbol.toStringTag, {
-    value: "Module"
-}));
-
 /**
  * CSS Variable Generator
  *
@@ -20324,6 +20314,103 @@ function generateClassName(block, element, modifiers) {
     return property => getComponentThemeValue(component, property, variant, size);
 }
 
+/**
+ * Atomix Config Loader
+ *
+ * Helper functions to load atomix.config.ts from external projects.
+ * Similar to how Tailwind loads tailwind.config.js
+ */
+/**
+ * Load Atomix configuration from project root
+ *
+ * Attempts to load atomix.config.ts from the current working directory.
+ * Falls back to default config if file doesn't exist.
+ *
+ * @param options - Loader options
+ * @returns Loaded configuration or default
+ *
+ * @example
+ * ```typescript
+ * import { loadAtomixConfig } from '@shohojdhara/atomix/config';
+ * import { createTheme } from '@shohojdhara/atomix/theme';
+ *
+ * const config = loadAtomixConfig();
+ * const theme = createTheme(config.theme?.tokens || {});
+ * ```
+ */ function loadAtomixConfig(options = {}) {
+    const {configPath: configPath = "atomix.config.ts", required: required = !1} = options, defaultConfig = {
+        prefix: "atomix",
+        theme: {
+            extend: {}
+        }
+    };
+    // Default config
+        // In browser environments, config loading is not supported
+    if ("undefined" != typeof window) {
+        if (required) throw new Error("loadAtomixConfig: Not available in browser environment. Config loading requires Node.js/SSR environment.");
+        return defaultConfig;
+    }
+    // Try to load config file
+        try {
+        // Use dynamic import for ESM compatibility
+        const configModule = require(configPath), config = configModule.default || configModule;
+        // Validate it's an AtomixConfig
+        if (config && "object" == typeof config) return config;
+        throw new Error("Invalid config format");
+    } catch (error) {
+        if (required) throw new Error(`Failed to load config from ${configPath}: ${error.message}`);
+        // Return default config if not required
+                return defaultConfig;
+    }
+}
+
+/**
+ * Resolve config path
+ *
+ * Finds atomix.config.ts in the project, checking common locations.
+ * Returns null in browser environments where file system access is not available.
+ *
+ * This function is designed to work in Node.js environments only.
+ * In browser builds, it will always return null without attempting to access Node.js modules.
+ *
+ * @internal This function uses Node.js modules and should not be called in browser environments.
+ */ function resolveConfigPath() {
+    // Early return for browser environments - prevents any Node.js module access
+    // This check happens before any require() calls, preventing bundlers from analyzing them
+    if ("undefined" != typeof window || "undefined" == typeof process || !process.cwd) return null;
+    // Only attempt to load Node.js modules in Node.js runtime
+    // Use a lazy-loading pattern that prevents static analysis by bundlers
+        try {
+        // Create a function that only executes in Node.js runtime
+        // Use string-based module names to prevent static analysis by bundlers
+        const modules = (() => {
+            // These requires are only executed at runtime in Node.js environments
+            // They are marked as external in Rollup config and should not be bundled
+            // Using string concatenation and computed property access to prevent static analysis
+            if ("undefined" == typeof require) return null;
+            // Use a try-catch wrapper to safely access require
+                        try {
+                // Build module names dynamically to prevent static analysis
+                const moduleNames = [ "fs", "path" ];
+                // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
+                                return {
+                    fs: require(moduleNames[0]),
+                    path: require(moduleNames[1])
+                };
+            } catch {
+                return null;
+            }
+        })();
+        if (!modules) return null;
+        const {fs: fs, path: path} = modules, cwd = process.cwd(), possiblePaths = [ path.join(cwd, "atomix.config.ts"), path.join(cwd, "atomix.config.js"), path.join(cwd, "atomix.config.mjs") ];
+        for (const configPath of possiblePaths) if (fs.existsSync(configPath)) return configPath;
+    } catch (error) {
+        // Silently fail in browser environments or when modules are unavailable
+        return null;
+    }
+    return null;
+}
+
 /**
  * Theme Configuration Loader
  *
@@ -20341,7 +20428,7 @@ function generateClassName(block, element, modifiers) {
     // Use static import - the function handles browser environment checks internally
         let config;
     try {
-        config = loadAtomixConfig$1({
+        config = loadAtomixConfig({
             configPath: options?.configPath || "atomix.config.ts",
             required: !1 !== options?.required
         });
@@ -20375,7 +20462,7 @@ function generateClassName(block, element, modifiers) {
         let config;
     try {
         // loadAtomixConfig is synchronous, not async
-        config = loadAtomixConfig$1({
+        config = loadAtomixConfig({
             configPath: options?.configPath || "atomix.config.ts",
             required: !1 !== options?.required
         });
@@ -20452,14 +20539,9 @@ const ThemeProvider = ({children: children, defaultTheme: defaultTheme, themes:
         }
         // Default fallback
                 return "default";
-    }), [ defaultTheme, enablePersistence, storageKey ]), [currentTheme, setCurrentTheme] = useState((() => "string" == typeof initialDefaultTheme ? initialDefaultTheme : "tokens-theme")), [activeTokens, setActiveTokens] = useState((() => {
-        // If defaultTheme is DesignTokens, store them
-        if (defaultTheme && "string" != typeof defaultTheme) {
-            const {createTokens: createTokens} = require("../tokens/tokens");
-            return createTokens(defaultTheme);
-        }
-        return null;
-    })), [isLoading, setIsLoading] = useState(!1), [error, setError] = useState(null), loadedThemesRef = useRef(new Set), themePromisesRef = useRef({}), abortControllerRef = useRef(null);
+    }), [ defaultTheme, enablePersistence, storageKey ]), [currentTheme, setCurrentTheme] = useState((() => "string" == typeof initialDefaultTheme ? initialDefaultTheme : "tokens-theme")), [activeTokens, setActiveTokens] = useState((() => 
+    // If defaultTheme is DesignTokens, store them
+    defaultTheme && "string" != typeof defaultTheme ? createTokens(defaultTheme) : null)), [isLoading, setIsLoading] = useState(!1), [error, setError] = useState(null), loadedThemesRef = useRef(new Set), themePromisesRef = useRef({}), abortControllerRef = useRef(null);
     // Handle initial DesignTokens defaultTheme
     useEffect((() => {
         defaultTheme && "string" != typeof defaultTheme && activeTokens && !isServer() && injectCSS$1(createTheme(defaultTheme), "theme-tokens-theme");
@@ -20501,9 +20583,9 @@ const ThemeProvider = ({children: children, defaultTheme: defaultTheme, themes:
                 // Inject new theme CSS
                 injectCSS$1(css, `theme-${themeId}`);
                 // Store tokens for reference
-                const {createTokens: createTokens} = await Promise.resolve().then((() => tokens)), fullTokens = createTokens(theme);
+                const fullTokens = createTokens(theme);
                 // Check if aborted before state update
-                if (abortController.signal.aborted) return;
+                                if (abortController.signal.aborted) return;
                 return setActiveTokens(fullTokens), setCurrentTheme(themeId), handleThemeChange(fullTokens), 
                 void setIsLoading(!1);
             }
@@ -23996,103 +24078,6 @@ function getComponentCSSVars(component) {
     };
 }
 
-/**
- * Atomix Config Loader
- *
- * Helper functions to load atomix.config.ts from external projects.
- * Similar to how Tailwind loads tailwind.config.js
- */
-/**
- * Load Atomix configuration from project root
- *
- * Attempts to load atomix.config.ts from the current working directory.
- * Falls back to default config if file doesn't exist.
- *
- * @param options - Loader options
- * @returns Loaded configuration or default
- *
- * @example
- * ```typescript
- * import { loadAtomixConfig } from '@shohojdhara/atomix/config';
- * import { createTheme } from '@shohojdhara/atomix/theme';
- *
- * const config = loadAtomixConfig();
- * const theme = createTheme(config.theme?.tokens || {});
- * ```
- */ function loadAtomixConfig(options = {}) {
-    const {configPath: configPath = "atomix.config.ts", required: required = !1} = options, defaultConfig = {
-        prefix: "atomix",
-        theme: {
-            extend: {}
-        }
-    };
-    // Default config
-        // In browser environments, config loading is not supported
-    if ("undefined" != typeof window) {
-        if (required) throw new Error("loadAtomixConfig: Not available in browser environment. Config loading requires Node.js/SSR environment.");
-        return defaultConfig;
-    }
-    // Try to load config file
-        try {
-        // Use dynamic import for ESM compatibility
-        const configModule = require(configPath), config = configModule.default || configModule;
-        // Validate it's an AtomixConfig
-        if (config && "object" == typeof config) return config;
-        throw new Error("Invalid config format");
-    } catch (error) {
-        if (required) throw new Error(`Failed to load config from ${configPath}: ${error.message}`);
-        // Return default config if not required
-                return defaultConfig;
-    }
-}
-
-/**
- * Resolve config path
- *
- * Finds atomix.config.ts in the project, checking common locations.
- * Returns null in browser environments where file system access is not available.
- *
- * This function is designed to work in Node.js environments only.
- * In browser builds, it will always return null without attempting to access Node.js modules.
- *
- * @internal This function uses Node.js modules and should not be called in browser environments.
- */ function resolveConfigPath() {
-    // Early return for browser environments - prevents any Node.js module access
-    // This check happens before any require() calls, preventing bundlers from analyzing them
-    if ("undefined" != typeof window || "undefined" == typeof process || !process.cwd) return null;
-    // Only attempt to load Node.js modules in Node.js runtime
-    // Use a lazy-loading pattern that prevents static analysis by bundlers
-        try {
-        // Create a function that only executes in Node.js runtime
-        // Use string-based module names to prevent static analysis by bundlers
-        const modules = (() => {
-            // These requires are only executed at runtime in Node.js environments
-            // They are marked as external in Rollup config and should not be bundled
-            // Using string concatenation and computed property access to prevent static analysis
-            if ("undefined" == typeof require) return null;
-            // Use a try-catch wrapper to safely access require
-                        try {
-                // Build module names dynamically to prevent static analysis
-                const moduleNames = [ "fs", "path" ];
-                // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
-                                return {
-                    fs: require(moduleNames[0]),
-                    path: require(moduleNames[1])
-                };
-            } catch {
-                return null;
-            }
-        })();
-        if (!modules) return null;
-        const {fs: fs, path: path} = modules, cwd = process.cwd(), possiblePaths = [ path.join(cwd, "atomix.config.ts"), path.join(cwd, "atomix.config.js"), path.join(cwd, "atomix.config.mjs") ];
-        for (const configPath of possiblePaths) if (fs.existsSync(configPath)) return configPath;
-    } catch (error) {
-        // Silently fail in browser environments or when modules are unavailable
-        return null;
-    }
-    return null;
-}
-
 /**
  * Atomix Configuration System
  *