tailwind-to-style 2.7.3 → 2.7.4

package/dist/index.browser.js

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.7.3
+ * tailwind-to-style v2.7.4
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion
@@ -6377,7 +6377,12 @@ var tailwindToStyle = (function (exports) {
   }
   let twString = null;
   let cssObject = null;
-  let globalConfig = {
+
+  // Global config storage key
+  const CONFIG_STORAGE_KEY = "__tailwind_to_style_global_config__";
+
+  // Default configuration
+  const defaultConfig = {
     theme: {
       extend: {
         colors: {}
@@ -6392,12 +6397,42 @@ 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
+        };
+      }
+      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
+        };
+      }
+      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();
   function initializeCss() {
     if (!twString) {
+      // Always get fresh config from global storage
+      const currentConfig = getGlobalStorage();
       const configForGeneration = {
-        ...globalConfig,
+        ...currentConfig,
         theme: {
-          ...globalConfig.theme
+          ...currentConfig.theme
         }
       };
       twString = generateTailwindCssString(configForGeneration).replace(/\s\s+/g, " ");
@@ -6426,32 +6461,61 @@ var tailwindToStyle = (function (exports) {
     twString = null;
     cssObject = null;
     configOptionsCache.clear();
-    globalConfig = {
-      ...globalConfig,
+
+    // Get current global storage reference
+    const globalStorage = getGlobalStorage();
+
+    // Update global storage directly
+    Object.assign(globalStorage, {
+      ...globalStorage,
       ...config,
       theme: {
-        ...globalConfig.theme,
+        ...globalStorage.theme,
         ...(config.theme || {}),
         extend: {
-          ...globalConfig.theme.extend,
+          ...globalStorage.theme.extend,
           ...(((_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.extend) || {}),
           colors: {
-            ...globalConfig.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) {
-      globalConfig.theme.screens = {
-        ...globalConfig.theme.screens,
+      globalStorage.theme.screens = {
+        ...globalStorage.theme.screens,
         ...config.theme.screens
       };
     }
+
+    // Handle legacy breakpoints with deprecation warning
+    if (config.breakpoints) {
+      console.warn("Warning: config.breakpoints is deprecated. Use config.theme.screens instead.");
+
+      // Convert legacy breakpoints to screens format
+      const screens = {};
+      for (const [key, value] of Object.entries(config.breakpoints)) {
+        // Extract min-width value from media query
+        const match = value.match(/min-width:\s*([^)]+)/);
+        if (match) {
+          screens[key] = match[1].trim();
+        }
+      }
+      globalStorage.theme.screens = {
+        ...globalStorage.theme.screens,
+        ...screens
+      };
+    }
+
+    // Update local reference
+    globalConfig = globalStorage;
     initializeCss();
-    return globalConfig;
+    return {
+      ...globalConfig
+    };
   }
 
   /**
@@ -6459,6 +6523,8 @@ var tailwindToStyle = (function (exports) {
    * @returns {Object} Current global configuration
    */
   function getConfig() {
+    // Always get fresh reference from global storage
+    globalConfig = getGlobalStorage();
     return {
       ...globalConfig
     };
@@ -6472,7 +6538,12 @@ var tailwindToStyle = (function (exports) {
     twString = null;
     cssObject = null;
     configOptionsCache.clear();
-    globalConfig = {
+
+    // Get global storage reference and reset it
+    const globalStorage = getGlobalStorage();
+
+    // Reset to default config
+    Object.assign(globalStorage, {
       theme: {
         extend: {
           colors: {}
@@ -6486,10 +6557,15 @@ var tailwindToStyle = (function (exports) {
         }
       },
       inject: true
-    };
+    });
+
+    // Update local reference
+    globalConfig = globalStorage;
     twString = generateTailwindCssString(globalConfig).replace(/\s\s+/g, " ");
     cssObject = convertCssToObject(twString);
-    return globalConfig;
+    return {
+      ...globalConfig
+    };
   }
   const pseudoVariants = new Set(["hover", "focus", "focus-within", "active", "visited", "disabled", "first", "last", "checked", "invalid", "required"]);
   const specialVariants = {
@@ -6540,7 +6616,9 @@ var tailwindToStyle = (function (exports) {
     let media = null;
     let finalSelector = selector;
     for (const v of variants) {
-      const breakpoints = convertScreensToBreakpoints(globalConfig.theme.screens || {});
+      // Always get fresh config from global storage
+      const currentConfig = getGlobalStorage();
+      const breakpoints = convertScreensToBreakpoints(currentConfig.theme.screens || {});
       if (breakpoints[v]) {
         media = breakpoints[v];
       } else if (pseudoVariants.has(v)) {
@@ -7156,7 +7234,7 @@ var tailwindToStyle = (function (exports) {
         return "";
       }
       const mergedOptions = {
-        ...globalConfig,
+        ...getGlobalStorage(),
         ...options
       };
       const {

package/dist/index.cjs

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.7.3
+ * tailwind-to-style v2.7.4
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion
@@ -6378,7 +6378,12 @@ function convertCssToObject(cssString) {
 }
 let twString = null;
 let cssObject = null;
-let globalConfig = {
+
+// Global config storage key
+const CONFIG_STORAGE_KEY = "__tailwind_to_style_global_config__";
+
+// Default configuration
+const defaultConfig = {
   theme: {
     extend: {
       colors: {}
@@ -6393,12 +6398,42 @@ let globalConfig = {
   },
   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
+      };
+    }
+    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
+      };
+    }
+    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();
 function initializeCss() {
   if (!twString) {
+    // Always get fresh config from global storage
+    const currentConfig = getGlobalStorage();
     const configForGeneration = {
-      ...globalConfig,
+      ...currentConfig,
       theme: {
-        ...globalConfig.theme
+        ...currentConfig.theme
       }
     };
     twString = generateTailwindCssString(configForGeneration).replace(/\s\s+/g, " ");
@@ -6427,32 +6462,61 @@ function setConfig(config) {
   twString = null;
   cssObject = null;
   configOptionsCache.clear();
-  globalConfig = {
-    ...globalConfig,
+
+  // Get current global storage reference
+  const globalStorage = getGlobalStorage();
+
+  // Update global storage directly
+  Object.assign(globalStorage, {
+    ...globalStorage,
     ...config,
     theme: {
-      ...globalConfig.theme,
+      ...globalStorage.theme,
       ...(config.theme || {}),
       extend: {
-        ...globalConfig.theme.extend,
+        ...globalStorage.theme.extend,
         ...(((_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.extend) || {}),
         colors: {
-          ...globalConfig.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) {
-    globalConfig.theme.screens = {
-      ...globalConfig.theme.screens,
+    globalStorage.theme.screens = {
+      ...globalStorage.theme.screens,
       ...config.theme.screens
     };
   }
+
+  // Handle legacy breakpoints with deprecation warning
+  if (config.breakpoints) {
+    console.warn("Warning: config.breakpoints is deprecated. Use config.theme.screens instead.");
+
+    // Convert legacy breakpoints to screens format
+    const screens = {};
+    for (const [key, value] of Object.entries(config.breakpoints)) {
+      // Extract min-width value from media query
+      const match = value.match(/min-width:\s*([^)]+)/);
+      if (match) {
+        screens[key] = match[1].trim();
+      }
+    }
+    globalStorage.theme.screens = {
+      ...globalStorage.theme.screens,
+      ...screens
+    };
+  }
+
+  // Update local reference
+  globalConfig = globalStorage;
   initializeCss();
-  return globalConfig;
+  return {
+    ...globalConfig
+  };
 }
 
 /**
@@ -6460,6 +6524,8 @@ function setConfig(config) {
  * @returns {Object} Current global configuration
  */
 function getConfig() {
+  // Always get fresh reference from global storage
+  globalConfig = getGlobalStorage();
   return {
     ...globalConfig
   };
@@ -6473,7 +6539,12 @@ function resetConfig() {
   twString = null;
   cssObject = null;
   configOptionsCache.clear();
-  globalConfig = {
+
+  // Get global storage reference and reset it
+  const globalStorage = getGlobalStorage();
+
+  // Reset to default config
+  Object.assign(globalStorage, {
     theme: {
       extend: {
         colors: {}
@@ -6487,10 +6558,15 @@ function resetConfig() {
       }
     },
     inject: true
-  };
+  });
+
+  // Update local reference
+  globalConfig = globalStorage;
   twString = generateTailwindCssString(globalConfig).replace(/\s\s+/g, " ");
   cssObject = convertCssToObject(twString);
-  return globalConfig;
+  return {
+    ...globalConfig
+  };
 }
 const pseudoVariants = new Set(["hover", "focus", "focus-within", "active", "visited", "disabled", "first", "last", "checked", "invalid", "required"]);
 const specialVariants = {
@@ -6541,7 +6617,9 @@ function resolveVariants(selector, variants) {
   let media = null;
   let finalSelector = selector;
   for (const v of variants) {
-    const breakpoints = convertScreensToBreakpoints(globalConfig.theme.screens || {});
+    // Always get fresh config from global storage
+    const currentConfig = getGlobalStorage();
+    const breakpoints = convertScreensToBreakpoints(currentConfig.theme.screens || {});
     if (breakpoints[v]) {
       media = breakpoints[v];
     } else if (pseudoVariants.has(v)) {
@@ -7157,7 +7235,7 @@ function twsx(obj) {
       return "";
     }
     const mergedOptions = {
-      ...globalConfig,
+      ...getGlobalStorage(),
       ...options
     };
     const {

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.7.3
+ * tailwind-to-style v2.7.4
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion
@@ -6374,7 +6374,12 @@ function convertCssToObject(cssString) {
 }
 let twString = null;
 let cssObject = null;
-let globalConfig = {
+
+// Global config storage key
+const CONFIG_STORAGE_KEY = "__tailwind_to_style_global_config__";
+
+// Default configuration
+const defaultConfig = {
   theme: {
     extend: {
       colors: {}
@@ -6389,12 +6394,42 @@ let globalConfig = {
   },
   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
+      };
+    }
+    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
+      };
+    }
+    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();
 function initializeCss() {
   if (!twString) {
+    // Always get fresh config from global storage
+    const currentConfig = getGlobalStorage();
     const configForGeneration = {
-      ...globalConfig,
+      ...currentConfig,
       theme: {
-        ...globalConfig.theme
+        ...currentConfig.theme
       }
     };
     twString = generateTailwindCssString(configForGeneration).replace(/\s\s+/g, " ");
@@ -6423,32 +6458,61 @@ function setConfig(config) {
   twString = null;
   cssObject = null;
   configOptionsCache.clear();
-  globalConfig = {
-    ...globalConfig,
+
+  // Get current global storage reference
+  const globalStorage = getGlobalStorage();
+
+  // Update global storage directly
+  Object.assign(globalStorage, {
+    ...globalStorage,
     ...config,
     theme: {
-      ...globalConfig.theme,
+      ...globalStorage.theme,
       ...(config.theme || {}),
       extend: {
-        ...globalConfig.theme.extend,
+        ...globalStorage.theme.extend,
         ...(((_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.extend) || {}),
         colors: {
-          ...globalConfig.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) {
-    globalConfig.theme.screens = {
-      ...globalConfig.theme.screens,
+    globalStorage.theme.screens = {
+      ...globalStorage.theme.screens,
       ...config.theme.screens
     };
   }
+
+  // Handle legacy breakpoints with deprecation warning
+  if (config.breakpoints) {
+    console.warn("Warning: config.breakpoints is deprecated. Use config.theme.screens instead.");
+
+    // Convert legacy breakpoints to screens format
+    const screens = {};
+    for (const [key, value] of Object.entries(config.breakpoints)) {
+      // Extract min-width value from media query
+      const match = value.match(/min-width:\s*([^)]+)/);
+      if (match) {
+        screens[key] = match[1].trim();
+      }
+    }
+    globalStorage.theme.screens = {
+      ...globalStorage.theme.screens,
+      ...screens
+    };
+  }
+
+  // Update local reference
+  globalConfig = globalStorage;
   initializeCss();
-  return globalConfig;
+  return {
+    ...globalConfig
+  };
 }
 
 /**
@@ -6456,6 +6520,8 @@ function setConfig(config) {
  * @returns {Object} Current global configuration
  */
 function getConfig() {
+  // Always get fresh reference from global storage
+  globalConfig = getGlobalStorage();
   return {
     ...globalConfig
   };
@@ -6469,7 +6535,12 @@ function resetConfig() {
   twString = null;
   cssObject = null;
   configOptionsCache.clear();
-  globalConfig = {
+
+  // Get global storage reference and reset it
+  const globalStorage = getGlobalStorage();
+
+  // Reset to default config
+  Object.assign(globalStorage, {
     theme: {
       extend: {
         colors: {}
@@ -6483,10 +6554,15 @@ function resetConfig() {
       }
     },
     inject: true
-  };
+  });
+
+  // Update local reference
+  globalConfig = globalStorage;
   twString = generateTailwindCssString(globalConfig).replace(/\s\s+/g, " ");
   cssObject = convertCssToObject(twString);
-  return globalConfig;
+  return {
+    ...globalConfig
+  };
 }
 const pseudoVariants = new Set(["hover", "focus", "focus-within", "active", "visited", "disabled", "first", "last", "checked", "invalid", "required"]);
 const specialVariants = {
@@ -6537,7 +6613,9 @@ function resolveVariants(selector, variants) {
   let media = null;
   let finalSelector = selector;
   for (const v of variants) {
-    const breakpoints = convertScreensToBreakpoints(globalConfig.theme.screens || {});
+    // Always get fresh config from global storage
+    const currentConfig = getGlobalStorage();
+    const breakpoints = convertScreensToBreakpoints(currentConfig.theme.screens || {});
     if (breakpoints[v]) {
       media = breakpoints[v];
     } else if (pseudoVariants.has(v)) {
@@ -7153,7 +7231,7 @@ function twsx(obj) {
       return "";
     }
     const mergedOptions = {
-      ...globalConfig,
+      ...getGlobalStorage(),
       ...options
     };
     const {