@shohojdhara/atomix 0.3.10 → 0.3.12

package/dist/theme.d.ts

@@ -1043,33 +1043,6 @@ declare function removeCSS(id?: string): void;
  */
 declare function isCSSInjected(id?: string): boolean;
 
-/**
- * Theme Configuration Loader
- *
- * Provides functions to load theme configurations from atomix.config.ts
- * Includes both sync and async versions, with automatic fallbacks
- */
-
-/**
- * Load theme from config file (synchronous, Node.js only)
- * @param configPath - Path to config file (default: atomix.config.ts)
- * @returns DesignTokens from theme configuration
- * @throws Error if config loading is not available in browser environment
- */
-declare function loadThemeFromConfigSync(options?: {
-    configPath?: string;
-    required?: boolean;
-}): DesignTokens;
-/**
- * Load theme from config file (asynchronous)
- * @param configPath - Path to config file (default: atomix.config.ts)
- * @returns Promise resolving to DesignTokens from theme configuration
- */
-declare function loadThemeFromConfig(options?: {
-    configPath?: string;
-    required?: boolean;
-}): Promise<DesignTokens>;
-
 /**
  * Theme Provider
  *
@@ -1759,10 +1732,6 @@ declare function injectTheme(css: string, id?: string): void;
  * Remove theme from DOM
  */
 declare function removeTheme(id?: string): void;
-/**
- * Save theme to CSS file
- */
-declare function saveTheme(css: string, filePath: string): Promise<void>;
 
-export { RTLManager, ThemeApplicator, ThemeComparator, ThemeContext, ThemeErrorBoundary, ThemeInspector, ThemeLiveEditor, ThemePreview, ThemeProvider, ThemeValidator, applyCSSVariables, applyComponentTheme, applyTheme, camelToKebab, clearThemes, createTheme, createThemeRegistry, createTokens, cssVarsToStyle, deepMerge, defaultTokens, designTokensToCSSVars, extendTheme, extractComponentName, generateCSSVariableName, generateCSSVariables, generateCSSVariablesForSelector, generateClassName, generateComponentCSSVars, getAllThemes, getCSSVariable, getComponentThemeValue, getTheme, getThemeApplicator, getThemeCount, getThemeIds, hasTheme, injectCSS, injectTheme, isCSSInjected, isDesignTokens, isValidCSSVariableName, loadThemeFromConfig, loadThemeFromConfigSync, mapSCSSTokensToCSSVars, mergeCSSVars, mergeTheme, normalizeThemeTokens, registerTheme, removeCSS, removeCSSVariables, removeTheme, saveTheme, themePropertyToCSSVar, unregisterTheme, useComponentTheme, useHistory, useTheme, useThemeTokens };
+export { RTLManager, ThemeApplicator, ThemeComparator, ThemeContext, ThemeErrorBoundary, ThemeInspector, ThemeLiveEditor, ThemePreview, ThemeProvider, ThemeValidator, applyCSSVariables, applyComponentTheme, applyTheme, camelToKebab, clearThemes, createTheme, createThemeRegistry, createTokens, cssVarsToStyle, deepMerge, defaultTokens, designTokensToCSSVars, extendTheme, extractComponentName, generateCSSVariableName, generateCSSVariables, generateCSSVariablesForSelector, generateClassName, generateComponentCSSVars, getAllThemes, getCSSVariable, getComponentThemeValue, getTheme, getThemeApplicator, getThemeCount, getThemeIds, hasTheme, injectCSS, injectTheme, isCSSInjected, isDesignTokens, isValidCSSVariableName, mapSCSSTokensToCSSVars, mergeCSSVars, mergeTheme, normalizeThemeTokens, registerTheme, removeCSS, removeCSSVariables, removeTheme, themePropertyToCSSVar, unregisterTheme, useComponentTheme, useHistory, useTheme, useThemeTokens };
 export type { A11yIssue, CSSVariableConfig, CSSVariableNamingOptions, ComponentThemeOptions, ComponentThemeOverride, DesignTokens, GenerateCSSVariablesOptions, NamingOptions, RTLConfig, Theme, ThemeChangeEvent, ThemeComparatorProps, ThemeComponentOverrides, ThemeContextValue, ThemeErrorBoundaryProps, ThemeInspectorProps, ThemeLiveEditorProps, ThemeLoadOptions, ThemePreviewProps, ThemeProviderProps, ThemeValidationResult, UseHistoryOptions, UseHistoryReturn, UseThemeReturn, ValidationResult };

