Component Status

Last Updated: January 27, 2026

Live Component Documentation

Storybook is the source of truth for all component documentation, examples, and status.

Storybook	URL
Customer Components	juniro-design-customer.vercel.app
Admin Components	juniro-design-admin.vercel.app

---

Component Summary

Library	Components	Stories	Status
shared-core	53	100+	✅ Mature
shared-customer	138	93	✅ Mature
public	45	45	✅ Complete
parent-portal	61	58	✅ Complete
provider-portal	83	74	✅ Complete
admin-portal	82	81	✅ Complete
Total	462	451	✅ Production Ready

---

Core Components (shared-core)

Component	Status	Dark Mode	Tests
Alert	✅ Done	✅	✅
Avatar	✅ Done	✅	✅
Badge	✅ Done	✅	✅
Breadcrumbs	✅ Done	✅	Partial
Button	✅ Done	✅	✅
Card	✅ Done	✅	Partial
Checkbox	✅ Done	✅	✅
Chip	✅ Done	✅	✅
DataTable	✅ Done	✅	Partial
DatePicker	✅ Done	✅	Partial
Divider	✅ Done	✅	✅
EmptyState	✅ Done	✅	✅
Input	✅ Done	✅	✅
Link	✅ Done	✅	✅
LoadingState	✅ Done	✅	Partial
Menu	✅ Done	✅	✅
Modal	✅ Done	✅	✅
Pagination	✅ Done	✅	Partial
Radio	✅ Done	✅	✅
SearchInput	✅ Done	✅	Partial
Select	✅ Done	✅	✅
SelectionCard	✅ Done	✅	Partial
SidebarNav	✅ Done	✅	Partial
Skeleton	✅ Done	✅	✅
SkipLink	✅ Done	✅	✅
Switch	✅ Done	✅	Partial
Table	✅ Done	✅	Partial
Tabs	✅ Done	✅	✅
Textarea	✅ Done	✅	✅
TimePicker	✅ Done	✅	Partial
Toast	✅ Done	✅	✅
Toggle	✅ Done	✅	Partial
ToggleGroup	✅ Done	✅	Partial
Tooltip	✅ Done	✅	Partial

---

Business Components

Activity & Search

Component	Location	Status
ActivityCard	shared-customer	✅ Done
ActivityCardCompact	shared-customer	✅ Done
ActivityCardFeatured	shared-customer	✅ Done
SearchBar	shared-customer	✅ Done
SearchFilters	shared-customer	✅ Done
FilterChips	parent-portal	✅ Done
CategoryGrid	public	✅ Done

Booking & Calendar

Component	Location	Status
BookingModal	shared-customer	✅ Done
BookingConfirmation	shared-customer	✅ Done
FamilyCalendar	parent-portal	✅ Done
ProviderSchedule	provider-portal	✅ Done
SessionPicker	shared-customer	✅ Done

User Management

Component	Location	Status
UserProfileDropdown	shared-customer	✅ Done
SidebarUserProfile	shared-customer	✅ Done
ChildCard	parent-portal	✅ Done
FamilyContacts	parent-portal	✅ Done

Provider Tools

Component	Location	Status
ClassManagement	provider-portal	✅ Done
StudentDirectory	provider-portal	✅ Done
AttendanceTracker	provider-portal	✅ Done
ProviderDashboard	provider-portal	✅ Done
ProviderOnboarding	provider-portal	✅ Done

Admin Tools

Component	Location	Status
AdminDashboard	admin-portal	✅ Done
ProviderManagement	admin-portal	✅ Done
ParentManagement	admin-portal	✅ Done
BookingManagement	admin-portal	✅ Done
BillingManagement	admin-portal	✅ Done
AnalyticsManagement	admin-portal	✅ Done
BulkImport	admin-portal	✅ Done

---

Portal-Specific Libraries

Public Website (public/)

Complete pages and sections for juniro.com:

• Homepage (Hero, Categories, Testimonials)
• Search & Discovery
• Activity Details
• Provider Profiles
• Support Center
• Blog & Resources
• Auth Pages (Login, Signup)

Parent Portal (parent-portal/)

Complete dashboard and management screens:

• Dashboard with recommendations
• Search & Favorites
• Bookings & Calendar
• Children Management
• Messages & Notifications
• Settings & Profile
• Reviews

Provider Portal (provider-portal/)

Complete business management screens:

• Dashboard with metrics
• Classes & Offerings
• Schedule & Sessions
• Bookings & Students
• Attendance Tracking
• Messages & Reviews
• Settings & Analytics
• Onboarding Wizard

Admin Portal (admin-portal/)

Complete operations and management:

• System Dashboard
• Operations (Parents, Providers, Activities, Bookings, Billing)
• Managed Content (Blog, Announcements, Marketing)
• Support Center
• Platform Settings
• Analytics & Insights

---

Recent Updates

Date	Update
Jan 27, 2026	Design system migration - Menu, Button patterns across all portals
Jan 25, 2026	Added Switch, SelectionCard, SidebarNav, ToggleGroup components
Jan 22, 2026	Tabs component migration (9 files)
Jan 17, 2026	Added Menu component with colorScheme for dark sidebars
Jan 17, 2026	Added Chip component for filter tags
Jan 17, 2026	Added primary variant to Badge
Jan 16, 2026	Button component migration (75+ buttons converted)
Jan 15, 2026	Accessibility improvements (SkipLink, ARIA)
Jan 14, 2026	Dark mode fixes across all components

---

Local Development

# Run Storybook locally
cd juniro-design
bun run storybook:customer   # Port 3000
bun run storybook:admin      # Port 3001

# Run tests
bun run test

# Build
bun run build

---

Quality Standards

All components follow these standards:

• ✅ TypeScript with strict mode
• ✅ Tailwind CSS (no inline styles)
• ✅ Dark mode support (dark: variants)
• ✅ Responsive design (mobile-first)
• ✅ Accessibility (ARIA, keyboard navigation)
• ✅ Storybook stories with controls
• ✅ Unit tests (Vitest)

---

For component implementation details, always refer to Storybook.