pixelon 0.3.25 → 0.3.26

package/dist/components/organisms/lumi/Stepper/types(2).d.ts

@@ -0,0 +1,96 @@
+import type { ReactNode } from 'react';
+export type StepStatus = 'pending' | 'active' | 'completed' | 'error';
+export interface StepConfig {
+    /** Identificador único del paso */
+    id: string;
+    /** Título del paso (opcional, se muestra en tooltip) */
+    title?: string;
+    /** Descripción del paso (opcional) */
+    description?: string;
+    /** Icono personalizado para el paso (opcional) */
+    icon?: ReactNode;
+    /** Si el paso está deshabilitado */
+    disabled?: boolean;
+    /** Función de validación antes de avanzar al siguiente paso */
+    validate?: () => boolean | Promise<boolean>;
+    /** Callback cuando el paso se completa */
+    onComplete?: () => void;
+}
+export interface StepperProps {
+    /** Configuración de los pasos */
+    steps: StepConfig[];
+    /** Índice del paso actual (controlado) */
+    currentStep?: number;
+    /** Paso inicial (no controlado) */
+    defaultStep?: number;
+    /** Callback cuando cambia el paso */
+    onStepChange?: (stepIndex: number, stepId: string) => void;
+    /** Callback cuando se completan todos los pasos */
+    onComplete?: () => void;
+    /** Callback cuando se cancela el flujo */
+    onCancel?: () => void;
+    /** Contenido de cada paso (children como función o array) */
+    children: ReactNode | ((step: StepConfig, index: number) => ReactNode);
+    /** Orientación del stepper */
+    orientation?: 'horizontal' | 'vertical';
+    /** Tamaño de los indicadores */
+    size?: 'small' | 'medium' | 'large';
+    /** Variante de los indicadores */
+    variant?: 'circle' | 'dot' | 'number';
+    /** Si se permite navegación libre entre pasos completados */
+    allowNavigation?: boolean;
+    /** Si se muestra la línea conectora entre pasos */
+    showConnector?: boolean;
+    /** Texto del botón anterior */
+    prevButtonText?: string;
+    /** Texto del botón siguiente */
+    nextButtonText?: string;
+    /** Texto del botón finalizar */
+    finishButtonText?: string;
+    /** Texto del botón cancelar */
+    cancelButtonText?: string;
+    /** Si se muestra el botón cancelar */
+    showCancelButton?: boolean;
+    /** Si se ocultan los botones de navegación */
+    hideNavigation?: boolean;
+    /** Renderizado personalizado del header */
+    renderHeader?: (props: StepperHeaderRenderProps) => ReactNode;
+    /** Renderizado personalizado del footer */
+    renderFooter?: (props: StepperFooterRenderProps) => ReactNode;
+    /** Clase CSS adicional */
+    className?: string;
+    /** Si está cargando (deshabilita navegación) */
+    loading?: boolean;
+}
+export interface StepperHeaderRenderProps {
+    steps: StepConfig[];
+    currentStep: number;
+    goToStep: (index: number) => void;
+    getStepStatus: (index: number) => StepStatus;
+}
+export interface StepperFooterRenderProps {
+    currentStep: number;
+    totalSteps: number;
+    isFirstStep: boolean;
+    isLastStep: boolean;
+    canGoNext: boolean;
+    canGoPrev: boolean;
+    goNext: () => void;
+    goPrev: () => void;
+    goToStep: (index: number) => void;
+    finish: () => void;
+    cancel: () => void;
+    loading: boolean;
+}
+export interface StepIndicatorProps {
+    step: StepConfig;
+    index: number;
+    status: StepStatus;
+    size: 'small' | 'medium' | 'large';
+    variant: 'circle' | 'dot' | 'number';
+    onClick?: () => void;
+    isClickable: boolean;
+    showConnector: boolean;
+    isLast: boolean;
+    orientation: 'horizontal' | 'vertical';
+}

package/dist/components/organisms/lumi/index(1).d.ts

