Move onto livewire-material 2.2.0 and choose the material pagination theme

Set pagination_theme explicitly now that the package would otherwise take
it over itself; boost:update refreshed the package's guideline and skill.

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

.claude/skills/material-3-design/SKILL.md

@@ -271,32 +271,22 @@ Sources: https://m3.material.io/styles/icons/overview · https://m3.material.io/
 
 ## Accessibility
 
-- Native elements before ARIA: `<button>`, `<a href>`, `<dialog>`, `<input>`, `<select>`; a styled `div` that fakes one needs everything re-implemented and tested.
-- Landmarks: one `main`, one `banner`, one `contentinfo` per page; `nav`, `search`, `complementary`, `form`, `region` labelled when they repeat, never with their own role in the label ("Primary", not "Primary navigation").
-- Headings: one H1 for the page, then H2–H6 in order without skipping; the level is the document's structure, the `md-type-*` class is the appearance, and they need not match.
-- Names: an interactive icon, image or ambiguous button ("Save", "Learn more") has a name that says what it does, without the word "button"; decorative images are `alt=""` or `aria-hidden`; text only a screen reader needs is `md-visually-hidden`.
-- Focus: DOM order is reading order; a dialog moves focus to its first meaningful control and returns it to the opener; grouped controls are one Tab stop with arrows inside; a keyboard shortcut is two keys, or a single key only while its component is focused.
-- Announcements: an error is tied to its field (`aria-invalid`, `aria-describedby`) and announced; a snackbar is a polite live region that never steals focus and stays while it carries an action; a loading state has a name.
-- Contrast and states: 4.5:1 text, 3:1 large text and icons and grouped controls, disabled exempt; every state has two indicators; targets 48px with 8px between; text scales to 200%; motion honours reduced motion.
+The guideline's own Accessibility line has the rule; beyond it: every repeated landmark —
+`search`, `complementary`, `form`, `region`, not just `nav` — is labelled the same way; an
+ambiguous button ("Save", "Learn more") needs a name that says what it does, not just what kind
+of control it is; DOM order is reading order, a dialog returns focus to its opener, and a group of
+related controls is one Tab stop with the arrows moving inside it; an invalid field also carries
+`aria-invalid`, and a loading state has a name too.
 
 Sources: https://m3.material.io/foundations/overview/principles · https://m3.material.io/foundations/designing/structure · https://m3.material.io/foundations/designing/flow · https://m3.material.io/foundations/designing/elements · https://m3.material.io/foundations/overview/assistive-technology
 
 ## Don'ts
 
-What Google's pages say not to do, and this library follows:
-
-| Don't | Because | Instead |
-| --- | --- | --- |
-| Put an icon in a snackbar | a snackbar is a short message with at most one action | `<x-toast>` types choose the announcement, not a picture |
-| Disable a FAB | "if the action is unavailable, the FAB shouldn't appear" | hide it |
-| Lay radio buttons in a row | a row reads as one control | a vertical group; chips or a connected button group for a horizontal choice |
-| Morph a card's corners on hover | shape morphs mark a press or a selection | the state layer and one level of elevation |
-| Use `outline` on a divider | dividers carry no contrast requirement and read too heavy | `<x-divider>` (`outline-variant`) |
-| Use a hex, white, black or an opacity for ink | it ignores theme, contrast level and profile | a role |
-| Write a utility class, or a breakpoint, radius, shadow, type size or easing of your own | nothing defines utility classes, and other values are not M3's | the layout components' props, `md-type-*` and `md-ink-*`, and `--md-sys-*` tokens at 600/840/1200/1600px in your own CSS |
-| Use segmented buttons, a navigation drawer or a bottom app bar | deprecated in M3 Expressive | `<x-button-group connected>`, the expanded rail, `<x-toolbar>` |
-| Truncate without a way to read the rest | an ellipsis alone is not accessible | wrap, grow the container, or a tooltip |
-| Animate with a literal duration | it ignores reduced motion | the paired tokens |
+The guideline's Don'ts, Type and Motion bullets name them; where they name no replacement — a vertical
+group or chips for radios in a row, `<x-divider>` for the outline case, the `md-type-*`/`md-ink-*`
+classes and `--md-sys-*` tokens for the utility-class case, wrap/grow/a tooltip instead of a bare
+ellipsis, the paired motion tokens instead of a literal duration — the components and layout
+sections above have it.
 
 ## Attribution