tailwind-to-style 2.12.4 → 2.12.6

package/dist/index.browser.js

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.12.4
+ * tailwind-to-style v2.12.6
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion
@@ -1815,10 +1815,9 @@ function resetTailwindCache() {
   instance = null;
 }
 
-var _process$env;
-/**
- * Logger class with configurable log levels
- * Prevents console spam in production
+/**
+ * Logger class with configurable log levels
+ * Prevents console spam in production
  */
 class Logger {
   constructor() {
@@ -1833,9 +1832,9 @@ class Logger {
     };
   }
 
-  /**
-   * Set the log level
-   * @param {string} level - One of 'debug', 'info', 'warn', 'error', 'silent'
+  /**
+   * Set the log level
+   * @param {string} level - One of 'debug', 'info', 'warn', 'error', 'silent'
    */
   setLevel(level) {
     if (this.levels[level] !== undefined) {
@@ -1843,22 +1842,22 @@ class Logger {
     }
   }
 
-  /**
-   * Get current log level
+  /**
+   * Get current log level
    */
   getLevel() {
     return this.level;
   }
 
-  /**
-   * Check if a message should be logged
+  /**
+   * Check if a message should be logged
    */
   shouldLog(level) {
     return this.levels[level] >= this.levels[this.level];
   }
 
-  /**
-   * Log debug message
+  /**
+   * Log debug message
    */
   debug(message) {
     if (this.shouldLog("debug")) {
@@ -1869,8 +1868,8 @@ class Logger {
     }
   }
 
-  /**
-   * Log info message
+  /**
+   * Log info message
    */
   info(message) {
     if (this.shouldLog("info")) {
@@ -1881,8 +1880,8 @@ class Logger {
     }
   }
 
-  /**
-   * Log warning message
+  /**
+   * Log warning message
    */
   warn(message) {
     if (this.shouldLog("warn")) {
@@ -1893,8 +1892,8 @@ class Logger {
     }
   }
 
-  /**
-   * Log error message
+  /**
+   * Log error message
    */
   error(message) {
     if (this.shouldLog("error")) {
@@ -1907,7 +1906,14 @@ class Logger {
 }
 
 // Create singleton instance with production-safe defaults
-const isProduction = typeof process !== "undefined" && ((_process$env = process.env) === null || _process$env === void 0 ? void 0 : _process$env.NODE_ENV) === "production";
+// Use try-catch to safely check for Node.js environment
+let isProduction = false;
+try {
+  isProduction = typeof process !== "undefined" && typeof process.env !== "undefined" && process.env.NODE_ENV === "production";
+} catch (e) {
+  // In browser environment, default to development mode
+  isProduction = false;
+}
 const logger = new Logger(isProduction ? "error" : "warn");
 
 /**
@@ -9688,8 +9694,11 @@ function styled(component) {
             const variantPrefix = getVariantPrefix(namingOptions);
             const sep = namingOptions.separator || styledConfig.separator || "-";
             const variantSelector = `&.${variantPrefix}${variantKey}${sep}${variantValue}`;
-            if (variantClasses && variantClasses.trim()) {
-              nestedVariants[variantSelector] = variantClasses;
+
+            // Handle both string and array of classes
+            const normalizedClasses = Array.isArray(variantClasses) ? variantClasses.join(" ") : variantClasses;
+            if (normalizedClasses && normalizedClasses.trim()) {
+              nestedVariants[variantSelector] = normalizedClasses;
             }
           });
         });
@@ -9709,16 +9718,22 @@ function styled(component) {
             return `${variantPrefix}${key}${sep}${value}`;
           }).join(".");
           const compoundSelector = `&.${conditionClasses}`;
-          if (compoundClass && compoundClass.trim()) {
-            nestedVariants[compoundSelector] = compoundClass;
+
+          // Handle both string and array of classes
+          const normalizedClass = Array.isArray(compoundClass) ? compoundClass.join(" ") : compoundClass;
+          if (normalizedClass && normalizedClass.trim()) {
+            nestedVariants[compoundSelector] = normalizedClass;
           }
         });
 
         // 3. Build final structure: [base, { nested variants }]
         // This matches the twsx() format exactly
         const styleArray = [];
-        if (base.trim()) {
-          styleArray.push(base);
+
+        // Handle both string and array of classes for base
+        const normalizedBase = Array.isArray(base) ? base.join(" ") : base;
+        if (normalizedBase && normalizedBase.trim()) {
+          styleArray.push(normalizedBase);
         }
         if (Object.keys(nestedVariants).length > 0) {
           styleArray.push(nestedVariants);
@@ -9821,8 +9836,11 @@ function styled(component) {
           const variantPrefix = getVariantPrefix(namingOptions);
           const sep = namingOptions.separator || styledConfig.separator || "-";
           const variantSelector = `&.${variantPrefix}${variantKey}${sep}${variantValue}`;
-          if (variantClasses && variantClasses.trim()) {
-            nestedVariants[variantSelector] = variantClasses;
+
+          // Handle both string and array of classes
+          const normalizedClasses = Array.isArray(variantClasses) ? variantClasses.join(" ") : variantClasses;
+          if (normalizedClasses && normalizedClasses.trim()) {
+            nestedVariants[variantSelector] = normalizedClasses;
           }
         });
       });
@@ -9830,7 +9848,7 @@ function styled(component) {
       // Generate compound variant selectors
       compoundVariants.forEach(compound => {
         const {
-          className: compoundClass,
+          class: compoundClass,
           ...conditions
         } = compound;
 
@@ -9858,15 +9876,21 @@ function styled(component) {
             compoundSelector += `:not(.${negClass})`;
           });
         }
-        if (compoundClass && compoundClass.trim()) {
-          nestedVariants[compoundSelector] = compoundClass;
+
+        // Handle both string and array of classes
+        const normalizedClass = Array.isArray(compoundClass) ? compoundClass.join(" ") : compoundClass;
+        if (normalizedClass && normalizedClass.trim()) {
+          nestedVariants[compoundSelector] = normalizedClass;
         }
       });
 
       // Build final nested structure: [base, { nested variants }]
       const styleArray = [];
-      if (base.trim()) {
-        styleArray.push(base);
+
+      // Handle both string and array of classes for base
+      const normalizedBase = Array.isArray(base) ? base.join(" ") : base;
+      if (normalizedBase && normalizedBase.trim()) {
+        styleArray.push(normalizedBase);
       }
 
       // Add pseudo-state classes to nested

package/dist/index.cjs

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.12.4
+ * tailwind-to-style v2.12.6
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion
@@ -1727,10 +1727,9 @@ function resetTailwindCache() {
   instance = null;
 }
 
-var _process$env;
-/**
- * Logger class with configurable log levels
- * Prevents console spam in production
+/**
+ * Logger class with configurable log levels
+ * Prevents console spam in production
  */
 class Logger {
   constructor() {
@@ -1745,9 +1744,9 @@ class Logger {
     };
   }
 
-  /**
-   * Set the log level
-   * @param {string} level - One of 'debug', 'info', 'warn', 'error', 'silent'
+  /**
+   * Set the log level
+   * @param {string} level - One of 'debug', 'info', 'warn', 'error', 'silent'
    */
   setLevel(level) {
     if (this.levels[level] !== undefined) {
@@ -1755,22 +1754,22 @@ class Logger {
     }
   }
 
-  /**
-   * Get current log level
+  /**
+   * Get current log level
    */
   getLevel() {
     return this.level;
   }
 
-  /**
-   * Check if a message should be logged
+  /**
+   * Check if a message should be logged
    */
   shouldLog(level) {
     return this.levels[level] >= this.levels[this.level];
   }
 
-  /**
-   * Log debug message
+  /**
+   * Log debug message
    */
   debug(message) {
     if (this.shouldLog("debug")) {
@@ -1781,8 +1780,8 @@ class Logger {
     }
   }
 
-  /**
-   * Log info message
+  /**
+   * Log info message
    */
   info(message) {
     if (this.shouldLog("info")) {
@@ -1793,8 +1792,8 @@ class Logger {
     }
   }
 
-  /**
-   * Log warning message
+  /**
+   * Log warning message
    */
   warn(message) {
     if (this.shouldLog("warn")) {
@@ -1805,8 +1804,8 @@ class Logger {
     }
   }
 
-  /**
-   * Log error message
+  /**
+   * Log error message
    */
   error(message) {
     if (this.shouldLog("error")) {
@@ -1819,7 +1818,14 @@ class Logger {
 }
 
 // Create singleton instance with production-safe defaults
-const isProduction = typeof process !== "undefined" && ((_process$env = process.env) === null || _process$env === void 0 ? void 0 : _process$env.NODE_ENV) === "production";
+// Use try-catch to safely check for Node.js environment
+let isProduction = false;
+try {
+  isProduction = typeof process !== "undefined" && typeof process.env !== "undefined" && process.env.NODE_ENV === "production";
+} catch (e) {
+  // In browser environment, default to development mode
+  isProduction = false;
+}
 const logger = new Logger(isProduction ? "error" : "warn");
 
 /**

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.12.4
+ * tailwind-to-style v2.12.6
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion
@@ -1725,10 +1725,9 @@ function resetTailwindCache() {
   instance = null;
 }
 
-var _process$env;
-/**
- * Logger class with configurable log levels
- * Prevents console spam in production
+/**
+ * Logger class with configurable log levels
+ * Prevents console spam in production
  */
 class Logger {
   constructor() {
@@ -1743,9 +1742,9 @@ class Logger {
     };
   }
 
-  /**
-   * Set the log level
-   * @param {string} level - One of 'debug', 'info', 'warn', 'error', 'silent'
+  /**
+   * Set the log level
+   * @param {string} level - One of 'debug', 'info', 'warn', 'error', 'silent'
    */
   setLevel(level) {
     if (this.levels[level] !== undefined) {
@@ -1753,22 +1752,22 @@ class Logger {
     }
   }
 
-  /**
-   * Get current log level
+  /**
+   * Get current log level
    */
   getLevel() {
     return this.level;
   }
 
-  /**
-   * Check if a message should be logged
+  /**
+   * Check if a message should be logged
    */
   shouldLog(level) {
     return this.levels[level] >= this.levels[this.level];
   }
 
-  /**
-   * Log debug message
+  /**
+   * Log debug message
    */
   debug(message) {
     if (this.shouldLog("debug")) {
@@ -1779,8 +1778,8 @@ class Logger {
     }
   }
 
-  /**
-   * Log info message
+  /**
+   * Log info message
    */
   info(message) {
     if (this.shouldLog("info")) {
@@ -1791,8 +1790,8 @@ class Logger {
     }
   }
 
-  /**
-   * Log warning message
+  /**
+   * Log warning message
    */
   warn(message) {
     if (this.shouldLog("warn")) {
@@ -1803,8 +1802,8 @@ class Logger {
     }
   }
 
-  /**
-   * Log error message
+  /**
+   * Log error message
    */
   error(message) {
     if (this.shouldLog("error")) {
@@ -1817,7 +1816,14 @@ class Logger {
 }
 
 // Create singleton instance with production-safe defaults
-const isProduction = typeof process !== "undefined" && ((_process$env = process.env) === null || _process$env === void 0 ? void 0 : _process$env.NODE_ENV) === "production";
+// Use try-catch to safely check for Node.js environment
+let isProduction = false;
+try {
+  isProduction = typeof process !== "undefined" && typeof process.env !== "undefined" && process.env.NODE_ENV === "production";
+} catch (e) {
+  // In browser environment, default to development mode
+  isProduction = false;
+}
 const logger = new Logger(isProduction ? "error" : "warn");
 
 /**