chore: wip

Author: chrisbbreuer

packages/headwind/src/build.ts

@@ -53,7 +53,7 @@ export async function build(config: HeadwindConfig): Promise<BuildResult> {
   }
 
   // Preflight CSS is now added by generator.toCSS()
-  const css = generator.toCSS(config.minify)
+  const css = generator.toCSS(true, config.minify)
   const duration = performance.now() - startTime
 
   return {

packages/headwind/src/generator.ts

@@ -318,13 +318,15 @@ export class CSSGenerator {
   /**
    * Generate final CSS output
    */
-  toCSS(minify = false): string {
+  toCSS(includePreflight = true, minify = false): string {
     const parts: string[] = []
 
-    // Add preflight CSS first
-    for (const preflight of this.config.preflights) {
-      const preflightCSS = preflight.getCSS()
-      parts.push(minify ? preflightCSS.replace(/\s+/g, ' ').trim() : preflightCSS)
+    // Add preflight CSS first (if requested)
+    if (includePreflight) {
+      for (const preflight of this.config.preflights) {
+        const preflightCSS = preflight.getCSS()
+        parts.push(minify ? preflightCSS.replace(/\s+/g, ' ').trim() : preflightCSS)
+      }
     }
 
     // Base rules (no media query)

packages/headwind/src/parser.ts

@@ -238,22 +238,32 @@ export function parseClass(className: string): ParsedClass {
     }
 
     // Regular negative value
-    const match = positiveUtility.match(/^([a-z]+(?:-[a-z]+)*)(?:-(.+))?$/)
+    const match = positiveUtility.match(/^([a-z]+(?:-[a-z]+)*?)-(.+)$/)
     if (match) {
       return {
         raw: className,
         variants,
         utility: match[1],
-        value: match[2] ? `-${match[2]}` : undefined,
+        value: `-${match[2]}`,
         important,
         arbitrary: false,
       }
     }
+    // If no match, it's a standalone utility with just a negative sign (e.g., -flex doesn't make sense)
+    // Return as-is
+    return {
+      raw: className,
+      variants,
+      utility: positiveUtility,
+      value: undefined,
+      important,
+      arbitrary: false,
+    }
   }
 
   // Check for color opacity modifiers: bg-blue-500/50, text-red-500/75
   // Must come before fractional values to avoid conflict
-  const opacityMatch = utility.match(/^([a-z]+(?:-[a-z]+)*)-(.+?)\/(\d+)$/)
+  const opacityMatch = utility.match(/^([a-z]+(?:-[a-z]+)*?)-(.+?)\/(\d+)$/)
   if (opacityMatch && ['bg', 'text', 'border', 'ring', 'placeholder', 'divide'].includes(opacityMatch[1])) {
     return {
       raw: className,
@@ -266,7 +276,7 @@ export function parseClass(className: string): ParsedClass {
   }
 
   // Check for fractional values: w-1/2, h-3/4
-  const fractionMatch = utility.match(/^([a-z-]+)-(\d+)\/(\d+)$/)
+  const fractionMatch = utility.match(/^([a-z]+(?:-[a-z]+)*?)-(\d+)\/(\d+)$/)
   if (fractionMatch) {
     return {
       raw: className,
@@ -279,22 +289,25 @@ export function parseClass(className: string): ParsedClass {
   }
 
   // Regular parsing - split on last dash
-  const match = utility.match(/^([a-z]+(?:-[a-z]+)*)(?:-(.+))?$/)
-  if (!match) {
+  // First try: utility-value pattern (e.g., text-current, p-4)
+  const matchWithValue = utility.match(/^([a-z]+(?:-[a-z]+)*?)-(.+)$/)
+  if (matchWithValue) {
     return {
       raw: className,
       variants,
-      utility,
+      utility: matchWithValue[1],
+      value: matchWithValue[2],
       important,
       arbitrary: false,
     }
   }
 
+  // If no dash, treat entire string as utility with no value (e.g., flex, block)
   return {
     raw: className,
     variants,
-    utility: match[1],
-    value: match[2],
+    utility,
+    value: undefined,
     important,
     arbitrary: false,
   }

packages/headwind/src/rules.ts

@@ -185,7 +185,13 @@ export const spacingRule: UtilityRule = (parsed, config) => {
   if (parsed.value.startsWith('-')) {
     const positiveValue = parsed.value.slice(1)
     const spacing = config.theme.spacing[positiveValue]
-    value = spacing ? `-${spacing}` : parsed.value
+    // Special case: -0 should just be 0
+    if (positiveValue === '0') {
+      value = spacing || '0'
+    }
+    else {
+      value = spacing ? `-${spacing}` : parsed.value
+    }
   }
   else {
     value = config.theme.spacing[parsed.value] || parsed.value