tailwind-to-style 2.12.4 → 2.12.5

package/dist/index.browser.js

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.12.4
+ * tailwind-to-style v2.12.5
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion
@@ -9688,8 +9688,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 +9712,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 +9830,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 +9842,7 @@ function styled(component) {
       // Generate compound variant selectors
       compoundVariants.forEach(compound => {
         const {
-          className: compoundClass,
+          class: compoundClass,
           ...conditions
         } = compound;
 
@@ -9858,15 +9870,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.5
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.12.4
+ * tailwind-to-style v2.12.5
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion