Changelog | Sales Dashboard Kit Docs

All notable changes to the Sales Dashboard Kit are documented here.

v1.0.0 -- Initial Release

Released: April 2026

Dashboard (1): Sales performance dashboard with revenue metrics, conversion funnel, quota attainment, and activity feed
Pipeline (1): Visual pipeline board with stage columns and drag-and-drop deal cards
Deals (1): Deal list with values, close dates, stage badges, filters, and sort controls
Targets (1): Individual and team quota targets with progress bars and attainment tracking
Leaderboard (1): Sales rep rankings with performance metrics and gamification elements
Reports (1): Revenue trends, win rate analysis, forecast charts, and period comparison
Settings (1): General configuration and preferences
Auth (2): Login, Register

Primitives -- shadcn/ui components (Avatar, Badge, Button, Card, Chart, Checkbox, Command, Dialog, DropdownMenu, Input, Label, Popover, Progress, ScrollArea, Select, Separator, Sheet, Sidebar, Skeleton, Sonner, Switch, Table, Tabs, Textarea, Toggle, Tooltip)
Sales Composites -- StatCard, DealCard, DealRow, TargetCard, QuotaProgress, RepRankCard, ActivityItem, StageBadge, PriorityBadge, MetricCard
Pipeline Components -- PipelineBoard, PipelineColumn, PipelineCard
Chart Components -- RevenueChart, ConversionFunnel, QuotaAttainmentChart, WinRateChart, ForecastChart
Layout Components -- AppHeader, AppSidebar, ThemeToggle

Next.js 16 with App Router
React 19 with TypeScript
Tailwind CSS v4 with oklch design tokens
Route groups: (dashboard), (auth) for clean URL structure
Drag-and-drop pipeline board for visual deal management
Recharts 3 analytics (area, bar, funnel, donut, stacked bar)
Light and dark mode via next-themes
WCAG AA accessible (skip link, keyboard navigation, focus indicators, screen reader support)
Responsive from 375px to 1440px+
Mobile sidebar (Sheet)
44px minimum touch targets
Reduced motion support via prefers-reduced-motion
Three font families: Inter (body), DM Sans (headings), JetBrains Mono (code)
date-fns for localized date formatting
Lucide React for consistent iconography