Harmonia 3.0.0: Combobox, drag and drop, focus containment, and 8 breaking changes

[StanZGenchev]

Full detail, including migration steps for every breaking change, is in CHANGELOG.md under ## v3.0.0.

Fixes/resolves issues:
#77
#78
#82
#83
#84
#85
#86
#87
#88
#89
#90
#91
#92
#93
#94
#95
#96
#97
#98
#99
#100
#101
#102
#103
#104
#105
#106
#107
#108
#109

Breaking changes

Component	Change	Issue
Dialog	The surface no longer pads itself. Wrap the body in x-h-dialog-content.	#84
Card	The surface no longer pads itself. Wrap inset content in x-h-card-content.	#86
Button Group	x-h-button-group-separator is removed, since the group draws the dividers itself.	#87
Range	input and change carry their value in event.detail.value.	#89
Accordion	The item id is evaluated as an Alpine expression, so hard-coded ids need quoting.	#77
Sidebar	A navigation destination is x-h-sidebar-menu-nav. x-h-sidebar-menu-button leaves aria-current to the author.	#108
Chip	x-h-chip is a container rather than a <button>, and its controls become real buttons.	#103
Tabs	Every tab lives in an x-h-tab-item wrapper, and a tab action is a real <button> beside the tab.	#109

The Chip and the Tabs changes are the same fix. Both had a <span role="button"> inside a <button>, which is invalid markup and left the control reachable by Tab but impossible to activate with Enter or Space.

New

• Combobox component Add a combobox component #82
• Drag and drop for Calendar events and Slot Picker slots, opt in, with the change proposed through an event Events in the calendar and time slots in the slot picker must be reorderable using drag-and-drop #78
• Notification sounds and native OS notifications Notification sounds and native notifications support #107
• Dialog fullscreen mode and a scrolling content slot Dialog: add a fullscreen mode and a scrolling content slot #84
• Focus stays inside an open Dialog Dialog: focus escapes an open dialog and does not return to the opener #85 and Backdrop Backdrop: focus escapes an open backdrop and does not return to the opener #101, and returns to the opener
• Single-choice Button Group Button Group: let a button group hold a single choice #87, plus data-borderless Button Group: add data-borderless #88
• Interactive Sidebar header items Sidebar: let a header item be interactive #99
• x-h-list-secondary for supporting text in a list item List: add x-h-list-secondary #97
• A light area nested inside a dark page Dark Mode: allow a light area inside a dark page or container #93
• Color scheme listeners receive the selected mode, so auto is distinguishable Theme: pass the selected mode to color scheme listeners #94
• An Avatar can be a link Avatar: let an avatar be a link #104
• New utility classes min-h-screen, min-h-dvh, min-h-lvh, min-h-svh and z-20

Fixes

• Accordion single mode never collapsed the previously open item Accordion item never collapses the previously open item in single mode #77
• A Listbox whose options changed fell out of the tab order for good Listbox: a listbox whose options change falls out of the tab order #98
• The Theme's system color scheme listener was never detached Theme: the system color scheme listener is never detached #95
• Expansion Panel triggers all shared the literal id undefined Expansion Panel: every trigger button has the literal id undefined #96
• Date grid keyboard navigation started from the 1st of the month instead of the focused day Calendar keyboard navigation starts from the 1st of the month instead of the focused day #105
• A long line in a code Text block painted outside the block Text: a long line in a code block paints outside the block #102
• x-model.lazy corrupted the bound value of the Calendar Calendar: x-model.lazy corrupts the bound value of an inline calendar #83, the Rating Rating: x-model.lazy corrupts the bound value #90 and Menu checkbox and radio items Menu: x-model.lazy corrupts the bound state of a checkbox or radio item #91
• A modifier on the Date Picker popup's x-model broke the model-to-view sync Date Picker: a modifier on the popup's x-model silently breaks the model-to-view sync #92
• A Sidebar group collapsed from outside still reported itself as expanded Sidebar: a collapsible group or menu item collapsed from outside still reports itself as expanded #100

Repo and tooling

• Playwright end-to-end suite, 49 tests across 9 specs run against the built dist/, with a new .github/workflows/tests.yaml running the unit and e2e suites on every push and pull request to main Add Playwright end-to-end tests for browser-only behavior #106
• New Quartz Docs template, a multi-page documentation and blog site routed client-side with Pinecone Router
• Alpine bumped to 3.16.3
• The Claude Code plugin marketplace is renamed from harmonia to codbex, so it installs as harmonia@codbex. An existing install has to be replaced, see the changelog for the commands. The plugin version is now generated from package.json and guarded by a test, so it can no longer drift