refactor: tailwind-variants

[wingkwong]

Closes #

📝 Description

⛳️ Current behavior (updates)

🚀 New behavior

💣 Is this a breaking change (Yes/No):

📝 Additional Information

Summary by CodeRabbit

• Chores
  • Updated styling utility libraries: tailwind-variants (3.1.1 → 3.2.2) and tailwind-merge (3.3.1 → 3.4.0) across documentation and core packages.
  • Added a changeset entry to record the package version bumps for the affected modules.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[changeset-bot]

🦋 Changeset detected

Latest commit: bea4751

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 52 packages

Name	Type
@heroui/scroll-shadow	Patch
@heroui/autocomplete	Patch
@heroui/number-input	Patch
@heroui/breadcrumbs	Patch
@heroui/date-picker	Patch
@heroui/date-input	Patch
@heroui/pagination	Patch
@heroui/accordion	Patch
@heroui/input-otp	Patch
@heroui/calendar	Patch
@heroui/checkbox	Patch
@heroui/dropdown	Patch
@heroui/progress	Patch
@heroui/skeleton	Patch
@heroui/divider	Patch
@heroui/listbox	Patch
@heroui/popover	Patch
@heroui/snippet	Patch
@heroui/spinner	Patch
@heroui/tooltip	Patch
@heroui/avatar	Patch
@heroui/button	Patch
@heroui/drawer	Patch
@heroui/navbar	Patch
@heroui/ripple	Patch
@heroui/select	Patch
@heroui/slider	Patch
@heroui/spacer	Patch
@heroui/switch	Patch
@heroui/alert	Patch
@heroui/badge	Patch
@heroui/image	Patch
@heroui/input	Patch
@heroui/modal	Patch
@heroui/radio	Patch
@heroui/table	Patch
@heroui/toast	Patch
@heroui/card	Patch
@heroui/chip	Patch
@heroui/code	Patch
@heroui/form	Patch
@heroui/link	Patch
@heroui/menu	Patch
@heroui/tabs	Patch
@heroui/user	Patch
@heroui/system-rsc	Patch
@heroui/kbd	Patch
@heroui/theme	Patch
@heroui/react	Patch
@heroui/system	Patch
@heroui/aria-utils	Patch
@heroui/framer-utils	Patch

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

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
heroui	Ready	Preview	Comment	Nov 28, 2025 11:29am
heroui-sb	Ready	Preview	Comment	Nov 28, 2025 11:29am

[coderabbitai]

Important

Review skipped

More than 25% of the files skipped due to max files limit. The review is being skipped to prevent a low-quality review.

61 files out of 168 files are above the max files limit of 100. Please upgrade to Pro plan to get higher limits.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Walkthrough

Updated tailwind-variants from 3.1.1 → 3.2.2 and tailwind-merge from 3.3.1 → 3.4.0 in three package.json files and added a changeset documenting those bumps. No runtime or control-flow changes.

Changes

Cohort / File(s)	Summary
Dependency updates apps/docs/package.json, packages/core/system-rsc/package.json, packages/core/theme/package.json	Bumped tailwind-variants 3.1.1 → 3.2.2 and tailwind-merge 3.3.1 → 3.4.0 in dev/runtime dependencies.
Changeset .changeset/sour-camels-hug.md	New changeset entry recording patch bumps for @heroui/system-rsc and @heroui/theme corresponding to the dependency updates.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Possibly related PRs

• chore(deps): bump tailwind-variants version #5538: Touches the same package.json files and bumps tailwind-variants / tailwind-merge.
• chore(deps): bump tailwind-variants version #5635: Similar dependency bump across the same packages and adds a changeset.
• chore(deps): bump tailwind-variants version #5672: Updates tailwind-variants (and tailwind-merge) in the same package.json locations.

Suggested reviewers

• jrgarciadev

Pre-merge checks and finishing touches

❌ Failed checks (2 warnings)

Check name	Status	Explanation	Resolution
Description check	⚠️ Warning	The pull request description is completely empty, containing only template placeholders with no substantive content, missing all required sections.	Fill in all description sections: add a brief summary, current behavior, new behavior, and indicate whether this is a breaking change. Include the specific dependency versions being updated.
Title check	⚠️ Warning	The PR title 'refactor: tailwind-variants' is misleading; the changes are dependency updates (chore), not refactoring, and involve both tailwind-variants and tailwind-merge.	Update the title to accurately reflect the changes, such as 'chore(deps): bump tailwind-variants and tailwind-merge' to match the actual nature and scope of the updates.

