tailwind-to-style 4.0.2 → 5.0.0

package/dist/core/tws.cjs

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v4.0.2
+ * tailwind-to-style v5.0.0
  * Zero-build runtime Tailwind CSS engine
  * 
  * @author Bigetion
@@ -2026,6 +2026,60 @@ function generateCssString() {
   return cssString;
 }
 
+/**
+ * Shared Constants
+ * 
+ * All constant values used across the library.
+ * Extracted from monolithic index.js for better maintainability.
+ * 
+ * @module shared/constants
+ */
+
+
+// ============================================================================
+// Regex Patterns
+// ============================================================================
+
+/**
+ * Class parsing (includes . for decimal values like p-0.5)
+ */
+const CLASS_PARSER_REGEX = /[\w.\-\/]+(?:\/\d+)?(?:\[[^\]]+\])?/g;
+
+/**
+ * Opacity modifiers
+ */
+const OPACITY_MODIFIER_REGEX = /\/(\d+)$/;
+
+/**
+ * Opacity property patterns for substitution
+ */
+const OPACITY_PROP_REGEXES = {
+  "--text-opacity": /--text-opacity\s*:\s*[\d.]+/gi,
+  "--bg-opacity": /--bg-opacity\s*:\s*[\d.]+/gi,
+  "--border-opacity": /--border-opacity\s*:\s*[\d.]+/gi,
+  "--ring-opacity": /--ring-opacity\s*:\s*[\d.]+/gi,
+  "--placeholder-opacity": /--placeholder-opacity\s*:\s*[\d.]+/gi,
+  "--divide-opacity": /--divide-opacity\s*:\s*[\d.]+/gi
+};
+
+/**
+ * CSS variable resolution — supports nested parens in fallback (e.g. rgba(...))
+ */
+const CSS_VAR_REGEX = /var\((--[\w-]+)(?:,\s*((?:[^()]+|\([^()]*\))*))?\)/g;
+const CAMEL_CASE_REGEX = /-([a-z])/g;
+
+/**
+ * String splitting (CSS declarations)
+ */
+const CSS_SEMICOLON_SPLIT_REGEX = /;/;
+const CSS_COLON_SPLIT_REGEX = /:/;
+
+/**
+ * Color property regex patterns (pre-compiled for each color property)
+ * Used in processOpacityModifier for 50-100x performance improvement
+ */
+const COLOR_PROPERTIES$1 = ["color", "background-color", "border-color", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color"];
+
 /**
  * Proper LRU (Least Recently Used) Cache implementation
  * Efficiently manages memory by removing least recently used items
@@ -2097,6 +2151,250 @@ class LRUCache {
   }
 }
 
+/**
+ * Opacity Modifier Processing
+ * 
+ * Handles Tailwind opacity modifiers (e.g., bg-blue-500/50).
+ * Converts color values to rgba/hsla with specified opacity.
+ * 
+ * @module generator/opacity
+ */
+
+
+// Pre-compile regex patterns for each color property
+const COLOR_REGEX_PATTERNS$1 = new Map();
+for (const prop of COLOR_PROPERTIES$1) {
+  const escapedProp = prop.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  COLOR_REGEX_PATTERNS$1.set(prop, {
+    rgb: new RegExp("(".concat(escapedProp, "\\s*:\\s*)rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)"), "gi"),
+    rgba: new RegExp("(".concat(escapedProp, "\\s*:\\s*)rgba\\((\\d+),\\s*(\\d+),\\s*(\\d+),\\s*[\\d.]+\\)"), "gi"),
+    hsl: new RegExp("(".concat(escapedProp, "\\s*:\\s*)hsl\\((\\d+),\\s*([\\d.]+%),\\s*([\\d.]+%)\\)"), "gi"),
+    hsla: new RegExp("(".concat(escapedProp, "\\s*:\\s*)hsla\\((\\d+),\\s*([\\d.]+%),\\s*([\\d.]+%),\\s*[\\d.]+\\)"), "gi"),
+    hex: new RegExp("(".concat(escapedProp, "\\s*:\\s*)(#[0-9a-fA-F]{3,6})"), "gi")
+  });
+}
+
+/**
+ * Process opacity modifiers in Tailwind classes.
+ * 
+ * Handles:
+ * - Tailwind CSS custom properties (--text-opacity, --bg-opacity, etc.)
+ * - Direct color values (rgb, rgba, hsl, hsla, hex)
+ * - Converts colors to rgba/hsla with specified opacity
+ * 
+ * @param {string} className - Tailwind class name (e.g., 'bg-blue-500/50')
+ * @param {string} cssDeclaration - CSS declaration to modify
+ * @returns {string} Modified CSS declaration with opacity applied
+ * 
+ * @example
+ * processOpacityModifier('bg-blue-500/50', 'background-color: rgb(59, 130, 246);')
+ * // → 'background-color: rgba(59, 130, 246, 0.5);'
+ * 
+ * @example
+ * processOpacityModifier('text-red-600/75', 'color: #dc2626;')
+ * // → 'color: rgba(220, 38, 38, 0.75);'
+ * 
+ * @example
+ * processOpacityModifier('bg-blue-500', 'background-color: rgb(59, 130, 246);')
+ * // → 'background-color: rgb(59, 130, 246);' (no change - no opacity modifier)
+ */
+function processOpacityModifier(className, cssDeclaration) {
+  const opacityMatch = OPACITY_MODIFIER_REGEX.exec(className);
+  if (!opacityMatch) return cssDeclaration;
+  const opacityValue = parseInt(opacityMatch[1], 10);
+  if (opacityValue < 0 || opacityValue > 100) return cssDeclaration;
+  const alphaValue = (opacityValue / 100).toString();
+
+  // Handle Tailwind's CSS custom property pattern
+  let modifiedDeclaration = cssDeclaration;
+
+  // Replace opacity custom properties using pre-compiled regexes
+  for (const prop in OPACITY_PROP_REGEXES) {
+    const regex = OPACITY_PROP_REGEXES[prop];
+    regex.lastIndex = 0; // Reset global regex
+    modifiedDeclaration = modifiedDeclaration.replace(regex, "".concat(prop, ": ").concat(alphaValue));
+  }
+
+  // Also handle direct color values using pre-compiled regex patterns
+  for (const prop of COLOR_PROPERTIES$1) {
+    const patterns = COLOR_REGEX_PATTERNS$1.get(prop);
+    if (!patterns) continue;
+
+    // Reset all regex lastIndex for reuse
+    patterns.rgb.lastIndex = 0;
+    patterns.rgba.lastIndex = 0;
+    patterns.hsl.lastIndex = 0;
+    patterns.hsla.lastIndex = 0;
+    patterns.hex.lastIndex = 0;
+
+    // Convert rgb to rgba with opacity
+    modifiedDeclaration = modifiedDeclaration.replace(patterns.rgb, "$1rgba($2, $3, $4, ".concat(alphaValue, ")"));
+
+    // Update existing rgba opacity
+    modifiedDeclaration = modifiedDeclaration.replace(patterns.rgba, "$1rgba($2, $3, $4, ".concat(alphaValue, ")"));
+
+    // Convert hsl to hsla with opacity
+    modifiedDeclaration = modifiedDeclaration.replace(patterns.hsl, "$1hsla($2, $3, $4, ".concat(alphaValue, ")"));
+
+    // Update existing hsla opacity
+    modifiedDeclaration = modifiedDeclaration.replace(patterns.hsla, "$1hsla($2, $3, $4, ".concat(alphaValue, ")"));
+
+    // Handle hex colors - convert to rgba
+    modifiedDeclaration = modifiedDeclaration.replace(patterns.hex, (match, propPart, hexColor) => {
+      // Convert hex to rgba
+      const hex = hexColor.replace("#", "");
+      let r, g, b;
+      if (hex.length === 3) {
+        r = parseInt(hex[0] + hex[0], 16);
+        g = parseInt(hex[1] + hex[1], 16);
+        b = parseInt(hex[2] + hex[2], 16);
+      } else {
+        r = parseInt(hex.substring(0, 2), 16);
+        g = parseInt(hex.substring(2, 4), 16);
+        b = parseInt(hex.substring(4, 6), 16);
+      }
+      return "".concat(propPart, "rgba(").concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alphaValue, ")");
+    });
+  }
+  return modifiedDeclaration;
+}
+
+/**
+ * CSS String Generation & Resolution
+ * 
+ * Utilities for generating and resolving CSS strings.
+ * Handles CSS variable resolution and inline style conversion.
+ * 
+ * @module generator/css-string
+ */
+
+
+/**
+ * Resolve CSS variables in a CSS string to their actual values.
+ * 
+ * Extracts CSS custom properties (--var-name) and replaces var() references
+ * with their actual values. Preserves CSS variables in output for later resolution.
+ * 
+ * @param {string} cssString - CSS string with possible var() references
+ * @returns {string} CSS string with resolved variables
+ * 
+ * @example
+ * resolveCssToClearCss('--text-opacity: 1; color: var(--text-opacity);')
+ * // → '--text-opacity: 1; color: 1;'
+ * 
+ * @example
+ * resolveCssToClearCss('background: rgb(59,130,246); color: white;')
+ * // → 'background: rgb(59,130,246); color: white;'
+ */
+function resolveCssToClearCss(cssString) {
+  const customVars = {};
+  const props = {};
+
+  // Split by semicolon and process declarations
+  const declarations = cssString.split(CSS_SEMICOLON_SPLIT_REGEX);
+  for (let i = 0; i < declarations.length; i++) {
+    const decl = declarations[i];
+    if (!decl) continue;
+    const colonIndex = decl.indexOf(":");
+    if (colonIndex === -1) continue;
+    const key = decl.substring(0, colonIndex).trim();
+    const value = decl.substring(colonIndex + 1).trim();
+    if (!key || !value) continue;
+    if (key.startsWith("--")) {
+      customVars[key] = value;
+    } else {
+      props[key] = value;
+    }
+  }
+
+  // Replace var(--foo) in all values using pre-compiled regex
+  const propKeys = Object.keys(props);
+  for (let i = 0; i < propKeys.length; i++) {
+    const key = propKeys[i];
+    let val = props[key];
+    if (val.includes("var(")) {
+      CSS_VAR_REGEX.lastIndex = 0;
+      val = val.replace(CSS_VAR_REGEX, (m, varName) => customVars[varName] !== undefined ? customVars[varName] : m);
+      props[key] = val;
+    }
+  }
+
+  // Build CSS string - INCLUDE CSS variables so they can be resolved later
+  let result = "";
+  const varKeys = Object.keys(customVars);
+  for (let i = 0; i < varKeys.length; i++) {
+    const key = varKeys[i];
+    result += "".concat(key, ": ").concat(customVars[key], "; ");
+  }
+  for (let i = 0; i < propKeys.length; i++) {
+    const key = propKeys[i];
+    result += "".concat(key, ": ").concat(props[key], "; ");
+  }
+  return result.trim();
+}
+
+/**
+ * Convert inline CSS style string to JSON object.
+ * 
+ * Converts kebab-case CSS properties to camelCase for React/JS compatibility.
+ * Resolves CSS variables (var()) to their actual values.
+ * 
+ * @param {string} styleString - CSS style string
+ * @returns {Object} Style object with camelCase keys
+ * 
+ * @example
+ * inlineStyleToJson('background-color: blue; font-size: 16px;')
+ * // → { backgroundColor: 'blue', fontSize: '16px' }
+ * 
+ * @example
+ * inlineStyleToJson('--text-color: red; color: var(--text-color);')
+ * // → { color: 'red' }
+ */
+function inlineStyleToJson(styleString) {
+  const styles = styleString.split(CSS_SEMICOLON_SPLIT_REGEX).filter(style => style.trim() !== "");
+  const styleObject = {};
+  const cssVariables = {};
+
+  // First pass: collect CSS variables
+  for (let i = 0; i < styles.length; i++) {
+    const parts = styles[i].split(CSS_COLON_SPLIT_REGEX, 2);
+    if (parts.length !== 2) continue;
+    const key = parts[0].trim();
+    const value = parts[1].trim();
+    if (key && key.startsWith("--")) {
+      cssVariables[key] = value;
+    }
+  }
+
+  // Helper to resolve CSS variables recursively
+  const resolveVariables = value => {
+    if (!value || !value.includes("var(")) return value;
+    let resolved = value;
+    let maxIterations = 10; // Prevent infinite loops
+
+    while (resolved.includes("var(") && maxIterations-- > 0) {
+      CSS_VAR_REGEX.lastIndex = 0; // Reset global regex
+      resolved = resolved.replace(CSS_VAR_REGEX, (match, variable, fallback) => {
+        return cssVariables[variable] || fallback || match;
+      });
+    }
+    return resolved;
+  };
+
+  // Second pass: create style object with resolved values
+  for (let i = 0; i < styles.length; i++) {
+    const parts = styles[i].split(CSS_COLON_SPLIT_REGEX, 2);
+    if (parts.length !== 2) continue;
+    const key = parts[0].trim();
+    const value = parts[1].trim();
+    if (key && value && !key.startsWith("--")) {
+      const camelCaseKey = key.replace(CAMEL_CASE_REGEX, (_, letter) => letter.toUpperCase());
+      styleObject[camelCaseKey] = resolveVariables(value);
+    }
+  }
+  return styleObject;
+}
+
 function generator$2S() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const globalPrefix = configOptions.prefix,
