6 Commits

Include renames

Author	SHA1	Message	Date
Andreas Reinhold / reiniandClaude Opus 5	4141ebe7b0	Draw the search without Tailwind ... <x-search> renders data-md-search with data-md-trigger and binds data-md-open and data-md-full-screen; its parts become data-md-search-* and the empty row data-md-search-empty. search.css moves into material.components on px, spacing and state tokens (plan step 36). search.js and the showcase layout follow the renamed hooks. Browser tests cover the polite result count as it changes, the icon entry point expanding full screen and returning focus, and suggestions swapping to results on the first key. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 15:04:50 +02:00
Andreas Reinhold / reiniandClaude Fable 5.1	549d96b0dc	Give search M3's icon entry point and its suggestions ... M3 § Search names three entry points and only the bar existed; suggestions before the first keystroke were missing too (plan step 24, audit docs/audits/m3-alignment/inputs.md § Missing). `trigger="icon"` is the search icon button — search as a secondary action, one 48px button that expands into the full-screen view at any width, since an icon button has nothing to dock under, and takes its focus back on close. The `suggestions` slot stands where the results do until something is typed; the live region counts whichever of the two is on screen and names suggestions as suggestions. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 06:40:48 +02:00
Andreas Reinhold / reiniandClaude Fable 5.1	a13f5e44a6	Wait for the search view's ref before watching it ... Alpine registers x-ref as it walks the children, so $refs.view is not there yet when the component's init() runs. Plan step 13, finding IN-01. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 06:14:40 +02:00
Andreas Reinhold / reiniandClaude Fable 5.1	31663c48ba	Say how many search results there are, in a combobox ... M3's search accessibility page asks that results be announced when they appear and read as a list. The bar now wraps its input in a role="combobox" that carries aria-expanded and aria-controls — ARIA gives a bare textbox neither — the results container is a role="list", and a polite live region counts the results whenever the view's DOM settles. Plan step 13, finding IN-01. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 05:50:15 +02:00
Andreas Reinhold / reiniandClaude Fable 5.1	17723d2a76	Ask breakpoints.js, not Tailwind's screens, for a window class ... Plan step 16. `navigation.js` takes its standard-rail threshold from `from('expanded')` (840px) instead of the 64rem it had, and `navigation.css`'s three 64rem queries follow, so the whole expanded class gets the in-layout collapsible rail M3 asks for rather than one that opens over a scrim (N-06); its two 40rem queries become 37.5rem, the compact/medium boundary the bar's own container query already used (N-07). `search.js` and `datepicker.js` swap their 39.99rem media strings for `upTo('medium')`, so the full-screen search view and the modal date picker end at 600px, not 640px. The time picker's landscape layout stops keying on width at all: M3 swaps it on orientation and viewport height, so it is now landscape plus a window too short for the upright dial (35rem, the dialog's own height), and the two dial-shrink rules key on height alone. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 04:06:35 +02:00
Andreas Reinhold / reiniandClaude Opus 5	0fee2a0952	Add chips, choices and search ... M3's assist, filter, input and suggestion chips with chip sets; choices as filter chips or a searchable combobox whose list is an anchored popover; and the search bar that opens into a docked or full-screen search view. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01V9NnLxnPp8vaaurb3Z1MFy	2026-09-13 08:07:59 +02:00