What’s included

• 7 component and supporting source files
• Original license and copyright notices

Usage & licensing

MIT. Preserve the included license and copyright notices. Third-party packages retain their own licenses.

Before you start

An existing React application with TypeScript. Packages used: @base-ui/react, class-variance-authority, clsx, react, recharts, tailwind-merge. Tailwind CSS and the component's semantic theme variables are required.

Run it locally

Copy the included source files into your existing application, keeping their relative paths, and install the listed packages. Resolve @/ imports against the source root where present. Replace optional public site URL environment constants at build time when using a browser-only bundler. Apply the theme variables from styles/globals.css; the component uses Google Sans and Space Grotesk fonts.