Add the M3 Expressive carousel

Multi-browse, hero, uncontained and full-screen layouts on a native
scroll-snap row, with Compose's keyline maths masking each item as it
scrolls. Completes Phase 5.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01V9NnLxnPp8vaaurb3Z1MFy

docs/plans/livewire-material.md

@@ -427,6 +427,25 @@ tokens, `training-row`, `map-shell`, `map-chip`, `product-shot`, `star-rating`,
     standard; `pane` for list-detail from `xl`; `width` prop), `carousel` (multi-browse, uncontained, hero,
     full-screen on CSS scroll-snap), `collapse`.
 
+**Phase 5 is done (2026-09-13).** What changed from the steps above:
+
+- **`<x-carousel>` was built by a separate agent in its own worktree**, porting Compose's keyline
+  maths (`Arrangement`, `Keylines`, `Strategy`, `KeylineSnapPosition`, androidx
+  `7ac433e44e797de53af85226797862687f37735f`; checked against 43 values from androidx's unit tests).
+  Items are laid out at the large size on a native scroll-snap row and masked each frame with a
+  `clip-path` inset; snap positions are `scroll-margin-inline-start`. Full-screen follows
+  material-components-android, which Compose lacks; one item per swipe is `scroll-snap-stop`, not
+  fling physics. Hooks are `data-material-carousel*`: the design guard rejects `carousel*` classes
+  as daisyUI's.
+- **The drawer is the side sheet**, with `pane` for list-detail from `xl`, and the bottom sheet is its
+  own component (modal or `standard`) with drag-to-dismiss.
+- **`<x-list-item>`'s trailing slot is `end`**: a slot named like the `trailing` prop replaced it.
+- **The design guard also rejects Blade directives inside component tags** (`@class` on
+  `<x-icon>`), which reach the browser as text.
+- **`x-trap.inert` hides the page with `aria-hidden`**, not `inert`; tests assert what it sets.
+- **WebKit returns focus from a dialog only to an element that had focus**, and a click does not
+  focus a button there: tests open dialogs from the keyboard.
+
 ### Phase 6 — Text inputs and selection
 
 25. `form`, `field` (the shared shell: **outlined and filled**, floating label via `:has()`,