pixelon 0.3.24 → 0.3.26

package/dist/components/molecules/chat/StructuredContent/components/CarouselDisplay/types.d.ts

@@ -0,0 +1,43 @@
+export type CarouselItemType = 'image' | 'text' | 'file';
+export type CarouselItemStatus = 'loading' | 'ready';
+export type SelectionMode = 'none' | 'single' | 'multiple' | 'removable';
+export type CarouselSize = 'small' | 'medium' | 'large' | 'auto';
+export interface CarouselItem {
+    id: string;
+    type: CarouselItemType;
+    title?: string;
+    description?: string;
+    src?: string;
+    file_type?: string;
+    status: CarouselItemStatus;
+    metadata?: Record<string, unknown>;
+}
+export interface CarouselSearchEndpoint {
+    url: string;
+    method: string;
+    service: string;
+    query_param?: string;
+    params?: Record<string, string>;
+    body?: Record<string, unknown>;
+    response_path?: string;
+    id_field: string;
+    title_field: string;
+    description_field?: string;
+    src_field?: string;
+    file_type_field?: string;
+    item_type: CarouselItemType;
+    extra_fields?: string[];
+    limit?: number;
+}
+export interface CarouselProps {
+    items: CarouselItem[];
+    size?: CarouselSize;
+    selection_mode?: SelectionMode;
+    confirm_label?: string;
+    searchable?: boolean;
+    search_endpoint?: CarouselSearchEndpoint;
+    field_name?: string;
+}
+export declare function calcPageLimit(size: Exclude<CarouselSize, 'auto'>, containerWidth: number): number;
+export declare function resolveSize(size: CarouselSize | undefined, itemCount: number): Exclude<CarouselSize, 'auto'>;
+export declare function mapResponseToItems(data: unknown, endpoint: CarouselSearchEndpoint): CarouselItem[];

package/dist/components/molecules/chat/StructuredContent/components/CarouselDisplay/useCarouselSearch.d.ts

@@ -0,0 +1,15 @@
+import type { ChatEventBus } from '../../../../../../core/eventBus/chatEventBus';
+import type { CarouselSearchEndpoint } from './types';
+import type { CarouselActions } from './store';
+interface UseCarouselSearchParams {
+    actions: CarouselActions;
+    endpoint?: CarouselSearchEndpoint;
+    eventBus?: ChatEventBus;
+    pageLimit: number;
+}
+export declare function useCarouselSearch({ actions, endpoint, eventBus, pageLimit }: UseCarouselSearchParams): {
+    search: (query: string, page?: number) => Promise<void>;
+    loadNext: () => void;
+    loadPrev: () => void;
+};
+export {};

package/dist/components/molecules/chat/StructuredContent/components/CarouselDisplay/useStoreState.d.ts

@@ -0,0 +1,3 @@
+import type { CarouselStore } from './store';
+import type { CarouselStoreState } from './store/types';
+export declare function useStoreState<K extends keyof CarouselStoreState>(store: CarouselStore, key: K): CarouselStoreState[K];

package/dist/components/molecules/chat/StructuredContent/components/ReactiveForm/DynamicField(1).d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ReactiveFormField, FieldState } from './types';
+import 'react-datepicker/dist/react-datepicker.css';
+export interface DynamicFieldProps {
+    field: ReactiveFormField;
+    value: unknown;
+    error?: string;
+    disabled: boolean;
+    fieldState: FieldState;
+    onChange: (value: unknown, label: string, extraData?: Record<string, unknown>) => void;
+    drawerPlacement?: 'bottom' | 'right';
+}
+export declare const DynamicField: React.FC<DynamicFieldProps>;

package/dist/components/molecules/chat/StructuredContent/components/ReactiveForm/DynamicField.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ReactiveFormField, FieldState } from './types';
+import 'react-datepicker/dist/react-datepicker.css';
+export interface DynamicFieldProps {
+    field: ReactiveFormField;
+    value: unknown;
+    error?: string;
+    disabled: boolean;
+    fieldState: FieldState;
+    onChange: (value: unknown, label: string, extraData?: Record<string, unknown>) => void;
+    drawerPlacement?: 'bottom' | 'right';
+}
+export declare const DynamicField: React.FC<DynamicFieldProps>;

