perf: uninstall classnames, install clsx

[li-jia-nan]

Summary by CodeRabbit

• 重构
  • 将样式类名组合库由 classnames 更换为 clsx，统一替换现有用法；行为与外观不变，同时精简依赖（移除对应类型定义）。
• 杂务
  • 将 pnpm-lock.yaml 加入忽略列表，避免将额外锁文件提交至版本库。

[coderabbitai]

Warning

Rate limit exceeded

@li-jia-nan has exceeded the limit for the number of commits or files that can be reviewed per hour. Please wait 18 minutes and 15 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

📥 Commits

Reviewing files that changed from the base of the PR and between 26fe158 and e9fa1e7.

📒 Files selected for processing (3)

• src/UniqueProvider/UniqueContainer.tsx (2 hunks)
• src/UniqueProvider/index.tsx (4 hunks)
• tests/unique.test.tsx (7 hunks)

Note

Other AI code review bot(s) detected

CodeRabbit has detected other AI code review bot(s) in this pull request and will avoid duplicating their findings in the review comments. This may lead to a less comprehensive review.

Walkthrough

本次变更将依赖库从 classnames 切换为 clsx，并在相关源码中替换对应的导入与调用；同时在 .gitignore 中新增忽略 pnpm-lock.yaml。未涉及公开 API、控制流或行为变更。

Changes

Cohort / File(s)	Summary of Changes
版本控制忽略项 .gitignore	新增忽略项：pnpm-lock.yaml。
依赖与类型声明调整 package.json	将依赖从 classnames 替换为 clsx；移除 @types/classnames。无其他字段变更。
Popup 组件样式组合替换 src/Popup/Arrow.tsx, src/Popup/Mask.tsx, src/Popup/index.tsx	导入由 classnames 改为 clsx；将调用由 classNames(...) 改为 clsx(...)；逻辑与渲染结构不变。
入口样式组合替换 src/index.tsx	将 classNames(...) 全量替换为 clsx(...)，包含 alignedClassName 与弹层 className 的构造；无控制流改动。

Estimated code review effort

🎯 2 (简单) | ⏱️ ~10 minutes

Poem

小兔挥笔替旧新，
classnames 悄然退了场；
clsx 轻装织风景，
样式如丝更顺畅。
仓库添行忽略语，
跳跃敲键把歌唱。 🐇✨

Pre-merge checks and finishing touches

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	You can run @coderabbitai generate docstrings to improve docstring coverage.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title Check	✅ Passed	标题精准地概括了本次提交的核心目标，即用 clsx 替换 classnames，措辞简练清晰，能够让团队快速了解主要变更内容。

---

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

[gemini-code-assist]

Summary of Changes

Hello @li-jia-nan, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request focuses on a performance enhancement by migrating the project's utility for conditionally joining CSS class names from the classnames library to clsx. This involves updating the project's dependencies and refactoring existing code to use the new utility, aiming for a more efficient and potentially smaller bundle size. Additionally, the .gitignore file has been adjusted to accommodate pnpm lock files.

Highlights

• Dependency Migration: The classnames package has been uninstalled and replaced with clsx in the project dependencies, along with its corresponding type definitions.
• Performance Optimization: The primary goal of this change is to improve performance, as clsx is known to be a faster and smaller utility for conditionally joining class names.
• Code Refactoring: All instances where classnames was used to construct CSS class strings have been updated to utilize the clsx function instead.
• Build Configuration: The .gitignore file has been updated to include pnpm-lock.yaml, indicating potential support or usage of pnpm as a package manager.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	clsx@​2.1.1

View full report

[socket-security]

Warning

Review the following alerts detected in dependencies.

According to your organization's Security Policy, it is recommended to resolve "Warn" alerts. Learn more about Socket for GitHub.

Action	Severity	Alert  (click "▶" to expand/collapse)
Warn		[email protected] has Obfuscated code. Confidence: 0.94 Location: Package overview From: ? → npm/@rc-component/[email protected] → npm/[email protected] ℹ Read more on: This package | This alert | What is obfuscated code? Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at [email protected]. Suggestion: Packages should not obfuscate their code. Consider not using packages with obfuscated code. Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment @SocketSecurity ignore npm/[email protected]. You can also ignore all packages with @SocketSecurity ignore-all. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.

View full report

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 96.41%. Comparing base (2b40fbd) to head (e9fa1e7).
⚠️ Report is 1 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master     #583   +/-   ##
=======================================
  Coverage   96.41%   96.41%           
=======================================
  Files          17       17           
  Lines         948      948           
  Branches      278      274    -4     
=======================================
  Hits          914      914           
  Misses         34       34           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[gemini-code-assist]

Code Review

This pull request successfully replaces the classnames library with clsx for performance benefits. The migration is done correctly across the codebase. I've suggested a minor improvement to the import style for clsx to align with its documentation and common usage patterns, which will enhance code consistency and maintainability. Overall, this is a good change that improves the project's performance footprint.

[coderabbitai]

Actionable comments posted: 2

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 2b40fbd and 26fe158.

📒 Files selected for processing (6)

• .gitignore (1 hunks)
• package.json (1 hunks)
• src/Popup/Arrow.tsx (2 hunks)
• src/Popup/Mask.tsx (2 hunks)
• src/Popup/index.tsx (2 hunks)
• src/index.tsx (3 hunks)