✅ Passed checks (1 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

---

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.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[pkg-pr-new]

Open in StackBlitz

@heroui/accordion

npm i https://pkg.pr.new/@heroui/accordion@5930

@heroui/alert

npm i https://pkg.pr.new/@heroui/alert@5930

@heroui/autocomplete

npm i https://pkg.pr.new/@heroui/autocomplete@5930

@heroui/avatar

npm i https://pkg.pr.new/@heroui/avatar@5930

@heroui/badge

npm i https://pkg.pr.new/@heroui/badge@5930

@heroui/breadcrumbs

npm i https://pkg.pr.new/@heroui/breadcrumbs@5930

@heroui/button

npm i https://pkg.pr.new/@heroui/button@5930

@heroui/calendar

npm i https://pkg.pr.new/@heroui/calendar@5930

@heroui/card

npm i https://pkg.pr.new/@heroui/card@5930

@heroui/checkbox

npm i https://pkg.pr.new/@heroui/checkbox@5930

@heroui/chip

npm i https://pkg.pr.new/@heroui/chip@5930

@heroui/code

npm i https://pkg.pr.new/@heroui/code@5930

@heroui/date-input

npm i https://pkg.pr.new/@heroui/date-input@5930

@heroui/date-picker

npm i https://pkg.pr.new/@heroui/date-picker@5930

@heroui/divider

npm i https://pkg.pr.new/@heroui/divider@5930

@heroui/drawer

npm i https://pkg.pr.new/@heroui/drawer@5930

@heroui/dropdown

npm i https://pkg.pr.new/@heroui/dropdown@5930

@heroui/form

npm i https://pkg.pr.new/@heroui/form@5930

@heroui/image

npm i https://pkg.pr.new/@heroui/image@5930

@heroui/input

npm i https://pkg.pr.new/@heroui/input@5930

@heroui/input-otp

npm i https://pkg.pr.new/@heroui/input-otp@5930

@heroui/kbd

npm i https://pkg.pr.new/@heroui/kbd@5930

@heroui/link

npm i https://pkg.pr.new/@heroui/link@5930

@heroui/listbox

npm i https://pkg.pr.new/@heroui/listbox@5930

@heroui/menu

npm i https://pkg.pr.new/@heroui/menu@5930

@heroui/modal

npm i https://pkg.pr.new/@heroui/modal@5930

@heroui/navbar

npm i https://pkg.pr.new/@heroui/navbar@5930

@heroui/number-input

npm i https://pkg.pr.new/@heroui/number-input@5930

@heroui/pagination

npm i https://pkg.pr.new/@heroui/pagination@5930

@heroui/popover

npm i https://pkg.pr.new/@heroui/popover@5930

@heroui/progress

npm i https://pkg.pr.new/@heroui/progress@5930

@heroui/radio

npm i https://pkg.pr.new/@heroui/radio@5930

@heroui/ripple

npm i https://pkg.pr.new/@heroui/ripple@5930

@heroui/scroll-shadow

npm i https://pkg.pr.new/@heroui/scroll-shadow@5930

@heroui/select

npm i https://pkg.pr.new/@heroui/select@5930

@heroui/skeleton

npm i https://pkg.pr.new/@heroui/skeleton@5930

@heroui/slider

npm i https://pkg.pr.new/@heroui/slider@5930

@heroui/snippet

npm i https://pkg.pr.new/@heroui/snippet@5930

@heroui/spacer

npm i https://pkg.pr.new/@heroui/spacer@5930

@heroui/spinner

npm i https://pkg.pr.new/@heroui/spinner@5930

@heroui/switch

npm i https://pkg.pr.new/@heroui/switch@5930

@heroui/table

npm i https://pkg.pr.new/@heroui/table@5930

@heroui/tabs

npm i https://pkg.pr.new/@heroui/tabs@5930

@heroui/toast

npm i https://pkg.pr.new/@heroui/toast@5930

@heroui/tooltip

npm i https://pkg.pr.new/@heroui/tooltip@5930

@heroui/user

npm i https://pkg.pr.new/@heroui/user@5930

@heroui/react

npm i https://pkg.pr.new/@heroui/react@5930

@heroui/system

npm i https://pkg.pr.new/@heroui/system@5930

@heroui/system-rsc

npm i https://pkg.pr.new/@heroui/system-rsc@5930

@heroui/theme

npm i https://pkg.pr.new/@heroui/theme@5930

@heroui/use-aria-accordion

npm i https://pkg.pr.new/@heroui/use-aria-accordion@5930

@heroui/use-aria-accordion-item

npm i https://pkg.pr.new/@heroui/use-aria-accordion-item@5930

@heroui/use-aria-button

npm i https://pkg.pr.new/@heroui/use-aria-button@5930

@heroui/use-aria-link

npm i https://pkg.pr.new/@heroui/use-aria-link@5930

@heroui/use-aria-modal-overlay

npm i https://pkg.pr.new/@heroui/use-aria-modal-overlay@5930

@heroui/use-aria-multiselect

npm i https://pkg.pr.new/@heroui/use-aria-multiselect@5930

@heroui/use-aria-overlay

npm i https://pkg.pr.new/@heroui/use-aria-overlay@5930

@heroui/use-callback-ref

npm i https://pkg.pr.new/@heroui/use-callback-ref@5930

@heroui/use-clipboard

npm i https://pkg.pr.new/@heroui/use-clipboard@5930

@heroui/use-data-scroll-overflow

npm i https://pkg.pr.new/@heroui/use-data-scroll-overflow@5930

@heroui/use-disclosure

npm i https://pkg.pr.new/@heroui/use-disclosure@5930

@heroui/use-draggable

npm i https://pkg.pr.new/@heroui/use-draggable@5930

@heroui/use-form-reset

npm i https://pkg.pr.new/@heroui/use-form-reset@5930

@heroui/use-image

npm i https://pkg.pr.new/@heroui/use-image@5930

@heroui/use-infinite-scroll

npm i https://pkg.pr.new/@heroui/use-infinite-scroll@5930

@heroui/use-intersection-observer

npm i https://pkg.pr.new/@heroui/use-intersection-observer@5930

@heroui/use-is-mobile

npm i https://pkg.pr.new/@heroui/use-is-mobile@5930

@heroui/use-is-mounted

npm i https://pkg.pr.new/@heroui/use-is-mounted@5930

@heroui/use-measure

npm i https://pkg.pr.new/@heroui/use-measure@5930

@heroui/use-pagination

npm i https://pkg.pr.new/@heroui/use-pagination@5930

@heroui/use-real-shape

npm i https://pkg.pr.new/@heroui/use-real-shape@5930

@heroui/use-ref-state

npm i https://pkg.pr.new/@heroui/use-ref-state@5930

@heroui/use-resize

npm i https://pkg.pr.new/@heroui/use-resize@5930

@heroui/use-safe-layout-effect

npm i https://pkg.pr.new/@heroui/use-safe-layout-effect@5930

@heroui/use-scroll-position

npm i https://pkg.pr.new/@heroui/use-scroll-position@5930

@heroui/use-ssr

npm i https://pkg.pr.new/@heroui/use-ssr@5930

@heroui/use-theme

npm i https://pkg.pr.new/@heroui/use-theme@5930

@heroui/use-update-effect

npm i https://pkg.pr.new/@heroui/use-update-effect@5930

@heroui/use-viewport-size

npm i https://pkg.pr.new/@heroui/use-viewport-size@5930

@heroui/aria-utils

npm i https://pkg.pr.new/@heroui/aria-utils@5930

@heroui/dom-animation

npm i https://pkg.pr.new/@heroui/dom-animation@5930

@heroui/framer-utils

npm i https://pkg.pr.new/@heroui/framer-utils@5930

@heroui/react-rsc-utils

npm i https://pkg.pr.new/@heroui/react-rsc-utils@5930

@heroui/react-utils

npm i https://pkg.pr.new/@heroui/react-utils@5930

@heroui/shared-icons

npm i https://pkg.pr.new/@heroui/shared-icons@5930

@heroui/shared-utils

npm i https://pkg.pr.new/@heroui/shared-utils@5930

@heroui/stories-utils

npm i https://pkg.pr.new/@heroui/stories-utils@5930

@heroui/test-utils

npm i https://pkg.pr.new/@heroui/test-utils@5930

commit: bea4751