@@ -5718,47 +6016,15 @@ function pluginToLookup(plugin) {
   return lookup;
 }
 
-// ============================================================================
-// PRE-COMPILED REGEX CONSTANTS (Performance Optimization)
-// Pre-compiling regex patterns provides 50-100x performance improvement
-// by avoiding repeated regex object creation in hot code paths
-// ============================================================================
-
-// Class parsing (includes . for decimal values like p-0.5)
-const CLASS_PARSER_REGEX = /[\w.\-\/]+(?:\/\d+)?(?:\[[^\]]+\])?/g;
-
-// Opacity modifiers
-const OPACITY_MODIFIER_REGEX = /\/(\d+)$/;
-const OPACITY_PROP_REGEXES = {
-  "--text-opacity": /--text-opacity\s*:\s*[\d.]+/gi,
-  "--bg-opacity": /--bg-opacity\s*:\s*[\d.]+/gi,
-  "--border-opacity": /--border-opacity\s*:\s*[\d.]+/gi,
-  "--ring-opacity": /--ring-opacity\s*:\s*[\d.]+/gi,
-  "--divide-opacity": /--divide-opacity\s*:\s*[\d.]+/gi,
-  "--placeholder-opacity": /--placeholder-opacity\s*:\s*[\d.]+/gi,
-  "--text-decoration-opacity": /--text-decoration-opacity\s*:\s*[\d.]+/gi,
-  "--outline-opacity": /--outline-opacity\s*:\s*[\d.]+/gi,
-  "--accent-opacity": /--accent-opacity\s*:\s*[\d.]+/gi,
-  "--caret-opacity": /--caret-opacity\s*:\s*[\d.]+/gi
-};
-
 // CSS parsing
 const CSS_CLASS_REGEX = /([a-zA-Z0-9\-_\\/.]+)\s*{\s*([^}]+)\s*}/g;
 const DOUBLE_BACKSLASH_REGEX = /\\\\/g;
 const LEADING_UNDERSCORE_REGEX = /^_/;
 const MULTIPLE_SPACES_REGEX = /\s+/g;
 
