tailwind-to-style 2.9.0 → 2.9.1

package/README.md

@@ -851,6 +851,24 @@ This script is suitable for CI/CD workflows, pre-build steps, or manually genera
 
 ## License
 
+## Support
+
+If you find this library helpful and want to support its development, consider buying me a coffee:
+
+[![Buy Me A Coffee](https://img.shields.io/badge/Buy%20Me%20A%20Coffee-ffdd00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://buymeacoffee.com/bigetion)
+
+Your support helps maintain and improve this library! ❤️
+
+### Why Support?
+
+- 🔧 **Active Maintenance**: Regular updates and bug fixes
+- ⚡ **New Features**: Continuous improvement based on community feedback
+- 📚 **Documentation**: Better examples and tutorials
+- 🚀 **Performance**: Optimization and new capabilities
+- 💬 **Support**: Responsive community support
+
+Every contribution, no matter how small, is greatly appreciated and helps keep this project alive and growing!
+
 ## Contributing
 
 Contributions are welcome! Please see our [Contributing Guide](CONTRIBUTING.md) for more details.

package/dist/index.browser.js

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.9.0
+ * tailwind-to-style v2.9.1
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion
@@ -6488,7 +6488,8 @@ var tailwindToStyle = (function (exports) {
   const pseudoVariants = new Set(["hover", "focus", "focus-within", "active", "visited", "disabled", "first", "last", "checked", "invalid", "required"]);
   const specialVariants = {
     group: (state, sel) => `.group:${state} ${sel}`,
-    peer: (state, sel) => `.peer:${state} ~ ${sel}`
+    peer: (state, sel) => `.peer:${state} ~ ${sel}`,
+    dark: (state, sel) => `.dark ${sel}`
   };
   const selectorVariants = {
     first: () => `> :first-child`,
@@ -6538,6 +6539,9 @@ var tailwindToStyle = (function (exports) {
         media = breakpoints[v];
       } else if (pseudoVariants.has(v)) {
         finalSelector += `:${v}`;
+      } else if (v === 'dark') {
+        // Special handling for dark variant
+        finalSelector = `.dark ${finalSelector}`;
       } else {
         for (const key in specialVariants) {
           if (v.startsWith(`${key}-`)) {
@@ -6877,6 +6881,10 @@ var tailwindToStyle = (function (exports) {
   // Utility functions for class expansion
   function expandDirectiveGroups(str) {
     return str.replace(/(\w+)\(([^()]+)\)/g, (_, directive, content) => {
+      // Special handling for dark mode syntax: dark:(classes)
+      if (directive === 'dark') {
+        return content.trim().split(/\s+/).map(cls => `dark:${cls}`).join(" ");
+      }
       return content.trim().split(/\s+/).map(val => {
         if (val.includes(":")) {
           const [variant, v] = val.split(":");

package/dist/index.cjs

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.9.0
+ * tailwind-to-style v2.9.1
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion
@@ -6489,7 +6489,8 @@ const breakpoints = {
 const pseudoVariants = new Set(["hover", "focus", "focus-within", "active", "visited", "disabled", "first", "last", "checked", "invalid", "required"]);
 const specialVariants = {
   group: (state, sel) => `.group:${state} ${sel}`,
-  peer: (state, sel) => `.peer:${state} ~ ${sel}`
+  peer: (state, sel) => `.peer:${state} ~ ${sel}`,
+  dark: (state, sel) => `.dark ${sel}`
 };
 const selectorVariants = {
   first: () => `> :first-child`,
@@ -6539,6 +6540,9 @@ function resolveVariants(selector, variants) {
       media = breakpoints[v];
     } else if (pseudoVariants.has(v)) {
       finalSelector += `:${v}`;
+    } else if (v === 'dark') {
+      // Special handling for dark variant
+      finalSelector = `.dark ${finalSelector}`;
     } else {
       for (const key in specialVariants) {
         if (v.startsWith(`${key}-`)) {
@@ -6878,6 +6882,10 @@ const performanceMonitor = {
 // Utility functions for class expansion
 function expandDirectiveGroups(str) {
   return str.replace(/(\w+)\(([^()]+)\)/g, (_, directive, content) => {
+    // Special handling for dark mode syntax: dark:(classes)
+    if (directive === 'dark') {
+      return content.trim().split(/\s+/).map(cls => `dark:${cls}`).join(" ");
+    }
     return content.trim().split(/\s+/).map(val => {
       if (val.includes(":")) {
         const [variant, v] = val.split(":");

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.9.0
+ * tailwind-to-style v2.9.1
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion
@@ -6485,7 +6485,8 @@ const breakpoints = {
 const pseudoVariants = new Set(["hover", "focus", "focus-within", "active", "visited", "disabled", "first", "last", "checked", "invalid", "required"]);
 const specialVariants = {
   group: (state, sel) => `.group:${state} ${sel}`,
-  peer: (state, sel) => `.peer:${state} ~ ${sel}`
+  peer: (state, sel) => `.peer:${state} ~ ${sel}`,
+  dark: (state, sel) => `.dark ${sel}`
 };
 const selectorVariants = {
   first: () => `> :first-child`,
@@ -6535,6 +6536,9 @@ function resolveVariants(selector, variants) {
       media = breakpoints[v];
     } else if (pseudoVariants.has(v)) {
       finalSelector += `:${v}`;
+    } else if (v === 'dark') {
+      // Special handling for dark variant
+      finalSelector = `.dark ${finalSelector}`;
     } else {
       for (const key in specialVariants) {
         if (v.startsWith(`${key}-`)) {
@@ -6874,6 +6878,10 @@ const performanceMonitor = {
 // Utility functions for class expansion
 function expandDirectiveGroups(str) {
   return str.replace(/(\w+)\(([^()]+)\)/g, (_, directive, content) => {
+    // Special handling for dark mode syntax: dark:(classes)
+    if (directive === 'dark') {
+      return content.trim().split(/\s+/).map(cls => `dark:${cls}`).join(" ");
+    }
     return content.trim().split(/\s+/).map(val => {
       if (val.includes(":")) {
         const [variant, v] = val.split(":");