package/dist/components/molecules/chat/StructuredContent/components/ReactiveForm/ReactiveForm.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ChatComponentProps } from '../../helpers/types';
+import './ReactiveForm.scss';
+export declare const ReactiveForm: React.FC<ChatComponentProps>;

package/dist/components/molecules/chat/StructuredContent/components/ReactiveForm/ReactiveFormView.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ReactiveFormProps } from './types';
+import type { UseReactiveFormReturn } from './useReactiveForm';
+import './ReactiveFormView.scss';
+interface ReactiveFormViewProps extends ReactiveFormProps {
+    form: UseReactiveFormReturn;
+    drawerPlacement?: 'bottom' | 'right';
+}
+export declare const ReactiveFormView: React.FC<ReactiveFormViewProps>;
+export {};

package/dist/components/molecules/chat/StructuredContent/components/ReactiveForm/buildYupSchema(1).d.ts

@@ -0,0 +1,4 @@
+import * as yup from 'yup';
+import type { ReactiveFormField } from './types';
+export declare function buildYupSchema(fields: ReactiveFormField[]): yup.ObjectSchema<Record<string, unknown>>;
+export declare function buildInitialValues(fields: ReactiveFormField[]): Record<string, unknown>;

package/dist/components/molecules/chat/StructuredContent/components/ReactiveForm/buildYupSchema.d.ts

@@ -0,0 +1,4 @@
+import * as yup from 'yup';
+import type { ReactiveFormField } from './types';
+export declare function buildYupSchema(fields: ReactiveFormField[]): yup.ObjectSchema<Record<string, unknown>>;
+export declare function buildInitialValues(fields: ReactiveFormField[]): Record<string, unknown>;

package/dist/components/molecules/chat/StructuredContent/components/ReactiveForm/resolveVariables.d.ts

@@ -0,0 +1,20 @@
+import type { FieldState } from './types';
+/**
+ * Resuelve variables $field en un string con valores del formulario.
+ *
+ * Sintaxis:
+ * - $field_name          -> value del campo
+ * - $field_name.label    -> label de la opción seleccionada
+ * - $field_name.labels   -> labels concatenados (select_multiple)
+ * - $field_name.prop     -> propiedad extra del item seleccionado
+ */
+export declare function resolveVariable(template: string, formValues: Record<string, unknown>, fieldStates: Record<string, FieldState>): unknown;
+export declare function resolveBody(obj: unknown, formValues: Record<string, unknown>, fieldStates: Record<string, FieldState>): unknown;
+export declare function resolveParams(params: Record<string, string>, formValues: Record<string, unknown>, fieldStates: Record<string, FieldState>): Record<string, unknown>;
+export declare function resolveSummaryRows(rows: Array<{
+    label: string;
+    value: string;
+}>, formValues: Record<string, unknown>, fieldStates: Record<string, FieldState>): Array<{
+    label: string;
+    value: string;
+}>;

package/dist/components/molecules/chat/StructuredContent/components/ReactiveForm/types(1).d.ts

