import type { FactBoxProps, FactBoxSectionConfig } from './MasterDocument.types';
/**
 * Panel de información contextual (FactBox) del documento maestro.
 *
 * Se adapta a tres breakpoints:
 * - **xl+**: barra lateral estática a la derecha del formulario.
 * - **md–lg**: panel deslizante desde la derecha (drawer), controlado por `open`/`onClose`.
 * - **xs–sm**: hoja inferior deslizante (bottom sheet), controlada por `open`/`onClose`.
 *
 * Acepta un arreglo de `FactBoxSectionConfig`, cada una con su propia clave,
 * etiqueta, insignia opcional y nodo hijo. Cada sección se renderiza como un
 * widget colapsable independiente (acordeón).
 *
 * @see docs/colors.md - Sistema de tokens de color
 * @see MasterDocument.types - FactBoxProps, FactBoxSectionConfig
 *
 * @example
 * ```tsx
 * <FactBox
 *   sections={[
 *     { key: 'totals', label: 'Totales', defaultOpen: true, children: <FactBoxTotals ... /> },
 *     { key: 'cfde',   label: 'DIAN',    defaultOpen: false, children: <FactBoxCfde ... /> },
 *   ]}
 *   open={drawerOpen}
 *   onClose={() => setDrawerOpen(false)}
 * />
 * ```
 */
export declare function FactBox({ sections, open: _open, onClose: _onClose, className }: FactBoxProps): import("react/jsx-runtime").JSX.Element;
/**
 * Los mismos widgets, pero POR DEBAJO DE `xl` y dentro del flujo del documento.
 *
 * Se renderiza al final de la columna de contenido —no como hermano de ella— y por
 * eso es un componente aparte: `ContentLayout` coloca su `factBox` como columna de
 * una fila flex, así que un bloque «para pantallas pequeñas» puesto ahí se pondría
 * AL LADO del documento en vez de debajo.
 *
 * Antes, por debajo de `xl`, esto eran dos superficies modales —un cajón lateral
 * entre `md` y `lg`, y una hoja inferior al 70% de alto en móvil—, las dos con
 * `fixed inset-0` y un velo `bg-black/30` sobre el documento. El efecto era el
 * contrario del que se busca: para consultar un total había que tapar y oscurecer
 * el documento que se está editando, y en el móvil la hoja se comía la pantalla.
 * Un panel auxiliar no secuestra la ventana.
 *
 * En el flujo, el contenido sigue mandando: los widgets son la última sección de la
 * página, se llega a ellos bajando, comparten el scroll del documento y en una
 * tablet se reparten en rejilla en vez de apilarse en una columna de una.
 */
export declare function FactBoxInline({ sections, className }: {
    sections: FactBoxSectionConfig[];
    className?: string;
}): import("react/jsx-runtime").JSX.Element | null;
//# sourceMappingURL=FactBox.d.ts.map