tailwind-to-style 2.7.4 → 2.7.5

package/dist/index.browser.js

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.7.4
+ * tailwind-to-style v2.7.5
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion
@@ -6397,34 +6397,64 @@ var tailwindToStyle = (function (exports) {
     },
     inject: true
   };
-
-  // Detect environment and create global storage
-  function getGlobalStorage() {
-    if (typeof window !== "undefined") {
-      // Browser environment - use window object
-      if (!window[CONFIG_STORAGE_KEY]) {
-        window[CONFIG_STORAGE_KEY] = {
-          ...defaultConfig
-        };
+  class ConfigManager {
+    constructor() {
+      this.storage = null;
+      this.initialized = false;
+    }
+    initialize() {
+      if (this.initialized) return this.storage;
+      if (typeof window !== "undefined") {
+        if (!window[CONFIG_STORAGE_KEY]) {
+          window[CONFIG_STORAGE_KEY] = JSON.parse(JSON.stringify(defaultConfig));
+        }
+        this.storage = window[CONFIG_STORAGE_KEY];
+      } else if (typeof global !== "undefined") {
+        // Node.js environment
+        if (!global[CONFIG_STORAGE_KEY]) {
+          global[CONFIG_STORAGE_KEY] = JSON.parse(JSON.stringify(defaultConfig));
+        }
+        this.storage = global[CONFIG_STORAGE_KEY];
+      } else {
+        // Fallback
+        console.warn("tailwind-to-style: Unable to create global config storage. Config will only work within the same module.");
+        this.storage = JSON.parse(JSON.stringify(defaultConfig));
       }
-      return window[CONFIG_STORAGE_KEY];
-    } else if (typeof global !== "undefined") {
-      // Node.js environment - use global object
-      if (!global[CONFIG_STORAGE_KEY]) {
-        global[CONFIG_STORAGE_KEY] = {
-          ...defaultConfig
-        };
+      this.initialized = true;
+      return this.storage;
+    }
+    get() {
+      return this.initialize();
+    }
+    set(config) {
+      const storage = this.initialize();
+      this.deepMerge(storage, config);
+      return storage;
+    }
+    reset() {
+      const storage = this.initialize();
+      Object.keys(storage).forEach(key => delete storage[key]);
+      Object.assign(storage, JSON.parse(JSON.stringify(defaultConfig)));
+      return storage;
+    }
+    deepMerge(target, source) {
+      for (const key in source) {
+        if (source[key] && typeof source[key] === "object" && !Array.isArray(source[key])) {
+          if (!target[key] || typeof target[key] !== "object") {
+            target[key] = {};
+          }
+          this.deepMerge(target[key], source[key]);
+        } else {
+          target[key] = source[key];
+        }
       }
-      return global[CONFIG_STORAGE_KEY];
-    } else {
-      // Fallback - use module-level variable (will work only within same file)
-      console.warn("tailwind-to-style: Unable to create global config storage. Config will only work within the same module.");
-      return defaultConfig;
     }
   }
-
-  // Get global config reference
-  let globalConfig = getGlobalStorage();
+  const configManager = new ConfigManager();
+  function getGlobalStorage() {
+    return configManager.get();
+  }
+  let globalConfig = null;
   function initializeCss() {
     if (!twString) {
       // Always get fresh config from global storage
@@ -6456,40 +6486,13 @@ var tailwindToStyle = (function (exports) {
    * @returns {Object} Current global configuration
    */
   function setConfig(config) {
-    var _config$theme, _config$theme2, _config$theme2$extend, _config$theme3;
     // Reset CSS object cache when config changes
     twString = null;
     cssObject = null;
     configOptionsCache.clear();
 
-    // Get current global storage reference
-    const globalStorage = getGlobalStorage();
-
-    // Update global storage directly
-    Object.assign(globalStorage, {
-      ...globalStorage,
-      ...config,
-      theme: {
-        ...globalStorage.theme,
-        ...(config.theme || {}),
-        extend: {
-          ...globalStorage.theme.extend,
-          ...(((_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.extend) || {}),
-          colors: {
-            ...globalStorage.theme.extend.colors,
-            ...(((_config$theme2 = config.theme) === null || _config$theme2 === void 0 ? void 0 : (_config$theme2$extend = _config$theme2.extend) === null || _config$theme2$extend === void 0 ? void 0 : _config$theme2$extend.colors) || {})
-          }
-        }
-      }
-    });
-
-    // Handle screens configuration
-    if ((_config$theme3 = config.theme) !== null && _config$theme3 !== void 0 && _config$theme3.screens) {
-      globalStorage.theme.screens = {
-        ...globalStorage.theme.screens,
-        ...config.theme.screens
-      };
-    }
+    // Use ConfigManager to set config
+    const globalStorage = configManager.set(config);
 
     // Handle legacy breakpoints with deprecation warning
     if (config.breakpoints) {
@@ -6504,17 +6507,17 @@ var tailwindToStyle = (function (exports) {
           screens[key] = match[1].trim();
         }
       }
-      globalStorage.theme.screens = {
-        ...globalStorage.theme.screens,
-        ...screens
-      };
+      if (!globalStorage.theme.screens) {
+        globalStorage.theme.screens = {};
+      }
+      Object.assign(globalStorage.theme.screens, screens);
     }
 
     // Update local reference
     globalConfig = globalStorage;
     initializeCss();
     return {
-      ...globalConfig
+      ...globalStorage
     };
   }
 
@@ -6523,8 +6526,7 @@ var tailwindToStyle = (function (exports) {
    * @returns {Object} Current global configuration
    */
   function getConfig() {
-    // Always get fresh reference from global storage
-    globalConfig = getGlobalStorage();
+    globalConfig = configManager.get();
     return {
       ...globalConfig
     };
@@ -6538,26 +6540,7 @@ var tailwindToStyle = (function (exports) {
     twString = null;
     cssObject = null;
     configOptionsCache.clear();
-
-    // Get global storage reference and reset it
-    const globalStorage = getGlobalStorage();
-
-    // Reset to default config
-    Object.assign(globalStorage, {
-      theme: {
-        extend: {
-          colors: {}
-        },
-        screens: {
-          sm: "640px",
-          md: "768px",
-          lg: "1024px",
-          xl: "1280px",
-          "2xl": "1536px"
-        }
-      },
-      inject: true
-    });
+    const globalStorage = configManager.reset();
 
     // Update local reference
     globalConfig = globalStorage;

package/dist/index.cjs

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.7.4
+ * tailwind-to-style v2.7.5
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion
@@ -6398,34 +6398,64 @@ const defaultConfig = {
   },
   inject: true
 };
-
-// Detect environment and create global storage
-function getGlobalStorage() {
-  if (typeof window !== "undefined") {
-    // Browser environment - use window object
-    if (!window[CONFIG_STORAGE_KEY]) {
-      window[CONFIG_STORAGE_KEY] = {
-        ...defaultConfig
-      };
+class ConfigManager {
+  constructor() {
+    this.storage = null;
+    this.initialized = false;
+  }
+  initialize() {
+    if (this.initialized) return this.storage;
+    if (typeof window !== "undefined") {
+      if (!window[CONFIG_STORAGE_KEY]) {
+        window[CONFIG_STORAGE_KEY] = JSON.parse(JSON.stringify(defaultConfig));
+      }
+      this.storage = window[CONFIG_STORAGE_KEY];
+    } else if (typeof global !== "undefined") {
+      // Node.js environment
+      if (!global[CONFIG_STORAGE_KEY]) {
+        global[CONFIG_STORAGE_KEY] = JSON.parse(JSON.stringify(defaultConfig));
+      }
+      this.storage = global[CONFIG_STORAGE_KEY];
+    } else {
+      // Fallback
+      console.warn("tailwind-to-style: Unable to create global config storage. Config will only work within the same module.");
+      this.storage = JSON.parse(JSON.stringify(defaultConfig));
     }
-    return window[CONFIG_STORAGE_KEY];
-  } else if (typeof global !== "undefined") {
-    // Node.js environment - use global object
-    if (!global[CONFIG_STORAGE_KEY]) {
-      global[CONFIG_STORAGE_KEY] = {
-        ...defaultConfig
-      };
+    this.initialized = true;
+    return this.storage;
+  }
+  get() {
+    return this.initialize();
+  }
+  set(config) {
+    const storage = this.initialize();
+    this.deepMerge(storage, config);
+    return storage;
+  }
+  reset() {
+    const storage = this.initialize();
+    Object.keys(storage).forEach(key => delete storage[key]);
+    Object.assign(storage, JSON.parse(JSON.stringify(defaultConfig)));
+    return storage;
+  }
+  deepMerge(target, source) {
+    for (const key in source) {
+      if (source[key] && typeof source[key] === "object" && !Array.isArray(source[key])) {
+        if (!target[key] || typeof target[key] !== "object") {
+          target[key] = {};
+        }
+        this.deepMerge(target[key], source[key]);
+      } else {
+        target[key] = source[key];
+      }
     }
-    return global[CONFIG_STORAGE_KEY];
-  } else {
-    // Fallback - use module-level variable (will work only within same file)
-    console.warn("tailwind-to-style: Unable to create global config storage. Config will only work within the same module.");
-    return defaultConfig;
   }
 }
-
-// Get global config reference
-let globalConfig = getGlobalStorage();
+const configManager = new ConfigManager();
+function getGlobalStorage() {
+  return configManager.get();
+}
+let globalConfig = null;
 function initializeCss() {
   if (!twString) {
     // Always get fresh config from global storage
@@ -6457,40 +6487,13 @@ function convertScreensToBreakpoints(screens) {
  * @returns {Object} Current global configuration
  */
 function setConfig(config) {
-  var _config$theme, _config$theme2, _config$theme2$extend, _config$theme3;
   // Reset CSS object cache when config changes
   twString = null;
   cssObject = null;
   configOptionsCache.clear();
 
-  // Get current global storage reference
-  const globalStorage = getGlobalStorage();
-
-  // Update global storage directly
-  Object.assign(globalStorage, {
-    ...globalStorage,
-    ...config,
-    theme: {
-      ...globalStorage.theme,
-      ...(config.theme || {}),
-      extend: {
-        ...globalStorage.theme.extend,
-        ...(((_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.extend) || {}),
-        colors: {
-          ...globalStorage.theme.extend.colors,
-          ...(((_config$theme2 = config.theme) === null || _config$theme2 === void 0 ? void 0 : (_config$theme2$extend = _config$theme2.extend) === null || _config$theme2$extend === void 0 ? void 0 : _config$theme2$extend.colors) || {})
-        }
-      }
-    }
-  });
-
-  // Handle screens configuration
-  if ((_config$theme3 = config.theme) !== null && _config$theme3 !== void 0 && _config$theme3.screens) {
-    globalStorage.theme.screens = {
-      ...globalStorage.theme.screens,
-      ...config.theme.screens
-    };
-  }
+  // Use ConfigManager to set config
+  const globalStorage = configManager.set(config);
 
   // Handle legacy breakpoints with deprecation warning
   if (config.breakpoints) {
@@ -6505,17 +6508,17 @@ function setConfig(config) {
         screens[key] = match[1].trim();
       }
     }
-    globalStorage.theme.screens = {
-      ...globalStorage.theme.screens,
-      ...screens
-    };
+    if (!globalStorage.theme.screens) {
+      globalStorage.theme.screens = {};
+    }
+    Object.assign(globalStorage.theme.screens, screens);
   }
 
   // Update local reference
   globalConfig = globalStorage;
   initializeCss();
   return {
-    ...globalConfig
+    ...globalStorage
   };
 }
 
@@ -6524,8 +6527,7 @@ function setConfig(config) {
  * @returns {Object} Current global configuration
  */
 function getConfig() {
-  // Always get fresh reference from global storage
-  globalConfig = getGlobalStorage();
+  globalConfig = configManager.get();
   return {
     ...globalConfig
   };
@@ -6539,26 +6541,7 @@ function resetConfig() {
   twString = null;
   cssObject = null;
   configOptionsCache.clear();
-
-  // Get global storage reference and reset it
-  const globalStorage = getGlobalStorage();
-
-  // Reset to default config
-  Object.assign(globalStorage, {
-    theme: {
-      extend: {
-        colors: {}
-      },
-      screens: {
-        sm: "640px",
-        md: "768px",
-        lg: "1024px",
-        xl: "1280px",
-        "2xl": "1536px"
-      }
-    },
-    inject: true
-  });
+  const globalStorage = configManager.reset();
 
   // Update local reference
   globalConfig = globalStorage;

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.7.4
+ * tailwind-to-style v2.7.5
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion
@@ -6394,34 +6394,64 @@ const defaultConfig = {
   },
   inject: true
 };
-
-// Detect environment and create global storage
-function getGlobalStorage() {
-  if (typeof window !== "undefined") {
-    // Browser environment - use window object
-    if (!window[CONFIG_STORAGE_KEY]) {
-      window[CONFIG_STORAGE_KEY] = {
-        ...defaultConfig
-      };
+class ConfigManager {
+  constructor() {
+    this.storage = null;
+    this.initialized = false;
+  }
+  initialize() {
+    if (this.initialized) return this.storage;
+    if (typeof window !== "undefined") {
+      if (!window[CONFIG_STORAGE_KEY]) {
+        window[CONFIG_STORAGE_KEY] = JSON.parse(JSON.stringify(defaultConfig));
+      }
+      this.storage = window[CONFIG_STORAGE_KEY];
+    } else if (typeof global !== "undefined") {
+      // Node.js environment
+      if (!global[CONFIG_STORAGE_KEY]) {
+        global[CONFIG_STORAGE_KEY] = JSON.parse(JSON.stringify(defaultConfig));
+      }
+      this.storage = global[CONFIG_STORAGE_KEY];
+    } else {
+      // Fallback
+      console.warn("tailwind-to-style: Unable to create global config storage. Config will only work within the same module.");
+      this.storage = JSON.parse(JSON.stringify(defaultConfig));
     }
-    return window[CONFIG_STORAGE_KEY];
-  } else if (typeof global !== "undefined") {
-    // Node.js environment - use global object
-    if (!global[CONFIG_STORAGE_KEY]) {
-      global[CONFIG_STORAGE_KEY] = {
-        ...defaultConfig
-      };
+    this.initialized = true;
+    return this.storage;
+  }
+  get() {
+    return this.initialize();
+  }
+  set(config) {
+    const storage = this.initialize();
+    this.deepMerge(storage, config);
+    return storage;
+  }
+  reset() {
+    const storage = this.initialize();
+    Object.keys(storage).forEach(key => delete storage[key]);
+    Object.assign(storage, JSON.parse(JSON.stringify(defaultConfig)));
+    return storage;
+  }
+  deepMerge(target, source) {
+    for (const key in source) {
+      if (source[key] && typeof source[key] === "object" && !Array.isArray(source[key])) {
+        if (!target[key] || typeof target[key] !== "object") {
+          target[key] = {};
+        }
+        this.deepMerge(target[key], source[key]);
+      } else {
+        target[key] = source[key];
+      }
     }
-    return global[CONFIG_STORAGE_KEY];
-  } else {
-    // Fallback - use module-level variable (will work only within same file)
-    console.warn("tailwind-to-style: Unable to create global config storage. Config will only work within the same module.");
-    return defaultConfig;
   }
 }
-
-// Get global config reference
-let globalConfig = getGlobalStorage();
+const configManager = new ConfigManager();
+function getGlobalStorage() {
+  return configManager.get();
+}
+let globalConfig = null;
 function initializeCss() {
   if (!twString) {
     // Always get fresh config from global storage
@@ -6453,40 +6483,13 @@ function convertScreensToBreakpoints(screens) {
  * @returns {Object} Current global configuration
  */
 function setConfig(config) {
-  var _config$theme, _config$theme2, _config$theme2$extend, _config$theme3;
   // Reset CSS object cache when config changes
   twString = null;
   cssObject = null;
   configOptionsCache.clear();
 
-  // Get current global storage reference
-  const globalStorage = getGlobalStorage();
-
-  // Update global storage directly
-  Object.assign(globalStorage, {
-    ...globalStorage,
-    ...config,
-    theme: {
-      ...globalStorage.theme,
-      ...(config.theme || {}),
-      extend: {
-        ...globalStorage.theme.extend,
-        ...(((_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.extend) || {}),
-        colors: {
-          ...globalStorage.theme.extend.colors,
-          ...(((_config$theme2 = config.theme) === null || _config$theme2 === void 0 ? void 0 : (_config$theme2$extend = _config$theme2.extend) === null || _config$theme2$extend === void 0 ? void 0 : _config$theme2$extend.colors) || {})
-        }
-      }
-    }
-  });
-
-  // Handle screens configuration
-  if ((_config$theme3 = config.theme) !== null && _config$theme3 !== void 0 && _config$theme3.screens) {
-    globalStorage.theme.screens = {
-      ...globalStorage.theme.screens,
-      ...config.theme.screens
-    };
-  }
+  // Use ConfigManager to set config
+  const globalStorage = configManager.set(config);
 
   // Handle legacy breakpoints with deprecation warning
   if (config.breakpoints) {
@@ -6501,17 +6504,17 @@ function setConfig(config) {
         screens[key] = match[1].trim();
       }
     }
-    globalStorage.theme.screens = {
-      ...globalStorage.theme.screens,
-      ...screens
-    };
+    if (!globalStorage.theme.screens) {
+      globalStorage.theme.screens = {};
+    }
+    Object.assign(globalStorage.theme.screens, screens);
   }
 
   // Update local reference
   globalConfig = globalStorage;
   initializeCss();
   return {
-    ...globalConfig
+    ...globalStorage
   };
 }
 
@@ -6520,8 +6523,7 @@ function setConfig(config) {
  * @returns {Object} Current global configuration
  */
 function getConfig() {
-  // Always get fresh reference from global storage
-  globalConfig = getGlobalStorage();
+  globalConfig = configManager.get();
   return {
     ...globalConfig
   };
@@ -6535,26 +6537,7 @@ function resetConfig() {
   twString = null;
   cssObject = null;
   configOptionsCache.clear();
-
-  // Get global storage reference and reset it
-  const globalStorage = getGlobalStorage();
-
-  // Reset to default config
-  Object.assign(globalStorage, {
-    theme: {
-      extend: {
-        colors: {}
-      },
-      screens: {
-        sm: "640px",
-        md: "768px",
-        lg: "1024px",
-        xl: "1280px",
-        "2xl": "1536px"
-      }
-    },
-    inject: true
-  });
+  const globalStorage = configManager.reset();
 
   // Update local reference
   globalConfig = globalStorage;