@shohojdhara/atomix 0.6.1 → 0.6.3

package/dist/theme.d.ts

@@ -1176,6 +1176,20 @@ declare function applyComponentTheme(component: string, style?: React.CSSPropert
  */
 declare function useComponentTheme(component: string, variant?: string, size?: string, tokens?: Partial<DesignTokens>): (property: string) => string;
 
+/**
+ * Theme Manager Utility Functions
+ *
+ * Helper functions for theme operations including CSS loading, DOM manipulation,
+ * and theme validation.
+ */
+
+/**
+ * Detect system theme preference
+ *
+ * @returns 'dark' if system prefers dark mode, 'light' otherwise
+ */
+declare const getSystemTheme: () => "light" | "dark";
+
 /**
  * Theme Utilities
  *
@@ -1245,12 +1259,6 @@ declare function toggleTheme(options?: ThemeSwitcherOptions): ThemeMode;
  * @returns Current theme mode or 'light' if not set
  */
 declare function getCurrentTheme(storageKey?: string): ThemeMode;
-/**
- * Get system theme preference
- *
- * @returns 'dark' if system prefers dark mode, 'light' otherwise
- */
-declare function getSystemTheme(): ThemeMode;
 /**
  * Initialize theme based on saved preference or system preference
  *

package/dist/theme.js

@@ -1671,7 +1671,7 @@ class ThemeLogger {
     document.body && document.body.setAttribute(dataAttribute, themeName), 
     // Also set on documentElement for broader compatibility
     document.documentElement.setAttribute(dataAttribute, themeName));
-}, isValidThemeName = themeName => !(!themeName || "string" != typeof themeName) && /^[a-z0-9]+(-[a-z0-9]+)*$/.test(themeName), createLocalStorageAdapter = () => ({
+}, getSystemTheme = () => isServer() ? "light" : window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", isValidThemeName = themeName => !(!themeName || "string" != typeof themeName) && /^[a-z0-9]+(-[a-z0-9]+)*$/.test(themeName), createLocalStorageAdapter = () => ({
     getItem: key => {
         if (isServer()) return null;
         try {
@@ -1708,6 +1708,7 @@ class ThemeLogger {
     applyThemeAttributes: applyThemeAttributes,
     buildThemePath: buildThemePath,
     createLocalStorageAdapter: createLocalStorageAdapter,
+    getSystemTheme: getSystemTheme,
     isBrowser: isBrowser,
     isServer: isServer,
     isValidThemeName: isValidThemeName,
@@ -1870,14 +1871,6 @@ const _reduceInstanceProperty =  getDefaultExportFromCjs((function(it) {
     return "undefined" == typeof window ? "light" : localStorage.getItem(storageKey) || "light";
 }
 
-/**
- * Get system theme preference
- *
- * @returns 'dark' if system prefers dark mode, 'light' otherwise
- */ function getSystemTheme() {
-    return "undefined" == typeof window ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-
 /**
  * Initialize theme based on saved preference or system preference
  *