@@ -0,0 +1,91 @@
+export interface ReactiveFormTrigger {
+    label: string;
+    icon?: string;
+}
+export interface ReactiveFormStep {
+    title: string;
+    fields: string[];
+}
+export interface FieldEndpoint {
+    url: string;
+    method: string;
+    service: string;
+    params?: Record<string, string>;
+    body?: Record<string, unknown>;
+    response_path?: string;
+    value_field: string;
+    label_field: string;
+    extra_fields?: string[];
+}
+export interface FieldOptionsFrom {
+    source_field: string;
+    data_field: string;
+    value_template: string;
+    label_template: string;
+}
+export interface ValidationRule {
+    value: number | string;
+    message: string;
+}
+export interface FieldValidation {
+    required?: string;
+    min?: ValidationRule;
+    max?: ValidationRule;
+    min_date?: ValidationRule;
+    max_date?: ValidationRule;
+    pattern?: {
+        value: string;
+        message: string;
+    };
+    email?: string;
+}
+export interface ReactiveFormField {
+    name: string;
+    label?: string;
+    type: 'select' | 'select_multiple' | 'date' | 'time' | 'text' | 'email' | 'number' | 'textarea' | 'hidden';
+    default_value?: unknown;
+    placeholder?: string;
+    validation?: FieldValidation;
+    depends_on?: string | string[];
+    endpoint?: FieldEndpoint;
+    options_from?: FieldOptionsFrom;
+    options?: Array<{
+        value: string;
+        label: string;
+    }>;
+}
+export interface ReactiveFormSubmit {
+    url: string;
+    method: string;
+    service: string;
+    label: string;
+    payload_map: Record<string, unknown>;
+}
+export interface ReactiveFormSummary {
+    title: string;
+    rows: Array<{
+        label: string;
+        value: string;
+    }>;
+}
+export interface ReactiveFormProps {
+    title: string;
+    trigger: ReactiveFormTrigger;
+    steps: ReactiveFormStep[];
+    fields: ReactiveFormField[];
+    submit: ReactiveFormSubmit;
+    summary: ReactiveFormSummary;
+}
+export type FormStatus = 'closed' | 'open' | 'completed' | 'warning' | 'error';
+export interface FieldState {
+    value: unknown;
+    label: string;
+    options: Array<{
+        value: string;
+        label: string;
+        [key: string]: unknown;
+    }>;
+    loading: boolean;
+    error: string | null;
+    extraData?: Record<string, unknown>;
+}

package/dist/components/molecules/chat/StructuredContent/components/ReactiveForm/types.d.ts

@@ -0,0 +1,100 @@
+export interface ReactiveFormTrigger {
+    label: string;
+    icon?: string;
+}
+export interface ReactiveFormStep {
+    title: string;
+    fields: string[];
+}
+export interface FieldEndpoint {
+    url: string;
+    method: string;
+    service: string;
+    params?: Record<string, string>;
+    body?: Record<string, unknown>;
+    response_path?: string;
+    value_field: string;
+    label_field: string;
+    extra_fields?: string[];
+}
+export interface FieldOptionsFrom {
+    source_field: string;
+    data_field: string;
+    value_template: string;
+    label_template: string;
+}
+export interface ValidationRule {
+    value: number | string;
+    message: string;
+}
+export interface FieldValidation {
+    required?: string;
+    min?: ValidationRule;
+    max?: ValidationRule;
+    min_date?: ValidationRule;
+    max_date?: ValidationRule;
+    pattern?: {
+        value: string;
+        message: string;
+    };
+    email?: string;
+}
+export interface ReactiveFormField {
+    name: string;
+    label?: string;
+    type: 'select' | 'select_multiple' | 'date' | 'time' | 'text' | 'email' | 'number' | 'textarea' | 'hidden';
+    default_value?: unknown;
+    placeholder?: string;
+    validation?: FieldValidation;
+    depends_on?: string | string[];
+    endpoint?: FieldEndpoint;
+    options_from?: FieldOptionsFrom;
+    options?: Array<{
+        value: string;
+        label: string;
+    }>;
+    default_match?: string[];
+    min_date?: string;
+    max_date?: string;
+}
+export interface ReactiveFormSubmit {
+    url: string;
+    method: string;
+    service: string;
+    label: string;
+    payload_map: Record<string, unknown>;
+}
+export interface SummaryAction {
+    label: string;
+    variant?: 'primary' | 'secondary';
+    action: 'submit' | 'close' | 'back';
+}
+export interface ReactiveFormSummary {
+    title: string;
+    rows: Array<{
+        label: string;
+        value: string;
+    }>;
+    actions?: SummaryAction[];
+}
+export interface ReactiveFormProps {
+    title: string;
+    trigger: ReactiveFormTrigger;
+    steps: ReactiveFormStep[];
+    fields: ReactiveFormField[];
+    submit: ReactiveFormSubmit;
+    summary: ReactiveFormSummary;
+}
+export type FormStatus = 'closed' | 'open' | 'completed' | 'warning' | 'error';
+export interface FieldState {
+    value: unknown;
+    label: string;
+    options: Array<{
+        value: string;
+        label: string;
+        [key: string]: unknown;
+    }>;
+    loading: boolean;
+    error: string | null;
+    extraData?: Record<string, unknown>;
+}

