⚡ Bolt: [performance improvement] Hoist constants in Button component

[Cukurikik]

💡 What:
Refactored src/components/ui/button.tsx to hoist the variants and sizes constant objects outside of the Button component's render loop.

🎯 Why:
Because variants and sizes were defined inside the React.forwardRef render function, they were being needlessly re-allocated in memory on every single render of a <Button> component. Given that Button is a highly ubiquitous UI component used frequently throughout the application, this caused unnecessary garbage collection overhead and broke referential stability for these objects.

📊 Impact:
Improves render performance and reduces memory pressure/garbage collection by allocating the configuration objects exactly once during module initialization, rather than N times (where N is the number of button renders). Reduces the component's internal work per render cycle.

🔬 Measurement:
Since this is a micro-optimization aimed at reducing memory allocations in a heavily reused component, the easiest way to verify is via code inspection or profiling memory allocation over time in the browser dev tools while interacting with many buttons on the screen. Functionally, the UI visual verification shows no regressions and the vitest test suite passes.

---

PR created automatically by Jules for task 3394382915328212360 started by @Cukurikik

Summary by CodeRabbit

• Refactor
  • Improved internal performance optimization of the button component to reduce unnecessary operations during rendering.

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 04263ff5-515b-444a-a8d5-69f0be3fedc7

📥 Commits

Reviewing files that changed from the base of the PR and between 4a0187c and a48ba9f.

📒 Files selected for processing (1)

• src/components/ui/button.tsx

---

📝 Walkthrough

Walkthrough

The variants and sizes object definitions in the Button component were relocated from inside the render function to module-level constants. This eliminates unnecessary object allocations on each render while maintaining identical behavior.

Changes

Cohort / File(s)	Summary
Button Component Optimization src/components/ui/button.tsx	Hoisted variants and sizes objects from inside React.forwardRef to module-level constants for stable references across renders. No functional changes to component logic or exported types.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐰 A rabbit hops through code with glee,
Moving constants up the tree,
No more creating on each pass,
Stable objects—running fast! ✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly identifies the main change: hoisting constants in the Button component for performance improvement. It accurately summarizes the primary refactoring performed in the changeset.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch bolt-performance-button-constants-3394382915328212360

---

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