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.1.4

---

Release Notes

tailwindlabs/headlessui (@​headlessui/react)

v2.1.4

Compare Source

Fixed

• Fix components not closing properly when using the transition prop (#​3448)

v2.1.3

Compare Source

Fixed

• Ensure Transition component state doesn't change when it becomes hidden (#​3372)
• Fix closing components using the transition prop, and after scrolling the page (#​3407)
• Ensure all client components are marked correctly to avoid a crash with React 19 and Turbopack (#​3429)

v2.1.2

Compare Source

Fixed

• Fix prematurely added anchoring styles on ListboxOptions (#​3337)
• Ensure unmount on Dialog works in combination with the transition prop on DialogBackdrop and DialogPanel components (#​3352)
• Fix crash in Combobox component when in virtual mode when options are empty (#​3356)
• Fix hanging tests when using anchor prop (#​3357)
• Fix transition and focus prop combination for PopoverPanel component (#​3361)
• Fix outside click in nested portalled Popover components (#​3362)
• Fix restoring focus to correct element when closing Dialog component (#​3365)
• Fix flushSync warning for Combobox component with immediate prop enabled (#​3366)

v2.1.1

Compare Source

Fixed

• Fix issues spreading omitted props onto components (#​3313)
• Fix initial anchor="selection" positioning (#​3324)
• Fix render prop in ComboboxOptions to use any instead of unknown (#​3327)
• Fix incorrect Transition boundary for Dialog component (#​3331)

v2.1.0

Compare Source

Added

• Add ability to render multiple Dialog components at once (without nesting them) (#​3242)
• Add new data-attribute-based transition API (#​3273, #​3285, #​3307, #​3309, #​3312)
• Add DialogBackdrop component (#​3307, #​3310)
• Add PopoverBackdrop component to replace PopoverOverlay (#​3308)

Fixed

• Keep Combobox open when clicking scrollbar in ComboboxOptions (#​3249)
• Ensure ComboboxInput does not sync with current value while typing (#​3259)
• Fix visual jitter in Combobox component when using native scrollbar (#​3190)
• Improve UX by freezing ComboboxOptions while closing (#​3304)
• Merge incoming style prop on ComboboxOptions, ListboxOptions, MenuItems, and PopoverPanel components (#​3250)
• Prevent focus on Checkbox when it is disabled (#​3251)
• Use useId instead of React internals (for React 19 compatibility) (#​3254)
• Cancel outside click behavior on touch devices when scrolling (#​3266)
• Correctly apply conditional classes when using Transition and TransitionChild components (#​3303)

Changed

• Allow using the Tab and Shift+Tab keys when the Listbox component is open (#​3284)

v2.0.4

Compare Source

Fixed

• [internal] Don’t set a focus fallback for Dialog’s in demo mode (#​3194)
• Ensure page doesn't scroll down when pressing Escape to close the Dialog component (#​3218)
• Fix crash when toggling between virtual and non-virtual mode in Combobox component (#​3236)
• Ensure tabbing to a portalled <PopoverPanel> component moves focus inside (without using <PortalGroup>) (#​3239)
• Only handle form reset when defaultValue is used (#​3240)

Deprecated

• Mark SwitchGroup as deprecated, prefer Field instead (#​3232)

Changed

• Use native fieldset instead of div by default for <Fieldset /> component (#​3237)

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 - "before 1am" (UTC), Automerge - At any time (no schedule defined).

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

♻ Rebasing: Whenever PR becomes conflicted, 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 was generated by Mend Renovate. View the repository job log.

---

PR-Codex overview

This PR updates dependencies to use @headlessui/react version 2.1.2 across multiple packages.

Detailed summary

• Updated @headlessui/react dependency to version 2.1.2 in various package.json files
• Added as="div" attribute to Transition components
• Adjusted styles and transitions in various components and files
• Removed unnecessary state variable assignments in components

The following files were skipped due to too many changes: packages/ui/select/SelectOptions.tsx, apps/pool/components/PoolSection/PoolChart.tsx, packages/ui/tabs/TabList.tsx, packages/ui/menu/MenuButton.tsx, packages/ui/animation/AppearOnMount/AppearOnMount.tsx, packages/ui/select/SelectButton.tsx, apps/pool/components/UnStakeSection/UnStakeSectionWidgetStandard.tsx, packages/ui/menu/MenuItem.tsx, apps/analytics/components/Table/TableFilters/TableFiltersSearchToken.tsx, apps/pool/components/AddSection/AddSectionStable.tsx, apps/analytics/components/TableSection/TableSection.tsx, packages/ui/animation/SlideIn/FromTop.tsx, packages/ui/animation/SlideIn/FromBottom.tsx, packages/ui/overlay/Header.tsx, packages/ui/drawer/Drawer.tsx, apps/market/components/SettingsOverlay/SlippageToleranceDisclosure.tsx, apps/pool/components/SettingsOverlay/SlippageToleranceDisclosure.tsx, apps/pool/components/RemoveSection/RemoveSectionWidgetStandard.tsx, apps/pool/components/NewPositionSection/SelectNetworkWidget.tsx, apps/pool/components/AddSection/AddSectionWidgetStandard.tsx, packages/ui/animation/SlideIn/FromRight.tsx, apps/pool/components/RemoveSection/RemoveSectionStable.tsx, apps/pool/components/NewPositionSection/SelectPoolTypeWidget.tsx, packages/ui/animation/SlideIn/FromLeft.tsx, packages/ui/app/Header.tsx, apps/swap/components/SettingsOverlay/SlippageToleranceDisclosure.tsx, packages/ui/select/SelectOption.tsx, apps/pool/components/StakeSection/StakeSectionWidgetStandard.tsx, apps/swap/components/SwapStatsDisclosure/SwapStatsDisclosure.tsx, packages/ui/dialog/Dialog.tsx, apps/pool/components/NewPositionSection/SelectStablePoolWidget.tsx, pnpm-lock.yaml

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
analytics	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 4, 2024 11:39am
app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 4, 2024 11:39am
gauge	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 4, 2024 11:39am
market	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 4, 2024 11:39am
path-finder	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 4, 2024 11:39am
pool	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 4, 2024 11:39am
referrals	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 4, 2024 11:39am
swap	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 4, 2024 11:39am
token-price	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 4, 2024 11:39am
zenlink-interface-gauge	❌ Failed (Inspect)			Sep 4, 2024 11:39am
zenlink-stats	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 4, 2024 11:39am

[renovate]

Edited/Blocked Notification

Renovate will not automatically rebase this PR, because it does not recognize the last commit author and assumes somebody else may have edited the PR.

You can manually request rebase by checking the rebase/retry box above.

⚠️ Warning: custom changes will be lost.