package/dist/components/molecules/chat/StructuredContent/components/ReactiveForm/useReactiveEndpoints(1).d.ts

@@ -0,0 +1,17 @@
+import type { ReactiveFormField, FieldState } from './types';
+type FieldStatesMap = Record<string, FieldState>;
+type FormValues = Record<string, unknown>;
+declare function getDependencies(field: ReactiveFormField): string[];
+declare function allDepsResolved(deps: string[], formValues: FormValues): boolean;
+interface UseReactiveEndpointsParams {
+    fields: ReactiveFormField[];
+    fieldStates: FieldStatesMap;
+    setFieldState: (name: string, partial: Partial<FieldState>) => void;
+}
+export declare function useReactiveEndpoints({ fields, fieldStates, setFieldState }: UseReactiveEndpointsParams): {
+    loadEndpoint: (field: ReactiveFormField, formValues: FormValues) => Promise<void>;
+    resolveOptionsFrom: (field: ReactiveFormField, formValues: FormValues) => void;
+    getDependencies: typeof getDependencies;
+    allDepsResolved: typeof allDepsResolved;
+};
+export {};

package/dist/components/molecules/chat/StructuredContent/components/ReactiveForm/useReactiveEndpoints(2).d.ts

@@ -0,0 +1,23 @@
+import type { ChatEventBus } from '../../../../../../core/eventBus/chatEventBus';
+import type { ReactiveFormField, FieldState } from './types';
+type FieldStatesMap = Record<string, FieldState>;
+type FormValues = Record<string, unknown>;
+declare function fetchViaEventBus(eventBus: ChatEventBus, service: string, url: string, method: string, body?: Record<string, unknown>): Promise<unknown>;
+declare function getDependencies(field: ReactiveFormField): string[];
+declare function allDepsResolved(deps: string[], formValues: FormValues): boolean;
+interface UseReactiveEndpointsParams {
+    fields: ReactiveFormField[];
+    fieldStates: FieldStatesMap;
+    setFieldState: (name: string, partial: Partial<FieldState>) => void;
+    eventBus?: ChatEventBus;
+    timezone?: string;
+    formTitle?: string;
+}
+export declare function useReactiveEndpoints({ fields, fieldStates, setFieldState, eventBus, timezone, formTitle }: UseReactiveEndpointsParams): {
+    loadEndpoint: (field: ReactiveFormField, formValues: FormValues) => Promise<void>;
+    resolveOptionsFrom: (field: ReactiveFormField, formValues: FormValues) => void;
+    getDependencies: typeof getDependencies;
+    allDepsResolved: typeof allDepsResolved;
+    fetchViaEventBus: ((service: string, url: string, method: string, body?: Record<string, unknown> | undefined) => Promise<unknown>) | undefined;
+};
+export { fetchViaEventBus };

package/dist/components/molecules/chat/StructuredContent/components/ReactiveForm/useReactiveEndpoints.d.ts