-// CSS variable resolution — supports nested parens in fallback (e.g. rgba(...))
-const CSS_VAR_REGEX = /var\((--[\w-]+)(?:,\s*((?:[^()]+|\([^()]*\))*))?\)/g;
-const CAMEL_CASE_REGEX = /-([a-z])/g;
-
 // Custom class detection
 const CUSTOM_VALUE_BRACKET_REGEX = /\[([^\]]+)\]/;
 
-// String splitting (CSS declarations)
-const CSS_SEMICOLON_SPLIT_REGEX = /;/;
-const CSS_COLON_SPLIT_REGEX = /:/;
-
 // Color property regex patterns (pre-compiled for each color property)
 // Used in processOpacityModifier for 50-100x performance improvement
 const COLOR_PROPERTIES = ["color", "background-color", "border-color", "text-decoration-color", "outline-color", "fill", "stroke", "caret-color", "accent-color"];
@@ -5967,52 +6233,7 @@ const plugins = {
  * @param {string} cssString
  * @returns {string} e.g. 'color: rgba(255,255,255,1); background: #fff;'
  */
-function resolveCssToClearCss(cssString) {
-  const customVars = {};
-  const props = {};
-
-  // Split by semicolon and process declarations
-  const declarations = cssString.split(CSS_SEMICOLON_SPLIT_REGEX);
-  for (let i = 0; i < declarations.length; i++) {
-    const decl = declarations[i];
-    if (!decl) continue;
-    const colonIndex = decl.indexOf(":");
-    if (colonIndex === -1) continue;
-    const key = decl.substring(0, colonIndex).trim();
-    const value = decl.substring(colonIndex + 1).trim();
-    if (!key || !value) continue;
-    if (key.startsWith("--")) {
-      customVars[key] = value;
-    } else {
-      props[key] = value;
-    }
-  }
-
-  // Replace var(--foo) in all values using pre-compiled regex
-  const propKeys = Object.keys(props);
-  for (let i = 0; i < propKeys.length; i++) {
-    const key = propKeys[i];
-    let val = props[key];
-    if (val.includes("var(")) {
-      CSS_VAR_REGEX.lastIndex = 0;
-      val = val.replace(CSS_VAR_REGEX, (m, varName) => customVars[varName] !== undefined ? customVars[varName] : m);
-      props[key] = val;
-    }
-  }
-
-  // Build CSS string - INCLUDE CSS variables so they can be resolved later
-  let result = "";
-  const varKeys = Object.keys(customVars);
-  for (let i = 0; i < varKeys.length; i++) {
-    const key = varKeys[i];
-    result += "".concat(key, ": ").concat(customVars[key], "; ");
-  }
-  for (let i = 0; i < propKeys.length; i++) {
-    const key = propKeys[i];
-    result += "".concat(key, ": ").concat(props[key], "; ");
-  }
-  return result.trim();
-}
+// NOTE: resolveCssToClearCss now imported from ./generator/css-string.js
 
 // Cache for getConfigOptions - use LRU cache
 const configOptionsCache = new LRUCache(500);
@@ -6081,50 +6302,8 @@ function convertCssToObject(cssString) {
 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-"];
-function inlineStyleToJson(styleString) {
-  const styles = styleString.split(CSS_SEMICOLON_SPLIT_REGEX).filter(style => style.trim() !== "");
-  const styleObject = {};
-  const cssVariables = {};
-
-  // First pass: collect CSS variables
-  for (let i = 0; i < styles.length; i++) {
-    const parts = styles[i].split(CSS_COLON_SPLIT_REGEX, 2);
-    if (parts.length !== 2) continue;
-    const key = parts[0].trim();
-    const value = parts[1].trim();
-    if (key && key.startsWith("--")) {
-      cssVariables[key] = value;
-    }
-  }
 
-  // Helper to resolve CSS variables recursively
-  const resolveVariables = value => {
-    if (!value || !value.includes("var(")) return value;
-    let resolved = value;
-    let maxIterations = 10; // Prevent infinite loops
-
-    while (resolved.includes("var(") && maxIterations-- > 0) {
-      CSS_VAR_REGEX.lastIndex = 0; // Reset global regex
-      resolved = resolved.replace(CSS_VAR_REGEX, (match, variable, fallback) => {
-        return cssVariables[variable] || fallback || match;
-      });
-    }
-    return resolved;
-  };
-
-  // Second pass: create style object with resolved values
-  for (let i = 0; i < styles.length; i++) {
-    const parts = styles[i].split(CSS_COLON_SPLIT_REGEX, 2);
-    if (parts.length !== 2) continue;
-    const key = parts[0].trim();
-    const value = parts[1].trim();
-    if (key && value && !key.startsWith("--")) {
-      const camelCaseKey = key.replace(CAMEL_CASE_REGEX, (_, letter) => letter.toUpperCase());
-      styleObject[camelCaseKey] = resolveVariables(value);
-    }
-  }
-  return styleObject;
-}
+// NOTE: inlineStyleToJson now imported from ./generator/css-string.js
 
 // Cache for CSS resolution
 const cssResolutionCache = new LRUCache(1000);
@@ -6298,66 +6477,7 @@ function separateAndResolveCSS(arr) {
  * @param {string} cssDeclaration - CSS declaration to modify
  * @returns {string} Modified CSS declaration with opacity applied
  */
-function processOpacityModifier(className, cssDeclaration) {
-  const opacityMatch = OPACITY_MODIFIER_REGEX.exec(className);
-  if (!opacityMatch) return cssDeclaration;
-  const opacityValue = parseInt(opacityMatch[1], 10);
-  if (opacityValue < 0 || opacityValue > 100) return cssDeclaration;
-  const alphaValue = (opacityValue / 100).toString();
-
-  // Handle Tailwind's CSS custom property pattern
-  let modifiedDeclaration = cssDeclaration;
-
-  // Replace opacity custom properties using pre-compiled regexes
-  for (const prop in OPACITY_PROP_REGEXES) {
-    const regex = OPACITY_PROP_REGEXES[prop];
-    regex.lastIndex = 0; // Reset global regex
-    modifiedDeclaration = modifiedDeclaration.replace(regex, "".concat(prop, ": ").concat(alphaValue));
-  }
-
-  // Also handle direct color values using pre-compiled regex patterns
-  for (const prop of COLOR_PROPERTIES) {
-    const patterns = COLOR_REGEX_PATTERNS.get(prop);
-    if (!patterns) continue;
-
-    // Reset all regex lastIndex for reuse
-    patterns.rgb.lastIndex = 0;
-    patterns.rgba.lastIndex = 0;
-    patterns.hsl.lastIndex = 0;
-    patterns.hsla.lastIndex = 0;
-    patterns.hex.lastIndex = 0;
-
-    // Convert rgb to rgba with opacity
-    modifiedDeclaration = modifiedDeclaration.replace(patterns.rgb, "$1rgba($2, $3, $4, ".concat(alphaValue, ")"));
-
-    // Update existing rgba opacity
-    modifiedDeclaration = modifiedDeclaration.replace(patterns.rgba, "$1rgba($2, $3, $4, ".concat(alphaValue, ")"));
-
-    // Convert hsl to hsla with opacity
-    modifiedDeclaration = modifiedDeclaration.replace(patterns.hsl, "$1hsla($2, $3, $4, ".concat(alphaValue, ")"));
-
-    // Update existing hsla opacity
-    modifiedDeclaration = modifiedDeclaration.replace(patterns.hsla, "$1hsla($2, $3, $4, ".concat(alphaValue, ")"));
-
-    // Handle hex colors - convert to rgba
-    modifiedDeclaration = modifiedDeclaration.replace(patterns.hex, (match, propPart, hexColor) => {
-      // Convert hex to rgba
-      const hex = hexColor.replace("#", "");
-      let r, g, b;
-      if (hex.length === 3) {
-        r = parseInt(hex[0] + hex[0], 16);
-        g = parseInt(hex[1] + hex[1], 16);
-        b = parseInt(hex[2] + hex[2], 16);
-      } else {
-        r = parseInt(hex.substring(0, 2), 16);
-        g = parseInt(hex.substring(2, 4), 16);
-        b = parseInt(hex.substring(4, 6), 16);
-      }
-      return "".concat(propPart, "rgba(").concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alphaValue, ")");
-    });
-  }
-  return modifiedDeclaration;
-}
+// NOTE: processOpacityModifier now imported from ./generator/opacity.js
 
 /**
  * Convert Tailwind class string to inline CSS styles or JSON object
@@ -6491,6 +6611,17 @@ const performanceMonitor = {
   }
 };
 
+// NOTE: getCssHash now imported from ./shared/hash.js
+// NOTE: injectedCssHashSet now imported from ./shared/cache.js
+// NOTE: _cssBlockRegistry now imported from ./shared/cache.js (as cssBlockRegistry)
+
+/**
+ * Rebuild the single twsx style tag from the full CSS block registry.
+ * Called whenever a block is added or updated.
+ */
+// NOTE: rebuildStyleTag now imported from ./injector/dom.js
+// NOTE: autoInjectCss now imported from ./injector/dom.js
+
 // Enhanced debounced functions with performance monitoring configuration
 /**
  * Debounced version of tws function with performance monitoring
@@ -6500,5 +6631,14 @@ const performanceMonitor = {
  */
 const debouncedTws = debounce(tws, 50); // Faster debounce for tws
 
+// ============================================================================
+// Main API Exports
+// ============================================================================
+// twsxClassName - Unified CSS-in-JS API with variants and slots
+// tw - Atomic CSS class generator with pseudo-class support
+// REMOVED: Re-export removed to break circular dependency
+// Import directly from './className/index.js' if needed
+// export { twsxClassName, tw } from "./className/index.js";
+
 exports.debouncedTws = debouncedTws;
 exports.tws = tws;