package/dist/theme.js

@@ -555,39 +555,13 @@ class ThemeLogger {
                 tokens = input;
     }
     // Merge with defaults and generate CSS
-     else {
-        // Check if we're in a browser environment
-        if ("undefined" != typeof window) throw new ThemeError("No input provided and config loading is not available in browser environment. Please provide tokens explicitly or use Node.js/SSR environment.", ThemeErrorCode.CONFIG_LOAD_FAILED, {
-            environment: "browser"
-        });
-        // Load from config when no input provided
-                let loadThemeFromConfigSync, loadAtomixConfig;
-        try {
-            const configLoaderModule = require("../config/configLoader"), loaderModule = require("../../config/loader");
-            // Get prefix from config if needed
-            if (loadThemeFromConfigSync = configLoaderModule.loadThemeFromConfigSync, loadAtomixConfig = loaderModule.loadAtomixConfig, 
-            tokens = loadThemeFromConfigSync(), !options?.prefix) try {
-                const config = loadAtomixConfig({
-                    configPath: "atomix.config.ts",
-                    required: !1
-                });
-                options = {
-                    ...options,
-                    prefix: config?.prefix || "atomix"
-                };
-            } catch (error) {
-                // If config loading fails, use default prefix
-                options = {
-                    ...options,
-                    prefix: "atomix"
-                };
-            }
-        } catch (error) {
-            throw new ThemeError("No input provided and config loading is not available in this environment. Please provide tokens explicitly.", ThemeErrorCode.CONFIG_LOAD_FAILED, {
-                error: error instanceof Error ? error.message : String(error)
-            });
-        }
-    }
+     else 
+    // Auto-loading config from file system is removed for browser compatibility.
+    // If no input is provided, we return an empty theme (using defaults only) or user must provide tokens.
+    // This allows createTheme to be isomorphic.
+    // Warn in development if no input provided
+    "production" !== process.env.NODE_ENV && "undefined" != typeof window && console.warn("Atomix: createTheme() called without tokens. Using default tokens only."), 
+    tokens = {};
     const allTokens = createTokens(tokens), prefix = options?.prefix ?? "atomix";
     // Get prefix from options or use default
         return generateCSSVariables$1(allTokens, {
@@ -819,26 +793,7 @@ class ThemeLogger {
     return !!isBrowser$1() && null !== document.getElementById(id);
 }
 
-/**
- * CSS File Utilities
- *
- * Save CSS to file system (Node.js only).
- */
-/**
- * Save CSS to file
- *
- * Writes CSS string to a file. Only works in Node.js environment.
- *
- * @param css - CSS string to save
- * @param filePath - Output file path
- * @throws Error if called in browser environment
- *
- * @example
- * ```typescript
- * const css = ':root { --atomix-color-primary: #7AFFD7; }';
- * await saveCSSFile(css, './themes/custom.css');
- * ```
- */ var commonjsGlobal = "undefined" != typeof globalThis ? globalThis : "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : {};
+var commonjsGlobal = "undefined" != typeof globalThis ? globalThis : "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : {};
 
 function getDefaultExportFromCjs(x) {
     return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x.default : x;
@@ -1995,129 +1950,6 @@ 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;
-    }
-}
-
-/**
- * Theme Configuration Loader
- *
- * Provides functions to load theme configurations from atomix.config.ts
- * Includes both sync and async versions, with automatic fallbacks
- */
-/**
- * Load theme from config file (synchronous, Node.js only)
- * @param configPath - Path to config file (default: atomix.config.ts)
- * @returns DesignTokens from theme configuration
- * @throws Error if config loading is not available in browser environment
- */ function loadThemeFromConfigSync(options) {
-    // Check if we're in a browser environment
-    if ("undefined" != typeof window) throw new Error("loadThemeFromConfigSync: Not available in browser environment. Config loading requires Node.js/SSR environment.");
-    // Use static import - the function handles browser environment checks internally
-        let config;
-    try {
-        config = loadAtomixConfig({
-            configPath: options?.configPath || "atomix.config.ts",
-            required: !1 !== options?.required
-        });
-    } catch (error) {
-        if (!1 !== options?.required) throw new Error("Config loader module not available");
-        // Return empty tokens if config is not required
-                return createTokens({});
-    }
-    if (!config?.theme) return createTokens({});
-    // Extract tokens from config.theme structure
-    // config.theme can have: { extend?: ThemeTokens, tokens?: ThemeTokens, themes?: ... }
-    // We need to extract the actual DesignTokens (flat structure)
-        const themeConfig = config.theme;
-    // Check if theme is directly a flat object (DesignTokens format)
-    // This handles the case where config.theme might be passed as DesignTokens directly
-        return createTokens(!themeConfig || "object" != typeof themeConfig || "extend" in themeConfig || "tokens" in themeConfig || "themes" in themeConfig ? {} : themeConfig);
-    // If theme has nested structure (extend/tokens/themes), we can't directly use it
-    // Return empty tokens - the theme system will use defaults
-    // TODO: Add proper conversion from ThemeTokens to DesignTokens if needed
-}
-
-/**
- * Load theme from config file (asynchronous)
- * @param configPath - Path to config file (default: atomix.config.ts)
- * @returns Promise resolving to DesignTokens from theme configuration
- */ async function loadThemeFromConfig(options) {
-    // Check if we're in a browser environment
-    if ("undefined" != typeof window) throw new Error("loadThemeFromConfig: Not available in browser environment. Config loading requires Node.js/SSR environment.");
-    // Use static import with runtime check
-    // The function will handle browser environment checks internally
-        let config;
-    try {
-        // loadAtomixConfig is synchronous, not async
-        config = loadAtomixConfig({
-            configPath: options?.configPath || "atomix.config.ts",
-            required: !1 !== options?.required
-        });
-    } catch (error) {
-        if (!1 !== options?.required) throw new Error("Config loader module not available");
-        // Return empty tokens if config is not required
-                return createTokens({});
-    }
-    if (!config?.theme) return createTokens({});
-    // Extract tokens from config.theme structure
-    // config.theme can have: { extend?: ThemeTokens, tokens?: ThemeTokens, themes?: ... }
-    // We need to extract the actual DesignTokens (flat structure)
-        const themeConfig = config.theme;
-    // Check if theme is directly a flat object (DesignTokens format)
-    // This handles the case where config.theme might be passed as DesignTokens directly
-        return createTokens(!themeConfig || "object" != typeof themeConfig || "extend" in themeConfig || "tokens" in themeConfig || "themes" in themeConfig ? {} : themeConfig);
-    // If theme has nested structure (extend/tokens/themes), we can't directly use it
-    // Return empty tokens - the theme system will use defaults
-    // TODO: Add proper conversion from ThemeTokens to DesignTokens if needed
-}
-
 /**
  * Theme Context
  *
@@ -2159,21 +1991,9 @@ const ThemeProvider = ({children: children, defaultTheme: defaultTheme, themes:
             if (stored) return stored;
         }
         // If defaultTheme is provided, use it
-                if (null != defaultTheme) return defaultTheme;
-        // Try to load from atomix.config.ts as fallback, but only in Node.js/SSR environments
-                if ("undefined" == typeof window) try {
-            // Dynamically import the config loader to avoid bundling issues in browser
-            // eslint-disable-next-line @typescript-eslint/no-var-requires
-            const {loadThemeFromConfigSync: loadThemeFromConfigSync} = require("../config/configLoader"), configTokens = loadThemeFromConfigSync();
-            if (configTokens && Object.keys(configTokens).length > 0) 
-            // For simplicity, we'll treat config tokens as a special theme name
-            return "config-theme";
-        } catch (error) {
-            // Failed to load theme from config, using default
-        }
+                return null != defaultTheme ? defaultTheme : "default";
         // Default fallback
-                return "default";
-    }), [ defaultTheme, enablePersistence, storageKey ]), [currentTheme, setCurrentTheme] = useState((() => "string" == typeof initialDefaultTheme ? initialDefaultTheme : "tokens-theme")), [activeTokens, setActiveTokens] = useState((() => 
+        }), [ 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
@@ -5316,6 +5136,7 @@ class RTLManager {
 // Core Theme Functions
 // ============================================================================
 // Create theme CSS from DesignTokens
+// File saving utilities removed to prevent bundling Node.js modules in browser
 /**
  * Inject theme CSS into DOM
  */ function injectTheme(css, id = "atomix-theme") {
@@ -5328,21 +5149,5 @@ class RTLManager {
     removeCSS(id);
 }
 
-/**
- * Save theme to CSS file
- */ async function saveTheme(css, filePath) {
-    await async function(css, filePath) {
-        // Check if in browser environment
-        if ("undefined" != typeof window) throw new Error("saveCSSFile can only be used in Node.js environment. Use injectCSS() for browser environments.");
-        // Dynamic import to avoid bundling Node.js modules in browser builds
-                const fs = await import("fs/promises"), dir = (await import("path")).dirname(filePath);
-        await fs.mkdir(dir, {
-            recursive: !0
-        }), 
-        // Write file
-        await fs.writeFile(filePath, css, "utf8");
-    }(css, filePath);
-}
-
-export { RTLManager, ThemeApplicator, ThemeComparator, ThemeContext, ThemeErrorBoundary, ThemeInspector, ThemeLiveEditor, ThemePreview, ThemeProvider, ThemeValidator, applyCSSVariables, applyComponentTheme, applyTheme, camelToKebab, clearThemes, createTheme, createThemeRegistry, createTokens, cssVarsToStyle, deepMerge, defaultTokens, designTokensToCSSVars, extendTheme, extractComponentName, generateCSSVariableName, generateCSSVariables$1 as generateCSSVariables, generateCSSVariablesForSelector, generateClassName, generateComponentCSSVars, getAllThemes, getCSSVariable, getComponentThemeValue, getTheme, getThemeApplicator, getThemeCount, getThemeIds, hasTheme, injectCSS$1 as injectCSS, injectTheme, isCSSInjected, isDesignTokens, isValidCSSVariableName, loadThemeFromConfig, loadThemeFromConfigSync, mapSCSSTokensToCSSVars, mergeCSSVars, mergeTheme, normalizeThemeTokens, registerTheme, removeCSS, removeCSSVariables, removeTheme, saveTheme, themePropertyToCSSVar, unregisterTheme, useComponentTheme, useHistory, useTheme, useThemeTokens };
+export { RTLManager, ThemeApplicator, ThemeComparator, ThemeContext, ThemeErrorBoundary, ThemeInspector, ThemeLiveEditor, ThemePreview, ThemeProvider, ThemeValidator, applyCSSVariables, applyComponentTheme, applyTheme, camelToKebab, clearThemes, createTheme, createThemeRegistry, createTokens, cssVarsToStyle, deepMerge, defaultTokens, designTokensToCSSVars, extendTheme, extractComponentName, generateCSSVariableName, generateCSSVariables$1 as generateCSSVariables, generateCSSVariablesForSelector, generateClassName, generateComponentCSSVars, getAllThemes, getCSSVariable, getComponentThemeValue, getTheme, getThemeApplicator, getThemeCount, getThemeIds, hasTheme, injectCSS$1 as injectCSS, injectTheme, isCSSInjected, isDesignTokens, isValidCSSVariableName, mapSCSSTokensToCSSVars, mergeCSSVars, mergeTheme, normalizeThemeTokens, registerTheme, removeCSS, removeCSSVariables, removeTheme, themePropertyToCSSVar, unregisterTheme, useComponentTheme, useHistory, useTheme, useThemeTokens };
 //# sourceMappingURL=theme.js.map