/** * ============================================ * SIDEBAR MODULE - ATOMIC DESIGN * ============================================ * * Componente Sidebar modular que sigue principios de: * - Screaming Architecture: La estructura de carpetas refleja el dominio * - Atomic Design: Atoms → Molecules → Organisms * - DRY: Reutilización de componentes y tipos * * ## Estructura * * ``` * Sidebar/ * ├── components/ * │ ├── atoms/ # Componentes básicos * │ │ ├── SidebarMenuItem * │ │ ├── SidebarDivider * │ │ └── SidebarSectionTitle * │ ├── molecules/ # Combinación de atoms * │ │ ├── SidebarMenuGroup * │ │ ├── SidebarUserProfile * │ │ └── SidebarWorkspaceCard * │ └── organisms/ # Componente completo * │ └── Sidebar * ├── types/ * │ └── index.ts # Definición de tipos * └── index.ts # Exports públicos * ``` * * ## Uso Básico * * @example * ```tsx * import { Sidebar } from '@imjmedia/ui' * import { faEarthAmericas, faList, faPlus } from '@fortawesome/pro-regular-svg-icons' * * * ``` */ export { Sidebar } from './components'; export { SidebarMenuItem, SidebarDivider, SidebarSectionTitle, SidebarMenuGroup, SidebarUserProfile, SidebarWorkspaceCard, } from './components'; export type { SidebarProps, SidebarMenuItemProps, SidebarMenuGroupProps, SidebarDividerProps, SidebarSectionTitleProps, SidebarUserProfileProps, SidebarWorkspaceCardProps, SidebarBadge, SidebarIcon, } from './types'; //# sourceMappingURL=index.d.ts.map