@@ -0,0 +1,10 @@
+export { ActionBar, type ActionBarProps, type ActionConfig, type EnableCondition, } from './ActionBar';
+export { DynamicForm, type DynamicFormProps, type FormFieldConfig, type MoleculeType, type SelectOption, } from './DynamicForm';
+export { FormDrawer, type FormDrawerProps, type FormDrawerMode, DEFAULT_TITLES, } from './FormDrawer';
+export { DashboardNavbar, type DashboardNavbarProps, } from './DashboardNavbar';
+export { DashboardSidebar, type DashboardSidebarProps, } from './DashboardSidebar';
+export { DashboardWorkspace, type DashboardWorkspaceProps, } from './DashboardWorkspace';
+export { BaseNavbar, type BaseNavbarProps, } from './BaseNavbar';
+export { BaseWorkspace, type BaseWorkspaceProps, } from './BaseWorkspace';
+export { Calendar, type CalendarProps, type CalendarEvent, type CalendarView, type SlotInfo, type EventColorConfig, } from './Calendar';
+export { Stepper, StepIndicator, type StepperProps, type StepConfig, type StepStatus, type StepperHeaderRenderProps, type StepperFooterRenderProps, } from './Stepper';

package/dist/components/organisms/lumi/index(2).d.ts

@@ -0,0 +1,10 @@
+export { ActionBar, type ActionBarProps, type ActionConfig, type EnableCondition, } from './ActionBar';
+export { DynamicForm, type DynamicFormProps, type FormFieldConfig, type MoleculeType, type SelectOption, } from './DynamicForm';
+export { FormDrawer, type FormDrawerProps, type FormDrawerMode, DEFAULT_TITLES, } from './FormDrawer';
+export { DashboardNavbar, type DashboardNavbarProps, } from './DashboardNavbar';
+export { DashboardSidebar, type DashboardSidebarProps, } from './DashboardSidebar';
+export { DashboardWorkspace, type DashboardWorkspaceProps, } from './DashboardWorkspace';
+export { BaseNavbar, type BaseNavbarProps, } from './BaseNavbar';
+export { BaseWorkspace, type BaseWorkspaceProps, } from './BaseWorkspace';
+export { Calendar, type CalendarProps, type CalendarEvent, type CalendarView, type SlotInfo, type EventColorConfig, } from './Calendar';
+export { Stepper, StepIndicator, type StepperProps, type StepConfig, type StepStatus, type StepperHeaderRenderProps, type StepperFooterRenderProps, } from './Stepper';

package/dist/components/templates/chat/ChatWidget/ChatWidget(1).d.ts

@@ -0,0 +1,10 @@
+import { type FC } from 'react';
+import type { ChatWidgetProps } from './types';
+import './ChatWidget.scss';
+/**
+ * ChatWidget - Template de Chat tipo Widget Flotante
+ *
+ * Widget de chat estilo WhatsApp/Intercom con un botón flotante (FAB)
+ * que al hacer clic despliega el chat en un contenedor elegante.
+ */
+export declare const ChatWidget: FC<ChatWidgetProps>;

package/dist/components/templates/chat/ChatWidget/hooks/index(1).d.ts

@@ -0,0 +1 @@
+export { useChatWidget } from './useChatWidget';

package/dist/components/templates/chat/ChatWidget/index(1).d.ts

@@ -0,0 +1,2 @@
+export { ChatWidget } from './ChatWidget';
+export type { ChatWidgetProps, ChatWidgetPosition, ChatWidgetOffset, ChatWidgetState, } from './types';

package/dist/components/templates/chat/ChatWidget/index(2).d.ts

@@ -0,0 +1,2 @@
+export { ChatWidget } from './ChatWidget';
+export type { ChatWidgetProps, ChatWidgetPosition, ChatWidgetOffset, ChatWidgetState, } from './types';

package/dist/components/templates/chat/ChatWidget/types(1).d.ts

