Move onto Livewire Material 2.0.0 and leave Tailwind behind

Livewire Material 2.0.0 aligns every component with Material 3
Expressive and carries no Tailwind anywhere, so SealShare drops
tailwindcss and its Vite plugin and writes its views in the package's
vocabulary: layout components (<x-pane>, <x-stack>, <x-row>, <x-grid>,
<x-form>) with M3's spacing tokens, the md-type-*/md-ink-* text classes,
and --md-sys-* tokens in its own small stylesheet.

- resources/css/app.css opens with the package's layer order, imports
  foundation.css and the stylesheet of each component the views render,
  then the scheme, regenerated with the 2025 colour rules at M3's three
  contrast levels. The app's own rules follow, one section per view,
  on tokens and on M3's breakpoints (600/840/1200/1600px) only.
- Every view is rewritten in that vocabulary while SealShare keeps the
  shape it had: the admin table, the admin settings, the recovery codes,
  the share options and the download page are cards, and their fields
  fill them rather than stopping at the 40rem bound a card already
  bounds. The user settings pages became cards too, to match the
  admin's, each with the sections that stand apart from its one subject
  — deleting the account, the recovery codes — in a card beside it.
  Material 3 decides how a component behaves, not whether a container
  survives: buttons keep their label's width, a form's actions end it,
  and each heading level keeps one type role.
- The layouts clear the floating toolbar by the --material-bottom-toolbar
  the package publishes, and the snackbar clears it by itself.
- The two-factor setup QR code comes from QrCodeService, so it keeps a
  white field and quiet zone in the dark theme and still scans.
- Browse Files is a real button that opens the file input, reachable
  and visibly focused from the keyboard.
- Tests: the design test scans views, JS, CSS and app/ and checks the
  CSS entry both ways (no missing, no unused import). New Chromium
  suites cover the frame, settings and admin, the share flow, and every
  page at M3's breakpoint edges (599/600, 839/840, 1199/1200, 1600px).
  The package's renamed data-md-* hooks replace the 1.x ones.
- Boost's update brings the material-3 guideline and skill and drops
  the Tailwind skill.

composer.json requires nonameweb/livewire-material ^2.0 from the Gitea
repository, resolved at the 2.0.0 tag. The CHANGELOG records the move as
2.1.0.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

tests/Feature/AppToolbarTest.php

@@ -25,8 +25,8 @@ function toolbarLink(string $html, string $url): string
 test('pages have a floating toolbar at the bottom instead of a top app bar', function () {
     $html = $this->get(route('upload'))->assertOk()->getContent();
 
-    expect($html)->not->toContain('data-app-bar')
-        ->and(toolbar($html))->toContain('role="toolbar"')->toContain('data-toolbar-place="bottom"');
+    expect($html)->not->toContain('data-md-app-bar')
+        ->and(toolbar($html))->toContain('role="toolbar"')->toContain('data-md-toolbar-place="bottom"');
 });
 
 test('a guest gets the upload page, the theme toggle and a way to log in, without tooltips', function () {
@@ -34,7 +34,7 @@ test('a guest gets the upload page, the theme toggle and a way to log in, withou
 
     expect(toolbarLink($html, route('upload')))->toContain('aria-current="page"')->toContain('aria-label="Upload"')
         ->and(toolbarLink($html, route('login')))->not->toBe('')
-        ->and(toolbar($html))->toContain('Log in')->toContain('data-theme-toggle')->not->toContain('popover')->not->toContain('data-account-menu');
+        ->and(toolbar($html))->toContain('Log in')->toContain('data-md-theme-toggle')->not->toContain('popover')->not->toContain('data-md-account-menu');
 
     expect(toolbar($this->get(route('login'))->getContent()))->not->toContain(route('login').'"');
 });
@@ -47,7 +47,7 @@ test('an admin gets the admin pages and the account menu, the current page marke
     expect(toolbarLink($html, route('admin.dashboard')))->toContain('aria-current="page"')
         ->and(toolbarLink($html, route('upload')))->not->toContain('aria-current')
         ->and(toolbarLink($html, route('admin.settings')))->not->toContain('aria-current')
-        ->and(toolbar($html))->toContain('data-account-menu')->toContain('data-test="logout-button"')->not->toContain('Log in');
+        ->and(toolbar($html))->toContain('data-md-account-menu')->toContain('data-test="logout-button"')->not->toContain('Log in');
 });
 
 test('a user who is not an admin gets no admin pages', function () {

tests/Feature/DesignLanguageTest.php

@@ -3,8 +3,11 @@
 use Illuminate\Support\Facades\File;
 use NoNameWeb\LivewireMaterial\Testing\DesignGuard;
 
-test('views and code use only what the design system compiles', function () {
-    expect(DesignGuard::scan([resource_path('views'), resource_path('js'), app_path()])->violations())->toBe([]);
+test('views, stylesheets and code use only what the design system provides', function () {
+    expect(DesignGuard::scan([resource_path('views'), resource_path('js'), resource_path('css'), app_path()])
+        ->missingStylesheets(resource_path('css/app.css'))
+        ->unusedStylesheets(resource_path('css/app.css'))
+        ->violations())->toBe([]);
 });
 
 test('nothing of maryUI or daisyUI is left behind', function () {

tests/Feature/ShareCreatedTest.php

@@ -6,6 +6,7 @@ use App\Services\QrCodeService;
 test('the share created page offers the link as a QR code and through the share sheet', function () {
     $share = Share::factory()->create();
     $url = route('share.download', $share);
+    $svg = app(QrCodeService::class)->svg($url);
 
     $response = $this->get(route('share.created', $share));
 
@@ -14,8 +15,12 @@ test('the share created page offers the link as a QR code and through the share
         ->assertSee('data-test="show-qr-code"', false)
         ->assertSee('data-test="share-sheet"', false)
         ->assertSee('share-'.$share->token.'.png')
-        ->assertSee('<div data-qr-code class="mx-auto aspect-square w-full max-w-80 rounded-corner-lg bg-white p-2 [&>svg]:size-full">'.app(QrCodeService::class)->svg($url).'</div>', false)
         ->assertDontSee('Recipients also need the password.');
+
+    // Structure, not the 1.x class string: the `data-qr-code` hook directly wraps the service's own
+    // SVG, which draws its own white field and quiet zone — no colour class or literal colour here.
+    expect($response->getContent())
+        ->toMatch('#<div[^>]*\bdata-qr-code\b[^>]*>'.preg_quote($svg, '#').'</div>#');
 });
 
 test('the QR code dialog reminds that a protected share also needs its password', function () {