npm - tailwind-to-style - Versions diffs - 2.9.2 → 2.10.0-beta.1 - Mend

tailwind-to-style 2.9.2 → 2.10.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/README.md +457 -0
package/dist/index.browser.js +1274 -376
package/dist/index.cjs +1274 -376
package/dist/index.d.ts +118 -2
package/dist/index.esm.js +1261 -377
package/dist/index.min.js +1 -1
package/dist/index.min.js.map +1 -1
package/package.json +74 -74

package/dist/index.browser.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.9.2
+ * tailwind-to-style v2.10.0-beta.1
  * Convert tailwind classes to inline style
  *
  * @author Bigetion
@@ -19,6 +19,14 @@ var tailwindToStyle = (function (exports) {
         custom: "custom_value"
       };
     },
+    animation: {
+      none: "none",
+      spin: "spin 1s linear infinite",
+      ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
+      pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+      bounce: "bounce 1s infinite",
+      custom: "custom_value"
+    },
     aspectRatio: {
       auto: "auto",
       square: "1 / 1",
@@ -1503,6 +1511,75 @@ var tailwindToStyle = (function (exports) {
       100: "100",
       auto: "auto",
       custom: "custom_value"
+    },
+    keyframes: {
+      spin: {
+        "0%": {
+          transform: "rotate(0deg)"
+        },
+        "100%": {
+          transform: "rotate(360deg)"
+        }
+      },
+      ping: {
+        "75%, 100%": {
+          transform: "scale(2)",
+          opacity: "0"
+        }
+      },
+      pulse: {
+        "50%": {
+          opacity: ".5"
+        }
+      },
+      bounce: {
+        "0%, 100%": {
+          transform: "translateY(-25%)",
+          animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
+        },
+        "50%": {
+          transform: "none",
+          animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
+        }
+      }
+    },
+    transitionProperty: {
+      none: "none",
+      all: "all",
+      DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
+      colors: "color, background-color, border-color, text-decoration-color, fill, stroke",
+      opacity: "opacity",
+      shadow: "box-shadow",
+      transform: "transform"
+    },
+    transitionTimingFunction: {
+      DEFAULT: "cubic-bezier(0.4, 0, 0.2, 1)",
+      linear: "linear",
+      in: "cubic-bezier(0.4, 0, 1, 1)",
+      out: "cubic-bezier(0, 0, 0.2, 1)",
+      "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
+    },
+    transitionDuration: {
+      0: "0s",
+      75: "75ms",
+      100: "100ms",
+      150: "150ms",
+      200: "200ms",
+      300: "300ms",
+      500: "500ms",
+      700: "700ms",
+      1000: "1000ms"
+    },
+    transitionDelay: {
+      0: "0s",
+      75: "75ms",
+      100: "100ms",
+      150: "150ms",
+      200: "200ms",
+      300: "300ms",
+      500: "500ms",
+      700: "700ms",
+      1000: "1000ms"
     }
   };
@@ -1517,6 +1594,348 @@ var tailwindToStyle = (function (exports) {
     vars
   };
+  /**
+   * TailwindCache singleton for managing generated Tailwind CSS
+   * Replaces global state with proper encapsulation
+   */
+  class TailwindCache {
+    constructor() {
+      this.twString = null;
+      this.cssObject = null;
+      this.initialized = false;
+    }
+    /**
+     * Get or generate the CSS object
+     * @param {Function} generateFn - Function to generate CSS string
+     * @param {Function} convertFn - Function to convert CSS string to object
+     * @returns {Object} CSS object lookup
+     */
+    getOrGenerate(generateFn, convertFn) {
+      if (!this.initialized) {
+        this.twString = generateFn().replace(/\s\s+/g, ' ');
+        this.cssObject = convertFn(this.twString);
+        this.initialized = true;
+      }
+      return this.cssObject;
+    }
+    /**
+     * Get the CSS string
+     */
+    getCssString() {
+      return this.twString;
+    }
+    /**
+     * Get the CSS object
+     */
+    getCssObject() {
+      return this.cssObject;
+    }
+    /**
+     * Check if cache is initialized
+     */
+    isInitialized() {
+      return this.initialized;
+    }
+    /**
+     * Reset the cache (useful for testing)
+     */
+    reset() {
+      this.twString = null;
+      this.cssObject = null;
+      this.initialized = false;
+    }
+  }
+  // Singleton instance
+  let instance = null;
+  /**
+   * Get the TailwindCache singleton instance
+   * @returns {TailwindCache} The cache instance
+   */
+  function getTailwindCache() {
+    if (!instance) {
+      instance = new TailwindCache();
+    }
+    return instance;
+  }
+  /**
+   * Reset the TailwindCache singleton (for testing)
+   */
+  function resetTailwindCache() {
+    if (instance) {
+      instance.reset();
+    }
+    instance = null;
+  }
+  var _process$env;
+  /**
+   * Logger class with configurable log levels
+   * Prevents console spam in production
+   */
+  class Logger {
+    constructor() {
+      let level = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'warn';
+      this.level = level;
+      this.levels = {
+        debug: 0,
+        info: 1,
+        warn: 2,
+        error: 3,
+        silent: 4
+      };
+    }
+    /**
+     * Set the log level
+     * @param {string} level - One of 'debug', 'info', 'warn', 'error', 'silent'
+     */
+    setLevel(level) {
+      if (this.levels[level] !== undefined) {
+        this.level = level;
+      }
+    }
+    /**
+     * Get current log level
+     */
+    getLevel() {
+      return this.level;
+    }
+    /**
+     * Check if a message should be logged
+     */
+    shouldLog(level) {
+      return this.levels[level] >= this.levels[this.level];
+    }
+    /**
+     * Log debug message
+     */
+    debug(message) {
+      if (this.shouldLog('debug')) {
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+        console.debug(`[twsx:debug] ${message}`, ...args);
+      }
+    }
+    /**
+     * Log info message
+     */
+    info(message) {
+      if (this.shouldLog('info')) {
+        for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+          args[_key2 - 1] = arguments[_key2];
+        }
+        console.info(`[twsx:info] ${message}`, ...args);
+      }
+    }
+    /**
+     * Log warning message
+     */
+    warn(message) {
+      if (this.shouldLog('warn')) {
+        for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+          args[_key3 - 1] = arguments[_key3];
+        }
+        console.warn(`[twsx:warn] ${message}`, ...args);
+      }
+    }
+    /**
+     * Log error message
+     */
+    error(message) {
+      if (this.shouldLog('error')) {
+        for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
+          args[_key4 - 1] = arguments[_key4];
+        }
+        console.error(`[twsx:error] ${message}`, ...args);
+      }
+    }
+  }
+  // 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';
+  const logger = new Logger(isProduction ? 'error' : 'warn');
+  /**
+   * User Configuration Management
+   * Handles theme extensions and custom plugin registration
+   */
+  /**
+   * User configuration state
+   */
+  let userConfig = {
+    theme: {
+      extend: {}
+    },
+    plugins: [],
+    corePlugins: {},
+    prefix: ""
+  };
+  /**
+   * Deep merge two objects
+   * @param {Object} target - Target object
+   * @param {Object} source - Source object
+   * @returns {Object} Merged object
+   */
+  function deepMerge(target, source) {
+    const result = {
+      ...target
+    };
+    for (const key in source) {
+      if (source[key] && typeof source[key] === "object" && !Array.isArray(source[key])) {
+        result[key] = deepMerge(target[key] || {}, source[key]);
+      } else {
+        result[key] = source[key];
+      }
+    }
+    return result;
+  }
+  /**
+   * Configure tailwind-to-style with custom theme and plugins
+   * @param {Object} config - Configuration object
+   * @param {Object} [config.theme] - Theme configuration
+   * @param {Object} [config.theme.extend] - Theme extensions
+   * @param {Array} [config.plugins] - Array of plugins
+   * @param {Object} [config.corePlugins] - Core plugins to enable/disable
+   * @param {string} [config.prefix] - Prefix for all classes
+   *
+   * @example
+   * configure({
+   *   theme: {
+   *     extend: {
+   *       colors: {
+   *         brand: {
+   *           500: '#3B82F6',
+   *         },
+   *       },
+   *       spacing: {
+   *         128: '32rem',
+   *       },
+   *     },
+   *   },
+   *   plugins: [myCustomPlugin],
+   * });
+   */
+  function configure() {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    try {
+      // Validate config
+      if (!config || typeof config !== "object") {
+        logger.warn("configure: Expected an object but received:", config);
+        return;
+      }
+      // Merge user config with defaults
+      if (config.theme) {
+        if (config.theme.extend) {
+          userConfig.theme.extend = deepMerge(userConfig.theme.extend, config.theme.extend);
+        }
+        // Support direct theme overrides (not recommended, but allowed)
+        if (config.theme.colors) {
+          userConfig.theme.colors = config.theme.colors;
+        }
+        if (config.theme.spacing) {
+          userConfig.theme.spacing = config.theme.spacing;
+        }
+      }
+      // Register plugins
+      if (config.plugins && Array.isArray(config.plugins)) {
+        userConfig.plugins = [...userConfig.plugins, ...config.plugins];
+        logger.info(`Registered ${config.plugins.length} plugin(s)`);
+      }
+      // Core plugins configuration
+      if (config.corePlugins) {
+        userConfig.corePlugins = {
+          ...userConfig.corePlugins,
+          ...config.corePlugins
+        };
+      }
+      // Prefix configuration
+      if (config.prefix !== undefined) {
+        userConfig.prefix = config.prefix;
+      }
+      // Reset cache to apply new configuration
+      resetTailwindCache();
+      logger.info("Configuration applied successfully");
+    } catch (error) {
+      logger.error("Error applying configuration:", error);
+      throw error;
+    }
+  }
+  /**
+   * Get current user configuration
+   * @returns {Object} Current configuration
+   */
+  function getConfig() {
+    return {
+      ...userConfig
+    };
+  }
+  /**
+   * Reset configuration to defaults
+   */
+  function resetConfig() {
+    userConfig = {
+      theme: {
+        extend: {}
+      },
+      plugins: [],
+      corePlugins: {},
+      prefix: ""
+    };
+    resetTailwindCache();
+    logger.info("Configuration reset to defaults");
+  }
+  /**
+   * Get extended theme value
+   * @param {string} key - Theme key (e.g., 'colors', 'spacing')
+   * @returns {Object} Extended theme values
+   */
+  function getExtendedTheme(key) {
+    return userConfig.theme.extend[key] || {};
+  }
+  /**
+   * Get all registered plugins
+   * @returns {Array} Array of plugins
+   */
+  function getPlugins() {
+    return userConfig.plugins;
+  }
+  /**
+   * Get configured prefix
+   * @returns {string} Prefix string
+   */
+  function getPrefix() {
+    return userConfig.prefix;
+  }
   function isFunction(functionToCheck) {
     return functionToCheck && {}.toString.call(functionToCheck) === "[object Function]";
   }
