@shohojdhara/atomix 0.3.8 → 0.3.9

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.3.9
+
+### Patch Changes
+
+- 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 +18,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 +29,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 +37,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 +63,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 +87,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 +102,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 +111,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

@@ -19021,14 +19021,6 @@ function createTokens(overrides) {
     };
 }
 
-const tokens =  Object.freeze( Object.defineProperty({
-    __proto__: null,
-    createTokens: createTokens,
-    defaultTokens: defaultTokens
-}, Symbol.toStringTag, {
-    value: "Module"
-}));
-
 /**
  * CSS Variable Generator
  *
@@ -20452,14 +20444,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 +20488,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);
             }