Prove no Tailwind utility class remains in resources/ or tests/

StylesheetsTest.php's new test runs DesignGuard's own family table (check
(i)) over resources/views, resources/js, src, tests/Browser and
tests/Feature — the guard turned on the package's own source, so the two
never drift apart. tests/Feature/DesignGuardTest.php and
tests/Fixtures/design-guard/ carry Tailwind on purpose and are left out.

The scan found Tailwind-shaped class strings used as caller classes in 21
test files (a component test proving a caller's class lands on the root or
a caller's size wins, mostly), left over from before Tailwind cleared the
whole stack: replaced with neutral application-style names (`app-hero-icon`)
or, where one already carries the right meaning, an `md-*` class
(`md-text-end`, `md-ink-warning`). BreakpointsTest.php's own heredoc probe —
which needs a genuine Tailwind-shaped breakpoint prefix to prove its
detection works — now builds that one string from a placeholder at runtime,
so its own source stays clean for this same scan.

Plan step 42 (Phase F), Part A.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

tests/Feature/Components/ChipTest.php

@@ -16,8 +16,8 @@ function chipTag(string $blade, string $tag = '[a-z]+'): string
 it('is an outlined assist chip, a button, by default', function () {
     $html = (string) $this->blade('<x-chip label="Add to calendar" icon="event" icon-right="arrow_drop_down" />');
 
-    expect(chipTag('<x-chip label="Add to calendar" icon="event" class="me-2" />', 'button'))
-        ->toBe('<button data-md-chip="assist" data-md-icon-start="" type="button" class="me-2">')
+    expect(chipTag('<x-chip label="Add to calendar" icon="event" class="app-chip-gap" />', 'button'))
+        ->toBe('<button data-md-chip="assist" data-md-icon-start="" type="button" class="app-chip-gap">')
         ->and(chipTag('<x-chip label="Add to calendar" icon-right="arrow_drop_down" />', 'button'))
         ->toContain('data-md-icon-end=""')
         ->not->toContain('data-md-icon-start')
@@ -115,16 +115,16 @@ it('makes a filter chip without a model a toggle button the caller owns', functi
 });
 
 it('makes a bound filter chip a native checkbox under the chip', function () {
-    $html = (string) $this->blade('<x-chip type="filter" label="Photos" value="photos" x-model="kinds" class="me-4" wire:key="photos" />');
+    $html = (string) $this->blade('<x-chip type="filter" label="Photos" value="photos" x-model="kinds" class="app-filter-gap" wire:key="photos" />');
 
-    expect(chipTag('<x-chip type="filter" label="Photos" value="photos" x-model="kinds" class="me-4" wire:key="photos" />', 'label'))
-        ->toBe('<label data-md-chip="filter" class="me-4" wire:key="photos">')
-        ->and(chipTag('<x-chip type="filter" label="Photos" value="photos" x-model="kinds" class="me-4" />', 'input'))
+    expect(chipTag('<x-chip type="filter" label="Photos" value="photos" x-model="kinds" class="app-filter-gap" wire:key="photos" />', 'label'))
+        ->toBe('<label data-md-chip="filter" class="app-filter-gap" wire:key="photos">')
+        ->and(chipTag('<x-chip type="filter" label="Photos" value="photos" x-model="kinds" class="app-filter-gap" />', 'input'))
         ->toContain('type="checkbox"')
         ->toContain('value="photos"')
         ->toContain('x-model="kinds"')
         ->toContain('class="md-visually-hidden"')
-        ->not->toContain('me-4')
+        ->not->toContain('app-filter-gap')
         ->not->toContain('checked')
         ->and($html)
         ->toContain('data-md-chip-check');
@@ -221,14 +221,14 @@ it('disables a removable input chip and its remove button', function () {
 });
 
 it('groups chips in a wrapping row named by its label, with a hint', function () {
-    $html = (string) $this->blade('<x-chip-set label="File types" hint="Show only these" class="mt-4"><x-chip label="A" /></x-chip-set>');
+    $html = (string) $this->blade('<x-chip-set label="File types" hint="Show only these" class="app-chip-set-gap"><x-chip label="A" /></x-chip-set>');
 
     preg_match('/aria-labelledby="([^"]+)"/', $html, $labelledBy);
     preg_match('/aria-describedby="([^"]+)"/', $html, $describedBy);
 
     expect($html)
         ->toMatch('/<div\s+data-md-chip-set\s+role="group"/')
-        ->toContain('class="mt-4"')
+        ->toContain('class="app-chip-set-gap"')
         ->toContain('<div data-md-chip-set-row x-data="materialChipSet"')
         // M3's chip keyboard: the set is one tab stop and the arrows walk it.
         ->toContain('x-on:keydown="key($event)"')