@@ -1552,8 +1971,18 @@ var tailwindToStyle = (function (exports) {
         newTheme[key] = Object.assign({}, newTheme[key], themeExtend[key]);
       }
     });
+    themeKeys.forEach(key => {
+      const extended = getExtendedTheme(key);
+      if (extended && Object.keys(extended).length > 0) {
+        newTheme[key] = Object.assign({}, newTheme[key], extended);
+      }
+    });
+    // Get user prefix
+    const userPrefix = getPrefix();
+    const finalPrefix = userPrefix || options.prefix || "";
     return {
-      prefix: "",
+      prefix: finalPrefix,
       ...configOptions,
       ...options,
       theme: newTheme
@@ -1619,7 +2048,7 @@ var tailwindToStyle = (function (exports) {
     return cssString;
   }
-  function generator$2r() {
+  function generator$2w() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -1658,7 +2087,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2q() {
+  function generator$2v() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix
@@ -1697,7 +2126,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2p() {
+  function generator$2u() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -1725,7 +2154,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2o() {
+  function generator$2t() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -1752,7 +2181,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2n() {
+  function generator$2s() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -1779,7 +2208,40 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2m() {
+  /**
+   * Animation Generator
+   * Generates animation utility classes
+   * Note: Keyframes are defined in theme but not rendered here since inline styles
+   * can't use @keyframes. The animation values should reference keyframe names that
+   * are already defined in your global CSS.
+   */
+  function generator$2r() {
+    let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const {
+      prefix: globalPrefix,
+      theme = {}
+    } = configOptions;
+    const prefix = `${globalPrefix}animate`;
+    const {
+      animation = {}
+    } = theme;
+    const responsiveCssString = generateCssString$1(_ref => {
+      let {
+        getCssByOptions
+      } = _ref;
+      const cssString = getCssByOptions(animation, (key, value) => {
+        return `
+          ${prefix}-${key} {
+            animation: ${value};
+          }
+        `;
+      });
+      return cssString;
+    }, configOptions);
+    return responsiveCssString;
+  }
+  function generator$2q() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix
@@ -1799,7 +2261,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2l() {
+  function generator$2p() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -1828,7 +2290,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2k() {
+  function generator$2o() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -1849,7 +2311,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2j() {
+  function generator$2n() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -1876,7 +2338,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2i() {
+  function generator$2m() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -1916,7 +2378,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2h() {
+  function generator$2l() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -1950,7 +2412,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2g() {
+  function generator$2k() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -1974,7 +2436,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2f() {
+  function generator$2j() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -2000,7 +2462,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2e() {
+  function generator$2i() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2034,7 +2496,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2d() {
+  function generator$2h() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -2062,7 +2524,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2c() {
+  function generator$2g() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2096,7 +2558,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2b() {
+  function generator$2f() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2130,7 +2592,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$2a() {
+  function generator$2e() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -2151,7 +2613,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$29() {
+  function generator$2d() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2239,7 +2701,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$28() {
+  function generator$2c() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2263,7 +2725,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$27() {
+  function generator$2b() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2338,7 +2800,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$26() {
+  function generator$2a() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2373,7 +2835,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$25() {
+  function generator$29() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -2394,7 +2856,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$24() {
+  function generator$28() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2459,7 +2921,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$23() {
+  function generator$27() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -2481,7 +2943,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$22() {
+  function generator$26() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2535,7 +2997,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$21() {
+  function generator$25() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -2559,7 +3021,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$20() {
+  function generator$24() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2593,7 +3055,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1$() {
+  function generator$23() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -2614,7 +3076,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1_() {
+  function generator$22() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2653,7 +3115,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1Z() {
+  function generator$21() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -2674,7 +3136,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1Y() {
+  function generator$20() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2698,7 +3160,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1X() {
+  function generator$1$() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2732,7 +3194,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1W() {
+  function generator$1_() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -2753,7 +3215,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1V() {
+  function generator$1Z() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix
@@ -2773,7 +3235,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1U() {
+  function generator$1Y() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2804,7 +3266,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1T() {
+  function generator$1X() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2828,7 +3290,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1S() {
+  function generator$1W() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -2849,7 +3311,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1R() {
+  function generator$1V() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2897,7 +3359,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1Q() {
+  function generator$1U() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2925,7 +3387,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1P() {
+  function generator$1T() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2951,7 +3413,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1O(_ref) {
+  function generator$1S(_ref) {
     let {
       prefix
     } = _ref;
@@ -2964,7 +3426,7 @@ var tailwindToStyle = (function (exports) {
 `;
   }
-  function generator$1N() {
+  function generator$1R() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -2988,7 +3450,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1M() {
+  function generator$1Q() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3012,7 +3474,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1L() {
+  function generator$1P() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -3038,7 +3500,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1K() {
+  function generator$1O() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3062,7 +3524,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1J() {
+  function generator$1N() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3086,7 +3548,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1I() {
+  function generator$1M() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -3112,7 +3574,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1H() {
+  function generator$1L() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -3133,7 +3595,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1G() {
+  function generator$1K() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3167,7 +3629,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1F() {
+  function generator$1J() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix
@@ -3187,7 +3649,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1E() {
+  function generator$1I() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix
@@ -3210,7 +3672,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1D() {
+  function generator$1H() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix
@@ -3240,7 +3702,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1C() {
+  function generator$1G() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3274,7 +3736,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1B() {
+  function generator$1F() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3304,7 +3766,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1A() {
+  function generator$1E() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix,
@@ -3343,7 +3805,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1z() {
+  function generator$1D() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3377,7 +3839,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1y() {
+  function generator$1C() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3401,7 +3863,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1x() {
+  function generator$1B() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -3427,7 +3889,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1w() {
+  function generator$1A() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3451,7 +3913,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1v() {
+  function generator$1z() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3475,7 +3937,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1u() {
+  function generator$1y() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3499,7 +3961,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1t() {
+  function generator$1x() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3523,7 +3985,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1s() {
+  function generator$1w() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3547,7 +4009,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1r() {
+  function generator$1v() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3571,7 +4033,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1q() {
+  function generator$1u() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3595,7 +4057,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1p() {
+  function generator$1t() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3619,7 +4081,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1o() {
+  function generator$1s() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3643,7 +4105,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1n() {
+  function generator$1r() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3667,7 +4129,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1m() {
+  function generator$1q() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3705,7 +4167,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1l() {
+  function generator$1p() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -3727,7 +4189,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1k() {
+  function generator$1o() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3785,7 +4247,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1j() {
+  function generator$1n() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3819,7 +4281,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1i() {
+  function generator$1m() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -3843,7 +4305,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1h() {
+  function generator$1l() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -3871,7 +4333,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1g() {
+  function generator$1k() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -3892,7 +4354,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1f() {
+  function generator$1j() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -3913,7 +4375,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1e() {
+  function generator$1i() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3937,7 +4399,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1d() {
+  function generator$1h() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3964,7 +4426,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1c() {
+  function generator$1g() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -3988,7 +4450,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1b() {
+  function generator$1f() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -4009,7 +4471,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$1a() {
+  function generator$1e() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4033,7 +4495,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$19() {
+  function generator$1d() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4094,7 +4556,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$18() {
+  function generator$1c() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4118,7 +4580,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$17() {
+  function generator$1b() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4142,7 +4604,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$16() {
+  function generator$1a() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4166,7 +4628,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$15() {
+  function generator$19() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4190,7 +4652,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$14() {
+  function generator$18() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -4216,7 +4678,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$13() {
+  function generator$17() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -4237,7 +4699,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$12() {
+  function generator$16() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -4258,7 +4720,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$11() {
+  function generator$15() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4289,7 +4751,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$10() {
+  function generator$14() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4313,7 +4775,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$$() {
+  function generator$13() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4357,7 +4819,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$_() {
+  function generator$12() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4383,7 +4845,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$Z() {
+  function generator$11() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4410,7 +4872,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$Y() {
+  function generator$10() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -4442,7 +4904,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$X() {
+  function generator$$() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4476,7 +4938,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$W() {
+  function generator$_() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -4511,7 +4973,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$V() {
+  function generator$Z() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -4538,7 +5000,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$U() {
+  function generator$Y() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4588,7 +5050,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$T() {
+  function generator$X() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -4617,7 +5079,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$S() {
+  function generator$W() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -4638,7 +5100,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$R() {
+  function generator$V() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -4659,7 +5121,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$Q() {
+  function generator$U() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix
@@ -4677,7 +5139,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$P() {
+  function generator$T() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix
@@ -4697,7 +5159,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$O() {
+  function generator$S() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -4726,7 +5188,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$N() {
+  function generator$R() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4759,7 +5221,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$M() {
+  function generator$Q() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4783,7 +5245,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$L() {
+  function generator$P() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4807,7 +5269,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$K() {
+  function generator$O() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4834,7 +5296,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$J() {
+  function generator$N() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4872,7 +5334,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$I() {
+  function generator$M() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4906,7 +5368,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$H() {
+  function generator$L() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4943,7 +5405,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$G() {
+  function generator$K() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -4978,7 +5440,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$F() {
+  function generator$J() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix
@@ -4998,7 +5460,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$E() {
+  function generator$I() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5059,7 +5521,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$D() {
+  function generator$H() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5120,7 +5582,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$C() {
+  function generator$G() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -5146,7 +5608,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$B() {
+  function generator$F() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -5167,7 +5629,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$A() {
+  function generator$E() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -5199,7 +5661,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$z() {
+  function generator$D() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5233,7 +5695,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$y() {
+  function generator$C() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5258,7 +5720,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$x() {
+  function generator$B() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5299,7 +5761,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$w() {
+  function generator$A() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5351,7 +5813,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$v() {
+  function generator$z() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5377,7 +5839,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$u() {
+  function generator$y() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5401,7 +5863,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$t() {
+  function generator$x() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -5422,7 +5884,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$s() {
+  function generator$w() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -5443,7 +5905,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$r() {
+  function generator$v() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5483,7 +5945,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$q() {
+  function generator$u() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix
@@ -5508,7 +5970,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$p() {
+  function generator$t() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5547,7 +6009,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$o() {
+  function generator$s() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -5568,7 +6030,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$n() {
+  function generator$r() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5592,7 +6054,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$m() {
+  function generator$q() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5627,7 +6089,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$l() {
+  function generator$p() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5651,7 +6113,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$k() {
+  function generator$o() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix
@@ -5676,7 +6138,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$j() {
+  function generator$n() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5703,7 +6165,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$i() {
+  function generator$m() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5741,7 +6203,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$h() {
+  function generator$l() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5768,7 +6230,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$g() {
+  function generator$k() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5795,7 +6257,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$f() {
+  function generator$j() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5822,7 +6284,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$e() {
+  function generator$i() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix
@@ -5847,7 +6309,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$d() {
+  function generator$h() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix,
@@ -5871,7 +6333,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$c() {
+  function generator$g() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix
@@ -5891,7 +6353,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$b() {
+  function generator$f() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -5912,7 +6374,7 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
-  function generator$a(_ref) {
+  function generator$e(_ref) {
     let {
       prefix
     } = _ref;
@@ -5923,7 +6385,7 @@ var tailwindToStyle = (function (exports) {
 `;
   }
-  function generator$9() {
+  function generator$d() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       prefix: globalPrefix
@@ -5944,6 +6406,140 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
+  /**
+   * Transition Delay Generator
+   * Generates transition-delay utility classes
+   */
+  function generator$c() {
+    let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const {
+      prefix: globalPrefix,
+      theme = {}
+    } = configOptions;
+    const prefix = `${globalPrefix}delay`;
+    const {
+      transitionDelay = {}
+    } = theme;
+    const responsiveCssString = generateCssString$1(_ref => {
+      let {
+        getCssByOptions
+      } = _ref;
+      const cssString = getCssByOptions(transitionDelay, (key, value) => {
+        return `
+          ${prefix}-${key} {
+            transition-delay: ${value};
+          }
+        `;
+      });
+      return cssString;
+    }, configOptions);
+    return responsiveCssString;
+  }
+  /**
+   * Transition Duration Generator
+   * Generates transition-duration utility classes
+   */
+  function generator$b() {
+    let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const {
+      prefix: globalPrefix,
+      theme = {}
+    } = configOptions;
+    const prefix = `${globalPrefix}duration`;
+    const {
+      transitionDuration = {}
+    } = theme;
+    const responsiveCssString = generateCssString$1(_ref => {
+      let {
+        getCssByOptions
+      } = _ref;
+      const cssString = getCssByOptions(transitionDuration, (key, value) => {
+        return `
+          ${prefix}-${key} {
+            transition-duration: ${value};
+          }
+        `;
+      });
+      return cssString;
+    }, configOptions);
+    return responsiveCssString;
+  }
+  /**
+   * Transition Property Generator
+   * Generates transition-property utility classes
+   */
+  function generator$a() {
+    let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const {
+      prefix: globalPrefix,
+      theme = {}
+    } = configOptions;
+    const prefix = `${globalPrefix}transition`;
+    const {
+      transitionProperty = {}
+    } = theme;
+    const responsiveCssString = generateCssString$1(_ref => {
+      let {
+        getCssByOptions
+      } = _ref;
+      const cssString = getCssByOptions(transitionProperty, (key, value) => {
+        if (key === "DEFAULT") {
+          return `
+            ${globalPrefix}transition {
+              transition-property: ${value};
+              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+              transition-duration: 150ms;
+            }
+          `;
+        }
+        return `
+          ${prefix}-${key} {
+            transition-property: ${value};
+            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+            transition-duration: 150ms;
+          }
+        `;
+      });
+      return cssString;
+    }, configOptions);
+    return responsiveCssString;
+  }
+  /**
+   * Transition Timing Function Generator
+   * Generates transition-timing-function utility classes (ease)
+   */
+  function generator$9() {
+    let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const {
+      prefix: globalPrefix,
+      theme = {}
+    } = configOptions;
+    const prefix = `${globalPrefix}ease`;
+    const {
+      transitionTimingFunction = {}
+    } = theme;
+    const responsiveCssString = generateCssString$1(_ref => {
+      let {
+        getCssByOptions
+      } = _ref;
+      const cssString = getCssByOptions(transitionTimingFunction, (key, value) => {
+        if (key === "DEFAULT") {
+          return ""; // Skip DEFAULT for ease
+        }
+        return `
+          ${prefix}-${key} {
+            transition-timing-function: ${value};
+          }
+        `;
+      });
+      return cssString;
+    }, configOptions);
+    return responsiveCssString;
+  }
   function generator$8() {
     let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
@@ -6182,6 +6778,293 @@ var tailwindToStyle = (function (exports) {
     return responsiveCssString;
   }
+  /**
+   * Proper LRU (Least Recently Used) Cache implementation
+   * Efficiently manages memory by removing least recently used items
+   */
+  class LRUCache {
+    constructor() {
+      let maxSize = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1000;
+      this.maxSize = maxSize;
+      this.cache = new Map();
+    }
+    /**
+     * Get value from cache
+     * Updates the item as most recently used
+     */
+    get(key) {
+      if (!this.cache.has(key)) {
+        return undefined;
+      }
+      const value = this.cache.get(key);
+      // Move to end (most recently used)
+      this.cache.delete(key);
+      this.cache.set(key, value);
+      return value;
+    }
+    /**
+     * Set value in cache
+     * Removes least recently used item if cache is full
+     */
+    set(key, value) {
+      // If key exists, delete it first to update position
+      if (this.cache.has(key)) {
+        this.cache.delete(key);
+      } else if (this.cache.size >= this.maxSize) {
+        // Remove least recently used (first item)
+        const firstKey = this.cache.keys().next().value;
+        this.cache.delete(firstKey);
+      }
+      this.cache.set(key, value);
+    }
+    /**
+     * Check if key exists in cache
+     */
+    has(key) {
+      return this.cache.has(key);
+    }
+    /**
+     * Clear all cache entries
+     */
+    clear() {
+      this.cache.clear();
+    }
+    /**
+     * Get current cache size
+     */
+    get size() {
+      return this.cache.size;
+    }
+    /**
+     * Delete specific key
+     */
+    delete(key) {
+      return this.cache.delete(key);
+    }
+  }
+  /**
+   * Custom error class for tailwind-to-style
+   */
+  class TwsError extends Error {
+    constructor(message) {
+      let context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      super(message);
+      this.name = 'TwsError';
+      this.context = context;
+      this.timestamp = new Date().toISOString();
+    }
+  }
+  /**
+   * Error event handlers
+   */
+  const errorHandlers = new Set();
+  /**
+   * Register an error handler
+   * @param {Function} handler - Function to call when errors occur
+   * @returns {Function} Unsubscribe function
+   */
+  function onError(handler) {
+    if (typeof handler !== 'function') {
+      throw new TypeError('Error handler must be a function');
+    }
+    errorHandlers.add(handler);
+    // Return unsubscribe function
+    return () => errorHandlers.delete(handler);
+  }
+  /**
+   * Handle and broadcast errors
+   * @param {Error} error - The error that occurred
+   * @param {Object} context - Additional context about the error
+   */
+  function handleError(error) {
+    let context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    const twsError = error instanceof TwsError ? error : new TwsError(error.message, context);
+    // Log the error
+    logger.error(twsError.message, twsError.context);
+    // Notify all registered handlers
+    errorHandlers.forEach(handler => {
+      try {
+        handler(twsError);
+      } catch (handlerError) {
+        logger.error('Error in error handler:', handlerError);
+      }
+    });
+    return twsError;
+  }
+  /**
+   * Plugin API for tailwind-to-style
+   * Allows users to create custom utilities and extend functionality
+   */
+  /**
+   * Create a plugin for tailwind-to-style
+   *
+   * @param {string} name - Plugin name
+   * @param {Object} definition - Plugin definition
+   * @param {Object} [definition.utilities] - Custom utility classes
+   * @param {Object} [definition.components] - Custom component classes
+   * @param {Function} [definition.handler] - Custom handler function
+   * @returns {Object} Plugin object
+   *
+   * @example
+   * const myPlugin = createPlugin('my-plugin', {
+   *   utilities: {
+   *     '.text-gradient': {
+   *       'background-clip': 'text',
+   *       '-webkit-background-clip': 'text',
+   *       '-webkit-text-fill-color': 'transparent',
+   *     },
+   *     '.glass': {
+   *       'backdrop-filter': 'blur(10px)',
+   *       'background-color': 'rgba(255, 255, 255, 0.1)',
+   *     },
+   *   },
+   * });
+   */
+  function createPlugin(name, definition) {
+    if (!name || typeof name !== "string") {
+      throw new Error("Plugin name must be a non-empty string");
+    }
+    if (!definition || typeof definition !== "object") {
+      throw new Error("Plugin definition must be an object");
+    }
+    const plugin = {
+      name,
+      type: "user-plugin",
+      utilities: definition.utilities || {},
+      components: definition.components || {},
+      handler: definition.handler || null
+    };
+    logger.debug(`Created plugin: ${name}`);
+    return plugin;
+  }
+  /**
+   * Create a utility plugin with dynamic values
+   *
+   * @param {string} name - Plugin name
+   * @param {Object} config - Configuration
+   * @param {string} config.prefix - Class prefix (e.g., 'text', 'bg')
+   * @param {Object} config.values - Values object
+   * @param {Function} config.formatter - Function to format CSS properties
+   * @returns {Object} Plugin object
+   *
+   * @example
+   * const textShadowPlugin = createUtilityPlugin('text-shadow', {
+   *   prefix: 'text-shadow',
+   *   values: {
+   *     sm: '1px 1px 2px rgba(0,0,0,0.1)',
+   *     md: '2px 2px 4px rgba(0,0,0,0.1)',
+   *     lg: '4px 4px 8px rgba(0,0,0,0.1)',
+   *   },
+   *   formatter: (value) => ({
+   *     'text-shadow': value,
+   *   }),
+   * });
+   */
+  function createUtilityPlugin(name, config) {
+    const {
+      prefix,
+      values,
+      formatter
+    } = config;
+    if (!prefix || !values || !formatter) {
+      throw new Error("createUtilityPlugin requires prefix, values, and formatter");
+    }
+    const utilities = {};
+    for (const [key, value] of Object.entries(values)) {
+      const className = `.${prefix}-${key}`;
+      const cssProps = formatter(value, key);
+      utilities[className] = cssProps;
+    }
+    return createPlugin(name, {
+      utilities
+    });
+  }
+  /**
+   * Create a variant plugin
+   *
+   * @param {string} name - Plugin name
+   * @param {Function} handler - Variant handler function
+   * @returns {Object} Plugin object
+   *
+   * @example
+   * const hoverParentPlugin = createVariantPlugin('hover-parent', (selector) => {
+   *   return `.parent:hover ${selector}`;
+   * });
+   */
+  function createVariantPlugin(name, handler) {
+    if (!handler || typeof handler !== "function") {
+      throw new Error("Variant handler must be a function");
+    }
+    return createPlugin(name, {
+      handler: {
+        type: "variant",
+        fn: handler
+      }
+    });
+  }
+  /**
+   * Convert plugin utilities to lookup object
+   * @param {Object} plugin - Plugin object
+   * @param {string} [prefix] - Optional prefix for all classes
+   * @returns {Object} Lookup object
+   */
+  function pluginToLookup(plugin) {
+    let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+    const lookup = {};
+    // Process utilities
+    if (plugin.utilities) {
+      for (const [className, props] of Object.entries(plugin.utilities)) {
+        // Remove leading dot and add prefix
+        const key = prefix ? `${prefix}${className.slice(1)}` : className.slice(1);
+        if (typeof props === "string") {
+          lookup[key] = props;
+        } else {
+          let cssString = "";
+          for (const [prop, value] of Object.entries(props)) {
+            cssString += `${prop}: ${value}; `;
+          }
+          lookup[key] = cssString.trim();
+        }
+      }
+    }
+    // Process components
+    if (plugin.components) {
+      for (const [className, props] of Object.entries(plugin.components)) {
+        const key = prefix ? `${prefix}${className.slice(1)}` : className.slice(1);
+        if (typeof props === "string") {
+          lookup[key] = props;
+        } else {
+          let cssString = "";
+          for (const [prop, value] of Object.entries(props)) {
+            cssString += `${prop}: ${value}; `;
+          }
+          lookup[key] = cssString.trim();
+        }
+      }
+    }
+    return lookup;
+  }
   const transition = {
     transitionNone: {
       regex: /^transition-none$/,
@@ -6261,153 +7144,158 @@ var tailwindToStyle = (function (exports) {
   };
   const plugins = {
-    accentColor: generator$2r,
-    accessibility: generator$2q,
-    alignContent: generator$2p,
-    alignItems: generator$2o,
-    alignSelf: generator$2n,
-    appearance: generator$2m,
-    aspect: generator$2l,
-    backgroundAttachment: generator$2k,
-    backgroundClip: generator$2j,
-    backgroundColor: generator$2i,
-    backgroundImage: generator$2h,
-    backgroundOpacity: generator$2g,
-    backgroundOrigin: generator$2f,
-    backgroundPosition: generator$2e,
-    backgroundRepeat: generator$2d,
-    backgroundSize: generator$2c,
-    blur: generator$2b,
-    borderCollapse: generator$2a,
-    borderColor: generator$29,
-    borderOpacity: generator$28,
-    borderRadius: generator$27,
-    borderSpacing: generator$26,
-    borderStyle: generator$25,
-    borderWidth: generator$24,
-    boxDecorationBreak: generator$23,
-    boxShadow: generator$22,
-    boxSizing: generator$21,
-    brightness: generator$20,
-    captionSide: generator$1$,
-    caretColor: generator$1_,
-    clear: generator$1Z,
-    content: generator$1Y,
-    contrast: generator$1X,
-    cursor: generator$1W,
-    display: generator$1V,
-    divideColor: generator$1U,
-    divideOpacity: generator$1T,
-    divideStyle: generator$1S,
-    divideWidth: generator$1R,
-    dropShadow: generator$1Q,
-    fill: generator$1P,
-    filter: generator$1O,
-    flex: generator$1N,
-    flexBasis: generator$1M,
-    flexDirection: generator$1L,
-    flexGrow: generator$1K,
-    flexShrink: generator$1J,
-    flexWrap: generator$1I,
-    float: generator$1H,
-    fontSize: generator$1G,
-    fontSmoothing: generator$1F,
-    fontStyle: generator$1E,
-    fontVariantNumeric: generator$1D,
-    fontWeight: generator$1C,
-    gap: generator$1B,
-    gradientColorStops: generator$1A,
-    grayscale: generator$1z,
-    gridAutoColumns: generator$1y,
-    gridAutoFlow: generator$1x,
-    gridAutoRows: generator$1w,
-    gridColumn: generator$1v,
-    gridColumnEnd: generator$1u,
-    gridColumnStart: generator$1t,
-    gridRow: generator$1s,
-    gridRowEnd: generator$1r,
-    gridRowStart: generator$1q,
-    gridTemplateColumns: generator$1p,
-    gridTemplateRows: generator$1o,
-    height: generator$1n,
-    hueRotate: generator$1m,
-    hyphens: generator$1l,
-    inset: generator$1k,
-    invert: generator$1j,
-    isolation: generator$1i,
-    justifyContent: generator$1h,
-    justifyItems: generator$1g,
-    justifySelf: generator$1f,
-    letterSpacing: generator$1e,
-    lineClamp: generator$1d,
-    lineHeight: generator$1c,
-    listStylePosition: generator$1b,
-    listStyleType: generator$1a,
-    margin: generator$19,
-    maxHeight: generator$18,
-    maxWidth: generator$17,
-    minHeight: generator$16,
-    minWidth: generator$15,
-    objectFit: generator$13,
-    mixBlendMode: generator$14,
-    objectPosition: generator$12,
-    opacity: generator$11,
-    order: generator$10,
-    outlineColor: generator$$,
-    outlineOffset: generator$_,
-    outlineOpacity: generator$Z,
-    outlineStyle: generator$Y,
-    outlineWidth: generator$X,
-    overflow: generator$W,
-    overscrollBehavior: generator$V,
-    padding: generator$U,
-    placeContent: generator$T,
-    placeItems: generator$S,
-    placeSelf: generator$R,
-    pointerEvents: generator$Q,
-    position: generator$P,
-    resize: generator$O,
-    ringColor: generator$N,
-    ringOffsetColor: generator$M,
-    ringOffsetWidth: generator$L,
-    ringOpacity: generator$K,
-    ringWidth: generator$J,
-    rotate: generator$H,
-    saturate: generator$I,
-    scale: generator$G,
-    scrollBehavior: generator$F,
-    scrollMargin: generator$E,
-    scrollPadding: generator$D,
-    scrollSnapAlign: generator$C,
-    scrollSnapStop: generator$B,
-    scrollSnapType: generator$A,
-    sepia: generator$z,
-    size: generator$y,
-    skew: generator$x,
-    space: generator$w,
-    stroke: generator$v,
-    strokeWidth: generator$u,
-    tableLayout: generator$t,
-    textAlign: generator$s,
-    textColor: generator$r,
-    textDecoration: generator$q,
-    textDecorationColor: generator$p,
-    textDecorationStyle: generator$o,
-    textDecorationThickness: generator$n,
-    textIndent: generator$m,
-    textOpacity: generator$l,
-    textOverflow: generator$k,
-    textShadowBlur: generator$j,
-    textShadowColor: generator$i,
-    textShadowOpacity: generator$h,
-    textShadowX: generator$g,
-    textShadowY: generator$f,
-    textTransform: generator$e,
-    textUnderlineOffset: generator$d,
-    textWrap: generator$c,
-    touchAction: generator$b,
-    transform: generator$a,
-    transformOrigin: generator$9,
+    accentColor: generator$2w,
+    accessibility: generator$2v,
+    alignContent: generator$2u,
+    alignItems: generator$2t,
+    alignSelf: generator$2s,
+    animation: generator$2r,
+    appearance: generator$2q,
+    aspect: generator$2p,
+    backgroundAttachment: generator$2o,
+    backgroundClip: generator$2n,
+    backgroundColor: generator$2m,
+    backgroundImage: generator$2l,
+    backgroundOpacity: generator$2k,
+    backgroundOrigin: generator$2j,
+    backgroundPosition: generator$2i,
+    backgroundRepeat: generator$2h,
+    backgroundSize: generator$2g,
+    blur: generator$2f,
+    borderCollapse: generator$2e,
+    borderColor: generator$2d,
+    borderOpacity: generator$2c,
+    borderRadius: generator$2b,
+    borderSpacing: generator$2a,
+    borderStyle: generator$29,
+    borderWidth: generator$28,
+    boxDecorationBreak: generator$27,
+    boxShadow: generator$26,
+    boxSizing: generator$25,
+    brightness: generator$24,
+    captionSide: generator$23,
+    caretColor: generator$22,
+    clear: generator$21,
+    content: generator$20,
+    contrast: generator$1$,
+    cursor: generator$1_,
+    display: generator$1Z,
+    divideColor: generator$1Y,
+    divideOpacity: generator$1X,
+    divideStyle: generator$1W,
+    divideWidth: generator$1V,
+    dropShadow: generator$1U,
+    fill: generator$1T,
+    filter: generator$1S,
+    flex: generator$1R,
+    flexBasis: generator$1Q,
+    flexDirection: generator$1P,
+    flexGrow: generator$1O,
+    flexShrink: generator$1N,
+    flexWrap: generator$1M,
+    float: generator$1L,
+    fontSize: generator$1K,
+    fontSmoothing: generator$1J,
+    fontStyle: generator$1I,
+    fontVariantNumeric: generator$1H,
+    fontWeight: generator$1G,
+    gap: generator$1F,
+    gradientColorStops: generator$1E,
+    grayscale: generator$1D,
+    gridAutoColumns: generator$1C,
+    gridAutoFlow: generator$1B,
+    gridAutoRows: generator$1A,
+    gridColumn: generator$1z,
+    gridColumnEnd: generator$1y,
+    gridColumnStart: generator$1x,
+    gridRow: generator$1w,
+    gridRowEnd: generator$1v,
+    gridRowStart: generator$1u,
+    gridTemplateColumns: generator$1t,
+    gridTemplateRows: generator$1s,
+    height: generator$1r,
+    hueRotate: generator$1q,
+    hyphens: generator$1p,
+    inset: generator$1o,
+    invert: generator$1n,
+    isolation: generator$1m,
+    justifyContent: generator$1l,
+    justifyItems: generator$1k,
+    justifySelf: generator$1j,
+    letterSpacing: generator$1i,
+    lineClamp: generator$1h,
+    lineHeight: generator$1g,
+    listStylePosition: generator$1f,
+    listStyleType: generator$1e,
+    margin: generator$1d,
+    maxHeight: generator$1c,
+    maxWidth: generator$1b,
+    minHeight: generator$1a,
+    minWidth: generator$19,
+    objectFit: generator$17,
+    mixBlendMode: generator$18,
+    objectPosition: generator$16,
+    opacity: generator$15,
+    order: generator$14,
+    outlineColor: generator$13,
+    outlineOffset: generator$12,
+    outlineOpacity: generator$11,
+    outlineStyle: generator$10,
+    outlineWidth: generator$$,
+    overflow: generator$_,
+    overscrollBehavior: generator$Z,
+    padding: generator$Y,
+    placeContent: generator$X,
+    placeItems: generator$W,
+    placeSelf: generator$V,
+    pointerEvents: generator$U,
+    position: generator$T,
+    resize: generator$S,
+    ringColor: generator$R,
+    ringOffsetColor: generator$Q,
+    ringOffsetWidth: generator$P,
+    ringOpacity: generator$O,
+    ringWidth: generator$N,
+    rotate: generator$L,
+    saturate: generator$M,
+    scale: generator$K,
+    scrollBehavior: generator$J,
+    scrollMargin: generator$I,
+    scrollPadding: generator$H,
+    scrollSnapAlign: generator$G,
+    scrollSnapStop: generator$F,
+    scrollSnapType: generator$E,
+    sepia: generator$D,
+    size: generator$C,
+    skew: generator$B,
+    space: generator$A,
+    stroke: generator$z,
+    strokeWidth: generator$y,
+    tableLayout: generator$x,
+    textAlign: generator$w,
+    textColor: generator$v,
+    textDecoration: generator$u,
+    textDecorationColor: generator$t,
+    textDecorationStyle: generator$s,
+    textDecorationThickness: generator$r,
+    textIndent: generator$q,
+    textOpacity: generator$p,
+    textOverflow: generator$o,
+    textShadowBlur: generator$n,
+    textShadowColor: generator$m,
+    textShadowOpacity: generator$l,
+    textShadowX: generator$k,
+    textShadowY: generator$j,
+    textTransform: generator$i,
+    textUnderlineOffset: generator$h,
+    textWrap: generator$g,
+    touchAction: generator$f,
+    transform: generator$e,
+    transformOrigin: generator$d,
+    transitionDelay: generator$c,
+    transitionDuration: generator$b,
+    transitionProperty: generator$a,
+    transitionTimingFunction: generator$9,
     translate: generator$8,
     userSelect: generator$7,
     verticalAlign: generator$6,
@@ -6434,10 +7322,10 @@ var tailwindToStyle = (function (exports) {
     return null;
   }
-  /**
-   * Resolve all CSS custom properties (var) in a CSS string and output only clear CSS (no custom property)
-   * @param {string} cssString
-   * @returns {string} e.g. 'color: rgba(255,255,255,1); background: #fff;'
+  /**
+   * Resolve all CSS custom properties (var) in a CSS string and output only clear CSS (no custom property)
+   * @param {string} cssString
+   * @returns {string} e.g. 'color: rgba(255,255,255,1); background: #fff;'
    */
   function resolveCssToClearCss(cssString) {
     const customVars = {};
@@ -6464,17 +7352,15 @@ var tailwindToStyle = (function (exports) {
     }).join(" ");
   }
-  // Cache for getConfigOptions
-  const configOptionsCache = new Map();
-  const cacheKey = options => JSON.stringify(options);
+  // Cache for getConfigOptions - use LRU cache
+  const configOptionsCache = new LRUCache(500);
   function generateTailwindCssString() {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const pluginKeys = Object.keys(plugins);
     // Use cache to prevent unnecessary reprocessing
-    const key = cacheKey(options);
+    const key = JSON.stringify(options);
     if (!configOptionsCache.has(key)) {
       configOptionsCache.set(key, getConfigOptions(options, pluginKeys));
-      limitCacheSize(configOptionsCache);
     }
     const configOptions = configOptionsCache.get(key);
     const {
@@ -6500,16 +7386,20 @@ var tailwindToStyle = (function (exports) {
       const cssRules = match[2].trim().replace(/\s+/g, " ");
       obj[className] = cssRules;
     }
+    // Add plugin utilities to the lookup object
+    const plugins = getPlugins();
+    const configOptions = getConfigOptions();
+    const prefix = configOptions.prefix || "";
+    plugins.forEach(plugin => {
+      const pluginLookup = pluginToLookup(plugin, prefix);
+      Object.assign(obj, pluginLookup);
+    });
     return obj;
   }
-  let twString = null;
-  let cssObject = null;
-  if (!twString) {
-    twString = generateTailwindCssString().replace(/\s\s+/g, " ");
-  }
-  if (!cssObject) {
-    cssObject = convertCssToObject(twString);
-  }
+  // Use singleton cache instead of global variables
+  const tailwindCache = getTailwindCache();
   const fractionDenominators = [2, 3, 4, 5, 6, 12];
   const fractionPrefixes = ["w-", "h-", "max-w-", "max-h-", "min-w-", "min-h-", "top-", "bottom-", "left-", "right-", "inset-", "inset-x-", "inset-y-", "translate-x-", "translate-y-", "rounded-t-", "rounded-b-", "rounded-l-", "rounded-r-", "rounded-bl-", "rounded-br-", "rounded-tl-", "rounded-tr-", "flex-basis-", "z-"];
   const breakpoints = {
@@ -6535,7 +7425,7 @@ var tailwindToStyle = (function (exports) {
   };
   // Optimize encoding/decoding bracket values with memoization
-  const encodeBracketCache = new Map();
+  const encodeBracketCache = new LRUCache(1000);
   function encodeBracketValues(input) {
     if (!input) return input;
     if (encodeBracketCache.has(input)) return encodeBracketCache.get(input);
@@ -6544,16 +7434,14 @@ var tailwindToStyle = (function (exports) {
       return `[${encoded}]`;
     });
     encodeBracketCache.set(input, result);
-    limitCacheSize(encodeBracketCache);
     return result;
   }
-  const decodeBracketCache = new Map();
+  const decodeBracketCache = new LRUCache(1000);
   function decodeBracketValues(input) {
     if (!input) return input;
     if (decodeBracketCache.has(input)) return decodeBracketCache.get(input);
     const result = decodeURIComponent(input).replace(/__P__/g, "(").replace(/__C__/g, ")");
     decodeBracketCache.set(input, result);
-    limitCacheSize(decodeBracketCache);
     return result;
   }
   function replaceSelector(selector) {
@@ -6605,20 +7493,7 @@ var tailwindToStyle = (function (exports) {
   }
   // Cache for CSS resolution
-  const cssResolutionCache = new Map();
-  // Enhanced cache management with performance monitoring
-  function limitCacheSize(cache) {
-    let maxSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
-    if (cache.size > maxSize) {
-      const cleanupMarker = performanceMonitor.start("cache:cleanup");
-      // Remove 20% of the oldest entries
-      const entriesToRemove = Math.floor(cache.size * 0.2);
-      const keys = Array.from(cache.keys()).slice(0, entriesToRemove);
-      keys.forEach(key => cache.delete(key));
-      performanceMonitor.end(cleanupMarker);
-    }
-  }
+  const cssResolutionCache = new LRUCache(1000);
   // Enhanced debounce with performance tracking
   function debounce(func) {
@@ -6640,7 +7515,7 @@ var tailwindToStyle = (function (exports) {
           return result;
         } catch (error) {
           performanceMonitor.end(marker);
-          console.error(`Debounced function error (call #${callCount}):`, error);
+          logger.error(`Debounced function error (call #${callCount}):`, error);
           throw error;
         }
       }, wait);
@@ -6658,8 +7533,7 @@ var tailwindToStyle = (function (exports) {
         return cssResolutionCache.get(cacheKey);
       }
-      // Limit cache size to avoid memory leaks
-      limitCacheSize(cssResolutionCache);
+      // Process CSS resolution
       const cssProperties = {};
       arr.forEach(item => {
         if (!item) return;
@@ -6678,7 +7552,7 @@ var tailwindToStyle = (function (exports) {
             }
           });
         } catch (error) {
-          console.warn("Error processing CSS declaration:", item, error);
+          logger.warn("Error processing CSS declaration:", item, error);
         }
       });
       const resolvedProperties = {
@@ -6691,7 +7565,7 @@ var tailwindToStyle = (function (exports) {
             return variables[variable] || fallback || match;
           });
         } catch (error) {
-          console.warn("Error resolving CSS variable:", value, error);
+          logger.warn("Error resolving CSS variable:", value, error);
           return value;
         }
       };
@@ -6716,16 +7590,16 @@ var tailwindToStyle = (function (exports) {
       return result;
     } catch (error) {
       performanceMonitor.end(marker);
-      console.error("Critical error in CSS resolution:", error);
+      logger.error("Critical error in CSS resolution:", error);
       return "";
     }
   }
-  /**
-   * Process opacity modifier from class name (e.g., text-red-500/50 -> 50% opacity)
-   * @param {string} className - Class name with potential opacity modifier
-   * @param {string} cssDeclaration - CSS declaration to modify
-   * @returns {string} Modified CSS declaration with opacity applied
+  /**
+   * Process opacity modifier from class name (e.g., text-red-500/50 -> 50% opacity)
+   * @param {string} className - Class name with potential opacity modifier
+   * @param {string} cssDeclaration - CSS declaration to modify
+   * @returns {string} Modified CSS declaration with opacity applied
    */
   function processOpacityModifier(className, cssDeclaration) {
     const opacityMatch = className.match(/\/(\d+)$/);
@@ -6786,15 +7660,17 @@ var tailwindToStyle = (function (exports) {
     return modifiedDeclaration;
   }
-  /**
-   * Convert Tailwind class string to inline CSS styles or JSON object
-   * @param {string} classNames - String containing Tailwind classes to convert
-   * @param {boolean} convertToJson - If true, result will be JSON object, if false becomes CSS string
-   * @returns {string|Object} Inline CSS string or style JSON object
+  /**
+   * Convert Tailwind class string to inline CSS styles or JSON object
+   * @param {string} classNames - String containing Tailwind classes to convert
+   * @param {boolean} convertToJson - If true, result will be JSON object, if false becomes CSS string
+   * @returns {string|Object} Inline CSS string or style JSON object
    */
   function tws(classNames, convertToJson) {
     const totalMarker = performanceMonitor.start("tws:total");
     try {
+      // Initialize CSS object using singleton cache
+      const cssObject = tailwindCache.getOrGenerate(generateTailwindCssString, convertCssToObject);
       if ([!classNames, typeof classNames !== "string", classNames.trim() === ""].includes(true)) {
         performanceMonitor.end(totalMarker);
         return convertToJson ? {} : "";
@@ -6807,12 +7683,12 @@ var tailwindToStyle = (function (exports) {
         // If no valid classes are found
         if (!classes || classes.length === 0) {
-          console.warn(`No valid Tailwind classes found in input: "${classNames}"`);
+          logger.warn(`No valid Tailwind classes found in input: "${classNames}"`);
           performanceMonitor.end(totalMarker);
           return convertToJson ? {} : "";
         }
       } catch (error) {
-        console.error(`Error parsing Tailwind classes: ${error.message}`);
+        logger.error(`Error parsing Tailwind classes: ${error.message}`);
         performanceMonitor.end(totalMarker);
         return convertToJson ? {} : "";
       }
@@ -6876,7 +7752,10 @@ var tailwindToStyle = (function (exports) {
       return cssResult;
     } catch (error) {
       performanceMonitor.end(totalMarker);
-      console.error("tws error:", error);
+      handleError(error, {
+        classNames,
+        convertToJson
+      });
       return convertToJson ? {} : "";
     }
   }
@@ -6896,7 +7775,7 @@ var tailwindToStyle = (function (exports) {
       const duration = performance.now() - marker.startTime;
       if (duration > 5) {
         // Only log if > 5ms
-        console.warn(`Slow ${marker.label}: ${duration.toFixed(2)}ms`);
+        logger.warn(`Slow ${marker.label}: ${duration.toFixed(2)}ms`);
       }
     },
     measure(fn, label) {
@@ -6954,7 +7833,7 @@ var tailwindToStyle = (function (exports) {
     return result;
   }
   // CSS Processing utilities
-  const parseSelectorCache = new Map();
+  const parseSelectorCache = new LRUCache(500);
   function parseSelector(selector) {
     if (parseSelectorCache.has(selector)) {
       return parseSelectorCache.get(selector);
@@ -6976,7 +7855,6 @@ var tailwindToStyle = (function (exports) {
       };
     }
     parseSelectorCache.set(selector, result);
-    limitCacheSize(parseSelectorCache);
     return result;
   }
   function processClass(cls, selector, styles) {
@@ -7010,6 +7888,9 @@ var tailwindToStyle = (function (exports) {
         }
       }
     }
+    // Get cssObject from singleton cache
+    const cssObject = tailwindCache.getOrGenerate(generateTailwindCssString, convertCssToObject);
     let declarations = cssObject[baseClassName] || cssObject[baseClassName.replace(/(\/)/g, "\\$1")] || cssObject[baseClassName.replace(/\./g, "\\.")];
     if (!declarations && baseClassName.includes("[")) {
       const match = baseClassName.match(/^(.+?)\[(.+)\]$/);
@@ -7074,7 +7955,7 @@ var tailwindToStyle = (function (exports) {
   }
   function walkStyleTree(selector, val, styles, walk) {
     if (!selector || typeof selector !== "string") {
-      console.warn("Invalid selector in walk function:", selector);
+      logger.warn("Invalid selector in walk function:", selector);
       return;
     }
     const {
@@ -7227,19 +8108,19 @@ var tailwindToStyle = (function (exports) {
     return cssString.trim();
   }
-  /**
-   * Generate CSS string from style object with SCSS-like syntax
-   * Supports nested selectors, state variants, responsive variants, and @css directives
-   * @param {Object} obj - Object with SCSS-like style format
-   * @param {Object} [options] - Additional options, e.g. { inject: true/false }
-   * @returns {string} Generated CSS string
+  /**
+   * Generate CSS string from style object with SCSS-like syntax
+   * Supports nested selectors, state variants, responsive variants, and @css directives
+   * @param {Object} obj - Object with SCSS-like style format
+   * @param {Object} [options] - Additional options, e.g. { inject: true/false }
+   * @returns {string} Generated CSS string
    */
   function twsx(obj) {
     let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     const totalMarker = performanceMonitor.start("twsx:total");
     try {
       if (!obj || typeof obj !== "object") {
-        console.warn("twsx: Expected an object but received:", obj);
+        logger.warn("twsx: Expected an object but received:", obj);
         return "";
       }
       const {
@@ -7322,7 +8203,10 @@ var tailwindToStyle = (function (exports) {
       return cssString;
     } catch (error) {
       performanceMonitor.end(totalMarker);
-      console.error("twsx error:", error);
+      handleError(error, {
+        obj,
+        options
+      });
       return "";
     }
   }
@@ -7363,30 +8247,30 @@ var tailwindToStyle = (function (exports) {
         // Log injection stats periodically
         if (injectedCssHashSet.size % 10 === 0) {
-          console.debug(`CSS injection stats: ${injectedCssHashSet.size} unique stylesheets injected`);
+          logger.debug(`CSS injection stats: ${injectedCssHashSet.size} unique stylesheets injected`);
         }
       }
       performanceMonitor.end(marker);
     } catch (error) {
       performanceMonitor.end(marker);
-      console.error("Error injecting CSS:", error);
+      logger.error("Error injecting CSS:", error);
     }
   }
   // Enhanced debounced functions with performance monitoring configuration
-  /**
-   * Debounced version of tws function with performance monitoring
-   * @param {string} classNames - String containing Tailwind classes to convert
-   * @param {boolean} convertToJson - If true, result will be JSON object, if false becomes CSS string
-   * @returns {string|Object} Inline CSS string or style JSON object
+  /**
+   * Debounced version of tws function with performance monitoring
+   * @param {string} classNames - String containing Tailwind classes to convert
+   * @param {boolean} convertToJson - If true, result will be JSON object, if false becomes CSS string
+   * @returns {string|Object} Inline CSS string or style JSON object
    */
   const debouncedTws = debounce(tws, 50); // Faster debounce for tws
-  /**
-   * Debounced version of twsx function with performance monitoring
-   * @param {Object} obj - Object with SCSS-like style format
-   * @param {Object} [options] - Additional options
-   * @returns {string} Generated CSS string
+  /**
+   * Debounced version of twsx function with performance monitoring
+   * @param {Object} obj - Object with SCSS-like style format
+   * @param {Object} [options] - Additional options
+   * @returns {string} Generated CSS string
    */
   const debouncedTwsx = debounce(twsx, 100); // Standard debounce for twsx
@@ -7412,19 +8296,33 @@ var tailwindToStyle = (function (exports) {
       parseSelectorCache.clear();
       encodeBracketCache.clear();
       decodeBracketCache.clear();
-      console.log("All caches cleared");
+      logger.info("All caches cleared");
       performanceMonitor.end(marker);
     },
     enablePerformanceLogging() {
       let enabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
       performanceMonitor.enabled = enabled && typeof performance !== "undefined";
-      console.log(`Performance monitoring ${enabled ? "enabled" : "disabled"}`);
+      logger.info(`Performance monitoring ${enabled ? "enabled" : "disabled"}`);
     }
   };
+  exports.LRUCache = LRUCache;
+  exports.Logger = Logger;
+  exports.TwsError = TwsError;
+  exports.configure = configure;
+  exports.createPlugin = createPlugin;
+  exports.createUtilityPlugin = createUtilityPlugin;
+  exports.createVariantPlugin = createVariantPlugin;
   exports.debouncedTws = debouncedTws;
   exports.debouncedTwsx = debouncedTwsx;
+  exports.getConfig = getConfig;
+  exports.getTailwindCache = getTailwindCache;
+  exports.handleError = handleError;
+  exports.logger = logger;
+  exports.onError = onError;
   exports.performanceUtils = performanceUtils;
+  exports.resetConfig = resetConfig;
+  exports.resetTailwindCache = resetTailwindCache;
   exports.tws = tws;
   exports.twsx = twsx;