chore(deps): update dependency @headlessui/react to v2

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@headlessui/react (source)	^1.7.17 -> ^2.0.0

---

Release Notes

tailwindlabs/headlessui (@​headlessui/react)

v2.0.3

Compare Source

Fixed

• Make sure disabling demo mode on <Combobox> works (#​3182)

v2.0.2

Compare Source

Fixed

• Improve performance of internal useInertOthers hook (#​3181)

v2.0.1

Compare Source

Fixed

• Remove accidental deprecation comments on <DialogPanel> and <DialogTitle> (#​3176)

v2.0.0

Compare Source

Added

• Add new Checkbox component (#​2887, #​2962)
• Add new Button component (#​2887)
• Add new Input component (#​2887, #​2902, #​2940)
• Add new Textarea component (#​2887, #​2902, #​2940)
• Add new Select component (#​2887, #​2902)
• Add new Fieldset and Legend components (#​2887)
• Add new Field, Label, and Description components (#​2887, #​2941)
• Add new MenuSection, MenuHeading, and MenuSeparator components (#​2887)
• Add new ListboxSelectedOption component (#​2887)
• Add new DataInteractive component (#​2887)
• Add new CloseButton component and useClose hook (#​3096)
• Add new anchor, modal, and portal props to Combobox, Listbox, Menu and Popover components (#​2887, #​3075, #​3097, #​3111, #​3115, #​3121, #​3124, #​3133, #​3138, #​3148, #​3152, #​3154, #​3157)
• Add new autoFocus prop to focusable components (#​2887)
• Add new virtual prop to Combobox component (#​2779, #​3128, #​3160, #​3161, #​3163)
• Add new onClose prop to Combobox component (#​3122)
• Add new immediate prop to Combobox for immediately opening the Combobox when the input receives focus (#​2686)
• Add new --button-width CSS variable on the ListboxOptions, MenuItems, and PopoverPanel components (#​2887, #​3058)
• Add new --input-width and --button-width CSS variables on the ComboboxOptions component (#​3057)
• Add new data-* attributes as an alternative to the existing data-headlessui-state attribute (#​2887, #​3035, #​3061)

Fixed

• Fix scroll-locking on iOS (#​2891)
• Fix cancellation of events when using disabled or aria-disabled attributes (#​2890)
• Fix unnecessary execution of the displayValue callback in ComboboxInput component (#​3048)
• Fix types for multiple prop in Combobox component (#​3099)
• Fix focus handling in ComboboxInput component (#​3065, #​3073)
• Fix enter transitions in Transition component (#​3074)
• Fix focus handling in ListboxOptions and MenuItems components (#​3112)
• Fix horizontal scrolling inside the Dialog component (#​2889)
• Don’t cancel touchmove on input elements inside a dialog (#​3166)

Changed

• Require React 18 (#​2887, #​3092, #​3131)
• Always render hidden form input fields for Checkbox, Switch, and RadioGroup components (#​3095)
• Deprecate the RadioGroup.Option component in favor of new Radio component (#​2887)
• Dialog is now focused by default instead of the first focusable element (#​2887)
• Change default tags for ListboxOptions, ListboxOption, ComboboxOptions, ComboboxOption, and TabGroup components (#​3109)
• Change default tag from div to Fragment on Transition components (#​3110, #​3147)
• Allow Combobox component to have a null value (#​3064, #​3100)
• Attempt form submission when pressing enter on the ListboxButton component (#​2972)
• Deprecate the entered prop on the Transition component (#​3089)
• Deprecate dot notation for components (#​2887, #​3170)
• Add frozen value to ComboboxOptions component (#​3126)
• Remove deprecated DialogBackdrop and DialogOverlay components (#​3171)

v1.7.19

Compare Source

Fixed

• Make sure panels re-register when IDs are calculated in React < 18 (#​2883)
• Expose disabled state on <Tab /> component (#​2918)
• Prevent default behavior when clicking outside of a Dialog.Panel (#​2919)
• Add hidden attribute to internal <Hidden /> component when the Features.Hidden feature is used (#​2955)
• Allow setting custom tabIndex on the <Switch /> component (#​2966)
• Forward disabled state to hidden inputs in form-like components (#​3004)
• Respect selectedIndex for controlled <Tab/> components (#​3037)

v1.7.18

Compare Source

Fixed

• Don't call <Dialog>'s onClose twice on mobile devices (#​2690)
• Lazily resolve default containers in <Dialog> (#​2697)
• Ensure hidden Tab.Panel components are hidden from the accessibility tree (#​2708)
• Add support for role="alertdialog" to <Dialog> component (#​2709)
• Ensure blurring the Combobox.Input component closes the Combobox (#​2712)
• Allow changes to the className prop when the <Transition /> component is currently not transitioning (#​2722)
• Export (internal-only) component interfaces for TypeScript compiler (#​2313)
• Fix infinite render-loop for <Disclosure.Panel> and <Popover.Panel> when as={Fragment} (#​2760)
• Fix VoiceOver bug for Listbox component in Chrome (#​2824)
• Fix outside click detection when component is mounted in the Shadow DOM (#​2866)
• Fix CJS types (#​2880)
• Fix error when transition classes contain new lines (#​2871)
• Improve iOS locking (7721aca)

---

Configuration

📅 Schedule: Branch creation - "every weekend" in timezone America/Los_Angeles, Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR has been generated by Mend Renovate. View repository job log here.

[relativeci]

#438 Bundle Size — 1.27MiB (+1.03%).

3da7fb7(current) vs 0a5a26f main#431(baseline)

Warning

Bundle contains 12 duplicate packages – View duplicate packages

Warning

Bundle introduced 3 new packages: @react-aria/focus, @react-aria/interactions, @react-aria/utils – View changed packages

Bundle metrics   5 changes 2 regressions

	Current #438	Baseline #431
Initial JS	1.24MiB(+1.06%)	1.22MiB
Initial CSS	0B	0B
Cache Invalidation	91.2%	0%
Chunks	5	5
Assets	12	12
Modules	955(+1.6%)	940
Duplicate Modules	45	45
Duplicate Code	3.77%(-1.31%)	3.82%
Packages	163(+1.88%)	160
Duplicate Packages	9	9

Bundle size by type   1 change 1 regression

	Current #438	Baseline #431
JS	1.24MiB (+1.06%)	1.22MiB
IMG	35.85KiB	35.85KiB
HTML	810B	810B
Other	778B	778B

---

Bundle analysis report Branch renovate/headlessui-react-2.x Project dashboard