1fda345d38
Components: - DashboardShell — main layout combining sidebar + topbar + content area - Sidebar — collapsible nav with sections, badges, active state, auto-settings link - TopBar — user avatar/menu, notifications bell, sign out, custom actions - ProfilePage — avatar, name/email form, loading/error/success states - BillingPage — current plan card, status badge, trial info, plan comparison grid - SettingsPage — section-based layout with empty state Features: - NavItem[] or NavSection[] for flat or grouped navigation - ShellFeatures toggle: profile, billing, settings, notifications, themeToggle - ShellUser with avatar, role, initials fallback - onNavigate callback for SPA routers (Next.js, etc.) - Collapsible sidebar with toggle button - All styled via --bl-shell-* CSS custom properties with fallbacks - 41 tests covering all components
31 lines
776 B
TypeScript
31 lines
776 B
TypeScript
/**
|
|
* @bytelyst/dashboard-shell
|
|
*
|
|
* Configurable Next.js dashboard layout with sidebar, top bar,
|
|
* and built-in pages for profile, billing, and settings.
|
|
*
|
|
* All components read CSS custom properties (--bl-shell-*, --color-*)
|
|
* with sensible fallback defaults.
|
|
*/
|
|
|
|
export { DashboardShell } from './DashboardShell.js';
|
|
export { Sidebar } from './Sidebar.js';
|
|
export { TopBar } from './TopBar.js';
|
|
export { ProfilePage } from './ProfilePage.js';
|
|
export { BillingPage } from './BillingPage.js';
|
|
export { SettingsPage } from './SettingsPage.js';
|
|
|
|
export type {
|
|
DashboardShellProps,
|
|
SidebarProps,
|
|
TopBarProps,
|
|
NavItem,
|
|
NavSection,
|
|
ShellUser,
|
|
ShellFeatures,
|
|
ProfilePageProps,
|
|
BillingPageProps,
|
|
SettingsPageProps,
|
|
SettingsSection,
|
|
} from './types.js';
|