chore: fix lint errors

Author: glennmichael123

packages/crosswind/src/generator.ts

@@ -1318,6 +1318,8 @@ export class CSSGenerator {
   private screenBreakpoints: Map<string, string>
   // Cache for utility+value combinations that don't match any rule (negative cache)
   private noMatchCache: Set<string> = new Set()
+  // When generating a shortcut, holds the shortcut name for selector building in addRule
+  private selectorAlias: string | null = null
   // Preserve extend colors for CSS variable generation (only custom colors, not defaults)
   private extendColors: Record<string, string | Record<string, string>> | null = null
 
@@ -1389,29 +1391,39 @@ export class CSSGenerator {
       this.classCache.add(className)
       const classes = Array.isArray(shortcut) ? shortcut : shortcut.split(/\s+/)
       for (const cls of classes) {
-        this.generate(cls)
+        const cacheKey = `shortcut::${className}::${cls}`
+        if (!this.classCache.has(cacheKey)) {
+          this.classCache.add(cacheKey)
+          this.selectorAlias = className
+          this.generateCore(parseClass(cls))
+          this.selectorAlias = null
+        }
       }
       return
     }
 
     this.classCache.add(className)
+    this.generateCore(parseClass(className))
+  }
 
+  /**
+   * Core CSS generation logic for a parsed utility class
+  */
+  private generateCore(parsed: ParsedClass): void {
     // Check exact match blocklist first (O(1) Set lookup)
-    if (this.blocklistExact.size > 0 && this.blocklistExact.has(className)) {
+    if (this.blocklistExact.size > 0 && this.blocklistExact.has(parsed.raw)) {
       return
     }
 
     // Check if class is blocklisted (use pre-compiled regexes)
     if (this.blocklistRegexCache.length > 0) {
       for (let i = 0; i < this.blocklistRegexCache.length; i++) {
-        if (this.blocklistRegexCache[i].test(className)) {
+        if (this.blocklistRegexCache[i].test(parsed.raw)) {
           return
         }
       }
     }
 
-    const parsed = parseClass(className)
-
     // ==========================================================================
     // FAST PATH: Static utility map lookup (O(1))
     // Handles ~80% of common utilities without any rule iteration
@@ -1826,7 +1838,7 @@ export class CSSGenerator {
     // Try custom rules from config first (allows overriding built-in rules)
     if (this.config.rules.length > 0) {
       for (const [pattern, handler] of this.config.rules) {
-        const match = className.match(pattern)
+        const match = parsed.raw.match(pattern)
         if (match) {
           const properties = handler(match)
           if (properties) {
@@ -1861,11 +1873,14 @@ export class CSSGenerator {
    * Add a CSS rule with variants applied
   */
   private addRule(parsed: ParsedClass, properties: Record<string, string>, childSelector?: string, pseudoElement?: string): void {
-    // Use cached selector if available
-    const cacheKey = `${parsed.raw}${childSelector || ''}${pseudoElement || ''}`
+    // When generating shortcuts, use the shortcut name for the CSS selector
+    const effectiveParsed = this.selectorAlias ? { ...parsed, raw: this.selectorAlias } : parsed
+    const cacheKey = this.selectorAlias
+      ? `shortcut:${parsed.raw}:${this.selectorAlias}${childSelector || ''}${pseudoElement || ''}`
+      : `${parsed.raw}${childSelector || ''}${pseudoElement || ''}`
     let selector = this.selectorCache.get(cacheKey)
     if (!selector) {
-      selector = this.buildSelector(parsed)
+      selector = this.buildSelector(effectiveParsed)
       // Append pseudo-element directly (no space)
       if (pseudoElement) {
         selector += pseudoElement
@@ -1877,10 +1892,10 @@ export class CSSGenerator {
       this.selectorCache.set(cacheKey, selector)
     }
 
-    const mediaQuery = this.getMediaQuery(parsed)
+    const mediaQuery = this.getMediaQuery(effectiveParsed)
 
     // Apply !important modifier
-    if (parsed.important) {
+    if (effectiveParsed.important) {
       for (const key in properties) {
         properties[key] += ' !important'
       }

packages/crosswind/src/transformer-compile-class.ts

@@ -108,7 +108,7 @@ export function transformContent(
       const generatedClass = compiledClassMap.get(classKey)
 
       if (generatedClass) {
-        const attrName = match[0].startsWith('class=') ? 'class' : 'className'
+        const attrName = match[0].startsWith('class='? )'class' : 'className'
         const quote = match[0].includes('"') ? '"' : '\''
         const replacement = `${attrName}=${quote}${generatedClass}${quote}`
 

scripts/publish.sh

@@ -9,7 +9,7 @@ set -e
 echo "Publishing all packages..."
 
 for dir in packages/*/ ; do
-  if [ -d "$dir" ]; then
+  if [[ -d "$dir" ]]; then
     package_name=$(basename "$dir")
     package_json="$dir/package.json"
 
@@ -19,13 +19,13 @@ for dir in packages/*/ ; do
     # Check if package is private using Bun
     if command -v bun >/dev/null 2>&1; then
       is_private=$(bun --eval "try { const pkg = JSON.parse(require('fs').readFileSync('$package_json', 'utf8')); console.log(pkg.private === true ? 'true' : 'false'); } catch(e) { console.log('false'); }")
-    # Then try jq as a fallback
+      # Then try jq as a fallback
     elif command -v jq >/dev/null 2>&1; then
       is_private=$(jq -r '.private // false' "$package_json")
-    # Finally fall back to grep
+      # Finally fall back to grep
     else
       private_check=$(grep -E '"private":\s*true' "$package_json" || echo "")
-      if [ -n "$private_check" ]; then
+      if [[ -n "$private_check" ]]; then
         is_private="true"
       else
         is_private="false"
@@ -34,7 +34,7 @@ for dir in packages/*/ ; do
 
     echo "Package $package_name private status: $is_private"
 
-    if [ "$is_private" = "true" ]; then
+    if [[ "$is_private" = "true" ]]; then
       echo "Skipping $package_name (private package)"
     else
       echo "Publishing $package_name..."