@@ -0,0 +1,90 @@
+import type { ReactNode } from 'react';
+import type { ChatConfig } from '../../../../core/chat';
+import type { ChatEventBus } from '../../../../core/eventBus';
+/**
+ * Posición del widget en la pantalla
+ */
+export type ChatWidgetPosition = 'bottom-right' | 'bottom-left';
+/**
+ * Offset del widget desde los bordes
+ */
+export interface ChatWidgetOffset {
+    x: number;
+    y: number;
+}
+/**
+ * Props del componente ChatWidget
+ */
+export interface ChatWidgetProps {
+    /**
+     * EventBus para comunicación bidireccional con el Chat
+     */
+    eventBus: ChatEventBus;
+    /**
+     * Configuración estática/visual del chat
+     */
+    config?: Partial<ChatConfig>;
+    /**
+     * Estado inicial del widget (abierto/cerrado)
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Estado controlado (abierto/cerrado)
+     * Si se proporciona, el componente es controlado
+     */
+    isOpen?: boolean;
+    /**
+     * Callback cuando cambia el estado abierto/cerrado
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Posición del widget en la pantalla
+     * @default 'bottom-right'
+     */
+    position?: ChatWidgetPosition;
+    /**
+     * Offset desde los bordes (en píxeles)
+     * @default { x: 24, y: 24 }
+     */
+    offset?: ChatWidgetOffset;
+    /**
+     * Icono personalizado para el FAB cuando está cerrado
+     */
+    fabIcon?: ReactNode;
+    /**
+     * Icono cuando está abierto
+     */
+    fabCloseIcon?: ReactNode;
+    /**
+     * Color de fondo del FAB
+     * @default 'var(--chat-color-primary)'
+     */
+    fabColor?: string;
+    /**
+     * Ancho del contenedor de chat
+     * @default 380
+     */
+    width?: number | string;
+    /**
+     * Alto del contenedor de chat
+     * @default 520
+     */
+    height?: number | string;
+    /**
+     * Clases CSS adicionales para el contenedor principal
+     */
+    className?: string;
+    /**
+     * Test ID para testing
+     * @default 'chat-widget'
+     */
+    'data-testid'?: string;
+}
+/**
+ * Estado interno del ChatWidget
+ */
+export interface ChatWidgetState {
+    isOpen: boolean;
+    isAnimating: boolean;
+}

package/dist/components/templates/lumi/Base/hooks/index(1).d.ts

@@ -0,0 +1,2 @@
+export { useAppHeight } from './useAppHeight';
+export { useResponsive, type ViewportInfo } from './useResponsive';

package/dist/components/templates/lumi/Base/hooks/useAppHeight(1).d.ts

@@ -0,0 +1,21 @@
+/**
+ * Hook para manejar la altura de la aplicación basada en el viewport
+ * Configura la variable CSS --app-height para manejar el viewport en dispositivos móviles
+ *
+ * Este hook es especialmente importante para:
+ * - Dispositivos iOS donde la barra de direcciones afecta el viewport
+ * - Teclados virtuales que reducen el espacio disponible
+ * - Cambios de orientación
+ *
+ * @example
+ * function Base() {
+ *   useAppHeight();
+ *
+ *   return (
+ *     <div style={{ height: 'var(--app-height)' }}>
+ *       contenido
+ *     </div>
+ *   );
+ * }
+ */
+export declare const useAppHeight: () => void;

package/dist/components/templates/lumi/Base/index(1).d.ts

@@ -0,0 +1,2 @@
+export { Base } from './Base';
+export type { BaseProps } from './types';

package/dist/components/templates/lumi/Base/types(1).d.ts

@@ -0,0 +1,54 @@
+import type { ReactNode } from 'react';
+/**
+ * Props del template Base
+ */
+export interface BaseProps {
+    /**
+     * Contenido del navbar (primera fila)
+     * Puede ser cualquier componente React: logos, menús, breadcrumbs, botones, etc.
+     */
+    navbarContent?: ReactNode;
+    /**
+     * Contenido principal (segunda fila - workspace)
+     */
+    children: ReactNode;
+    /**
+     * Altura del navbar en píxeles
+     * @default 64
+     */
+    navbarHeight?: number;
+    /**
+     * Color de fondo del navbar
+     * @default '#ffffff'
+     */
+    navbarBackgroundColor?: string;
+    /**
+     * Color de fondo del workspace
+     * @default '#fafafa'
+     */
+    workspaceBackgroundColor?: string;
+    /**
+     * Habilitar botón scroll to top en el workspace
+     * @default true
+     */
+    enableScrollToTop?: boolean;
+    /**
+     * Mostrar sombra en el navbar
+     * @default true
+     */
+    navbarShadow?: boolean;
+    /**
+     * Padding del workspace (CSS string)
+     * Se ajusta automáticamente en móvil (0px) vs desktop (valor prop)
+     * @default '24px'
+     */
+    workspacePadding?: string;
+    /**
+     * Clase CSS adicional para el contenedor principal
+     */
+    className?: string;
+    /**
+     * Test ID para testing
+     */
+    'data-testid'?: string;
+}