@@ -0,0 +1,23 @@
+import type { ChatEventBus } from '../../../../../../core/eventBus/chatEventBus';
+import type { ReactiveFormField, FieldState } from './types';
+import { fetchViaEventBus } from '../../helpers/fetchViaEventBus';
+type FieldStatesMap = Record<string, FieldState>;
+type FormValues = Record<string, unknown>;
+declare function getDependencies(field: ReactiveFormField): string[];
+declare function allDepsResolved(deps: string[], formValues: FormValues): boolean;
+interface UseReactiveEndpointsParams {
+    fields: ReactiveFormField[];
+    fieldStates: FieldStatesMap;
+    setFieldState: (name: string, partial: Partial<FieldState>) => void;
+    eventBus?: ChatEventBus;
+    timezone?: string;
+    formTitle?: string;
+}
+export declare function useReactiveEndpoints({ fields, fieldStates, setFieldState, eventBus, timezone, formTitle }: UseReactiveEndpointsParams): {
+    loadEndpoint: (field: ReactiveFormField, formValues: FormValues) => Promise<void>;
+    resolveOptionsFrom: (field: ReactiveFormField, formValues: FormValues) => void;
+    getDependencies: typeof getDependencies;
+    allDepsResolved: typeof allDepsResolved;
+    fetchViaEventBus: ((service: string, url: string, method: string, body?: Record<string, unknown> | undefined) => Promise<unknown>) | undefined;
+};
+export { fetchViaEventBus };

package/dist/components/molecules/chat/StructuredContent/components/ReactiveForm/useReactiveForm(1).d.ts

@@ -0,0 +1,38 @@
+import { buildYupSchema } from './buildYupSchema';
+import type { ChatEventBus } from '../../../../../../core/eventBus/chatEventBus';
+import type { ReactiveFormProps, ReactiveFormField, FieldState, FormStatus } from './types';
+export interface UseReactiveFormReturn {
+    formStatus: FormStatus;
+    setFormStatus: (status: FormStatus) => void;
+    submitMessage: string;
+    currentStep: number;
+    setCurrentStep: (step: number | ((s: number) => number)) => void;
+    values: Record<string, unknown>;
+    errors: Record<string, string>;
+    touched: Record<string, boolean>;
+    fieldStates: Record<string, FieldState>;
+    validationSchema: ReturnType<typeof buildYupSchema>;
+    totalSteps: number;
+    handleTriggerClick: () => void;
+    setFieldValue: (name: string, value: unknown) => void;
+    handleFieldChange: (fieldName: string, value: unknown, label: string, extraData?: Record<string, unknown>) => void;
+    validateFields: (fieldNames: string[]) => Promise<Record<string, string>>;
+    validateStep: (stepIndex: number) => Promise<boolean>;
+    handleNext: () => Promise<void>;
+    handleBack: () => void;
+    handleSubmit: () => Promise<void>;
+    getDependencies: (field: ReactiveFormField) => string[];
+    allDepsResolved: (deps: string[], formValues: Record<string, unknown>) => boolean;
+    resolveSummaryRows: (rows: Array<{
+        label: string;
+        value: string;
+    }>) => Array<{
+        label: string;
+        value: string;
+    }>;
+}
+interface UseReactiveFormParams extends Pick<ReactiveFormProps, 'title' | 'fields' | 'steps' | 'submit' | 'summary'> {
+    eventBus?: ChatEventBus;
+}
+export declare function useReactiveForm(props: UseReactiveFormParams): UseReactiveFormReturn;
+export {};

package/dist/components/molecules/chat/StructuredContent/components/ReactiveForm/useReactiveForm.d.ts

