siesa-ui-kit 1.0.4 → 1.0.5

package/dist/components/DropdownItemHeading/icons.d.ts

@@ -1,48 +0,0 @@
-/**
- * Iconos para el componente DropdownItemHeading
- * Usando heroicons-micro según especificaciones de Figma
- *
- * Los iconos se pueden pasar como strings al componente:
- * - 'cog-6-tooth': Icono de engranaje
- * - 'check': Icono de check
- * - 'x': Icono de cerrar
- * - 'chevron-down': Icono de chevron hacia abajo
- *
- * @see DropdownItemHeading.tsx para ver cómo se usan
- */
-import React from 'react';
-interface IconProps {
-    className?: string;
-}
-/**
- * Icono Cog (heroicons-micro/cog-6-tooth)
- * Usado como icono por defecto en DropdownItemHeading
- * Tamaño: 16x16px
- */
-export declare const CogIcon: ({ className }: IconProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Icono Check (heroicons-micro/check)
- */
-export declare const CheckIcon: ({ className }: IconProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Icono X (heroicons-micro/x-mark)
- */
-export declare const XIcon: ({ className }: IconProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Icono ChevronDown (heroicons-micro/chevron-down)
- */
-export declare const ChevronDownIcon: ({ className }: IconProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Mapeo de nombres de iconos a componentes
- * Permite usar strings para referenciar iconos
- */
-export declare const iconMap: Record<string, React.FC<IconProps>>;
-/**
- * Obtener un icono por su nombre
- * @param iconName - Nombre del icono (ej: 'cog-6-tooth', 'check', 'x', 'chevron-down')
- * @param className - Clases CSS adicionales
- * @returns Componente del icono o null si no existe
- */
-export declare const getIcon: (iconName: string | null | undefined, className?: string) => React.ReactNode;
-export {};
-//# sourceMappingURL=icons.d.ts.map

package/dist/components/DropdownItemHeading/icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownItemHeading/icons.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,eAA2B,SAAS,4CAa3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,eAA2B,SAAS,4CAkB7D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,eAA2B,SAAS,4CASzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,eAA2B,SAAS,4CAanE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAKvD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,OAAO,GAClB,UAAU,MAAM,GAAG,IAAI,GAAG,SAAS,EACnC,YAAY,MAAM,KACjB,KAAK,CAAC,SAUR,CAAC"}

package/dist/components/DropdownItemHeading/index.d.ts

@@ -1,4 +0,0 @@
-export { DropdownItemHeading } from './DropdownItemHeading';
-export type { DropdownItemHeadingProps } from './DropdownItemHeading.types';
-export { CogIcon, CheckIcon, XIcon, ChevronDownIcon, getIcon, iconMap } from './icons';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/DropdownItemHeading/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownItemHeading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Input/Input.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-import type { InputProps } from './Input.types';
-/**
- * Input - Componente de campo de entrada del sistema de diseño Siesa
- * Basado en especificaciones de Figma con Tailwind CSS
- *
- * Mejores prácticas implementadas:
- * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
- * - Dark mode con estrategia 'class' (darkMode: 'class')
- * - Focus rings adaptativos para light y dark mode
- * - Tokens de color consistentes con la documentación
- * - Sombra base para inputs con focus
- * - Estados hover, focus, disabled y error completos
- * - Typography: Paragraph Regular para texto, Label Bold para labels
- *
- * Campo de entrada de texto con soporte para:
- * - Estados: default, hover, focus, filled, disabled
- * - Validación con mensajes de error
- * - Iconos izquierdo y derecho
- * - Label y helper text
- * - Dark mode completo
- * - Accesibilidad completa
- *
- * @see docs/colors.md - Sistema de colores
- * @see docs/shadows.md - Sistema de sombras
- * @see docs/typography.md - Sistema tipográfico (Paragraph, Label)
- * @see docs/spacing.md - Sistema de espaciado
- *
- * @example
- * ```tsx
- * <Input
- *   label="Email"
- *   placeholder="tu@email.com"
- *   leftIcon={<EnvelopeIcon />}
- *   helperText="Ingresa tu correo electrónico"
- * />
- * ```
- */
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=Input.d.ts.map

package/dist/components/Input/Input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,KAAK,qFAkKjB,CAAC"}

package/dist/components/Input/Input.types.d.ts

@@ -1,71 +0,0 @@
-import type { ReactElement, InputHTMLAttributes } from 'react';
-/**
- * Estados visuales del Input
- * @description Tipo de referencia para documentar los estados posibles del Input.
- * Los estados se manejan automáticamente mediante props (disabled) y pseudo-clases CSS (:hover, :focus)
- */
-export type InputState = 'default' | 'hover' | 'focus' | 'filled' | 'disabled';
-/**
- * Props del componente Input
- *
- * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico
- * @see docs/spacing.md - Sistema de espaciado
- * @see docs/shadows.md - Sistema de sombras
- */
-export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    /**
-     * Etiqueta del campo de entrada
-     * @description Texto descriptivo que se muestra encima del input
-     * @example "Email", "Nombre completo", "Contraseña"
-     */
-    label?: string;
-    /**
-     * Texto secundario junto al label (opcional)
-     * @description Se muestra alineado a la derecha del label, útil para indicar campos opcionales
-     * @example "Optional", "Opcional"
-     */
-    labelSecondary?: string;
-    /**
-     * Texto de ayuda debajo del input
-     * @description Proporciona información adicional o instrucciones para el usuario
-     * @example "Ingresa tu correo electrónico", "Mínimo 8 caracteres"
-     */
-    helperText?: string;
-    /**
-     * Indica si hay un error de validación
-     * @description Cambia el estilo del input para indicar error (borde rojo)
-     * @default false
-     */
-    error?: boolean;
-    /**
-     * Mensaje de error a mostrar (reemplaza helperText cuando error=true)
-     * @description Se muestra en rojo debajo del input cuando hay un error
-     * @example "Este campo es requerido", "Formato de email inválido"
-     */
-    errorMessage?: string;
-    /**
-     * Icono a mostrar a la izquierda del input
-     * @description Ayuda a identificar el tipo de campo visualmente
-     * @example <EnvelopeIcon />, <UserIcon />, <LockClosedIcon />
-     */
-    leftIcon?: ReactElement;
-    /**
-     * Icono a mostrar a la derecha del input
-     * @description Útil para acciones como mostrar/ocultar contraseña o limpiar campo
-     * @example <EyeIcon />, <XMarkIcon />, <CheckIcon />
-     */
-    rightIcon?: ReactElement;
-    /**
-     * Si el input ocupa todo el ancho del contenedor
-     * @description Por defecto usa w-[265px], con fullWidth usa w-full
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * Clases CSS adicionales para personalizar el componente
-     * @description Se aplican al contenedor principal del input
-     */
-    className?: string;
-}
-//# sourceMappingURL=Input.types.d.ts.map

package/dist/components/Input/Input.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE/D;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE/E;;;;;;;GAOG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACrF;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB;;;;OAIG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IAEzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Input/icons.d.ts

@@ -1,15 +0,0 @@
-/**
- * Icons para Input Component
- * Basado en Heroicons Micro
- */
-export declare const EnvelopeIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const QuestionMarkCircleIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const UserIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const LockClosedIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const MagnifyingGlassIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const EyeIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const EyeSlashIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const XMarkIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const CheckIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const ExclamationCircleIcon: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=icons.d.ts.map

package/dist/components/Input/icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Input/icons.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,YAAY,+CAUxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAalC,CAAC;AAEF,eAAO,MAAM,QAAQ,+CASpB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAa1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAa/B,CAAC;AAEF,eAAO,MAAM,OAAO,+CAcnB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAcxB,CAAC;AAEF,eAAO,MAAM,SAAS,+CASrB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAarB,CAAC;AAEF,eAAO,MAAM,qBAAqB,+CAajC,CAAC"}

package/dist/components/Input/index.d.ts

@@ -1,3 +0,0 @@
-export { Input } from './Input';
-export type { InputProps, InputState } from './Input.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/LoginView/LoginView.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-import type { LoginViewProps } from './LoginView.types';
-/**
- * LoginView - Vista de inicio de sesión del sistema Siesa
- *
- * Vista completa de login con formulario de autenticación que incluye:
- * - Logo de Siesa
- * - Campos de email y contraseña
- * - Opción de "olvidé mi contraseña"
- * - Link para crear cuenta nueva
- * - Fondo decorativo opcional
- *
- * Mejores prácticas implementadas:
- * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
- * - Dark mode con estrategia 'class' (darkMode: 'class')
- * - Tokens de color consistentes con la documentación
- * - Type safety con TypeScript estricto
- * - Accesibilidad con ARIA labels y manejo de formulario semántico
- * - Validación de email básica
- *
- * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico
- * @see docs/spacing.md - Sistema de espaciado
- * @see docs/shadows.md - Sistema de sombras
- *
- * @example
- * ```tsx
- * <LoginView
- *   onSubmit={(email, password) => console.log('Login', email, password)}
- *   onForgotPassword={() => console.log('Forgot password')}
- *   onSignUp={() => console.log('Sign up')}
- * />
- * ```
- */
-export declare const LoginView: React.FC<LoginViewProps>;
-//# sourceMappingURL=LoginView.d.ts.map

package/dist/components/LoginView/LoginView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoginView.d.ts","sourceRoot":"","sources":["../../../src/components/LoginView/LoginView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoY9C,CAAC"}

package/dist/components/LoginView/LoginView.types.d.ts

@@ -1,46 +0,0 @@
-/**
- * Props del componente LoginView
- */
-export interface LoginViewProps {
-    /**
-     * Handler para el submit del formulario de login
-     * @param email - Email ingresado por el usuario
-     * @param password - Contraseña ingresada por el usuario
-     */
-    onSubmit?: (email: string, password: string) => void;
-    /**
-     * Handler para el click en "Olvidé mi Contraseña"
-     */
-    onForgotPassword?: () => void;
-    /**
-     * Handler para el click en "¿No tienes una cuenta?"
-     */
-    onSignUp?: () => void;
-    /**
-     * Estado de carga del botón de submit
-     * @default false
-     */
-    isLoading?: boolean;
-    /**
-     * Mensaje de error general para mostrar en el formulario
-     */
-    errorMessage?: string;
-    /**
-     * Clases CSS adicionales para el contenedor
-     */
-    className?: string;
-    /**
-     * Si se muestra el fondo decorativo con imagen
-     * @default true
-     */
-    showBackground?: boolean;
-    /**
-     * Variante de visualización
-     * - 'responsive': Se adapta según el viewport (default)
-     * - 'mobile': Siempre se muestra como mobile sin efectos de card
-     * - 'desktop': Siempre se muestra como desktop con card
-     * @default 'responsive'
-     */
-    variant?: 'responsive' | 'mobile' | 'desktop';
-}
-//# sourceMappingURL=LoginView.types.d.ts.map

package/dist/components/LoginView/LoginView.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoginView.types.d.ts","sourceRoot":"","sources":["../../../src/components/LoginView/LoginView.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAErD;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC/C"}

package/dist/components/LoginView/icons.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-/**
- * Icono de sobre (envelope) para el input de email
- */
-export declare const EnvelopeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
-/**
- * Icono de candado cerrado (lock) para el input de contraseña
- */
-export declare const LockClosedIcon: React.FC<React.SVGProps<SVGSVGElement>>;
-/**
- * Icono de ojo (eye) para mostrar/ocultar contraseña
- */
-export declare const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
-/**
- * Logo de Siesa
- */
-export declare const SiesaLogo: React.FC<React.SVGProps<SVGSVGElement>>;
-//# sourceMappingURL=icons.d.ts.map

package/dist/components/LoginView/icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/LoginView/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAUhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAalE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAc3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CA2B7D,CAAC"}

package/dist/components/LoginView/index.d.ts

@@ -1,4 +0,0 @@
-export { LoginView } from './LoginView';
-export type { LoginViewProps } from './LoginView.types';
-export { EnvelopeIcon, LockClosedIcon, EyeIcon, SiesaLogo } from './icons';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/LoginView/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LoginView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Navbar/Navbar.d.ts

@@ -1,63 +0,0 @@
-import React from 'react';
-import type { NavbarProps } from './Navbar.types';
-/**
- * Componente Navbar del sistema de diseño Siesa
- * Basado en especificaciones de Figma con Tailwind CSS
- *
- * Barra de navegación principal con soporte completo para responsive y dark mode.
- * Incluye logo, nombre de producto, badge de ambiente, botones de acción y dropdown de usuario.
- *
- * **Variantes de dispositivo:**
- * - `responsive`: Se adapta automáticamente al viewport (por defecto)
- * - `desktop`: Versión completa (1360x64px) con todos los elementos
- * - `tablet`: Versión tablet (1024x64px) con elementos reducidos
- * - `mobile`: Versión simplificada (428x40px) con logo icono y avatar circular
- *
- * **Elementos incluidos:**
- * - Botón de navegación (solo desktop/tablet) - Usa shadow-button-inset
- * - Logo del negocio (solo desktop/tablet)
- * - Dividers verticales (solo desktop/tablet)
- * - Logo Siesa (completo en desktop/tablet, icono en mobile)
- * - Nombre del producto (solo desktop/tablet) - Heading/Tiny (20px Bold)
- * - Badge de ambiente con icono de advertencia (yellow)
- * - Botones de acción (search solo mobile, cart, notifications)
- * - Dropdown de usuario con avatar, nombre y email
- * - Logo Siesa trailing (solo desktop)
- *
- * **Mejores prácticas implementadas:**
- * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
- * - Dark mode con estrategia 'class' (darkMode: 'class')
- * - Tokens de color consistentes con la documentación (NO colores hardcodeados)
- * - Focus rings adaptativos para light y dark mode
- * - Type safety con TypeScript estricto
- * - Responsive design con breakpoints md: y lg:
- * - Tipografía del sistema: Heading/Tiny, Paragraph/Small, Paragraph/Tiny
- * - Spacing del sistema (4px, 8px, 12px, 16px, 32px)
- *
- * @see docs/colors.md - Sistema de colores y tokens dark mode
- * @see docs/typography.md - Sistema tipográfico (Heading, Paragraph)
- * @see docs/spacing.md - Sistema de espaciado
- * @see docs/shadows.md - Sistema de sombras (button-inset)
- *
- * @example
- * ```tsx
- * <Navbar
- *   productName="Mi Producto"
- *   environmentBadge="Ambiente de Pruebas"
- *   userDropdown={{
- *     avatar: "/path/to/avatar.jpg",
- *     name: "Juan Pérez",
- *     email: "juan@ejemplo.com",
- *   }}
- *   notifications={{
- *     cart: 99,
- *     bell: true,
- *   }}
- *   onNavigationClick={() => router.back()}
- *   onCartClick={() => openCart()}
- *   onNotificationsClick={() => openNotifications()}
- * />
- * ```
- */
-export declare const Navbar: React.FC<NavbarProps>;
-//# sourceMappingURL=Navbar.d.ts.map

package/dist/components/Navbar/Navbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAWlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2qBxC,CAAC"}

package/dist/components/Navbar/Navbar.types.d.ts

@@ -1,194 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * Variante de dispositivo del Navbar
- * - `responsive`: Se adapta automáticamente al viewport (por defecto)
- * - `desktop`: Versión completa (≥1024px) con todos los elementos
- * - `tablet`: Versión tablet (≥768px) con elementos reducidos
- * - `mobile`: Versión simplificada (<768px) con logo icono y avatar circular
- *
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4278-18626
- */
-export type NavbarVariant = 'responsive' | 'desktop' | 'tablet' | 'mobile';
-/**
- * Datos del dropdown de usuario
- *
- * @example
- * ```tsx
- * const userDropdown: UserDropdownProps = {
- *   avatar: '/path/to/avatar.jpg',
- *   name: 'Juan Pérez',
- *   email: 'juan@ejemplo.com',
- *   onMenuClick: () => setMenuOpen(true),
- * };
- * ```
- */
-export interface UserDropdownProps {
-    /**
-     * URL del avatar del usuario
-     * Recomendado: mínimo 80x80px para retina
-     */
-    avatar: string;
-    /**
-     * Nombre del usuario (se muestra en desktop/tablet)
-     */
-    name: string;
-    /**
-     * Email del usuario (se muestra en desktop/tablet)
-     */
-    email?: string;
-    /**
-     * Rol del usuario (alternativa a email, ej: "Administrador")
-     */
-    role?: string;
-    /**
-     * Handler para click en el dropdown de usuario
-     */
-    onMenuClick?: () => void;
-}
-/**
- * Configuración de badges de notificación
- *
- * @example
- * ```tsx
- * const notifications: NotificationsProps = {
- *   cart: 15,      // Muestra badge con "15"
- *   bell: true,    // Muestra dot de notificación
- * };
- * ```
- */
-export interface NotificationsProps {
-    /**
-     * Número de items en el carrito
-     * Si es > 99, muestra "+99"
-     */
-    cart?: number;
-    /**
-     * Muestra dot de notificación en la campana
-     */
-    bell?: boolean;
-}
-/**
- * Props del componente Navbar
- *
- * Barra de navegación principal con soporte completo para responsive design y dark mode.
- * Incluye logo, nombre de producto, badge de ambiente, botones de acción y dropdown de usuario.
- *
- * **Mejores prácticas implementadas:**
- * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
- * - Dark mode con estrategia 'class' (darkMode: 'class')
- * - Tokens de color consistentes con la documentación
- * - Focus rings adaptativos para light y dark mode
- * - Tipografía del sistema: Heading/Tiny (20px Bold), Paragraph/Small (14px), Paragraph/Tiny (12px)
- * - Spacing del sistema: 4px, 8px, 12px, 16px, 32px
- *
- * @see docs/colors.md - Sistema de colores y tokens dark mode
- * @see docs/typography.md - Sistema tipográfico (Heading, Paragraph)
- * @see docs/spacing.md - Sistema de espaciado
- * @see docs/shadows.md - Sistema de sombras (button-inset)
- */
-export interface NavbarProps {
-    /**
-     * Logo del negocio/cliente (componente o imagen)
-     * Solo visible en desktop/tablet
-     *
-     * @default Logo por defecto de la carpeta public
-     */
-    logo?: ReactNode;
-    /**
-     * Logo de Siesa personalizado
-     * Si no se proporciona, usa el logo por defecto según variante
-     *
-     * @default Logo Siesa de la carpeta public
-     */
-    siesaLogo?: ReactNode;
-    /**
-     * Nombre del producto que aparece después del logo
-     * Solo visible en desktop/tablet (se oculta en mobile)
-     *
-     * @default 'Nombre Producto'
-     */
-    productName?: string;
-    /**
-     * Badge de ambiente/entorno (ej: "Ambiente de Pruebas")
-     * En mobile muestra versión corta ("Pruebas")
-     */
-    environmentBadge?: string;
-    /**
-     * Contenido del dropdown de usuario
-     */
-    userDropdown?: UserDropdownProps;
-    /**
-     * Elementos de acción adicionales en la barra (botones, iconos, etc.)
-     * Se muestran a la derecha después del dropdown de usuario
-     */
-    actions?: ReactNode;
-    /**
-     * Configuración de badges de notificación para los botones
-     */
-    notifications?: NotificationsProps;
-    /**
-     * Clases CSS adicionales para el contenedor del navbar
-     */
-    className?: string;
-    /**
-     * Modo de visualización del navbar
-     * - `responsive`: Se adapta automáticamente al viewport
-     * - `desktop`: Versión completa (1360x64px)
-     * - `tablet`: Versión tablet (1024x64px)
-     * - `mobile`: Versión compacta (428x40px)
-     *
-     * @default 'responsive'
-     */
-    variant?: NavbarVariant;
-    /**
-     * Ocultar botones de acción (carrito, notificaciones, búsqueda)
-     *
-     * @default false
-     */
-    hideActionButtons?: boolean;
-    /**
-     * Elemento leading personalizado (reemplaza el botón de navegación por defecto)
-     * Solo visible en desktop/tablet
-     */
-    leadingAction?: ReactNode;
-    /**
-     * Mostrar Business Logo en el leading (lado izquierdo)
-     * Solo visible en desktop/tablet
-     *
-     * @default false
-     */
-    showBusinessLogo?: boolean;
-    /**
-     * Mostrar Logo de Siesa en el leading (lado izquierdo)
-     * Solo visible en desktop/tablet (en mobile siempre muestra el icono)
-     *
-     * @default true
-     */
-    showSiesaLogoLeading?: boolean;
-    /**
-     * Mostrar Logo de Siesa en el trailing (lado derecho)
-     * Solo visible en desktop/tablet
-     *
-     * @default false
-     */
-    showSiesaLogoTrailing?: boolean;
-    /**
-     * Handler para click en el botón de navegación (flecha izquierda)
-     * Solo visible en desktop/tablet cuando no hay leadingAction
-     */
-    onNavigationClick?: () => void;
-    /**
-     * Handler para click en el botón de búsqueda
-     * Solo visible en mobile
-     */
-    onSearchClick?: () => void;
-    /**
-     * Handler para click en el botón de carrito
-     */
-    onCartClick?: () => void;
-    /**
-     * Handler para click en el botón de notificaciones
-     */
-    onNotificationsClick?: () => void;
-}
-//# sourceMappingURL=Navbar.types.d.ts.map

package/dist/components/Navbar/Navbar.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navbar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3E;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,WAAW;IAC1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAEjC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,kBAAkB,CAAC;IAEnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE/B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC"}

package/dist/components/Navbar/icons.d.ts

@@ -1,12 +0,0 @@
-/**
- * Iconos para el componente Navbar
- * Basados en Heroicons Micro (16x16px)
- */
-export declare const ShoppingCartIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const BellIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const MagnifyingGlassIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const ChevronDownIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const ExclamationTriangleIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const NotificationDot: () => import("react/jsx-runtime").JSX.Element;
-export declare const ArrowLeftStartOnRectangleIcon: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=icons.d.ts.map

package/dist/components/Navbar/icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/icons.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,gBAAgB,+CAU5B,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAcpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAc/B,CAAC;AAEF,eAAO,MAAM,eAAe,+CAc3B,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAcnC,CAAC;AAEF,eAAO,MAAM,eAAe,+CAI3B,CAAC;AAEF,eAAO,MAAM,6BAA6B,+CAczC,CAAC"}

package/dist/components/Navbar/index.d.ts

@@ -1,4 +0,0 @@
-export { Navbar } from './Navbar';
-export type { NavbarProps, NavbarVariant, UserDropdownProps, NotificationsProps, } from './Navbar.types';
-export * from './icons';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Navbar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,cAAc,SAAS,CAAC"}