package/dist/components/templates/lumi/Crud/Crud(1).d.ts

@@ -0,0 +1,6 @@
+import type { CrudProps } from './types';
+import './Crud.scss';
+export declare function Crud<T extends Record<string, unknown>>({ size, showActionBar, actionBarMode, renderByFields, dataSource, filters, total, onCreate, onEdit, onDelete, onView, onPaginationChange, onFilterChange, validationSchema, getRowKey, labels, disabledActions, loading, filterFields, defaultFilters, tableHeight, hidePagination, formDrawerWidth, formColumns, showRowActions, rowActionTypes, rowActions, customActions, customDrawers, onCustomAction, className, 'data-testid': testId, }: CrudProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Crud {
+    var displayName: string;
+}

package/dist/components/templates/lumi/Crud/Crud(2).d.ts

@@ -0,0 +1,6 @@
+import type { CrudProps } from './types';
+import './Crud.scss';
+export declare function Crud<T extends Record<string, unknown>>({ size, showActionBar, actionBarMode, renderByFields, dataSource, filters, total, onCreate, onEdit, onDelete, onView, onPaginationChange, onFilterChange, validationSchema, getRowKey, labels, disabledActions, loading, filterFields, defaultFilters, tableHeight, hidePagination, formDrawerWidth, formColumns, showRowActions, rowActionTypes, rowActions, customActions, customDrawers, onCustomAction, className, 'data-testid': testId, }: CrudProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Crud {
+    var displayName: string;
+}

package/dist/components/templates/lumi/Crud/helpers/fieldMapper(1).d.ts

@@ -0,0 +1,13 @@
+import type { RenderFieldConfig } from '../types';
+import type { ColumnUI } from '../../../../molecules/lumi/Table/types';
+import type { FormFieldConfig } from '../../../../organisms/lumi/DynamicForm/types';
+/**
+ * Mapea RenderFieldConfig a columnas de tabla
+ */
+export declare function mapFieldsToTableColumns(fields: RenderFieldConfig[]): ColumnUI<Record<string, unknown>>[];
+/**
+ * Mapea RenderFieldConfig a campos de formulario
+ * @param fields - Configuración de campos
+ * @param mode - Modo del formulario ('create' | 'edit' | 'view') para filtrar por showInModes
+ */
+export declare function mapFieldsToFormFields(fields: RenderFieldConfig[], mode?: 'create' | 'edit' | 'view'): FormFieldConfig[];

package/dist/components/templates/lumi/Crud/hooks/useCrudActions(1).d.ts

@@ -0,0 +1,11 @@
+/**
+ * Hook para manejar las acciones del CRUD
+ */
+export declare function useCrudActions<T extends Record<string, unknown>>(selectedRows: T[], onOpenForm: (mode: 'create' | 'edit' | 'view', data?: Partial<T>) => void, onOpenFilter: () => void, onOpenConfirm: (action: 'create' | 'edit' | 'delete', data?: Partial<T>, rows?: T[]) => void, onClearSelection: () => void, onView?: (rows: T[]) => Promise<void>, formMode?: 'create' | 'edit' | 'view' | null): {
+    handleCreate: () => void;
+    handleEdit: () => void;
+    handleView: () => Promise<void>;
+    handleDelete: () => void;
+    handleFilter: () => void;
+    handleFormSubmit: (data: Record<string, unknown>) => Promise<void>;
+};

package/dist/components/templates/lumi/Crud/index(1).d.ts

@@ -0,0 +1,2 @@
+export { Crud } from './Crud';
+export type { CrudProps, RenderFieldConfig, FilterConfig, PaginationState, CrudLabels, CustomAction, CustomDrawer, } from './types';

package/dist/components/templates/lumi/Crud/store/actions(1).d.ts

@@ -0,0 +1,45 @@
+export declare const actionBarActions: {
+    setSelectedCount: (count: number, keys: Array<string | number>) => void;
+    setButtonDisabled: (buttonKey: "filter" | "create" | "edit" | "delete" | "view", disabled: boolean) => void;
+    setButtonLoading: (buttonKey: "filter" | "create" | "edit" | "delete" | "view", loading: boolean) => void;
+};
+export declare const tableActions: {
+    setSelection: (selectedKeys: Array<string | number>, selectedRows: unknown[]) => void;
+    clearSelection: () => void;
+    setLoading: (loading: boolean) => void;
+    setDataLoaded: (loaded: boolean) => void;
+};
+export declare const formDrawerActions: {
+    open: (mode: "create" | "edit" | "view", data?: Record<string, unknown>) => void;
+    close: () => void;
+    setDirty: (isDirty: boolean) => void;
+    setSubmitting: (isSubmitting: boolean) => void;
+};
+export declare const dynamicFormActions: {
+    setSubmitting: (isSubmitting: boolean) => void;
+    setValidating: (isValidating: boolean) => void;
+    setErrors: (errors: Record<string, string>) => void;
+    touchField: (fieldName: string) => void;
+    setUnsavedChanges: (hasChanges: boolean) => void;
+    reset: () => void;
+};
+export declare const filterDrawerActions: {
+    open: () => void;
+    close: () => void;
+    applyFilters: (filters: unknown[]) => void;
+    setTempFilters: (filters: unknown[]) => void;
+    clearFilters: () => void;
+};
+export declare const paginationActions: {
+    setCurrentPage: (page: number) => void;
+    setPageSize: (size: number) => void;
+    setTotal: (total: number) => void;
+    update: (current: number, pageSize: number, total: number) => void;
+};
+export declare const crudStateActions: {
+    setLoading: (loading: boolean) => void;
+    setInitialized: (initialized: boolean) => void;
+    setLastAction: (action: string | null) => void;
+    setError: (error: string | null) => void;
+    reset: () => void;
+};

package/dist/components/templates/lumi/Crud/store/crudStore(1).d.ts

@@ -0,0 +1,8 @@
+import type { CrudStoreState } from "./types";
+export declare const crudStore: {
+    set: <K extends keyof CrudStoreState>(key: K, value: CrudStoreState[K]) => void;
+    get: <K extends keyof CrudStoreState>(key: K) => CrudStoreState[K];
+    subscribe: <K extends keyof CrudStoreState>(key: K, listener: (val: CrudStoreState[K]) => void) => () => void;
+};
+export declare const setCrudStore: <K extends keyof CrudStoreState>(key: K, partialValue: CrudStoreState[K] extends object ? Partial<CrudStoreState[K]> : CrudStoreState[K]) => void;
+export declare const subscribeCrudProperty: <K extends keyof CrudStoreState>(key: K, path: string, callback: (value: any) => void) => any;

package/dist/components/templates/lumi/Crud/store/index(1).d.ts

@@ -0,0 +1,5 @@
+export { crudStore, setCrudStore, subscribeCrudProperty } from './crudStore';
+export { CRUD_STORE_KEYS } from './storeKeys';
+export type { CrudStoreKey } from './storeKeys';
+export type { CrudStoreState } from './types';
+export { actionBarActions, tableActions, formDrawerActions, dynamicFormActions, filterDrawerActions, paginationActions, crudStateActions, } from './actions';

package/dist/components/templates/lumi/Crud/store/types(1).d.ts

@@ -0,0 +1,71 @@
+import { CRUD_STORE_KEYS } from "./storeKeys";
+/**
+ * Estado completo del store del CRUD template
+ */
+export interface CrudStoreState {
+    [CRUD_STORE_KEYS.ACTION_BAR]: {
+        selectedCount: number;
+        selectedKeys: Array<string | number>;
+        buttons: {
+            filter: {
+                disabled: boolean;
+                loading: boolean;
+            };
+            create: {
+                disabled: boolean;
+                loading: boolean;
+            };
+            edit: {
+                disabled: boolean;
+                loading: boolean;
+            };
+            delete: {
+                disabled: boolean;
+                loading: boolean;
+            };
+            view: {
+                disabled: boolean;
+                loading: boolean;
+            };
+        };
+    };
+    [CRUD_STORE_KEYS.TABLE]: {
+        selection: {
+            selectedRowKeys: Array<string | number>;
+            selectedRows: unknown[];
+        };
+        loading: boolean;
+        dataLoaded: boolean;
+    };
+    [CRUD_STORE_KEYS.FORM_DRAWER]: {
+        isOpen: boolean;
+        mode: "create" | "edit" | "view";
+        data: Record<string, unknown> | null;
+        isDirty: boolean;
+        isSubmitting: boolean;
+    };
+    [CRUD_STORE_KEYS.DYNAMIC_FORM]: {
+        isSubmitting: boolean;
+        isValidating: boolean;
+        errors: Record<string, string>;
+        touchedFields: string[];
+        hasUnsavedChanges: boolean;
+    };
+    [CRUD_STORE_KEYS.FILTER_DRAWER]: {
+        isOpen: boolean;
+        appliedFilters: unknown[];
+        tempFilters: unknown[];
+    };
+    [CRUD_STORE_KEYS.PAGINATION]: {
+        current: number;
+        pageSize: number;
+        total: number;
+        totalPages: number;
+    };
+    [CRUD_STORE_KEYS.CRUD_STATE]: {
+        loading: boolean;
+        initialized: boolean;
+        lastAction: string | null;
+        error: string | null;
+    };
+}

package/dist/components/templates/lumi/Dashboard/Dashboard(1).d.ts

@@ -0,0 +1,25 @@
+import { type FC } from 'react';
+import type { DashboardProps } from './types';
+import './Dashboard.scss';
+/**
+ * Dashboard - Template de Lumi
+ *
+ * Template completo de Dashboard que integra:
+ * - DashboardNavbar: Barra superior con menú y breadcrumb
+ * - DashboardSidebar: Menú lateral en drawer
+ * - DashboardWorkspace: Área de trabajo con scroll
+ * - Sistema de store para gestión de estado
+ * - Sincronización automática menú-breadcrumb
+ * - Props controlado/no controlado
+ *
+ * @example
+ * ```tsx
+ * <Dashboard
+ *   menuItems={menuData}
+ *   onMenuSelect={(info, breadcrumb) => navigate(info.item.route)}
+ * >
+ *   <YourContent />
+ * </Dashboard>
+ * ```
+ */
+export declare const Dashboard: FC<DashboardProps>;

package/dist/components/templates/lumi/Dashboard/hooks/index(1).d.ts

@@ -0,0 +1,12 @@
+/**
+ * Hooks personalizados del Dashboard
+ *
+ * @module DashboardHooks
+ */
+export { useAppHeight } from './useAppHeight';
+export { useResponsive } from './useResponsive';
+export type { ViewportInfo } from './useResponsive';
+export { useScrollToTop } from './useScrollToTop';
+export type { UseScrollToTopOptions, UseScrollToTopReturn } from './useScrollToTop';
+export { useBreadcrumbSync } from './useBreadcrumbSync';
+export { useDashboardStore } from './useDashboardStore';

package/dist/components/templates/lumi/Dashboard/hooks/index(2).d.ts

@@ -0,0 +1,12 @@
+/**
+ * Hooks personalizados del Dashboard
+ *
+ * @module DashboardHooks
+ */
+export { useAppHeight } from './useAppHeight';
+export { useResponsive } from './useResponsive';
+export type { ViewportInfo } from './useResponsive';
+export { useScrollToTop } from './useScrollToTop';
+export type { UseScrollToTopOptions, UseScrollToTopReturn } from './useScrollToTop';
+export { useBreadcrumbSync } from './useBreadcrumbSync';
+export { useDashboardStore } from './useDashboardStore';

package/dist/components/templates/lumi/Dashboard/hooks/useDashboardStore(1).d.ts

@@ -0,0 +1,34 @@
+/**
+ * Hook para interactuar con el store del dashboard
+ *
+ * Proporciona acceso reactivo a todas las secciones del store.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const {
+ *     drawerOpen,
+ *     selectedKeys,
+ *     breadcrumbItems,
+ *     showScrollButton,
+ *   } = useDashboardStore();
+ *
+ *   return <div>{drawerOpen ? 'Open' : 'Closed'}</div>;
+ * }
+ * ```
+ */
+export declare const useDashboardStore: () => {
+    drawerOpen: boolean;
+    drawerAnimating: boolean;
+    navbarHeight: number;
+    navbarShadow: boolean;
+    breadcrumbItems: import("../../../../..").LumiBreadcrumbItemType[];
+    breadcrumbScrollable: boolean;
+    selectedKeys: string[];
+    openKeys: string[];
+    scrollTop: number;
+    showScrollButton: boolean;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+};

package/dist/components/templates/lumi/Dashboard/hooks/useScrollToTop(1).d.ts

@@ -0,0 +1,47 @@
+import { type RefObject } from 'react';
+/**
+ * Opciones para el hook useScrollToTop
+ */
+export interface UseScrollToTopOptions {
+    /** Píxeles de scroll para mostrar el botón (default: 400) */
+    threshold?: number;
+    /** Duración de la animación en ms (default: 500) */
+    duration?: number;
+    /** Comportamiento del scroll (default: 'smooth') */
+    behavior?: ScrollBehavior;
+}
+/**
+ * Valor de retorno del hook
+ */
+export interface UseScrollToTopReturn {
+    /** Si el botón debe mostrarse */
+    showButton: boolean;
+    /** Función para hacer scroll al tope */
+    scrollToTop: () => void;
+    /** Posición actual de scroll */
+    scrollTop: number;
+}
+/**
+ * Hook para manejar el comportamiento del botón "scroll to top"
+ *
+ * @param workspaceRef - Ref del contenedor con scroll
+ * @param options - Opciones de configuración
+ *
+ * @example
+ * function Workspace() {
+ *   const workspaceRef = useRef<HTMLDivElement>(null);
+ *   const { showButton, scrollToTop } = useScrollToTop(workspaceRef);
+ *
+ *   return (
+ *     <>
+ *       <div ref={workspaceRef} className="workspace">
+ *         contenido largo
+ *       </div>
+ *       {showButton && (
+ *         <button onClick={scrollToTop}>arriba</button>
+ *       )}
+ *     </>
+ *   );
+ * }
+ */
+export declare const useScrollToTop: (workspaceRef: RefObject<HTMLElement>, options?: UseScrollToTopOptions) => UseScrollToTopReturn;

package/dist/components/templates/lumi/Dashboard/index(1).d.ts

@@ -0,0 +1,10 @@
+/**
+ * Dashboard - Template principal de navegación y layout
+ *
+ * @module Dashboard
+ */
+export { Dashboard } from './Dashboard';
+export type { DashboardProps } from './types';
+export { useAppHeight, useResponsive, useScrollToTop, useBreadcrumbSync, useDashboardStore, } from './hooks';
+export { dashboardStore, setDashboardStore, subscribeDashboardProperty, DASHBOARD_STORE_KEYS, drawerActions, navbarActions, breadcrumbActions, menuActions, workspaceActions, viewportActions, } from './store';
+export type { DashboardStoreState } from './store';

package/dist/components/templates/lumi/Dashboard/store/storeKeys(1).d.ts

@@ -0,0 +1,13 @@
+/**
+ * Constantes para las keys del store del Dashboard
+ * Mantiene consistencia y evita errores de typo
+ */
+export declare const DASHBOARD_STORE_KEYS: {
+    readonly DRAWER: "drawer";
+    readonly NAVBAR: "navbar";
+    readonly BREADCRUMB: "breadcrumb";
+    readonly MENU: "menu";
+    readonly WORKSPACE: "workspace";
+    readonly VIEWPORT: "viewport";
+};
+export type DashboardStoreKey = typeof DASHBOARD_STORE_KEYS[keyof typeof DASHBOARD_STORE_KEYS];