pixelon 0.9.0 → 0.9.3

package/dist/components/molecules/lumi/Breadcrumb/types(1).d.ts

@@ -1,105 +0,0 @@
-import type { ReactNode, CSSProperties, MouseEvent } from 'react';
-/**
- * Tamaño del breadcrumb
- */
-export type BreadcrumbSize = 'small' | 'medium' | 'large';
-/**
- * Props para un item del dropdown menu
- */
-export interface BreadcrumbItemDropdownItem {
-    /** Clave única del item */
-    key: string;
-    /** Texto a mostrar */
-    label: string;
-    /** Ruta del link */
-    href?: string;
-    /** Icono opcional */
-    icon?: ReactNode;
-    /** Callback al hacer click */
-    onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
-}
-/**
- * Props para el dropdown menu
- */
-export interface BreadcrumbItemMenu {
-    /** Items del dropdown */
-    items: BreadcrumbItemDropdownItem[];
-    /** Callback cuando se selecciona un item */
-    onClick?: (item: BreadcrumbItemDropdownItem) => void;
-}
-/**
- * Props para un item individual del breadcrumb
- */
-export interface BreadcrumbItem {
-    /** Texto o contenido a mostrar */
-    title: ReactNode;
-    /** Ruta del link (si es undefined, no será clickeable) */
-    href?: string;
-    /** Icono opcional */
-    icon?: ReactNode;
-    /** Si el item está deshabilitado */
-    disabled?: boolean;
-    /** Menú dropdown para items colapsados */
-    menu?: BreadcrumbItemMenu;
-    /** Callback al hacer click */
-    onClick?: (e: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
-    /** Clase CSS adicional */
-    className?: string;
-}
-/**
- * Props para el componente Breadcrumb
- */
-export interface BreadcrumbProps {
-    /** Items del breadcrumb */
-    items?: BreadcrumbItem[];
-    /** Separador entre items (puede ser string o ReactNode) */
-    separator?: ReactNode;
-    /** Máximo número de items a mostrar antes de colapsar */
-    maxItems?: number;
-    /** Número de items a mostrar antes del colapso */
-    itemsBeforeCollapse?: number;
-    /** Número de items a mostrar después del colapso */
-    itemsAfterCollapse?: number;
-    /** Tamaño del breadcrumb */
-    size?: BreadcrumbSize;
-    /** Si debe mostrar icono de home en el primer item */
-    showHomeIcon?: boolean;
-    /** Callback cuando se hace click en un item */
-    onItemClick?: (item: BreadcrumbItem, index: number) => void;
-    /** Clase CSS adicional */
-    className?: string;
-    /** Estilos inline */
-    style?: CSSProperties;
-    /** Test ID para testing */
-    'data-testid'?: string;
-}
-/**
- * Props para el componente BreadcrumbItem
- */
-export interface BreadcrumbItemProps {
-    /** Contenido del item */
-    children: ReactNode;
-    /** Ruta del link */
-    href?: string;
-    /** Icono opcional */
-    icon?: ReactNode;
-    /** Si es el último item (actual) */
-    isLast?: boolean;
-    /** Si el item está deshabilitado */
-    disabled?: boolean;
-    /** Menú dropdown para items colapsados */
-    menu?: BreadcrumbItemMenu;
-    /** Callback al hacer click */
-    onClick?: (e: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
-    /** Clase CSS adicional */
-    className?: string;
-}
-/**
- * Props para el componente BreadcrumbSeparator
- */
-export interface BreadcrumbSeparatorProps {
-    /** Contenido del separador */
-    children?: ReactNode;
-    /** Clase CSS adicional */
-    className?: string;
-}

package/dist/components/molecules/lumi/Checkbox/Checkbox(1).d.ts

@@ -1,11 +0,0 @@
-import { type Control } from "react-hook-form";
-import { type CheckboxProps as LumiCheckboxProps } from "../../../atoms/lumi/Checkbox";
-export interface FormCheckboxProps extends Omit<LumiCheckboxProps, "error" | "onChange" | "checked" | "onBlur" | "name"> {
-    name: string;
-    control: Control<any>;
-}
-export declare const Checkbox: {
-    ({ name, control, ...props }: FormCheckboxProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default Checkbox;

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

@@ -1,4 +0,0 @@
-export { Checkbox, type FormCheckboxProps } from "./Checkbox";
-export { Checkbox as default } from "./Checkbox";
-export { checkboxValidation, checkboxGroupValidation, commonSchemas, checkboxUtils, } from "./validation-helpers";
-export { useFormCheckboxErrorVisibility, type FormCheckboxErrorVisibilityOptions, } from "./use-cases";

package/dist/components/molecules/lumi/Checkbox/use-cases/index(1).d.ts

@@ -1 +0,0 @@
-export { useFormCheckboxErrorVisibility, type FormCheckboxErrorVisibilityOptions, } from "./FormCheckboxErrorVisibilityUseCase";

package/dist/components/molecules/lumi/Checkbox/validation-helpers(1).d.ts

@@ -1,151 +0,0 @@
-import * as yup from "yup";
-/**
- * Helper de validación para campos checkbox
- */
-export declare const checkboxValidation: {
-    /**
-     * Checkbox requerido (debe estar marcado)
-     */
-    required: (message?: string) => yup.BooleanSchema<NonNullable<boolean | undefined>, yup.AnyObject, undefined, "">;
-    /**
-     * Checkbox booleano básico
-     */
-    boolean: () => yup.BooleanSchema<boolean | undefined, yup.AnyObject, undefined, "">;
-    /**
-     * Checkbox booleano con valor por defecto
-     */
-    withDefault: (defaultValue?: boolean) => yup.BooleanSchema<boolean | undefined, yup.AnyObject, boolean, "d">;
-    /**
-     * Validación personalizada basada en condición
-     */
-    requiredWhen: (condition: boolean | (() => boolean), message?: string) => yup.BooleanSchema<boolean | undefined, yup.AnyObject, undefined, "">;
-    /**
-     * Al menos uno debe estar marcado en un grupo
-     */
-    atLeastOneRequired: (fieldNames: string[], message?: string) => yup.BooleanSchema<boolean | undefined, yup.AnyObject, undefined, "">;
-};
-/**
- * Helper de validación para grupos de checkboxes (arrays)
- */
-export declare const checkboxGroupValidation: {
-    /**
-     * Al menos un elemento seleccionado en el array
-     */
-    atLeastOne: (message?: string) => yup.ArraySchema<any[], yup.AnyObject, undefined, "">;
-    /**
-     * Exactamente N elementos seleccionados
-     */
-    exactly: (count: number, message?: string) => yup.ArraySchema<any[], yup.AnyObject, undefined, "">;
-    /**
-     * Entre min y max elementos seleccionados
-     */
-    between: (min: number, max: number, message?: string) => yup.ArraySchema<any[], yup.AnyObject, undefined, "">;
-    /**
-     * Máximo N elementos seleccionados
-     */
-    max: (maxCount: number, message?: string) => yup.ArraySchema<any[] | undefined, yup.AnyObject, undefined, "">;
-    /**
-     * Array opcional de checkboxes
-     */
-    optional: () => yup.ArraySchema<any[] | undefined, yup.AnyObject, undefined, "">;
-};
-/**
- * Schemas comunes para formularios con checkboxes
- */
-export declare const commonSchemas: {
-    /**
-     * Schema para aceptar términos y condiciones
-     */
-    termsAndConditions: yup.ObjectSchema<{
-        acceptTerms: NonNullable<boolean | undefined>;
-        acceptPrivacy: NonNullable<boolean | undefined>;
-    }, yup.AnyObject, {
-        acceptTerms: undefined;
-        acceptPrivacy: undefined;
-    }, "">;
-    /**
-     * Schema para preferencias de notificaciones
-     */
-    notificationPreferences: yup.ObjectSchema<{
-        emailNotifications: boolean;
-        smsNotifications: boolean;
-        pushNotifications: boolean;
-    }, yup.AnyObject, {
-        emailNotifications: true;
-        smsNotifications: false;
-        pushNotifications: true;
-    }, "">;
-    /**
-     * Schema para selección múltiple con mínimo
-     */
-    multipleSelection: (minRequired?: number) => yup.ObjectSchema<{
-        selectedOptions: any[];
-    }, yup.AnyObject, {
-        selectedOptions: undefined;
-    }, "">;
-    /**
-     * Schema para configuración de permisos
-     */
-    permissions: yup.ObjectSchema<{
-        canRead: boolean;
-        canWrite: boolean;
-        canDelete: boolean;
-        canShare: boolean;
-    }, yup.AnyObject, {
-        canRead: true;
-        canWrite: false;
-        canDelete: false;
-        canShare: false;
-    }, "">;
-    /**
-     * Schema para registro con consentimientos
-     */
-    registrationConsents: yup.ObjectSchema<{
-        acceptTerms: NonNullable<boolean | undefined>;
-        acceptAge: NonNullable<boolean | undefined>;
-        marketingConsent: boolean;
-        newsletterConsent: boolean;
-    }, yup.AnyObject, {
-        acceptTerms: undefined;
-        acceptAge: undefined;
-        marketingConsent: false;
-        newsletterConsent: false;
-    }, "">;
-};
-/**
- * Utilidades para validación de checkboxes
- */
-export declare const checkboxUtils: {
-    /**
-     * Valida si al menos uno de los campos está marcado
-     */
-    validateAtLeastOne: (values: Record<string, boolean>) => boolean;
-    /**
-     * Cuenta cuántos checkboxes están marcados
-     */
-    countChecked: (values: Record<string, boolean>) => number;
-    /**
-     * Obtiene las keys de los checkboxes marcados
-     */
-    getCheckedKeys: (values: Record<string, boolean>) => string[];
-    /**
-     * Valida si todos los checkboxes están marcados
-     */
-    allChecked: (values: Record<string, boolean>) => boolean;
-    /**
-     * Valida si ningún checkbox está marcado
-     */
-    noneChecked: (values: Record<string, boolean>) => boolean;
-    /**
-     * Marca todos los checkboxes
-     */
-    checkAll: (keys: string[]) => Record<string, boolean>;
-    /**
-     * Desmarca todos los checkboxes
-     */
-    uncheckAll: (keys: string[]) => Record<string, boolean>;
-    /**
-     * Invierte el estado de todos los checkboxes
-     */
-    toggleAll: (values: Record<string, boolean>) => Record<string, boolean>;
-};

package/dist/components/molecules/lumi/DateInput/FormDateInput(1).d.ts

@@ -1,12 +0,0 @@
-import { type Control } from "react-hook-form";
-import { type DateInputProps as LumiDateInputProps } from "../../../atoms/lumi/DateInput";
-export interface DateInputProps extends Omit<LumiDateInputProps, "error" | "onChange" | "value" | "onBlur" | "name"> {
-    name: string;
-    control: Control<any>;
-    clearWithReset?: boolean | string | number;
-}
-export declare const DateInput: {
-    ({ name, control, clearWithReset, onClear, ...props }: DateInputProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default DateInput;

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

@@ -1,2 +0,0 @@
-export { DateInput } from './FormDateInput';
-export type { DateInputProps } from './FormDateInput';

package/dist/components/molecules/lumi/DateInput/use-cases/FormDateInputClearWithResetUseCase(1).d.ts

@@ -1,21 +0,0 @@
-import type { Control, ControllerRenderProps } from 'react-hook-form';
-export interface FormDateInputClearWithResetOptions {
-    clearWithReset: boolean | string | number;
-    name: string;
-    control: Control<any>;
-    field: ControllerRenderProps<any, string>;
-    wasClearedRef: {
-        current: boolean;
-    };
-    onClear?: () => void;
-}
-/**
- * Hook personalizado para manejar la funcionalidad de limpiar con reset
- * en formularios con React Hook Form para DateInput
- *
- * @param options - Configuración para el manejo de clear con reset
- * @returns Función handleClear que maneja el reset y limpieza de errores
- */
-export declare const useFormDateInputClearWithReset: (options: FormDateInputClearWithResetOptions) => {
-    handleClear: () => void;
-};

package/dist/components/molecules/lumi/DateInput/use-cases/FormDateInputErrorVisibilityUseCase(1).d.ts

@@ -1,21 +0,0 @@
-import type { Control, ControllerRenderProps } from 'react-hook-form';
-export interface FormDateInputErrorVisibilityOptions {
-    clearWithReset: boolean | string | number;
-    hasError: string | undefined;
-    wasClearedRef: {
-        current: boolean;
-    };
-    field: ControllerRenderProps<any, string>;
-    control: Control<any>;
-    name: string;
-}
-/**
- * Hook personalizado para manejar la visibilidad de errores en DateInput
- * considerando la funcionalidad clearWithReset
- *
- * @param options - Configuración para el manejo de visibilidad de errores
- * @returns shouldShowError - Boolean que indica si se debe mostrar el error
- */
-export declare const useFormDateInputErrorVisibility: (options: FormDateInputErrorVisibilityOptions) => {
-    shouldShowError: boolean;
-};

package/dist/components/molecules/lumi/Drawer/Drawer(1).d.ts

@@ -1,39 +0,0 @@
-import type { FC } from "react";
-import type { DrawerPosition, DrawerSize } from "../../../../core/constants/lumi";
-import "./Drawer.scss";
-export interface DrawerProps {
-    /** Controla si el drawer está abierto o cerrado */
-    isOpen: boolean;
-    /** Callback cuando el drawer se cierra */
-    onClose: () => void;
-    /** Contenido del drawer */
-    children: React.ReactNode;
-    /** Posición desde donde aparece el drawer */
-    position?: DrawerPosition;
-    /** Ancho del drawer (para left/right) o alto (para top/bottom) */
-    size?: DrawerSize;
-    /** Ancho/alto fijo en píxeles cuando size='fixed' */
-    fixedSize?: number;
-    /** Porcentaje de la pantalla cuando size='responsive' (default: 80) */
-    responsivePercentage?: number;
-    /** Título del drawer (opcional) */
-    title?: string;
-    /** Contenido extra en el header (junto al botón de close) */
-    headerExtra?: React.ReactNode;
-    /** Mostrar botón de cerrar */
-    showCloseButton?: boolean;
-    /** Cerrar al hacer clic en el overlay */
-    closeOnOverlayClick?: boolean;
-    /** Cerrar al presionar Escape */
-    closeOnEscape?: boolean;
-    /** Mostrar overlay/backdrop */
-    showOverlay?: boolean;
-    /** Clase CSS adicional */
-    className?: string;
-    /** Test ID para testing */
-    "data-testid"?: string;
-    /** Distancia del indicador de scroll desde el borde inferior (en rem). Default: 1 */
-    scrollIndicatorOffset?: number;
-}
-export declare const Drawer: FC<DrawerProps>;
-export default Drawer;

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

@@ -1,2 +0,0 @@
-export { Drawer, type DrawerProps } from './Drawer';
-export { useAppHeight } from './hooks/useAppHeight';

package/dist/components/molecules/lumi/DropdownMenu/DropdownMenu(1).d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-import type { DropdownMenuProps } from "./types";
-import "./DropdownMenu.scss";
-/**
- * DropdownMenu - Molécula de Lumi
- *
- * Menú desplegable que se abre desde un elemento trigger.
- * Usado principalmente en la columna de acciones de tablas CRUD.
- *
- * @example
- * ```tsx
- * <DropdownMenu
- *   trigger={<Button icon="more-vertical" variant="ghost" size="small" />}
- *   options={[
- *     { label: 'Editar', onClick: handleEdit, icon: 'edit' },
- *     { label: 'Eliminar', onClick: handleDelete, icon: 'trash' },
- *     { label: 'Ver', onClick: handleView, icon: 'eye' },
- *   ]}
- * />
- * ```
- */
-export declare const DropdownMenu: React.FC<DropdownMenuProps>;

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

@@ -1,2 +0,0 @@
-export { DropdownMenu } from './DropdownMenu';
-export type { DropdownMenuProps, DropdownMenuOption } from './types';

package/dist/components/molecules/lumi/DropdownMenu/types(1).d.ts

@@ -1,29 +0,0 @@
-import type { LumiIconType } from '../../../atoms/lumi/Icon/Icon';
-/**
- * Opción individual del menú desplegable
- */
-export interface DropdownMenuOption {
-    /** Etiqueta que se muestra en la opción */
-    label: string;
-    /** Función que se ejecuta al hacer clic en la opción */
-    onClick: () => void;
-    /** Ícono opcional que se muestra junto a la etiqueta */
-    icon?: LumiIconType;
-    /** Si la opción está deshabilitada */
-    disabled?: boolean;
-}
-/**
- * Props del componente DropdownMenu
- */
-export interface DropdownMenuProps {
-    /** Lista de opciones del menú */
-    options: DropdownMenuOption[];
-    /** Elemento que actúa como trigger (botón) para abrir el menú */
-    trigger: React.ReactNode;
-    /** Posición del menú relativa al trigger */
-    position?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-    /** Clase CSS adicional para el contenedor */
-    className?: string;
-    /** Usar portal para renderizar el menú fuera del contexto (evita problemas de overflow) */
-    usePortal?: boolean;
-}

package/dist/components/molecules/lumi/Filter/FilterRow(1).d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { type FilterConditionType } from '../../../../core/constants/lumi';
-import type { FilterValue, FilterFieldConfig } from './types';
-export interface FilterRowProps {
-    filter: FilterValue;
-    fieldConfig: FilterFieldConfig;
-    onRemove: () => void;
-    onToggleOperator: () => void;
-    onConditionChange: (condition: FilterConditionType) => void;
-    disabled?: boolean;
-}
-export declare const FilterRow: React.FC<FilterRowProps>;
-export default FilterRow;

package/dist/components/molecules/lumi/Filter/helpers/conditionHelpers(1).d.ts

@@ -1,14 +0,0 @@
-import { type FilterConditionType, type FilterInputType } from '../../../../../core/constants/lumi';
-import type { SelectOption } from '../../../../atoms/lumi/Select';
-/**
- * Obtiene las condiciones permitidas según el tipo de input
- */
-export declare const getConditionsForInputType: (inputType: FilterInputType, allowedConditions?: FilterConditionType[]) => FilterConditionType[];
-/**
- * Convierte condiciones a opciones de Select
- */
-export declare const conditionsToSelectOptions: (conditions: FilterConditionType[]) => SelectOption[];
-/**
- * Obtiene el label de una condición
- */
-export declare const getConditionLabel: (condition: FilterConditionType) => string;

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

@@ -1,5 +0,0 @@
-export { Filter } from './Filter';
-export { FilterRow } from './FilterRow';
-export * from './types';
-export * from './helpers';
-export { FILTER_INPUT_TYPES, FILTER_CONDITION_TYPES, type FilterInputType, type FilterConditionType, } from '../../../../core/constants/lumi';

package/dist/components/molecules/lumi/Filter/types(1).d.ts

@@ -1,115 +0,0 @@
-import type { SelectOption } from "../../../atoms/lumi/Select";
-import { type FilterConditionType, type FilterInputType } from "../../../../core/constants/lumi";
-/**
- * Configuración de un campo filtrable
- */
-export interface FilterFieldConfig {
-    /** Nombre del campo (debe coincidir con el campo del backend) */
-    name: string;
-    /** Label visible para el usuario */
-    label: string;
-    /** Tipo de input a mostrar */
-    inputType: FilterInputType;
-    /**
-     * Control de react-hook-form (inyectado internamente por el componente Filter)
-     * No es necesario pasarlo manualmente, se distribuye automáticamente desde Filter.
-     * @internal
-     */
-    control?: any;
-    /** Condiciones permitidas para este campo */
-    allowedConditions?: FilterConditionType[];
-    /** Opciones (solo para inputType 'select') */
-    options?: SelectOption[];
-    /** Placeholder del input */
-    placeholder?: string;
-    /** Valor por defecto */
-    defaultValue?: unknown;
-    /** Transformación del valor antes de enviar al backend */
-    transform?: (value: unknown) => unknown;
-    /**
-     * Props adicionales específicas de la molécula (Input, Select, DateInput, TimeInput, etc.)
-     * Permite pasar cualquier prop soportada por la molécula correspondiente.
-     *
-     * Ejemplos:
-     * - Para Input con número: { autoFormat: true, prefix: "$", decimalPlaces: 2, thousandSeparator: "." }
-     * - Para Input de texto: { maxLength: 100, autoCapitalize: "words" }
-     * - Para DateInput: { minDate: "2024-01-01", maxDate: "2024-12-31" }
-     * - Para Select: { isSearchable: true, isClearable: true }
-     */
-    uiProps?: Record<string, any>;
-}
-/**
- * Filtro individual en el estado del componente
- */
-export interface FilterValue {
-    /** ID único del filtro (generado internamente) */
-    id: string;
-    /** Campo seleccionado */
-    field: string;
-    /** Condición seleccionada */
-    condition: FilterConditionType;
-    /** Valor del filtro */
-    value: unknown;
-    /** Grupo al que pertenece (null para AND, número para OR) */
-    group: number | null;
-    /** Indica si este filtro tiene errores de validación */
-    hasError?: boolean;
-    /** Mensaje de error si existe */
-    errorMessage?: string;
-}
-/**
- * Estructura de filtro esperada por el backend
- */
-export interface FilterManager {
-    /** Campo de la entidad a filtrar */
-    field: string;
-    /** Tipo de condición */
-    condition: FilterConditionType;
-    /** Valor de comparación */
-    value: unknown;
-    /** Grupo para operaciones OR (opcional) */
-    group?: number | null;
-}
-/**
- * Props del componente Filter
- */
-export interface FilterProps {
-    /** Configuración de campos filtrables */
-    fields: FilterFieldConfig[];
-    /** Control de react-hook-form (opcional, para validación) */
-    control?: any;
-    /** Filtros iniciales (opcional) */
-    defaultFilters?: FilterManager[];
-    /** Callback cuando los filtros cambian */
-    onChange?: (filters: FilterManager[]) => void;
-    /** Callback cuando se aplican los filtros */
-    onApply?: (filters: FilterManager[]) => void;
-    /** Callback cuando se limpian todos los filtros */
-    onClear?: () => void;
-    /** Mostrar botón "Aplicar" */
-    showApplyButton?: boolean;
-    /** Mostrar botón "Limpiar" */
-    showClearButton?: boolean;
-    /** Permitir agrupación OR */
-    allowGrouping?: boolean;
-    /** Texto del botón aplicar */
-    applyButtonText?: string;
-    /** Texto del botón limpiar */
-    clearButtonText?: string;
-    /** Texto del botón agregar filtro */
-    addFilterText?: string;
-    /** Máximo número de filtros permitidos */
-    maxFilters?: number;
-    /** Expandir al ancho completo del contenedor */
-    fullWidth?: boolean;
-    /** Clase CSS adicional */
-    className?: string;
-    /** Estilos inline */
-    style?: React.CSSProperties;
-    /** Deshabilitar todo el componente */
-    disabled?: boolean;
-    /** Texto del estado vacío */
-    emptyText?: string;
-    /** Texto para el empty subtitle */
-    emptySubtext?: string;
-}

package/dist/components/molecules/lumi/Input/Input(1).d.ts

@@ -1,12 +0,0 @@
-import { type Control } from "react-hook-form";
-import { type InputProps as LumiInputProps } from "../../../atoms/lumi/Input";
-export interface FormInputProps extends Omit<LumiInputProps, "error" | "onChange" | "value" | "onBlur" | "name"> {
-    name: string;
-    control: Control<any>;
-    clearWithReset?: boolean | string | number;
-}
-export declare const Input: {
-    ({ name, control, clearWithReset, onClear, ...props }: FormInputProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default Input;

package/dist/components/molecules/lumi/Menu/Menu(1).d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { MenuProps } from './types';
-import './Menu.scss';
-/**
- * Componente Menu para navegación
- *
- * @example
- * ```tsx
- * <Menu
- *   items={menuItemsFromBackend}
- *   mode="inline"
- *   theme="light"
- *   defaultSelectedKeys={['dashboard']}
- *   onSelect={(info) => console.log('Selected:', info.key)}
- * />
- * ```
- */
-export declare const Menu: React.FC<MenuProps>;

package/dist/components/molecules/lumi/Menu/MenuContext(1).d.ts

@@ -1,41 +0,0 @@
-import type { MenuMode, MenuTheme, MenuTriggerAction } from '../../../../core/constants/lumi';
-/**
- * Información del item seleccionado
- */
-export interface SelectInfo {
-    key: string;
-    keyPath: string[];
-}
-/**
- * Contexto del Menu para compartir estado entre componentes
- */
-export interface MenuContextType {
-    /** Modo del menú (vertical, horizontal, inline) */
-    mode: MenuMode;
-    /** Tema del menú (light, dark) */
-    theme: MenuTheme;
-    /** Keys de los items seleccionados (para selección múltiple) */
-    selectedKeys: string[];
-    /** Keys de los submenús abiertos */
-    openKeys: string[];
-    /** Si está en modo accordion (solo un submenú abierto a la vez) */
-    accordion: boolean;
-    /** Acción que dispara la apertura de submenús (hover, click) */
-    triggerSubMenuAction: MenuTriggerAction;
-    /** Handler cuando se selecciona un item */
-    onSelect?: (info: SelectInfo) => void;
-    /** Handler cuando se abre/cierra un submenú */
-    onOpenChange?: (openKeys: string[]) => void;
-    /** Handler interno para actualizar selectedKeys */
-    setSelectedKeys: (keys: string[]) => void;
-    /** Handler interno para actualizar openKeys */
-    setOpenKeys: (keys: string[]) => void;
-    /** Nivel de indentación para submenús inline (px) */
-    inlineIndent: number;
-}
-export declare const MenuProvider: import("react").Provider<MenuContextType | undefined>;
-/**
- * Hook para acceder al contexto del Menu
- * Lanza error si se usa fuera del MenuProvider
- */
-export declare const useMenuContext: () => MenuContextType;