chore(deps): bump RA versions (aug 2025)#5640
Conversation
🦋 Changeset detectedLatest commit: e7f5639 The changes in this PR will be included in the next version bump. This PR includes changesets to release 56 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
WalkthroughAdds a changeset declaring many package patch bumps, updates docs install snippets for date/i18n versions, updates numerous package.json dependency versions across the monorepo, and exposes/forwards a new optional Changes
Sequence Diagram(s)sequenceDiagram
participant OverlayPos as useOverlayPosition
participant PopoverAria as useReactAriaPopover
participant UsePopover as usePopover
participant Consumer as PopoverComponent
Note over OverlayPos,PopoverAria #e6f7ff: New data flow — origin propagated
OverlayPos->>PopoverAria: return { position, placement, origin }
PopoverAria->>UsePopover: expose origin (aliased -> triggerAnchorPoint)
UsePopover->>UsePopover: compute anchorStyles -> { '--trigger-anchor-point': "xpx ypx" }
UsePopover->>Consumer: return props + inline style with --trigger-anchor-point
Consumer->>Consumer: CSS var used as transform-origin for animations
Estimated code review effort🎯 3 (Moderate) | ⏱️ ~20 minutes Possibly related PRs
Suggested reviewers
📜 Recent review detailsConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro 💡 Knowledge Base configuration:
You can enable these sources in your CodeRabbit configuration. ⛔ Files ignored due to path filters (1)
📒 Files selected for processing (2)
✅ Files skipped from review due to trivial changes (1)
🔇 Additional comments (1)
✨ Finishing Touches🧪 Generate unit tests
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. 🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
SupportNeed help? Create a ticket on our support page for assistance with any issues or questions. CodeRabbit Commands (Invoked using PR/Issue comments)Type Other keywords and placeholders
Status, Documentation and Community
|
There was a problem hiding this comment.
Actionable comments posted: 8
Caution
Some comments are outside the diff and can’t be posted inline due to platform limitations.
⚠️ Outside diff range comments (1)
apps/docs/package.json (1)
1-128: Missing pnpm-lock.yaml updateThe dependency bumps in apps/docs/package.json aren’t reflected in the lockfile, which will lead to unreproducible CI builds.
• Run
pnpm -w installto regenerate pnpm-lock.yaml
• Stage and commit the updated pnpm-lock.yaml
♻️ Duplicate comments (4)
packages/components/link/package.json (1)
47-49: @react-aria/focus 3.21.1 and @react-types/link 3.6.4 bumps LGTM; covered by repo-wide skew check.
No API surface here; ensure matching versions in use-aria-link and docs.packages/components/form/package.json (1)
46-48: Deps bumped (types/shared, stately/form, types/form) — looks fine; watch for transitive @react-stately alignment.
Form state libs can co-install multiple minors; confirm single resolved versions after dedupe.packages/components/card/package.json (1)
48-50: Bumps to focus/interactions/shared are consistent with the PR’s sweep.
No runtime code in this file; rely on lockfile normalization.packages/hooks/use-disclosure/package.json (1)
41-41: @react-aria/utils 3.30.1 patch bump — OK; ensure all packages moved off 3.30.0.
This is included in the skew check script.
🧹 Nitpick comments (6)
apps/docs/content/docs/components/date-range-picker.mdx (1)
145-148: No outdated version pins detected—optional refactor to loosen install commandsI ran a search for earlier pins of
@internationalized/date(versions 3.7.x and 3.8.x) and for the@react-aria/i18n@3.12.11entry and found no matches elsewhere in the docs. The only install commands in apps/docs/content/docs/components/date-range-picker.mdx (lines 145–148, 170–173, 194–197, 218–221, 240–243, 265–268, 285–288) currently pin@internationalized/date@3.9.0.
- File: apps/docs/content/docs/components/date-range-picker.mdx
Locations: 145–148 (also applies to 170–173, 194–197, 218–221, 240–243, 265–268, 285–288)If you’d prefer to keep exact pins, no older versions remain to update. Otherwise, to reduce future churn, consider unpinning or using caret ranges:
- npm: "npm install @internationalized/date@3.9.0", - yarn: "yarn add @internationalized/date@3.9.0", - pnpm: "pnpm add @internationalized/date@3.9.0", + npm: "npm install @internationalized/date", + yarn: "yarn add @internationalized/date", + pnpm: "pnpm add @internationalized/date",.changeset/giant-turtles-sit.md (1)
53-53: Make the release note more descriptiveSuggest clarifying scope and impact (no API/code changes).
Apply:
-bump RA versions (aug 2025) +chore: bump @react-aria, @react-stately, and @react-types dependencies across packages to Aug 2025 releases (no code or API changes)packages/components/calendar/package.json (1)
52-57: Align @internationalized/date to v3.9.0 across the monorepo
React Spectrum’s August 25, 2025 release bumps @internationalized/date to 3.9.0 to match the rest of the React Aria ecosystem and avoid dual installs (react-spectrum.adobe.com). According to the grep results, we still pin 3.8.2 in several places—please update them all to 3.9.0:• packages/components/date-picker/package.json (line 44)
• packages/components/calendar/package.json (line 51)
• packages/components/date-input/package.json (line 46)
• apps/docs/package.json (line 32)
• apps/docs/components/docs/components/code-demo/parse-dependencies.ts (line 55)Apply the following diff in each file:
- "@internationalized/date": "3.8.2", + "@internationalized/date": "3.9.0",apps/docs/content/docs/components/date-picker.mdx (2)
122-125: Docs versions bumped consistently; consider unpinning patch versions to reduce churn.LGTM on moving to @internationalized/date 3.9.0 and @react-aria/i18n 3.12.12. Optional: drop exact pins so future patch releases don’t require doc edits.
Apply diffs to use caret ranges (or omit versions) in install snippets:
- npm: "npm install @internationalized/date@3.9.0", - yarn: "yarn add @internationalized/date@3.9.0", - pnpm: "pnpm add @internationalized/date@3.9.0", + npm: "npm install @internationalized/date", + yarn: "yarn add @internationalized/date", + pnpm: "pnpm add @internationalized/date",- npm: "npm install @internationalized/date@3.9.0 @react-aria/i18n@3.12.12", - yarn: "yarn add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12", - pnpm: "pnpm add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12", + npm: "npm install @internationalized/date @react-aria/i18n", + yarn: "yarn add @internationalized/date @react-aria/i18n", + pnpm: "pnpm add @internationalized/date @react-aria/i18n",Also applies to: 147-150, 171-174, 195-198, 217-220, 255-258
160-160: Nit: “Granularity” section shows “Time Zones” as the demo title.Probably a copy/paste. Adjust the demo title.
-<CodeDemo title="Time Zones" files={datePickerContent.granularity} /> +<CodeDemo title="Granularity" files={datePickerContent.granularity} />packages/hooks/use-aria-overlay/package.json (1)
42-45: Unify React peer range with other packages.Other packages (e.g., modal) allow React 19 RC in peer range. Consider mirroring for consistency.
Apply:
- "peerDependencies": { - "react": ">=18", - "react-dom": ">=18" - }, + "peerDependencies": { + "react": ">=18 || >=19.0.0-rc.0", + "react-dom": ">=18 || >=19.0.0-rc.0" + },
📜 Review details
Configuration used: Path: .coderabbit.yaml
Review profile: CHILL
Plan: Pro
💡 Knowledge Base configuration:
- MCP integration is disabled by default for public repositories
- Jira integration is disabled by default for public repositories
- Linear integration is disabled by default for public repositories
You can enable these sources in your CodeRabbit configuration.
⛔ Files ignored due to path filters (1)
pnpm-lock.yamlis excluded by!**/pnpm-lock.yaml
📒 Files selected for processing (54)
.changeset/giant-turtles-sit.md(1 hunks)apps/docs/content/docs/components/date-input.mdx(6 hunks)apps/docs/content/docs/components/date-picker.mdx(6 hunks)apps/docs/content/docs/components/date-range-picker.mdx(7 hunks)apps/docs/package.json(2 hunks)packages/components/accordion/package.json(1 hunks)packages/components/autocomplete/package.json(2 hunks)packages/components/avatar/package.json(1 hunks)packages/components/breadcrumbs/package.json(1 hunks)packages/components/button/package.json(1 hunks)packages/components/calendar/package.json(1 hunks)packages/components/card/package.json(1 hunks)packages/components/checkbox/package.json(1 hunks)packages/components/chip/package.json(1 hunks)packages/components/date-input/package.json(1 hunks)packages/components/date-picker/package.json(1 hunks)packages/components/divider/package.json(1 hunks)packages/components/dropdown/package.json(1 hunks)packages/components/form/package.json(1 hunks)packages/components/input-otp/package.json(1 hunks)packages/components/input/package.json(1 hunks)packages/components/link/package.json(1 hunks)packages/components/listbox/package.json(1 hunks)packages/components/menu/package.json(1 hunks)packages/components/modal/package.json(1 hunks)packages/components/navbar/package.json(1 hunks)packages/components/number-input/package.json(1 hunks)packages/components/pagination/package.json(1 hunks)packages/components/popover/package.json(1 hunks)packages/components/progress/package.json(1 hunks)packages/components/radio/package.json(1 hunks)packages/components/select/package.json(1 hunks)packages/components/slider/package.json(1 hunks)packages/components/snippet/package.json(1 hunks)packages/components/switch/package.json(1 hunks)packages/components/table/package.json(2 hunks)packages/components/tabs/package.json(1 hunks)packages/components/toast/package.json(1 hunks)packages/components/tooltip/package.json(1 hunks)packages/components/user/package.json(1 hunks)packages/core/react/package.json(1 hunks)packages/core/system-rsc/package.json(1 hunks)packages/core/system/package.json(1 hunks)packages/hooks/use-aria-accordion-item/package.json(1 hunks)packages/hooks/use-aria-accordion/package.json(1 hunks)packages/hooks/use-aria-button/package.json(1 hunks)packages/hooks/use-aria-link/package.json(1 hunks)packages/hooks/use-aria-modal-overlay/package.json(1 hunks)packages/hooks/use-aria-multiselect/package.json(1 hunks)packages/hooks/use-aria-overlay/package.json(1 hunks)packages/hooks/use-disclosure/package.json(1 hunks)packages/hooks/use-draggable/package.json(1 hunks)packages/hooks/use-pagination/package.json(1 hunks)packages/utilities/aria-utils/package.json(1 hunks)
🔇 Additional comments (47)
packages/components/tooltip/package.json (1)
51-55: Deps bump LGTM for RA/Stately/Types packages.Patch-level updates, consistent within this package. No API surface in this file; safe to ship.
packages/hooks/use-draggable/package.json (1)
53-53: Inconsistent @react-types/shared version in root package.jsonAll React ARIA packages are correctly pinned, but the root
package.jsonstill references@react-types/sharedat version 3.31.0, while every other package has been updated to 3.32.0. This mismatch can lead to dependency resolution issues.• Affected file:
./package.json• Required change:
- "@react-types/shared": "3.31.0", + "@react-types/shared": "3.32.0",Please bump the root dependency to maintain monorepo consistency.
Likely an incorrect or invalid review comment.
packages/core/system-rsc/package.json (1)
50-50: @react-types/shared → 3.32.0 looks good.
No API impact expected; confirm other packages aren’t still on 3.31.x to avoid duplicate installs.packages/core/react/package.json (1)
94-94: @react-aria/visually-hidden → 3.8.27 approved.
Minor patch; safe. Ensure docs/examples and any other packages also landed on 3.8.27.packages/components/snippet/package.json (1)
50-50: @react-aria/focus → 3.21.1 approved.
Patch bump aligns with the rest of the repo.packages/components/user/package.json (1)
46-46: @react-aria/focus → 3.21.1 approved.
Consistent with other packages; no action needed.packages/components/button/package.json (1)
49-51: Manual Verification Required: RA/RT Version Consistency
The automated check ran without errors but didn’t emit a final confirmation. Please manually verify that everypackage.jsonin the repo has the exact versions for these dependencies to avoid mixed trees:
- @react-aria/interactions → 3.25.5
- @react-aria/focus → 3.21.1
- @react-types/shared → 3.32.0
- @react-aria/progress → 3.4.26
- @react-types/progress → 3.5.15
- @react-aria/breadcrumbs → 3.5.28
- @react-types/breadcrumbs → 3.7.16
- @react-aria/i18n → 3.12.12
Once confirmed, you can safely approve the RA/RT bumps repo-wide.
packages/components/avatar/package.json (1)
46-47: Aligned with button package; no issues.Patch bumps for interactions/focus match the workspace targets.
packages/components/progress/package.json (1)
46-47: Progress deps bumped; safe patch updates.Expect no behavioral changes; types remain compatible.
packages/components/breadcrumbs/package.json (1)
46-48: Breadcrumbs RA/RT patch bumps LGTM.Keep an eye on any subtle focus-ring changes from @react-aria/focus 3.21.1 in visual snapshots.
If snapshots exist, re-run them in CI to confirm no diffs around keyboard focus.
packages/hooks/use-pagination/package.json (1)
38-38: i18n patch bump approved.Low risk; verify locale snapshots if any.
packages/components/date-picker/package.json (1)
54-59: No action needed:@internationalized/datealready aligned at 3.8.2
All usages of@internationalized/dateacross the monorepo—apps/docs, packages/components/date-input, packages/components/date-picker, and packages/components/calendar—are pinned to version 3.8.2. No further bump is required.packages/hooks/use-aria-modal-overlay/package.json (1)
38-40: Overlay versions are uniform across all packages
Verified that every@react-aria/overlaysentry is pinned to3.29.0and every@react-stately/overlaysentry is pinned to3.6.19in the following locations:
packages/components/tooltip/package.jsonpackages/components/select/package.jsonpackages/components/popover/package.jsonpackages/components/navbar/package.jsonpackages/components/modal/package.jsonpackages/hooks/use-aria-overlay/package.jsonpackages/hooks/use-aria-modal-overlay/package.jsonpackages/core/system/package.jsonNo discrepancies found—approving these overlay bumps.
packages/components/chip/package.json (1)
46-47: Focus/interactions patch bumps are fine.No API surface in this package.json is impacted.
packages/components/popover/package.json (1)
53-57: RA overlays trio bumped consistently; no mismatches found repo-wide.Verified that all occurrences of
- @react-aria/dialog@3.5.29
- @react-aria/focus@3.21.1
- @react-aria/overlays@3.29.0
- @react-stately/overlays@3.6.19
- @react-types/overlays@3.9.1
are uniformly applied across every
package.jsonandpeerDependencies. LGTM—ready to merge.packages/hooks/use-aria-accordion/package.json (1)
37-43: Dependencies are consistently synchronized across packages
- Verified alignment of
@react-aria/button@3.14.1,@react-aria/focus@3.21.1,@react-aria/selection@3.25.1,@react-stately/tree@3.9.2and@react-types/shared@3.32.0across everypackage.jsonin the repo; no version mismatches detected.- The only mixed alpha/stable pairing remains
@react-types/accordion@3.0.0-alpha.26alongside the stable@react-types/shared@3.32.0, which is intentional for accordion types.- As recommended, please run a full TypeScript typecheck across your packages after this bump to ensure there are no unforeseen type regressions.
packages/components/input-otp/package.json (1)
47-53: Form-related dependency versions are consistent across the repo; no mismatches detected.• Verified that every package.json (including packages/components/input-otp) uses
- @react-aria/form 3.1.1
- @react-stately/form 3.2.1
- @react-types/textfield 3.12.5
- @react-aria/focus 3.21.1
• No unexpected version skew was found.
Please run your full TypeScript typecheck (e.g.
pnpm run typecheckoryarn typecheck) to ensure the @react-types/textfield bump introduces no new TS errors.packages/components/dropdown/package.json (1)
49-52: @react-aria/menu bump verifiedAll internal packages depending on @react-aria/menu have been updated to version 3.19.1—no mismatches detected. Lockfile duplication risk has been mitigated.
packages/components/pagination/package.json (1)
48-51: Pagination React Aria dependency bumps are correct — please confirm/add a changeset and update the lockfile
- The four React Aria dependencies in packages/components/pagination/package.json match the intended versions (3.30.1, 3.21.1, 3.12.12, 3.25.5).
- Ensure there’s a changeset entry targeting packages/components/pagination so it will be published alongside the other packages.
- Don’t forget to regenerate/commit your lockfile after the bump.
packages/components/toast/package.json (1)
49-51: RA deps verified — no repo-wide duplicates found
- @react-aria/interactions is consistently pinned to 3.25.5 across the monorepo (26 packages).
- @react-aria/toast only appears in packages/components/toast/package.json at 3.0.7 — no other versions found.
No action required.
packages/hooks/use-aria-button/package.json (1)
40-45: Confirm safe minor/patch bumps for @react-aria and @react-typesAll packages consuming these updated versions have been identified and import sites enumerated. Please run your TypeScript build (and review any generated diffs) to ensure no breaking type changes:
• packages/hooks/use-aria-button/package.json (lines 40–45)
- @react-aria/focus 3.21.1
- @react-aria/interactions 3.25.5
- @react-aria/utils 3.30.1
- @react-types/button 3.14.0
- @react-types/shared 3.32.0
• Downstream import locations include components, hooks, core, and utilities (see script output above).
These are all minor/patch bumps, but a full TS compile–check is required to verify that no type definitions have changed in a breaking way.
packages/components/switch/package.json (1)
46-51: ✅ ARIA/Stately Versions Are Fully Aligned Across the MonorepoAll occurrences of the targeted @react-aria and @react-stately packages resolve to a single patch version in every package.json:
- @react-aria/focus 3.21.1 (33 usages)
- @react-aria/interactions 3.25.5 (26 usages)
- @react-aria/visually-hidden 3.8.27 ( 8 usages)
- @react-stately/toggle -3.9.1 ( 3 usages)
- @react-aria/switch 3.7.7 ( 1 usage)
No duplicate or mismatched versions detected.
packages/hooks/use-aria-accordion-item/package.json (1)
37-41: Uniform @react-stately/tree and @react-types/shared versions confirmedAll inspected packages declare @react-stately/tree at 3.9.2 and @react-types/shared at 3.32.0, with no mismatches found.
• apps/docs/package.json
• packages/components/accordion, menu
• packages/hooks/use-aria-accordion, use-aria-accordion-item
• All other packages referencing these depsNo further action required.
packages/components/slider/package.json (1)
46-51: Cross-package dependency versions are uniformOur audit shows each bumped React Aria package exists at exactly one version repository-wide:
- @react-aria/focus@3.21.1 (33 occurrences)
- @react-aria/interactions@3.25.5 (26 occurrences)
- @react-aria/i18n@3.12.12 (11 occurrences)
- @react-aria/visually-hidden@3.8.27 (8 occurrences)
- @react-aria/slider@3.8.1 (1 occurrence, in slider)
- @react-stately/slider@3.7.1 (1 occurrence, in slider)
No conflicting versions detected, so cross-package uniformity is confirmed and there’s no multi-version usage to manage.
packages/components/autocomplete/package.json (3)
55-59: RA/RS/RT bumps look good; patch/minor onlyNothing risky here. Matches the repo-wide sweep.
68-68: Dev dep bump aligns with docs/examples
@react-stately/data3.14.0 is fine.
55-59: ✅ All React Aria/Stately/Types and @internationalized/date versions are consistent
The verification script ran across every package.json and reported no mixed versions—no further action is needed.packages/components/tabs/package.json (1)
48-52: Tabs RA bumps are consistent with the sweepPatch bumps only; no API surface here. Good to go.
packages/components/menu/package.json (2)
48-53: Menu RA/RS/RT bumps look correctAll minor/patch; aligns with accordions/tables updates in this PR.
51-53: Cross-dependency alignment verified
All instances of@react-stately/tree@3.9.2now pair correctly with@react-aria/menu@3.19.1, and there are no stray@react-aria/selectionor@react-aria/utilsdeclarations inpackages/components/menu. The rest of the monorepo also shows consistent usage:• packages/components/menu/package.json:
–"@react-aria/menu": "3.19.1"
–"@react-stately/tree": "3.9.2"• No other
@react-aria/(selection|utils)deps in that package.
• All other packages that consume@react-stately/treereference it at3.9.2, and@react-aria/selectionand@react-aria/utilsremain at3.25.1and3.30.1respectively.No mismatches detected—ready to merge.
packages/components/navbar/package.json (1)
50-54: Navbar RA bumps LGTM; watch overlays transitive set
@react-aria/overlays@3.29.0often pulls newer@react-aria/utils. Ensure workspace has a consistent utils version via the consistency script..changeset/giant-turtles-sit.md (1)
2-51: ✅ Changeset front-matter matches modified packages
I’ve confirmed that every changedpackage.jsonin this PR is listed in.changeset/giant-turtles-sit.md, with no missing or extra entries. No further updates are needed.packages/components/date-input/package.json (1)
47-51: @internationalized/date is consistent across the workspace
- Script verification confirms @internationalized/date is referenced in four packages—calendar, date-input, date-picker, and docs—and all are pinned to version 3.8.2.
- No mismatched versions were found; the dependency is uniform across every package.
Everything looks intentional and aligned. If you decide to upgrade to a newer @internationalized/date (e.g. 3.9.0), apply the bump across all packages in a single commit and verify compatibility with your components.
packages/components/listbox/package.json (1)
49-53: Dependency Bump Verification Completed
- Scanned
packages/components/listboxfor all direct imports of the bumped packages (@react-aria/listbox,@react-stately/list,@react-aria/interactions,@react-aria/focus,@react-types/shared).- Confirmed usage of existing APIs only (e.g.
useListBox,useListState,useOption,useListBoxSection, types from@react-types/shared); no references to new minor‐version–only features detected.- All @react-aria packages were bumped at the patch level, and @react-stately/list’s bump to 3.13.0 is semver minor—guaranteed backward-compatible with no breaking changes.
These dependency bumps are safe; approving the code changes.
packages/components/checkbox/package.json (1)
48-54: Patch-level bumps across RA/Stately/Types look consistentNo API changes expected. Looks good.
packages/components/select/package.json (1)
57-62: Verify React Aria Overlays Integration PathsThe bump to @react-aria/overlays 3.29.0 touches multiple components; please ensure all overlay-related APIs still typecheck and behave as expected. Key areas to spot-check include:
• Modal components (packages/components/modal/src) – Overlay, DismissButton, AriaModalOverlayProps usage
• Popover components (packages/components/popover/src) – Overlay, DismissButton, useOverlayPosition, AriaPopoverProps
• Navbar menu (packages/components/navbar/src/navbar-menu.tsx) – Overlay portal usage
• Select and Autocomplete hooks (packages/components/select/src, packages/components/autocomplete/src) – usePreventScroll, ariaHideOutside
• Tooltip (packages/components/tooltip/src) – OverlayContainer, useOverlayPosition, AriaOverlayProps
• Core provider (packages/core/system/src/provider.tsx) – OverlayProvider, ModalProviderProps
• Hooks (packages/hooks/use-aria-modal-overlay, use-aria-overlay) – useOverlayFocusContain, usePreventScrollNext steps:
- Run a full TypeScript compile pass across the monorepo to catch any breaking signature changes.
- Execute the overlay-centric integration tests (e.g. Modal, Popover, Tooltip suites) to confirm runtime behavior.
- Review any new warnings or errors in IDE after upgrading the @react-aria/overlays dependency.
packages/components/table/package.json (1)
48-55: ✅ Cross-Package Version Deduplication ConfirmedAll targeted dependencies have a single, consistent version across the monorepo:
- @react-aria/focus 3.21.1
- @react-aria/interactions 3.25.5
- @react-aria/table 3.17.7
- @react-aria/visually-hidden 3.8.27
- @react-stately/table 3.15.0
- @react-stately/virtualizer 4.4.3
- @react-stately/data 3.14.0
- @react-types/grid 3.3.5
- @react-types/table 3.13.3
Ran a global
rgsearch for each scope and found no mismatched versions. You’re good to go!packages/components/accordion/package.json (1)
58-63: Verify keyboard navigation and type definitions after dependency bumpsThe upgrades to @react-aria/interactions, @react-aria/focus and @react-stately/tree are minor, but they include fixes around tree selection and keyboard shortcuts (e.g. ctrl + A in multiple-selection mode). Before merging, please:
- Run a clean install and typecheck
pnpm install pnpm -w -r run typecheck- Execute the full component test suite
pnpm test --filter=accordion- Manually verify Accordion keyboard behavior:
- Arrow Up/Down moves focus between items
- Home/End moves focus to first/last item
- Ctrl + A selects all items when
selectionMode="multiple"- Tab moves focus out of the Accordion to the next focusable element
Once all checks pass and no regressions are observed, this can be approved.
packages/hooks/use-aria-multiselect/package.json (1)
37-49: Wide RA/Stately/Types patch bumps are aligned; no API surface changes here.Looks good.
packages/components/radio/package.json (1)
46-53: Radio deps updated coherently (ARIA/Stately/Types).All versions are in lockstep with the rest of the PR.
packages/core/system/package.json (1)
59-61: System overlays/i18n/utils bumps OK; watch for overlays behavioral tweaks.No changes required here; just ensure visual/interaction snapshots remain stable after @react-aria/overlays 3.29.0.
Consider running overlay-related stories/tests locally to confirm no regressions in focus traps, scroll locking, and portal behavior.
packages/components/modal/package.json (2)
54-57: RA overlays/focus/dialog bumps look good.Patch/minor-only updates; no API surface in this package. Safe to land.
54-57: ✅ All React Aria package versions are aligned across the monorepoA repo-wide check confirms that every workspace depends on the same version for each selected package, so there are no multi-version conflicts:
- @react-aria/dialog: 3.5.29
- @react-aria/focus: 3.21.1
- @react-aria/overlays: 3.29.0
- @react-stately/overlays: 3.6.19
No further action needed.
packages/hooks/use-aria-overlay/package.json (2)
37-40: RA deps synced; good.Bumps for focus/interactions/overlays/shared are consistent with the rest of the PR.
27-35: Please install dependencies and run the full monorepo typecheckTo ensure no subtle type-breaks were introduced by the updated
@react-types/shared, install the workspace dependencies and verify thatturbo typechecksucceeds without errors:• File:
packages/hooks/use-aria-overlay/package.json(scripts block, lines 27–35)
• Command:pnpm install pnpm -w run typecheckThis will catch any unexpected type shifts across the entire repo after bumping
@react-types/shared.apps/docs/package.json (2)
34-42: Docs deps bumped; looks aligned with changeset and MDX updates.No concerns from package.json side.
Also applies to: 94-96
34-42: Verified: No stale version strings in docsI ran the provided grep across all MDX/install snippets under
apps/docs/contentand found no references to pre-bump versions. The docs are up-to-date.
@heroui/accordion
@heroui/alert
@heroui/autocomplete
@heroui/avatar
@heroui/badge
@heroui/breadcrumbs
@heroui/button
@heroui/calendar
@heroui/card
@heroui/checkbox
@heroui/chip
@heroui/code
@heroui/date-input
@heroui/date-picker
@heroui/divider
@heroui/drawer
@heroui/dropdown
@heroui/form
@heroui/image
@heroui/input
@heroui/input-otp
@heroui/kbd
@heroui/link
@heroui/listbox
@heroui/menu
@heroui/modal
@heroui/navbar
@heroui/number-input
@heroui/pagination
@heroui/popover
@heroui/progress
@heroui/radio
@heroui/ripple
@heroui/scroll-shadow
@heroui/select
@heroui/skeleton
@heroui/slider
@heroui/snippet
@heroui/spacer
@heroui/spinner
@heroui/switch
@heroui/table
@heroui/tabs
@heroui/toast
@heroui/tooltip
@heroui/user
@heroui/react
@heroui/system
@heroui/system-rsc
@heroui/theme
@heroui/use-aria-accordion
@heroui/use-aria-accordion-item
@heroui/use-aria-button
@heroui/use-aria-link
@heroui/use-aria-modal-overlay
@heroui/use-aria-multiselect
@heroui/use-aria-overlay
@heroui/use-callback-ref
@heroui/use-clipboard
@heroui/use-data-scroll-overflow
@heroui/use-disclosure
@heroui/use-draggable
@heroui/use-form-reset
@heroui/use-image
@heroui/use-infinite-scroll
@heroui/use-intersection-observer
@heroui/use-is-mobile
@heroui/use-is-mounted
@heroui/use-measure
@heroui/use-pagination
@heroui/use-real-shape
@heroui/use-ref-state
@heroui/use-resize
@heroui/use-safe-layout-effect
@heroui/use-scroll-position
@heroui/use-ssr
@heroui/use-theme
@heroui/use-update-effect
@heroui/use-viewport-size
@heroui/aria-utils
@heroui/dom-animation
@heroui/framer-utils
@heroui/react-rsc-utils
@heroui/react-utils
@heroui/shared-icons
@heroui/shared-utils
@heroui/stories-utils
@heroui/test-utils
commit: |
There was a problem hiding this comment.
Actionable comments posted: 1
🧹 Nitpick comments (2)
packages/core/theme/src/components/popover.ts (1)
27-27: Add a safe fallback for transform-originIf the CSS var isn’t set, the declaration is dropped. Prefer a fallback to keep intent explicit and avoid relying on UA defaults.
- "[transform-origin:var(--trigger-anchor-point)]", + "[transform-origin:var(--trigger-anchor-point,center)]",packages/components/popover/src/use-popover.ts (1)
206-211: Optional: memoize anchorStyles or inline to avoid per-render objectMinor. You can inline or memoize to reduce churn; not critical.
- const anchorStyles = { - "--trigger-anchor-point": triggerAnchorPoint - ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px` - : undefined, - }; + const anchorStyles = useMemo( + () => + triggerAnchorPoint + ? {"--trigger-anchor-point": `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px`} + : {}, + [triggerAnchorPoint?.x, triggerAnchorPoint?.y], + );(Remember to import
useMemoif removed.)
📜 Review details
Configuration used: Path: .coderabbit.yaml
Review profile: CHILL
Plan: Pro
💡 Knowledge Base configuration:
- MCP integration is disabled by default for public repositories
- Jira integration is disabled by default for public repositories
- Linear integration is disabled by default for public repositories
You can enable these sources in your CodeRabbit configuration.
📒 Files selected for processing (3)
packages/components/popover/src/use-aria-popover.ts(3 hunks)packages/components/popover/src/use-popover.ts(4 hunks)packages/core/theme/src/components/popover.ts(1 hunks)
🚧 Files skipped from review as they are similar to previous changes (1)
- packages/components/popover/src/use-aria-popover.ts
🔇 Additional comments (2)
packages/components/popover/src/use-popover.ts (2)
156-179: Forwarding prop to aria layer looks correctPassing
triggerAnchorPointthrough touseReactAriaPopovermatches the intended flow.
120-129: triggerAnchorPoint export verified
triggerAnchorPointis declared in use-aria-popover.ts (with JSDoc) and included on ReactAriaPopoverProps—no further action needed.
* fix(date-picker): error state (#5317) * fix(date-range-picker): fixed the error state in preset * Update giant-sloths-shop.md * Removed if statement * chore(date-picker): prettier --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(theme): clear button in mobile (#5252) * fix(toast): fixed close button hover position * fix(input): fixed the clear button rendering on smaller devices * Delete .changeset/soft-spoons-march.md * Update input.ts * Undo unrelated toast changes * fix(toast): icons (#5246) * feat(shared-icons): add loading icon * fix(toast): icons * chore(toast): revise types for icons * chore(changeset): add changeset * refactor: migrate eslint to v9 (#5267) * refactor: migrate eslint to v9 * chore: lint * chore: update eslint command * chore: fix lint warnings * chore: separate lint and lint:fix * chore: exclude contentlayer generated code * fix(scripts): add missing await * fix(autocomplete): persist last selected item position (#5286) * refactor(select): remove unnecessary code * fix(autocomplete): persist last selected item position * chore(changeset): add changeset * chore(deps): bump framer-motion version (#5287) * chore(deps): bump framer-motion version * fix: typing issues * chore(changeset): add changeset --------- Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): supplement onAction & selectionBehavior (#5289) * fix(autocomplete): ensure focused item matches selected item after filter, selection (#5290) * fix(autocomplete): ensure focused item matches selected item after filter, selection * chore: apply type and default value * chore: add perpose coment in updated code * test: add focuskey management testcode * docs: add changeset * docs: update changeset * chore: remove comment * fix: broken components in stories (#5291) * chore(switch): remove xl size * chore(docs): remove xl size * chore(system-rsc): remove xl size * chore(circular-progress): remove xl size * chore: undo * chore(deps): bump RA versions (#5310) * chore(deps): ra version bump * chore(changeset): add changeset * fix(scripts): incorrect docs path --------- Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): update meta data (#5311) * docs(layout.tsx): added text-foreground (#5316) * feat(tabs): add click handling for tab items in tests and implementation (#3917) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix issues in tabs examples (#2405) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore(docs): add missing onValueChange in CheckboxGroup (#5332) * ci(changesets): version packages (#5323) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(deps): bump RA versions (#5361) * chore(deps): bump RA versions * chore(deps): bump RA versions * chore(deps): bump RA versions * chore: changeset * refactor(listbox): already extends in AriaListBoxProps * chore(docs): remove herohack announcement (#5363) * chore: remove herohack announcement * Update carbon-ad.tsx * chore(docs): fixed lint errors * chore(docs): requested changes * Update carbon-ad.tsx * Update carbon-ad.tsx * fix(theme): consistent faded styling for isInvalid in InputOtp and DateInput (#5349) * fix(input-otp): remove bg and border styles from faded variant when isInvalid * fix(date-input): remove bg styles from faded variant when isInvalid * chore(changeset): add changeset * chore: bump theme peerDependencies * chore: bump theme peerDependencies * fix: wrong version * chore: extra line --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(theme): helperWrapper padding (#5350) * fix(number-input): decreased helperWrapper padding to maintain consistency * Update beige-laws-heal.md * chore(theme): change to p-1 * chore(deps): bump peerDependencies for theme pkg * fix(number-input): incorrect versions * chore(changeset): include number input --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(autocomplete): onClear (#5365) * fix(autocomplete): add onClear * feat(autocomplete): add test case for onClear * chore(changeset): add changeset * fix(number-input): only allow number type (#5368) * refactor(number-input): avoid non number type passing to number input * chore(changeset): add changeset * refactor: optimization (#5362) * chore(deps): bump RA versions * chore(deps): bump RA versions * chore(deps): bump RA versions * chore: changeset * chore(deps): remove unnecessary dependencies * fix(calendar): typing issue * refactor(system): remove unused SupportedCalendars * refactor(system): move I18nProviderProps to type * refactor: use `spectrumCalendarProps<DateValue>["createCalendar"]` * feat: add consistent-type-imports * fix: eslint * chore: add changeset * refactor: remove unused deps * ci(changesets): version packages (#5364) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(deps): bump RA versions (#5382) * fix(tabs): onClick (#5378) * fix(tabs): handleClick * chore(changeset): add changeset * refactor: remove `@interationalized/date` from system (#5374) * refactor(calendar): createCalendar typing * refactor(system): ditch `@react-types/calendar` * feat(system): include the required types or interfaces * chore(deps): pnpm-lock.yaml * fix: cast DateValue * fix: minValue & maxValue typing * chore(changeset): add changeset * refactor(system): abstract class * chore(deps): bump system peer dependency * chore(changeset): add changeset * fix(docs): correct display of the "Toast" component in the Safari browser (#5400) * ci(changesets): version packages (#5394) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * docs: replace invalid yarn command (#5422) * chore: remove ph banner (#5437) * feat: 2.8.0 beta changes (#5473) * ci(changesets): 📦 version packages (beta) (#5254) * chore(pre-release): enter pre-release mode * feat: support tailwindcss v4 (#4656) * feat: upgrade tailwindcssv4 * feat: upgrade tailwindcssv4 * feat: update config * feat: first init tailwindcss v4 * fix: update shadow xs to sm * fix: update rounded xs to sm * fix: variant issues * fix: variant shadow etc issues * fix: variant shadow issues * fix: redundant shadow issues * fix: redundant blur-sm issues * fix: redundant blur-sm issues * fix: redundant blur-sm shadow issues * fix: remove redundant rename * fix: role button issues * fix: role button issues * fix: font size * fix: alpha color value * fix: support text utilities in plugin * feat: upgrade tailwind-merge * fix: pkg package scope (cherry picked from commit 6e82323) * fix: button base ui add cursor pointer * fix: tailwindcss experimental * feat: upgrade tailwindcss version * fix: input step 1 * fix: input transition issue * fix: theme to var function * ci: run QA in beta branch * fix: var to the theme and incorrect var usage MER-3261 * feat: upgrade tailwind-variants --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * feat: changeset for tailwindcss v4 * fix: changeset * fix: changeset * ci(changesets): version packages (beta) (#5008) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore: tw 4 docs * fix: select tests * chore: timeout * ci(changesets): version packages (beta) * ci(changesets): version packages (beta) * fix: deployment * ci(changesets): version packages (beta) (#5009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore: add the cli to upgrade the packages to beta * fix: cli command * fix: revert to use previous version (#5012) * fix: revert to use previous version * fix: revert to use previous version * fix: revert * fix: revert to use previous tailwind-merge version * ci(changesets): version packages (beta) (#5015) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix: adapt tailwind merger config (#5016) * Revert "fix: revert to use previous version (#5012)" This reverts commit 1d01df2. * fix: adapt tailwind merge config * fix: adapt tailwind merge config * fix: adapt tailwind merge config * fix: changeset * ci(changesets): version packages (beta) * fix(tailwind): add missing values config for bg-grid plugin * fix: remove useless tw config * fix: add default styles * docs: changeset * docs: typo * chore: merge origin canary to beta * ci(changesets): version packages (beta) * chore: remove changeset & pre.json * chore: change to minor * chore(pre-release): enter pre-release mode * chore(deps): fix versions * chore(deps): revise changed packages * chore(deps): update tailwindcss version * ci(changesets): 📦 version packages (beta) (#5166) * ci(changesets): version packages (beta) * fix: add missing delimiter --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: winches <329487092@qq.com> * fix(docs): add missing semicolon * fix: animate about skeleton (#5198) * chore: pre release * ci(changesets): version packages (beta) (#5199) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * docs: blurred hover button style * fix: language selector blur (#5208) * fix: skeleton animate translate value (#5207) * fix: open in remote repo (#5214) * chore: upgrade tw version * fix: open in remote repo * fix: update lock * fix: select translate styles (#5219) * chore: pre release * ci(changesets): version packages (beta) (#5222) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * chore: remove changeset * chore(pre-release): enter pre-release mode * chore(react): continue from 2.8.0-beta.2 * chore(changeset): add changeset * fix(changeset): use patch * ci(changesets): version packages (beta) * fix(docs): beta docs --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: winches <329487092@qq.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Charlotte21110 <hejianer9@163.com> * fix(workflow): check_if_pre_json_exists order * chore(changeset): redeploy * chore(changeset): changeset (#5263) * ci(changesets): version packages (beta) (#5264) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix(docs): mdx in beta (#5261) * chore(docs): add lint:fix * fix(docs): slug requires promise in next 15 * fix(docs): useMDXComponent * fix(docs): typing issue * docs: typography style error (#5274) * chore(pre-release): enter pre-release mode * feat: support tailwindcss v4 (#4656) * feat: upgrade tailwindcssv4 * feat: upgrade tailwindcssv4 * feat: update config * feat: first init tailwindcss v4 * fix: update shadow xs to sm * fix: update rounded xs to sm * fix: variant issues * fix: variant shadow etc issues * fix: variant shadow issues * fix: redundant shadow issues * fix: redundant blur-sm issues * fix: redundant blur-sm issues * fix: redundant blur-sm shadow issues * fix: remove redundant rename * fix: role button issues * fix: role button issues * fix: font size * fix: alpha color value * fix: support text utilities in plugin * feat: upgrade tailwind-merge * fix: pkg package scope (cherry picked from commit 6e82323) * fix: button base ui add cursor pointer * fix: tailwindcss experimental * feat: upgrade tailwindcss version * fix: input step 1 * fix: input transition issue * fix: theme to var function * ci: run QA in beta branch * fix: var to the theme and incorrect var usage MER-3261 * feat: upgrade tailwind-variants --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * feat: changeset for tailwindcss v4 * fix: changeset * fix: changeset * ci(changesets): version packages (beta) (#5008) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore: tw 4 docs * fix: select tests * chore: timeout * ci(changesets): version packages (beta) * ci(changesets): version packages (beta) * fix: deployment * ci(changesets): version packages (beta) (#5009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore: add the cli to upgrade the packages to beta * fix: cli command * fix: revert to use previous version (#5012) * fix: revert to use previous version * fix: revert to use previous version * fix: revert * fix: revert to use previous tailwind-merge version * ci(changesets): version packages (beta) (#5015) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix: adapt tailwind merger config (#5016) * Revert "fix: revert to use previous version (#5012)" This reverts commit 1d01df2. * fix: adapt tailwind merge config * fix: adapt tailwind merge config * fix: adapt tailwind merge config * fix: changeset * ci(changesets): version packages (beta) * fix(tailwind): add missing values config for bg-grid plugin * fix: remove useless tw config * fix: add default styles * docs: changeset * docs: typo * chore: merge origin canary to beta * ci(changesets): version packages (beta) * chore: remove changeset & pre.json * chore: change to minor * chore(pre-release): enter pre-release mode * chore(deps): fix versions * chore(deps): revise changed packages * chore(deps): update tailwindcss version * ci(changesets): 📦 version packages (beta) (#5166) * ci(changesets): version packages (beta) * fix: add missing delimiter --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: winches <329487092@qq.com> * fix(docs): add missing semicolon * fix: animate about skeleton (#5198) * chore: pre release * ci(changesets): version packages (beta) (#5199) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * docs: blurred hover button style * fix: language selector blur (#5208) * fix: skeleton animate translate value (#5207) * fix: open in remote repo (#5214) * chore: upgrade tw version * fix: open in remote repo * fix: update lock * fix: select translate styles * Merge branch beta/release-next of github.com:heroui-inc/heroui into beta/release-next-original --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Charlotte21110 <hejianer9@163.com> * fix: transition scale (#5284) * feat(toast): enable programatically closing a toast with a specific key (#5125) * feat(toast): add closeToast method * docs(toast): add example for programmatically closing toast * refactor: change button title in doc * refactor: add type for key * test: sync storybook example with the one in docs * chore: add changeset * refactor: fix grammar * chore: update toast package version change to patch * Merge branch 'canary' into pr/5125 * chore(changeset): add ref number * refactor(toast): export hooks * chore(docs): use flat buttons --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#5285) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix(input): prevent accessibility label duplication (#5161) * fix(input): prevent accessibility label duplication * chore(chageset): add changeset * chore(changeset): include issue number --------- Co-authored-by: WK <wingkwong.code@gmail.com> * refactor: overlay & interactOutside (#5100) * fix: remove ariaShouldCloseOnInteractOutside usage * feat: add `@heroui/use-aria-overlay` * chore(popover): remove ariaHideOutside * fix(use-aria-modal-overlay): use useAriaOverlay instead * fix(use-aira-overlay): revise onInteractOutside * chore(deps): pnpm-lock.yaml * feat(modal): add ModalWithAutocompleteTemplate * chore(modal): remove state.close as handled by useInteractOutside * fix(use-aria-multiselect): add menuTriggerProps.onPressStart and change domProps to triggerProps * chore(use-aria-button): support onPressUp * chore(deps): pnpm-lock.yaml * chore(use-aria-multiselect): join by commas * fix(tooltip): use useAriaOverlay instead * fix(autocomplete): jest timeout issue * chore(deps): pnpm-lock.yaml * chore(changset): add changeset * chore(deps): bump versions * refactor(tooltip): move to type * chore(deps): bump RA versions (#5315) * chore(deps): bump RA versions * fix(scripts): incorrect docs path * chore(changeset): add changeset for bumping RA versions * fix(docs): incorrect import path * refactor(modal): use a simple example * ci(changesets): version packages (beta) (#5303) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * feat(input): adding outside-top prop (#4775) * feat(input): adding outside-top prop * chore(input): add outside-top to use-label-placement hook * refactor(input): use old method for computing labelPlacement in 'use-input' * fix(input): fix focus behaviouir and alignment for 'outside-top' * Merge branch 'canary' into pr/4775 * chore(changeset): include issue number * feat(system): useInputLabelPlacement * refactor(input): use useInputLabelPlacement * chore(changeset): add changeset --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore: sync latest changes to beta (#5347) * chore: add herohack announcement * fix(date-picker): error state (#5317) * fix(date-range-picker): fixed the error state in preset * Update giant-sloths-shop.md * Removed if statement * chore(date-picker): prettier --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore: banner replacement * fix(theme): clear button in mobile (#5252) * fix(toast): fixed close button hover position * fix(input): fixed the clear button rendering on smaller devices * Delete .changeset/soft-spoons-march.md * Update input.ts * Undo unrelated toast changes * fix(toast): icons (#5246) * feat(shared-icons): add loading icon * fix(toast): icons * chore(toast): revise types for icons * chore(changeset): add changeset * refactor: migrate eslint to v9 (#5267) * refactor: migrate eslint to v9 * chore: lint * chore: update eslint command * chore: fix lint warnings * chore: separate lint and lint:fix * chore: exclude contentlayer generated code * fix(scripts): add missing await * fix(autocomplete): persist last selected item position (#5286) * refactor(select): remove unnecessary code * fix(autocomplete): persist last selected item position * chore(changeset): add changeset * chore(deps): bump framer-motion version (#5287) * chore(deps): bump framer-motion version * fix: typing issues * chore(changeset): add changeset --------- Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): supplement onAction & selectionBehavior (#5289) * fix(autocomplete): ensure focused item matches selected item after filter, selection (#5290) * fix(autocomplete): ensure focused item matches selected item after filter, selection * chore: apply type and default value * chore: add perpose coment in updated code * test: add focuskey management testcode * docs: add changeset * docs: update changeset * chore: remove comment * fix: broken components in stories (#5291) * chore(switch): remove xl size * chore(docs): remove xl size * chore(system-rsc): remove xl size * chore(circular-progress): remove xl size * chore: undo * chore(deps): bump RA versions (#5310) * chore(deps): ra version bump * chore(changeset): add changeset * fix(scripts): incorrect docs path --------- Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): update meta data (#5311) * docs(layout.tsx): added text-foreground (#5316) * feat(tabs): add click handling for tab items in tests and implementation (#3917) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix issues in tabs examples (#2405) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore(docs): add missing onValueChange in CheckboxGroup (#5332) * ci(changesets): version packages (#5323) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore: remove pre.json --------- Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> Co-authored-by: Vishv Salvi <82429084+Vishvsalvi@users.noreply.github.com> Co-authored-by: KumJungMin <37934668+KumJungMin@users.noreply.github.com> Co-authored-by: liaoyinglong <vigossliao@gmail.com> Co-authored-by: zhengjitf <zhengjitf@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * chore(pre-release): enter pre-release mode * chore: update changesets * chore: remove changesets * chore: add changeset * chore: update `@heroui/react` pre version * fix(deps): add missing `@heroui/use-aria-overlay` import * fix: lock file (#5351) * ci(changesets): 📦 version packages (beta) (#5348) * ci(changesets): version packages (beta) * Merge branch 'beta/release-next' into changeset-release/beta/release-next --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore: sync 2.8.0 to beta (#5388) * chore: remove outdated changeset * chore(pre-release): enter pre-release mode * chore(deps): bump RA versions (beta) (#5392) * chore(deps): bump RA versions * chore: add changeset * ci(changesets): version packages (beta) (#5393) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * refactor: remove RA dependencies (overaly & utils) (#5398) * refactor(system): remove `@react-aria/utils` package * refactor(system): remove `@react-aria/overlays` package * ci(changesets): version packages (beta) (#5399) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * refactor: RA optimization (#5401) * refactor(shared-utils): add common functions from `@react-aria/utils` * feat(system): add shouldClientNavigate & useRouter * refactor(deps): remove `@react-aria/utils` * feat(shared-utils): include common functions from RA * refactor: import functions from `@heroui/shared-utils` instead * chore(deps): pnpm-lock.yaml * chore: add changeset * chore(shared-utils): update directory * fix(shared-utils): add use client directive * feat: add `@heroui/use-viewport-size` * feat: add `@heroui/use-form-reset` * feat(use-resize): add hasResizeObserver & RefObject * feat(form): add useObjectRef * chore: update import * chore(deps): update dependencies * refactor(shared-utils): only keep utils * chore(deps): pnpm-lock.yaml * chore(changeset): add changeset * ci(changesets): version packages (beta) (#5406) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix: transitions (#5409) * chore(changeset): add changeset * fix: outline style (#5421) * fix: outline style * chore(changeset): add changeset --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(toast): Renaming the loadingIcon to loadingComponent (#4919) * fix: toast should be above the modal * fix: renaming the loadingIcon to loadingComponent * chore: adding changeset * chore: fixing conflicts * chore: adding the region props * fix: adding Marcus' suggestions * fix: marcus' suggestions * Revert all commits except 4c6bf32 * chore(toast): bump `@heroui/theme` in peerDependencies * chore: nits * chore: applying marcus' suggestions * chore(toast): update story --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore: use beta version * chore: delete pre.json * chore(pre-release): enter pre-release mode * chore(changeset): trigger release * chore(changeset): trigger release * chore: keep previous changesets * ci(changesets): version packages (beta) (#5429) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix(table): header and isStriped missing radius (#5062) * fix(table): tableheader and isStriped missing radius * chore: add changeset * fix: fix missing radius styles * chore(changeset): update message * fix(theme): reorder radius --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(slider): prevent NaN error for equal min / max values (#5044) * fix(slider): prevent NaN error for equal min/max values * fix: restore isdisabled code * fix(slider): perf prevent NaN error for equal min max values * refactor: slider code * fix(slider): prevent NaN error for equal min max values & add test * fix(slider): perf prevent NaN error for equal min max values * fix: remove redundant code * chore: add changeset * Revert "chore: add changeset" This reverts commit f31de4a. * chore(slider): add missing warn * refactor(slider): remove unnecessary line --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix: double fetch img src (#5417) * fix(image): double fetch when using custom image component * fix(avatar): avoid passing disableAnimation to dom & double fetch source * chore(changeset): include avatar * fix(autocomplete): empty button when selectorIcon is null (#5427) * fix(toast): Toast items close in reverse order (#5405) * fix(toast): correct closing order to implement proper FIFO behavior * chore(changeset): add changeset * fix(changeset): update issue number * chore(toast): use `!==` instead * feat(toast): apply exit animation to auto-close timeout --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(table): remove removeWrapper on virtualized table (#5428) * fix(table): remove `removeWrapper` for virtualized table * chore(docs): update description for removeWrapper * chore(changeset): add changeset * fix(toast): fixed close button hover position (#5245) * fix(toast): fixed close button hover position * Update soft-spoons-march.md * Update toast.ts * chore(theme): prettier * Using "placement" to apply the top and bottom extension * fix(toast): modified hover for expanded region * update dependancy array * lint fix * Merge branch 'canary' into pr/5245 * chore(theme): remove line breaks * chore(changeset): add missing package * static extension size * fix(toast): static extension fix --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * feat(table): support custom sort icon (#5243) * feat(shared-icons): add SortIcon * feat(table): add CustomSortIcon story * feat(table): support custom sort icon * fix(table): handle functional sortIcon * chore(changeset): add changeset * chore(table): update type * feat(docs): add sortIcon to table * fix(docs): broken object * chore(shared-icons): lint * feat(docs): add example for sort icon * chore: bump pnpm & node version (#5442) * refactor: bump pnpm & node version * chore(deps): bump `@types/node` * fix(calendar): improve month and year picker selection for different zoom levels (#5151) * fix(calendar): improve month and year picker selection for different zoom levels * fix(calendar): improve month and year picker selection for different zoom levels * fix(calendar): prevent stale values while scrolling both year and month pickers simultaneously * docs: replace invalid yarn command (#5422) * chore: remove ph banner (#5437) * chore(changeset): update changeset message * chore: add line breaks --------- Co-authored-by: Nicolas Cappabianca <nicolas.cappabianca@gmail.com> Co-authored-by: WK <wingkwong.code@gmail.com> * feat(select): adding isClearable to select (#4785) * feat(select): adding isClearable to select * chore(select): add changeset * test(select): add tests for isClearable * chore(select): add theme package patch, improve the testcase, rename nextui package to heroui * fix(select): fixing alignment for clear button for different cases * Merge branch 'canary' into pr/4785 * Merge branch 'canary' into pr/4785 * fix(select): remove component level styling * fix(select): fix the alignment and focus behaviour * fix(select): shift clear buttojn close to trigger * fix(select): fix alignment for different variants * feat(select): add data-has-end-content * fix(theme): revise select styles with clear button and end content * feat(docs): add end content --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(select): use span instead as trigger is button * fix(docs): add ToastProvider for blog post * ci(changesets): version packages (beta) (#5430) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix(select): clear button test cases * fix(modal): draggable modal, scrollable on mobile (#5444) Co-authored-by: Vishv Salvi <vishvsalvi@Vishvs-MacBook-Air.local> * chore: trigger release * ci(changesets): version packages (beta) (#5445) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix(theme): table header sorting icon transition (#5449) * fix: table header sorcting icon transition * chore(changeset): add changeset --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(table): allow text selection with cursor in table cells (#5454) * fix(table): allow text selection with cursor in table cells * chore(changeset): add changeset --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#5450) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * chore: add back RA deps (#5466) * chore(deps): bump testing-library & jest versions (#5468) * refactor: revise test cases * chore(deps): bump testing-library & jest versions * ci(changesets): version packages (beta) (#5467) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * refactor(autocomplete): test cases * fix(use-theme): incorrect target theme * ci(changesets): version packages (beta) (#5470) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix(use-theme): remove all theme values and add the new one * ci(changesets): version packages (beta) (#5472) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * docs: 2.8.0 (#5443) * chore(docs): update routes.json * chore(docs): bump versions * chore(docs): initial draft * chore(docs): add examples * chore(Docs): update credits and community * chore(docs): update date & what's next * chore(docs): update meta data * chore(docs): add update tags * chore(docs): add tableSortIcon example * chore(docs): revise sidebar width * chore(docs): remove package size optimization * chore(docs): update meta * ci(changesets): exit pre-release mode * chore: update package versions * chore(changeset): remove unrelated changeset * chore(deps): remove unused autoprefixer * chore(docs): update tailwind v4 content * chore(docs): update template doc content * chore(docs): update formatting * chore(toast): export getToastQueue (#5476) * chore(docs): add hydration issue handling to page router example (#5474) * docs(dark-mode): add hydration handling to page router example * chore(docs): format --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore(deps): bump tw4 versions * fix: handle files with paths containing empty space (#5478) * chore(docs): revise wordings in 2.8.0 blog * feat(slider): add getTooltipValue prop for custom tooltip value (#5384) * feat(slider): add getTooltipValue prop for custom tooltip value * feat(slider): fix coderabbit highlights * feat(slider): fixed wingkwong highlights * feat(slider): added custom-tooltip.raw.tsx?raw * feat(slider): improved custom-tooltip.raw.tsx * chore: undo README.md * chore(slider): use normal $ sign * chore(changeset): add changeset * chore(docs): formatting --------- Co-authored-by: andartadev1 <andartadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * chore(docs): revise custom tooltip example * chore(docs): add custom tooltip example for slider * chore(deps): bump contentlayer2 & next-contentlayer2 * chore(docs): fix formatting * chore(docs): update metadata * chore: add v2.8.0 image --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: winches <329487092@qq.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Charlotte21110 <hejianer9@163.com> Co-authored-by: Feiyu Zheng <67126194+ChaserZ98@users.noreply.github.com> Co-authored-by: Dmytro Klymenko <dmytro@klymenko.xyz> Co-authored-by: Abhinav Agarwal <78839973+abhinav700@users.noreply.github.com> Co-authored-by: Vishv Salvi <82429084+Vishvsalvi@users.noreply.github.com> Co-authored-by: KumJungMin <37934668+KumJungMin@users.noreply.github.com> Co-authored-by: liaoyinglong <vigossliao@gmail.com> Co-authored-by: zhengjitf <zhengjitf@gmail.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Yohan <58714229+kaishuige@users.noreply.github.com> Co-authored-by: Aditya Ray <96347576+adi-ray@users.noreply.github.com> Co-authored-by: Aakash Patel <ap0524@srmist.edu.in> Co-authored-by: Nicolas Cappabianca <nicolas.cappabianca@gmail.com> Co-authored-by: Vishv Salvi <vishvsalvi@Vishvs-MacBook-Air.local> Co-authored-by: Priyadharshini S <priyadharshinis5102@gmail.com> Co-authored-by: arar <77303253+ararTP@users.noreply.github.com> Co-authored-by: andartadev1 <andartadev@gmail.com> * chore: consolidated version part 2 * ci(changesets): version packages (#5482) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix(theme): use `outline-hidden` which is equivalent to `outline-none` (#5486) * fix: use `outline-hidden` which is equivalent to `outline-none` in v3 * chore: add changeset * ci(changesets): version packages (#5487) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix(number-input): label class being incorrectly mixed into the description (#5484) * fix(number-input): label class being incorrectly mixed into the description * chore: add issue number --------- Co-authored-by: wulimaomao <tao@trlab.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(docs): broken link in custom variants page (#5522) * refactor(alert): vertically center alert icon / endContent (#5512) * chore(deps): bump RA dependencies (#5517) * chore(deps): sync with RA release * fix(tabs): duplicate onClick * chore(docs): update tanstack content * chore(docs): set updated flag * chore(docs): update meta * fix(use-aria-overlay): sync with RA's overlay logic (#5529) * fix(use-aria-overlay): sync with RA logic * fix(use-aria-overlay): add onHide on onInteractOutsideStart * chore(changeset): add changeset * fix(popover): arrow glitch in popover content (#5504) * fix(popover): make PopoverContent children prop optional to fix TS error * chore(changeset): created changeset * fix(popover): do not show content when children is null / undefined * fix(popover): add test case * chore(changeset): update changeset message --------- Co-authored-by: i_nicck <i_nicck@i-niccks-MacBook-Air.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(avatar): broken fallbacks (#5519) * fix(toast): toastRegion leftover in DOM (#5508) * fix(theme): focus ring styles (#5531) * chore(deps): bump tailwind-variants version (#5538) * chore(deps): bump tailwind-variants version * chore(deps): add tailwind-merge * ci(changesets): version packages (#5516) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove unused or deprecated info in autocomplete (#5581) * fix(docs): default value of radius in image (#5580) * fix(theme): clear button disabled inputs (#5607) * fix(input): disable pointer events on clear button when inactive * chore(changeset): add changeset * chore(docs): update TanStack routing (#5629) * fix(theme): stepperButton when labelPlacement is outside in NumberInput (#5628) * fix(theme): set stepperButton height when labelPlacement=outside in NumberInput component * chore(changeset): add issue number --------- Co-authored-by: WK <wingkwong.code@gmail.com> * refactor: use handleLinkClick from RA's utils (#5632) * chore(deps): bump tailwindcss version (#5636) * chore(deps): bump tailwind-variants version (#5635) * chore: bump tailwind-variants version * chore(deps): bump tailwind-variants to 3.1.0 * chore(deps): rollback TW to 4.1.11 (#5644) * chore: rollback tailwindcss to 4.1.11 * chore(deps): bump RA versions (aug 2025) (#5640) * chore(deps): bump RA versions (aug 2025) * chore: add changeset * chore(deps): update versions * chore(deps): bump @internationalized/date * chore(deps): bump @react-types * fix(popover): missing triggerAnchorPoint return * fix: triggerAnchorPoint * chore: sync with canary * fix(theme): dropdown-item has no ellipsis when it has a width and desc (#5638) * fix(theme): dropdown-item where the text was too long without an ellipsis when there was a desc * chore(changeset): update message --------- Co-authored-by: WK <wingkwong.code@gmail.com> * fix(toast): show animation when closing all modals (#5637) * fix(toast): show animation when closing all modals * chore(changeset): add issue number --------- Co-authored-by: WK <wingkwong.code@gmail.com> * refactor(toast): animation & toast region (#5647) * fix(toast): unexpected gap after closing a toast * refactor(toast): animation * fix(toast): close toast when disableAnimation is set to true * refactor: coderabbit comment * fix(use-aria-overlay): prevent modal/drawer from closing on press instead (#5624) * fix(modal/drawer): prevent modal/drawer from closing on press instead * refactor(useAriaOverlay): improve getOverlayTypeFromRef with ARIA checks and hoist * refactor(useAriaOverlay): add alertdialog & fallback to modal when aria-modal is missing * Merge branch 'canary' into pr/5624 * chore(changeset): add issue number * refactor(use-aria-overlay): getOverlayInteractionType --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * refactor(ui): standardize copy code feedback across all tabs (#5584) * fix(select): use space as aria-labelledby separator (#5587) * fix(select): use space as aria-labelledby separator * chore(chageset): add changeset (#5586) * chore(changeset): add issue number and remove select --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(tabs): unresponsive modal after switching tabs inside (#5582) * fix(tabs): unresponsive modal after switching tabs inside * chore(deps): remove self * refactor: improve type safety (#5539) * refactor(popover): consolidate imports from aria-utils module * refactor(popover): remove unnecessary type assertion for child ref * refactor: remove unnecessary type assertions and improve type safety * chore(changeset): add changeset * ci(changesets): version packages (#5610) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> --------- Co-authored-by: Vishv Salvi <82429084+Vishvsalvi@users.noreply.github.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> Co-authored-by: KumJungMin <37934668+KumJungMin@users.noreply.github.com> Co-authored-by: liaoyinglong <vigossliao@gmail.com> Co-authored-by: zhengjitf <zhengjitf@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Anuj Kuralkar <76731106+anuj-kuralkar@users.noreply.github.com> Co-authored-by: Poli Sour <57824881+novsource@users.noreply.github.com> Co-authored-by: Nicolas Cappabianca <nicolas.cappabianca@gmail.com> Co-authored-by: winches <329487092@qq.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Charlotte21110 <hejianer9@163.com> Co-authored-by: Feiyu Zheng <67126194+ChaserZ98@users.noreply.github.com> Co-authored-by: Dmytro Klymenko <dmytro@klymenko.xyz> Co-authored-by: Abhinav Agarwal <78839973+abhinav700@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Yohan <58714229+kaishuige@users.noreply.github.com> Co-authored-by: Aditya Ray <96347576+adi-ray@users.noreply.github.com> Co-authored-by: Aakash Patel <ap0524@srmist.edu.in> Co-authored-by: Vishv Salvi <vishvsalvi@Vishvs-MacBook-Air.local> Co-authored-by: Priyadharshini S <priyadharshinis5102@gmail.com> Co-authored-by: arar <77303253+ararTP@users.noreply.github.com> Co-authored-by: andartadev1 <andartadev@gmail.com> Co-authored-by: wulimao49 <73568161+wulimao49@users.noreply.github.com> Co-authored-by: wulimaomao <tao@trlab.com> Co-authored-by: Shagun Sharma <108183568+nicck1@users.noreply.github.com> Co-authored-by: i_nicck <i_nicck@i-niccks-MacBook-Air.local> Co-authored-by: luis angel lopez huari <156825396+luislh-dev@users.noreply.github.com> Co-authored-by: doki- <95574719+IsDyh01@users.noreply.github.com> Co-authored-by: Anshuman Singh Rathore <anshumandev2002@gmail.com> Co-authored-by: Igor Moraes <igormpaz@gmail.com> Co-authored-by: Dmytro Klymenko <dmytro.klymenko@syniti.com>
Closes #
📝 Description
https://react-spectrum.adobe.com/releases/2025-08-25.html
⛳️ Current behavior (updates)
🚀 New behavior
💣 Is this a breaking change (Yes/No):
📝 Additional Information
Summary by CodeRabbit