refactor(ui): use headlessui flat named exports - #3453
Merged
Conversation
Contributor
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (12)
Included review availability: Your plan provides up to 10 included reviews per hour; 7 remain after this review. 📝 WalkthroughWalkthroughThe PR migrates Headless UI compound component syntax to standalone named components across menus, transitions, listboxes, labels, and disclosures. Existing props, styling, rendering, and behavior remain unchanged. ChangesHeadless UI API migration
Estimated code review effort: 2 (Simple) | ~10 minutes Merge Risk: ⚪ Minimal · up to This PR updates Headless UI imports and component references without intended behavior changes; no actionable merge-blocking risk remains beyond normal checks and review. Suggested reviewers: Poem
🚥 Pre-merge checks | ✅ 4✅ Passed checks (4 passed)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
gauthier-th
previously approved these changes
Aug 31, 2026
fallenbagel
force-pushed
the
refactor/headlessui-flat-named-exports
branch
from
August 31, 2026 08:35
0053afe to
77950cb
Compare
0xSysR3ll
approved these changes
Aug 31, 2026
gauthier-th
approved these changes
Aug 31, 2026
The root Transition left on duration-300 while its Transition.Childe left on duration-500 sm:duration700. Headless UI keeps the subtree mounted until the child finishes, so from 300ms onward the root had completed its own transition and reverted to its base className (bg-gray-800/70 at full opacity) while the panel was still mid-slide, partially off the right edge. This aligns the root's leave duration to the child's so both finish together and the subtree unmounts with the backdrop still at opacity-0. The panel's motion is unchanged and this only affects the backdrop fade-out which never previously completely cleanly.
v2 deprecates dot notation in favour of flat named exports. Renamed all 70 dotted tags and updated the imports to match. This is behaviour-neutral.
fallenbagel
force-pushed
the
refactor/headlessui-flat-named-exports
branch
from
August 31, 2026 11:58
77950cb to
b44603a
Compare
Base automatically changed from
fix/slideover-backdrop-flash-on-close
to
develop
August 31, 2026 12:00
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
v2 deprecates dot notation in favour of flat named exports. Renamed all 70 dotted tags across 12 files and update the imports to match. The dotted names are aliases of the same implementations, so this is behaviour-neutral.
How Has This Been Tested?
Screenshots / Logs (if applicable)
Checklist:
pnpm buildpnpm i18n:extractSummary by CodeRabbit