/** * Dashboard Selectors - 5 First-Level Components * * The dashboard has TWO distinct layouts: Desktop and Mobile. * * ═══════════════════════════════════════════════════════════════════════════════ * DESKTOP LAYOUT (≥768px) * ═══════════════════════════════════════════════════════════════════════════════ * * ┌─────────────────────────────────────────────────────────────────────────────┐ * │ TOPNAV: [≡] [+Create▼] [🔍Search▼] [🔔] [?] [☀] [👑SA] [🔧DT] [👤User▼] │ * ├───────────────┬─────────────────────────────────────────────────────────────┤ * │ SIDEBAR │ │ * │ ─────────── │ CONTENT AREA │ * │ [Logo] │ │ * │ │ (Page-specific content) │ * │ NAVIGATION │ │ * │ ─────────── │ │ * │ • Dashboard │ │ * │ ─ Entities ─ │ │ * │ • Posts │ │ * │ • Products │ │ * │ ─ Settings ─ │ │ * │ • Config │ │ * │ │ │ * │ ─────────── │ │ * │ [TeamSwitch] │ │ * └───────────────┴─────────────────────────────────────────────────────────────┘ * * Desktop Components: * 1. container - Main wrapper (wraps sidebar + topnav + content) * 2. sidebar - Left column, collapsible (w-64 expanded, w-16 collapsed) * 3. topnav - Top bar with actions, search, notifications, user menu * 4. navigation - Nav items inside sidebar (DynamicNavigation) * * ═══════════════════════════════════════════════════════════════════════════════ * MOBILE LAYOUT (<768px) * ═══════════════════════════════════════════════════════════════════════════════ * * ┌─────────────────────────────────────────────────────────────────────────────┐ * │ MOBILE TOPBAR: [👤 User Name] [🔔] [☀] │ * ├─────────────────────────────────────────────────────────────────────────────┤ * │ │ * │ CONTENT AREA │ * │ │ * │ (Page-specific content) │ * │ │ * ├─────────────────────────────────────────────────────────────────────────────┤ * │ MOBILE BOTTOMNAV: [🏠] [📝Posts] [➕Create] [📦Prods] [⋯More] │ * └─────────────────────────────────────────────────────────────────────────────┘ * * ┌─────────────────────────────────────────┐ * │ QUICK CREATE SHEET (Bottom) │ * │ ───────────────────────────── │ * │ • Create Post │ * │ • Create Product │ * │ • Create Category │ * └─────────────────────────────────────────┘ * * ┌─────────────────────────────────────────┐ * │ MORE SHEET (Bottom) │ * │ ───────────────────── │ * │ • Settings │ * │ • Profile │ * │ • Billing │ * │ ───────────────────── │ * │ • Superadmin │ * │ [Team Switcher] │ * │ ───────────────────── │ * │ [Sign Out] │ * └─────────────────────────────────────────┘ * * Mobile Components: * 5. mobile.topbar - Top bar (user profile, notifications, theme) * 6. mobile.bottomNav - Bottom navigation with 5 items + central create * 7. mobile.moreSheet - Bottom sheet for settings, team, signout * 8. mobile.quickCreateSheet - Bottom sheet for entity creation * * ═══════════════════════════════════════════════════════════════════════════════ * SHARED DROPDOWNS (Inside topnav) * ═══════════════════════════════════════════════════════════════════════════════ * * ┌─────────────────────────────────────────┐ * │ QUICK CREATE DROPDOWN │ * │ ───────────────────── │ * │ [+ Create ▼] │ * │ ─────────────────────────────── │ * │ • New Post │ * │ • New Product │ * │ • New Category │ * └─────────────────────────────────────────┘ * * ┌─────────────────────────────────────────┐ * │ NOTIFICATIONS DROPDOWN │ * │ ───────────────────── │ * │ [🔔 3] │ * │ ─────────────────────────────── │ * │ • New comment on post │ * │ • Order received │ * │ • User registered │ * │ ─────────────────────────────── │ * │ [Mark all as read] │ * └─────────────────────────────────────────┘ * * ┌─────────────────────────────────────────┐ * │ USER MENU DROPDOWN │ * │ ───────────────────── │ * │ [👤 User ▼] │ * │ ─────────────────────────────── │ * │ John Doe │ * │ john@example.com │ * │ ─────────────────────────────── │ * │ • Profile │ * │ • Settings │ * │ • Billing │ * │ ─────────────────────────────── │ * │ [Sign Out] │ * └─────────────────────────────────────────┘ * * NOTE: Global Search (Cmd+K modal) is in globalSearch.selectors.ts */ export declare const DASHBOARD_SELECTORS: { readonly container: "dashboard-container"; readonly sidebar: { readonly container: "sidebar-main"; readonly header: "sidebar-header"; readonly logo: "sidebar-logo"; readonly content: "sidebar-content"; readonly footer: "sidebar-footer"; }; readonly topnav: { readonly container: "topnav-header"; readonly logo: "topnav-logo"; readonly sidebarToggle: "topnav-sidebar-toggle"; readonly search: { readonly container: "topnav-search-section"; }; readonly notifications: { readonly trigger: "topnav-notifications"; }; readonly quickCreate: { readonly trigger: "topnav-quick-create-button"; readonly content: "topnav-quick-create-dropdown"; readonly link: "quick-create-{slug}-link"; }; readonly userMenu: { readonly trigger: "topnav-user-menu-trigger"; readonly content: "topnav-user-menu"; readonly item: "topnav-menu-{icon}"; readonly action: "topnav-menu-{action}"; }; readonly actions: "topnav-actions"; readonly settingsMenu: { readonly trigger: "topnav-settings-menu-trigger"; readonly content: "topnav-settings-menu"; readonly item: "topnav-settings-item-{index}"; readonly link: "topnav-settings-link-{index}"; }; readonly help: "topnav-help"; readonly themeToggle: "topnav-theme-toggle"; readonly superadmin: "topnav-superadmin"; readonly devtools: "topnav-devtools"; readonly userLoading: "topnav-user-loading"; readonly signin: "topnav-signin"; readonly signup: "topnav-signup"; readonly mobileMenu: { readonly toggle: "topnav-mobile-menu-toggle"; readonly container: "topnav-mobile-menu"; readonly actions: "topnav-mobile-actions"; readonly userInfo: "topnav-mobile-user-info"; readonly linkProfile: "topnav-mobile-link-profile"; readonly linkSettings: "topnav-mobile-link-settings"; readonly linkBilling: "topnav-mobile-link-billing"; readonly signout: "topnav-mobile-signout"; readonly superadmin: "topnav-mobile-nav-superadmin"; readonly devtools: "topnav-mobile-nav-devtools"; }; }; readonly navigation: { readonly container: "nav-main"; readonly dashboardLink: "nav-link-dashboard"; readonly entityLink: "nav-link-entity-{slug}"; readonly section: "nav-section-{id}"; readonly sectionLabel: "nav-section-label-{id}"; readonly sectionItem: "nav-section-item-{sectionId}-{itemId}"; }; readonly mobile: { readonly topbar: { readonly container: "mobile-topbar-header"; readonly userProfile: "mobile-topbar-user-profile"; readonly notifications: "mobile-topbar-notifications"; readonly themeToggle: "mobile-topbar-theme-toggle"; }; readonly bottomNav: { readonly container: "mobile-bottomnav-nav"; readonly item: "mobile-bottomnav-item-{id}"; }; readonly moreSheet: { readonly container: "mobile-more-sheet-content"; readonly item: "mobile-more-sheet-item-{id}"; readonly superadminLink: "mobile-more-sheet-superadmin-link"; readonly teamSwitcher: "mobile-more-sheet-team-switcher"; readonly signoutButton: "mobile-more-sheet-signout-button"; }; readonly quickCreateSheet: { readonly container: "mobile-quick-create-sheet-content"; readonly item: "mobile-quick-create-sheet-item-{slug}"; }; }; }; export type DashboardSelectorsType = typeof DASHBOARD_SELECTORS; //# sourceMappingURL=dashboard.selectors.d.ts.map