prometeo-design-system 1.0.1 → 1.0.4

package/README.md

@@ -303,7 +303,7 @@ hover:text-primary-default-hover
 
 ---
 
-### Sidebar Component
+# Sidebar Component
 
 Un componente de barra lateral completo y altamente funcional con soporte para navegación, perfil de usuario, gestión de sesiones múltiples, notificaciones y estados colapsables. Diseñado para aplicaciones empresariales con múltiples usuarios y funcionalidades avanzadas.
 
@@ -327,6 +327,8 @@ npm install react-router-dom framer-motion
 yarn add react-router-dom framer-motion
 ```
 
+#### nota: No es necesario instalarlo, seguramente en el template del proyecto ya este instalado.
+
 ## 📋 Importaciones Requeridas
 
 ```tsx
@@ -531,8 +533,6 @@ Muestra el logo y nombre de la empresa del usuario.
 />
 ```
 
-
-
 ```tsx
 
 <NavbarLinks
@@ -567,9 +567,7 @@ Perfil de usuario con gestión de sesiones múltiples.
 />
 ```
 
-
-
-##  Estados
+## Estados
 
 ### Estados Internos
 
@@ -677,9 +675,7 @@ const getLinksForUser = (user: IUser) => {
 };
 ```
 
-
-
-##  Ejemplo de uso
+## Ejemplo de uso
 
 ### Navbar completo
 