@@ -0,0 +1,38 @@
+import { buildYupSchema } from './buildYupSchema';
+import type { ChatEventBus } from '../../../../../../core/eventBus/chatEventBus';
+import type { ReactiveFormProps, ReactiveFormField, FieldState, FormStatus } from './types';
+export interface UseReactiveFormReturn {
+    formStatus: FormStatus;
+    setFormStatus: (status: FormStatus) => void;
+    submitMessage: string;
+    currentStep: number;
+    setCurrentStep: (step: number | ((s: number) => number)) => void;
+    values: Record<string, unknown>;
+    errors: Record<string, string>;
+    touched: Record<string, boolean>;
+    fieldStates: Record<string, FieldState>;
+    validationSchema: ReturnType<typeof buildYupSchema>;
+    totalSteps: number;
+    handleTriggerClick: () => void;
+    setFieldValue: (name: string, value: unknown) => void;
+    handleFieldChange: (fieldName: string, value: unknown, label: string, extraData?: Record<string, unknown>) => void;
+    validateFields: (fieldNames: string[]) => Promise<Record<string, string>>;
+    validateStep: (stepIndex: number) => Promise<boolean>;
+    handleNext: () => Promise<void>;
+    handleBack: () => void;
+    handleSubmit: () => Promise<void>;
+    getDependencies: (field: ReactiveFormField) => string[];
+    allDepsResolved: (deps: string[], formValues: Record<string, unknown>) => boolean;
+    resolveSummaryRows: (rows: Array<{
+        label: string;
+        value: string;
+    }>) => Array<{
+        label: string;
+        value: string;
+    }>;
+}
+interface UseReactiveFormParams extends Pick<ReactiveFormProps, 'title' | 'fields' | 'steps' | 'submit' | 'summary'> {
+    eventBus?: ChatEventBus;
+}
+export declare function useReactiveForm(props: UseReactiveFormParams): UseReactiveFormReturn;
+export {};

package/dist/components/molecules/chat/StructuredContent/components/index.d.ts

@@ -6,3 +6,5 @@ export { ConfirmButton } from './ConfirmButton/ConfirmButton';
 export { CardDisplay } from './CardDisplay/CardDisplay';
 export { BadgeDisplay } from './BadgeDisplay/BadgeDisplay';
 export { TimeInputWithConfirm } from './TimeInputWithConfirm/TimeInputWithConfirm';
+export { ReactiveForm } from './ReactiveForm/ReactiveForm';
+export { CarouselDisplay } from './CarouselDisplay/CarouselDisplay';

package/dist/components/molecules/chat/StructuredContent/helpers/contentParser(1).d.ts

@@ -0,0 +1,7 @@
+import type { UIComponentData } from './types';
+export type { UIComponentData as ComponentData };
+export interface StructuredMessage {
+    message: string;
+    component: UIComponentData | UIComponentData[] | null;
+}
+export declare function parseContent(content: string): StructuredMessage | null;

package/dist/components/molecules/chat/StructuredContent/helpers/fetchViaEventBus.d.ts

@@ -0,0 +1,2 @@
+import type { ChatEventBus } from '../../../../../core/eventBus/chatEventBus';
+export declare function fetchViaEventBus(eventBus: ChatEventBus, service: string, url: string, method: string, body?: Record<string, unknown>): Promise<unknown>;

package/dist/components/molecules/chat/StructuredContent/index(1).d.ts

@@ -0,0 +1,2 @@
+export { StructuredContent } from './StructuredContent';
+export type { StructuredContentProps } from './StructuredContent';

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

@@ -0,0 +1,10 @@
+import { type FC } from "react";
+import type { BreadcrumbProps } from "./types";
+import "./Breadcrumb.scss";
+/**
+ * Breadcrumb - Componente de navegación por migas de pan
+ *
+ * Muestra la ubicación actual del usuario en la jerarquía de navegación,
+ * permitiendo navegar fácilmente a niveles superiores.
+ */
+export declare const Breadcrumb: FC<BreadcrumbProps>;

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

@@ -0,0 +1,10 @@
+import { type FC } from "react";
+import type { BreadcrumbProps } from "./types";
+import "./Breadcrumb.scss";
+/**
+ * Breadcrumb - Componente de navegación por migas de pan
+ *
+ * Muestra la ubicación actual del usuario en la jerarquía de navegación,
+ * permitiendo navegar fácilmente a niveles superiores.
+ */
+export declare const Breadcrumb: FC<BreadcrumbProps>;

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

@@ -0,0 +1,105 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,4 @@
+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

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