Feat: improve theme handling

[dustinhealy]

This pull request updates the Storybook configuration options to improve theme selection and handling. The main changes are the introduction of a "system" theme option that follows the user's OS preference, dynamic updates when the system theme changes, and UI tweaks to streamline the theme toolbar (removing 'Reset selection' option which broke the component preview renders).

Theme selection and behavior improvements:

• Changed the default theme to "system" and added a "system" option to the theme toolbar, allowing Storybook to follow the user's OS-level light/dark preference.
• Implemented a new ThemeWrapper component that detects and responds to system theme changes in real time, ensuring the UI updates automatically if the user's OS theme changes.

UI/UX enhancements:

• Added logic to hide the "Reset selection" option from the theme toolbar dropdown for a cleaner user experience.

Codebase updates:

• Updated imports in .storybook/preview.tsx to support new state and effect hooks required for dynamic theme handling.

Before

Screen.Recording.2026-01-19.at.8.46.01.PM.mov

After

Screen.Recording.2026-01-19.at.8.48.25.PM.mov

[vercel]

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

Project	Deployment	Review	Updated (UTC)
click-ui	Ready	Preview, Comment	Jan 20, 2026 4:55am