@@ -783,19 +779,18 @@ function Navbar() {
 
 export default Navbar;
 
-
 //<!--- En otro lugar de nuestra app>
 
- /* REACT ROUTER */
-      <main className="flex-1 overflow-auto p-6">
-        <Routes>
-          <Route path="/dashboard" element={<DashboardContent />} />
-          <Route path="/tickets" element={<TicketsContent />} />
-          <Route path="/projects" element={<ProjectsContent />} />
-          <Route path="/reports" element={<ReportsContent />} />
-          <Route path="/notifications" element={<NotificationsContent />} />
-          <Route path="/settings" element={<SettingsContent />} />
-          <Route path="/profile" element={<ProfileContent />} />
-        </Routes>
-      </main>
+/* REACT ROUTER */
+<main className="flex-1 overflow-auto p-6">
+  <Routes>
+    <Route path="/dashboard" element={<DashboardContent />} />
+    <Route path="/tickets" element={<TicketsContent />} />
+    <Route path="/projects" element={<ProjectsContent />} />
+    <Route path="/reports" element={<ReportsContent />} />
+    <Route path="/notifications" element={<NotificationsContent />} />
+    <Route path="/settings" element={<SettingsContent />} />
+    <Route path="/profile" element={<ProfileContent />} />
+  </Routes>
+</main>;
 ```

package/dist/components/Button/Button.d.ts

@@ -1,7 +1,6 @@
 export type ButtonVariant = "filled" | "outline" | "text";
 export type ButtonColor = "primary" | "secondary";
 export type ButtonSize = "small" | "medium" | "large";
-export type ButtonState = "enabled" | "hovered" | "focused" | "pressed" | "disabled";
 interface IButton {
     label?: string;
     onClick?: () => void;
@@ -18,7 +17,6 @@ interface IButton {
     size?: ButtonSize;
     children?: React.ReactNode;
     Spinner?: React.ReactNode;
-    forceState?: ButtonState;
 }
-export default function Button({ label, onClick, icon, classButton, classButtonText, animate, animateIcon, isLoading, disabled, type, variant, color, size, children, Spinner, forceState }: IButton): import("react/jsx-runtime").JSX.Element;
+export default function Button({ label, onClick, icon, classButton, classButtonText, animate, animateIcon, isLoading, disabled, type, variant, color, size, children, Spinner, }: IButton): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Sidebar/Sidebar.d.ts

@@ -1,7 +1,7 @@
 import { SessionLocalStorage } from '../../interfaces/User/SessionLocalStorage';
 import { IUser } from 'shared-dependencies-tickets';
 import { INavLink } from './hooks/useNavLinks';
-interface SidebarProps {
+export interface SidebarProps {
     isNotificationModalOpen: boolean;
     user: IUser;
     sessions: SessionLocalStorage[];

package/dist/components/Sidebar/components/badge.d.ts

@@ -1,5 +1,4 @@
-type BadgeProps = {
+export type BadgeProps = {
     notificationsCount: number;
 };
 export declare const Badge: ({ notificationsCount }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Sidebar/components/collapse-button.d.ts

@@ -1,6 +1,5 @@
-interface NavbarCollapseButtonProps {
+export interface NavbarCollapseButtonProps {
     isCollapsed: boolean;
     onToggle: () => void;
 }
 export declare const NavbarCollapseButton: ({ isCollapsed, onToggle, }: NavbarCollapseButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Sidebar/components/company-logo.d.ts

@@ -1,6 +1,5 @@
-interface CompanyLogoProps {
+export interface CompanyLogoProps {
     logoUrl: string;
     companyName?: string;
 }
 export declare const CompanyLogo: ({ logoUrl, companyName }: CompanyLogoProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Sidebar/components/nav-links.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-interface NavbarLinksProps {
+export interface NavbarLinksProps {
     links: Array<{
         path: string;
         icon: (props: {
@@ -10,11 +10,11 @@ interface NavbarLinksProps {
         roles: string[];
         isView?: boolean;
         relatedPaths?: string[];
+        count?: number;
     }>;
     isLinkActive: (path: string) => boolean;
-    componentBadge?: () => JSX.Element;
+    componentBadge?: (count?: number) => JSX.Element;
     onClick?: () => void;
     activeModal?: boolean;
 }
 export declare const NavbarLinks: ({ links, isLinkActive, componentBadge, onClick, activeModal, }: NavbarLinksProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Sidebar/components/user-profile.d.ts

@@ -1,6 +1,6 @@
 import { IUser } from 'shared-dependencies-tickets';
 import { SessionLocalStorage } from '../../../interfaces/User/SessionLocalStorage';
-interface UserProfileProps {
+export interface UserProfileProps {
     user: IUser;
     isExpanded?: boolean;
     onClick?: () => void;
@@ -11,4 +11,3 @@ interface UserProfileProps {
     handleTokenLogin?: (token: string) => void;
 }
 export declare const UserProfile: ({ user, isExpanded, onClick, onProfileClick, showOptions, onClickLogout, sessions, handleTokenLogin, }: UserProfileProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Sidebar/hooks/useNavLinks.d.ts

@@ -1,5 +1,12 @@
 import { IUser } from 'shared-dependencies-tickets';
 export type Role = "Developer" | "SuperAdmin" | "Admin" | "Regular";
+export declare const Roles: {
+    levelOne: readonly ["Developer"];
+    levelTwo: Role[];
+    levelThree: Role[];
+    levelFour: Role[];
+};
+export type RoleLevels = typeof Roles;
 export interface INavLink {
     path: string;
     title: string;
@@ -11,6 +18,7 @@ export interface INavLink {
     discover: "render" | "none";
     isView?: boolean;
     relatedPaths?: string[];
+    count?: number;
 }
 export declare const useNavbarLinks: (user: IUser, links: Record<"pages" | "utils", INavLink[]>) => {
     pageLinks: INavLink[];

package/dist/components/UserProfile/UserProfile.d.ts

@@ -0,0 +1,2 @@
+declare const UserProfile: () => import("react/jsx-runtime").JSX.Element;
+export default UserProfile;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export { default as Button } from './components/Button/Button';
 export { default as Input } from './components/Input/Input';
-export { default as Sidebar } from './components/Sidebar/Sidebar';
 export { default as Menu } from './components/Menu/Menu';
+export { default as Sidebar } from './components/Sidebar/Sidebar';
 export { LayoutGeneric } from './components/Layout/LayoutGeneric';
 export { Badge } from './components/Sidebar/components/badge';
 export { NavbarCollapseButton } from './components/Sidebar/components/collapse-button';
@@ -12,7 +12,13 @@ export { useNavbarCollapse } from './components/Sidebar/hooks/useNavBarCollapse'
 export { useNavbarLinks } from './components/Sidebar/hooks/useNavLinks';
 export { useNavbarAnimations } from './components/Sidebar/ui/useNavbarAnimation';
 export { useClickOutside } from './hooks/useClickOutside';
-export type { ButtonVariant, ButtonColor, ButtonSize, ButtonState } from './components/Button/Button';
-export type { INavLink } from './components/Sidebar/hooks/useNavLinks';
+export type { ButtonColor, ButtonSize, ButtonVariant, } from './components/Button/Button';
+export type { SidebarProps } from './components/Sidebar/Sidebar';
+export type { BadgeProps } from './components/Sidebar/components/badge';
+export type { NavbarCollapseButtonProps } from './components/Sidebar/components/collapse-button';
+export type { CompanyLogoProps } from './components/Sidebar/components/company-logo';
+export type { NavbarLinksProps } from './components/Sidebar/components/nav-links';
+export type { UserProfileProps } from './components/Sidebar/components/user-profile';
+export type { INavLink, Role, RoleLevels, } from './components/Sidebar/hooks/useNavLinks';
 export type { SessionLocalStorage } from './interfaces/User/SessionLocalStorage';
 export { Icons } from './Icons/Icons';