5 Commits

Include renames

Author	SHA1	Message	Date
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