siesa-ui-kit 1.0.113 → 1.0.116

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,53 @@
+import type { ButtonGroupProps } from './ButtonGroup.types';
+/**
+ * ButtonGroup - Grupo de botones toggle conectados
+ *
+ * Componente de selección tipo radio donde los botones aparecen
+ * visualmente conectados. Solo un valor puede estar seleccionado a la vez.
+ *
+ * Soporta tres modos por opción:
+ * - **Solo texto**: `{ value, label }`
+ * - **Icono + texto**: `{ value, label, icon }`
+ * - **Solo icono**: `{ value, icon, ariaLabel }` (botón cuadrado)
+ *
+ * **Figma:** Button Group Item
+ * Node ID: 7879-38523
+ *
+ * @example
+ * ```tsx
+ * // Solo texto
+ * <ButtonGroup
+ *   options={[
+ *     { value: 'con', label: 'Con' },
+ *     { value: 'sin', label: 'Sin' },
+ *   ]}
+ *   value={selected}
+ *   onChange={setSelected}
+ * />
+ *
+ * // Icono + texto
+ * <ButtonGroup
+ *   options={[
+ *     { value: 'default', label: 'Por Defecto', icon: <StarIcon /> },
+ *     { value: 'identified', label: 'Identificado' },
+ *   ]}
+ *   value={selected}
+ *   onChange={setSelected}
+ * />
+ *
+ * // Solo icono
+ * <ButtonGroup
+ *   options={[
+ *     { value: 'list', icon: <ListIcon />, ariaLabel: 'Vista lista' },
+ *     { value: 'grid', icon: <GridIcon />, ariaLabel: 'Vista cuadrícula' },
+ *   ]}
+ *   value={selected}
+ *   onChange={setSelected}
+ * />
+ * ```
+ *
+ * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=7879-38523
+ */
+export declare function ButtonGroup({ options, value, onChange, disabled, className, 'aria-label': ariaLabel, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+export default ButtonGroup;
+//# sourceMappingURL=ButtonGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,gBAAgB,2CAwFlB;AAED,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,82 @@
+import type { ReactNode } from 'react';
+/**
+ * Opción individual dentro del ButtonGroup
+ *
+ * Soporta tres modos:
+ * - **Solo texto**: solo `label`
+ * - **Icono + texto**: `icon` y `label`
+ * - **Solo icono**: `icon` sin `label` (requiere `ariaLabel` para accesibilidad)
+ */
+export interface ButtonGroupOption {
+    /** Valor único que identifica la opción */
+    value: string;
+    /** Texto visible de la opción (opcional si se usa solo icono) */
+    label?: string;
+    /** Icono a mostrar junto al texto o solo (16x16px) */
+    icon?: ReactNode;
+    /**
+     * Posición del icono respecto al texto
+     * @default 'left'
+     */
+    iconPosition?: 'left' | 'right';
+    /** Si la opción individual está deshabilitada */
+    disabled?: boolean;
+    /** Etiqueta accesible (requerido para modo solo icono) */
+    ariaLabel?: string;
+}
+/**
+ * Props del componente ButtonGroup
+ *
+ * Grupo de botones toggle conectados visualmente con selección tipo radio.
+ *
+ * **Variantes visuales (Figma node 7879-38523):**
+ * - Solo texto: "Con", "Sin", "Aparte", "Con y Aparte"
+ * - Icono + texto: "Por Defecto" con icono, "Lista" con icono
+ * - Solo icono: Botones cuadrados con icono de grid/lista
+ *
+ * **Estructura visual:**
+ * - Los botones aparecen conectados sin espacio entre ellos
+ * - El primer botón tiene border-radius solo a la izquierda
+ * - El último botón tiene border-radius solo a la derecha
+ * - El botón seleccionado se eleva con z-index para mostrar su borde
+ *
+ * **Tokens de diseño:**
+ * - Seleccionado: fondo primary-custom-600 (#0e79fd), borde primary-inverse-border, texto blanco
+ * - No seleccionado: fondo bg-primary, borde border-primary, texto content-primary
+ * - Padding: px-3.5 (14px), py-1.5 (6px) — solo icono: p-1.5 (6px)
+ * - Border radius: 4px (rounded)
+ * - Tipografía: 14px, medium (seleccionado) / regular (no seleccionado)
+ * - Iconos: 16x16px, gap 6px con texto
+ *
+ * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=7879-38523 - Diseño Figma
+ */
+export interface ButtonGroupProps {
+    /**
+     * Array de opciones a mostrar como botones toggle
+     */
+    options: ButtonGroupOption[];
+    /**
+     * Valor actualmente seleccionado (null si ninguno)
+     */
+    value: string | null;
+    /**
+     * Callback ejecutado cuando cambia la selección
+     */
+    onChange: (value: string) => void;
+    /**
+     * Si todo el grupo está deshabilitado
+     * Aplica opacity: 50% y cursor-not-allowed a todos los botones
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Clases CSS adicionales para el contenedor del grupo
+     */
+    className?: string;
+    /**
+     * Etiqueta accesible para el grupo de botones
+     */
+    'aria-label'?: string;
+}
+//# sourceMappingURL=ButtonGroup.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAE7B;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/MasterDocument/ActionBar.d.ts

@@ -0,0 +1,12 @@
+import type { ActionBarProps } from './MasterDocument.types';
+/**
+ * Barra de acciones principal del documento maestro.
+ *
+ * Contiene breadcrumb, número de documento, badge de estado, botones de
+ * transición (con overflow responsivo a dropdown), toggle de FactBox y
+ * menú de acciones adicionales.
+ *
+ * @see MasterDocument.types - ActionBarProps
+ */
+export declare function ActionBar({ breadcrumbLabel, onBreadcrumbClick, documentId, stateBadge, docTypeBadge, transitions, onTransition, actions, onToggleFactBox, factBoxOpen, className, }: ActionBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionBar.d.ts.map

package/dist/components/MasterDocument/ActionBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/ActionBar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,eAAe,EACf,WAAW,EACX,SAAS,GACV,EAAE,cAAc,2CAuRhB"}

package/dist/components/MasterDocument/ApprovalBanner.d.ts

@@ -0,0 +1,3 @@
+import type { ApprovalBannerProps } from './MasterDocument.types';
+export declare function ApprovalBanner({ steps, message, onApprove, approveLabel, onReject, rejectLabel, className, }: ApprovalBannerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ApprovalBanner.d.ts.map

package/dist/components/MasterDocument/ApprovalBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalBanner.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/ApprovalBanner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAgB,MAAM,wBAAwB,CAAC;AA8ChF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,SAAS,EACT,YAAwB,EACxB,QAAQ,EACR,WAAwB,EACxB,SAAS,GACV,EAAE,mBAAmB,2CAsErB"}

package/dist/components/MasterDocument/ConflictModal.d.ts

@@ -0,0 +1,24 @@
+import type { ConflictModalProps } from './MasterDocument.types';
+/**
+ * Modal de alerta de conflicto de edición concurrente.
+ *
+ * Se muestra cuando otro usuario ha guardado cambios en el mismo documento
+ * mientras el usuario actual estaba editando. Ofrece dos acciones: recargar
+ * el documento (perder cambios locales) o seguir editando (mantener cambios).
+ *
+ * @see docs/colors.md - Sistema de tokens de color
+ * @see MasterDocument.types - ConflictModalProps
+ *
+ * @example
+ * ```tsx
+ * <ConflictModal
+ *   open={hasConflict}
+ *   modifiedBy="Carlos Pérez"
+ *   modifiedAgo="hace 2 minutos"
+ *   onReload={() => reloadDocument()}
+ *   onKeepEditing={() => dismissConflict()}
+ * />
+ * ```
+ */
+export declare function ConflictModal({ open, modifiedBy, modifiedAgo, onReload, onKeepEditing, className, }: ConflictModalProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ConflictModal.d.ts.map

package/dist/components/MasterDocument/ConflictModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConflictModal.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/ConflictModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,UAAU,EACV,WAAW,EACX,QAAQ,EACR,aAAa,EACb,SAAS,GACV,EAAE,kBAAkB,kDA8GpB"}

package/dist/components/MasterDocument/ContentLayout.d.ts

@@ -0,0 +1,9 @@
+import type { ContentLayoutProps } from './MasterDocument.types';
+/**
+ * Layout flex que organiza el contenido principal y el panel FactBox.
+ * El FactBox se renderiza como sidebar estática en xl+ o como overlay en pantallas menores.
+ *
+ * @see MasterDocument.types - ContentLayoutProps
+ */
+export declare function ContentLayout({ children, factBox, factBoxOpen, onFactBoxClose, className, }: ContentLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContentLayout.d.ts.map

package/dist/components/MasterDocument/ContentLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentLayout.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/ContentLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,WAAW,EACX,cAAc,EACd,SAAS,GACV,EAAE,kBAAkB,2CAmBpB"}

package/dist/components/MasterDocument/ContextStrip.d.ts

@@ -0,0 +1,9 @@
+import type { ContextStripProps } from './MasterDocument.types';
+/**
+ * Franja contextual que muestra campos clave del documento (cliente, vendedor, etc.)
+ * en una barra horizontal compacta debajo del ActionBar. Visible solo en md+.
+ *
+ * @see MasterDocument.types - ContextStripProps
+ */
+export declare function ContextStrip({ items, currencyPanel, className }: ContextStripProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ContextStrip.d.ts.map

package/dist/components/MasterDocument/ContextStrip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextStrip.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/ContextStrip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,iBAAiB,kDA6ClF"}

package/dist/components/MasterDocument/DocumentCreationWizard.d.ts

@@ -0,0 +1,25 @@
+import type { DocumentCreationWizardProps } from './MasterDocument.types';
+/**
+ * Asistente paso a paso para crear un nuevo documento maestro.
+ *
+ * Guía al usuario a seleccionar compañía, centro de operación y tipo de
+ * documento en tres pasos secuenciales. Soporta estados de carga y error
+ * por paso, y confirma la creación cuando los tres campos están completos.
+ *
+ * @see docs/colors.md - Sistema de tokens de color
+ * @see MasterDocument.types - DocumentCreationWizardProps, WizardOption
+ *
+ * @example
+ * ```tsx
+ * <DocumentCreationWizard
+ *   open={showWizard}
+ *   onClose={() => setShowWizard(false)}
+ *   companies={[{ id: '1', label: 'Siesa SAS' }]}
+ *   onSelectCompany={(id) => setCompany(id)}
+ *   onConfirm={() => createDocument()}
+ *   {...otherProps}
+ * />
+ * ```
+ */
+export declare function DocumentCreationWizard({ open, onClose, companies, selectedCompany, onSelectCompany, operationCenters, selectedCO, onSelectCO, documentTypes, selectedType, onSelectType, onConfirm, loadingStep, errorStep, className, }: DocumentCreationWizardProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=DocumentCreationWizard.d.ts.map

package/dist/components/MasterDocument/DocumentCreationWizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentCreationWizard.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/DocumentCreationWizard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,2BAA2B,EAAgB,MAAM,wBAAwB,CAAC;AAwExF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,OAAO,EACP,SAAS,EACT,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,GACV,EAAE,2BAA2B,kDAoK7B"}

package/dist/components/MasterDocument/DocumentList.d.ts

@@ -0,0 +1,30 @@
+import type { DocumentListProps } from './MasterDocument.types';
+/**
+ * Vista de lista de documentos con filtros, búsqueda avanzada y paginación.
+ *
+ * Renderiza un encabezado con título, chip de compañía y acciones (exportar,
+ * crear nuevo), una barra de pills de estado, un panel de búsqueda avanzada
+ * colapsable, la tabla de resultados y controles de paginación.
+ *
+ * @see docs/colors.md - Sistema de tokens de color
+ * @see MasterDocument.types - DocumentListProps
+ *
+ * @example
+ * ```tsx
+ * <DocumentList
+ *   title="Pedidos de Venta"
+ *   companyName="Siesa SAS"
+ *   pills={[{ key: 'all', label: 'Todos', count: 42, active: true }]}
+ *   columns={[{ key: 'number', header: 'Número' }]}
+ *   rows={data}
+ *   totalCount={42}
+ *   page={1}
+ *   pageSize={10}
+ *   onPageChange={setPage}
+ *   onRowClick={(row) => navigate(row.id)}
+ *   {...otherProps}
+ * />
+ * ```
+ */
+export declare function DocumentList({ title, subtitle, companyName, onCompanyChange, onExport, onCreateNew, createNewLabel, pills, onPillClick, searchFields, searchValues, onSearchChange, onSearch, onClearSearch, searchOpen, onToggleSearch, columns, rows, totalCount, onRowClick, emptyState, page, pageSize, onPageChange, loading, error, onRetry, className, }: DocumentListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DocumentList.d.ts.map

package/dist/components/MasterDocument/DocumentList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentList.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/DocumentList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAIhE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,eAAe,EACf,QAAQ,EACR,WAAW,EACX,cAAwB,EACxB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,aAAa,EACb,UAAU,EACV,cAAc,EACd,OAAO,EACP,IAAI,EACJ,UAAU,EACV,UAAU,EACV,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,KAAK,EACL,OAAO,EACP,SAAS,GACV,EAAE,iBAAiB,2CAuVnB"}

package/dist/components/MasterDocument/FactBox.d.ts

@@ -0,0 +1,30 @@
+import type { FactBoxProps } 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, onClose, className }: FactBoxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FactBox.d.ts.map

package/dist/components/MasterDocument/FactBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FactBox.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/FactBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAwB,MAAM,wBAAwB,CAAC;AA2EjF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,YAAY,2CA+G3E"}

package/dist/components/MasterDocument/FactBoxCfde.d.ts

@@ -0,0 +1,22 @@
+import type { FactBoxCfdeProps } from './MasterDocument.types';
+/**
+ * Widget de información DIAN (Factura Electrónica) para el panel FactBox.
+ *
+ * Muestra el estado de transmisión DIAN con su insignia de color, el número de
+ * FE, CUFE, fecha de emisión, contador de impresiones y enlace al QR. Expone
+ * acciones de Retransmitir (estados REJECTED/ERROR) y Descargar PDF (estado
+ * ACCEPTED) cuando se proveen los callbacks correspondientes.
+ *
+ * @see docs/colors.md - Sistema de tokens de color
+ * @see MasterDocument.types - FactBoxCfdeProps, CfdeStatus
+ *
+ * @example
+ * ```tsx
+ * <FactBoxCfde
+ *   data={{ status: 'ACCEPTED', number: 'FE-0001', cufe: 'abc123' }}
+ *   onDownloadPdf={() => downloadPdf()}
+ * />
+ * ```
+ */
+export declare function FactBoxCfde({ data, onRetransmit, onDownloadPdf, className }: FactBoxCfdeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FactBoxCfde.d.ts.map

package/dist/components/MasterDocument/FactBoxCfde.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FactBoxCfde.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/FactBoxCfde.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAc,MAAM,wBAAwB,CAAC;AAiB3E;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAgG7F"}

package/dist/components/MasterDocument/FactBoxFinancial.d.ts

@@ -0,0 +1,23 @@
+import type { FactBoxFinancialProps } from './MasterDocument.types';
+/**
+ * Widget de movimientos financieros para el panel FactBox.
+ *
+ * Presenta cuentas por cobrar, cuentas por pagar, anticipos cruzados y efectivo
+ * en una lista de filas etiqueta/valor. Cuando el documento opera en moneda
+ * extranjera, muestra un bloque adicional con los equivalentes en moneda local
+ * (COP). Si no existe ningún movimiento registrado, renderiza un mensaje de
+ * "Pendiente de contabilización".
+ *
+ * @see docs/colors.md - Sistema de tokens de color
+ * @see MasterDocument.types - FactBoxFinancialProps
+ *
+ * @example
+ * ```tsx
+ * <FactBoxFinancial
+ *   data={{ receivableAmount: 1500000 }}
+ *   formatCurrency={(v) => `$${v.toLocaleString('es-CO')}`}
+ * />
+ * ```
+ */
+export declare function FactBoxFinancial({ data, formatCurrency, className }: FactBoxFinancialProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FactBoxFinancial.d.ts.map

package/dist/components/MasterDocument/FactBoxFinancial.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FactBoxFinancial.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/FactBoxFinancial.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAsCpE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAkD1F"}

package/dist/components/MasterDocument/FactBoxPaymentTerms.d.ts

@@ -0,0 +1,30 @@
+import type { FactBoxPaymentTermsProps } from './MasterDocument.types';
+/**
+ * Widget de condiciones de pago para el panel FactBox.
+ *
+ * Muestra el código y nombre del plazo, número de cuotas, modo de período y
+ * días de vencimiento. Cuando el pronto pago está habilitado, presenta una
+ * sección con indicador visual verde, ventana en días y porcentaje de descuento.
+ * Si existe anticipo requerido, lo muestra con su monto calculado.
+ *
+ * @see docs/colors.md - Sistema de tokens de color
+ * @see MasterDocument.types - FactBoxPaymentTermsProps, PeriodMode
+ *
+ * @example
+ * ```tsx
+ * <FactBoxPaymentTerms
+ *   data={{
+ *     code: 'C30',
+ *     name: 'Crédito 30 días',
+ *     installmentCount: 1,
+ *     periodMode: 'days',
+ *     dueDays: 30,
+ *     earlyPaymentEnabled: true,
+ *     earlyPaymentDays: 10,
+ *     earlyPaymentDiscountPct: 2,
+ *   }}
+ * />
+ * ```
+ */
+export declare function FactBoxPaymentTerms({ data, className }: FactBoxPaymentTermsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FactBoxPaymentTerms.d.ts.map

package/dist/components/MasterDocument/FactBoxPaymentTerms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FactBoxPaymentTerms.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/FactBoxPaymentTerms.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAc,MAAM,wBAAwB,CAAC;AA2BnF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CA+ChF"}

package/dist/components/MasterDocument/FactBoxTotals.d.ts

@@ -0,0 +1,23 @@
+import type { FactBoxTotalsProps } from './MasterDocument.types';
+/**
+ * Widget de totales del documento para el panel FactBox.
+ *
+ * Renderiza una tarjeta KPI destacada con el total general del documento,
+ * una grilla 2×2 de KPIs secundarios (subtotal, descuentos, impuestos, etc.)
+ * y una lista de desglose detallado con filas resumen separadas visualmente.
+ * Todos los valores monetarios son cadenas ya formateadas por el consumidor.
+ *
+ * @see docs/colors.md - Sistema de tokens de color
+ * @see MasterDocument.types - FactBoxTotalsProps
+ *
+ * @example
+ * ```tsx
+ * <FactBoxTotals
+ *   grandTotal={{ value: '$1.500.000', label: 'Total documento' }}
+ *   kpis={[{ label: 'Subtotal', value: '$1.200.000' }]}
+ *   breakdown={[{ label: 'IVA 19%', value: '$228.000' }]}
+ * />
+ * ```
+ */
+export declare function FactBoxTotals({ grandTotal, kpis, breakdown, className, }: FactBoxTotalsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FactBoxTotals.d.ts.map

package/dist/components/MasterDocument/FactBoxTotals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FactBoxTotals.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/FactBoxTotals.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,IAAI,EACJ,SAAS,EACT,SAAS,GACV,EAAE,kBAAkB,2CAyEpB"}

package/dist/components/MasterDocument/FieldRenderer.d.ts

@@ -0,0 +1,23 @@
+import type { FieldRendererProps } from './MasterDocument.types';
+/**
+ * Renderizador genérico de campos del documento maestro.
+ *
+ * Selecciona el control apropiado (text, number, currency, select, toggle, etc.)
+ * según `fieldDef.control` y aplica el estado de solo lectura, error y accesibilidad.
+ * Compatible con LookupField cuando se provee `lookupConfig` y `fetcher`.
+ *
+ * @see docs/colors.md - Sistema de tokens de color
+ * @see MasterDocument.types - FieldRendererProps, FieldDescriptor, ControlType
+ *
+ * @example
+ * ```tsx
+ * <FieldRenderer
+ *   fieldDef={{ key: 'cliente', label: 'Cliente', control: 'searcher', order: 1, span: 1, editableOn: ['DRAFT'] }}
+ *   value="CLI-001"
+ *   onChange={(v) => updateField('cliente', v)}
+ *   editable={true}
+ * />
+ * ```
+ */
+export declare function FieldRenderer({ fieldDef, value, onChange, editable, error, readOnly, className, lookupConfig, fetcher, onRecordSelect, }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FieldRenderer.d.ts.map

package/dist/components/MasterDocument/FieldRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/FieldRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAkC,MAAM,wBAAwB,CAAC;AAyUjG;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,OAAO,EACP,cAAc,GACf,EAAE,kBAAkB,2CA6GpB"}

package/dist/components/MasterDocument/GlobalDiscountControl.d.ts

@@ -0,0 +1,25 @@
+import type { GlobalDiscountControlProps } from './MasterDocument.types';
+/**
+ * Control de descuento global a nivel de documento.
+ *
+ * Permite al usuario aplicar un descuento en modo porcentaje (%) o monto fijo
+ * ($). Muestra el equivalente calculado en la unidad complementaria (si el modo
+ * es porcentaje, calcula el monto; si es monto, calcula el porcentaje). En modo
+ * de solo lectura (`editable={false}`) suprime los controles y presenta el
+ * valor formateado.
+ *
+ * @see docs/colors.md - Sistema de tokens de color
+ * @see MasterDocument.types - GlobalDiscountControlProps
+ *
+ * @example
+ * ```tsx
+ * <GlobalDiscountControl
+ *   data={{ mode: 'percentage', percentage: 5 }}
+ *   onChange={(d) => setDiscount(d)}
+ *   subtotal={1200000}
+ *   formatCurrency={(v) => `$${v.toLocaleString('es-CO')}`}
+ * />
+ * ```
+ */
+export declare function GlobalDiscountControl({ data, onChange, subtotal, formatCurrency, editable, className, }: GlobalDiscountControlProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GlobalDiscountControl.d.ts.map

package/dist/components/MasterDocument/GlobalDiscountControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalDiscountControl.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/GlobalDiscountControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAEzE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,QAAe,EACf,SAAS,GACV,EAAE,0BAA0B,2CAgH5B"}

package/dist/components/MasterDocument/HeaderRenderer.d.ts

@@ -0,0 +1,27 @@
+import type { HeaderRendererProps } from './MasterDocument.types';
+/**
+ * Renderizador del encabezado del documento maestro.
+ *
+ * Soporta dos modos de visualización: `accordion` (secciones colapsables)
+ * y `tabs` (pestañas horizontales). Cada sección agrupa campos renderizados
+ * por `FieldRenderer` en un grid responsivo configurable.
+ *
+ * @see docs/colors.md - Sistema de tokens de color
+ * @see MasterDocument.types - HeaderRendererProps, SectionConfig
+ *
+ * @example
+ * ```tsx
+ * <HeaderRenderer
+ *   mode="accordion"
+ *   columns={3}
+ *   sections={[{ key: 'general', label: 'Información general', defaultOpen: true }]}
+ *   fieldsBySection={{ general: fields }}
+ *   values={headerData}
+ *   onFieldChange={(key, value) => updateHeader(key, value)}
+ *   docState="DRAFT"
+ *   mode_form="edit"
+ * />
+ * ```
+ */
+export declare function HeaderRenderer({ mode, columns, sections, fieldsBySection, values, errors, onFieldChange, docState, mode_form, className, lookupConfigs, fetcher, onRecordSelect, }: HeaderRendererProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeaderRenderer.d.ts.map

package/dist/components/MasterDocument/HeaderRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/HeaderRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,mBAAmB,EAMpB,MAAM,wBAAwB,CAAC;AAoPhC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,eAAe,EACf,MAAM,EACN,MAAM,EACN,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,EACb,OAAO,EACP,cAAc,GACf,EAAE,mBAAmB,2CAgDrB"}

package/dist/components/MasterDocument/LineContextMenu.d.ts

@@ -0,0 +1,10 @@
+import type { LineContextMenuProps } from './MasterDocument.types';
+/**
+ * Menú contextual flotante para acciones sobre una línea de detalle
+ * (editar, duplicar, eliminar). Se posiciona en las coordenadas del clic
+ * y se cierra al hacer clic fuera o presionar Escape.
+ *
+ * @see MasterDocument.types - LineContextMenuProps
+ */
+export declare function LineContextMenu({ open, position, onClose, items, className, }: LineContextMenuProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=LineContextMenu.d.ts.map

package/dist/components/MasterDocument/LineContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/LineContextMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEnE;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE,oBAAoB,kDAkEtB"}

package/dist/components/MasterDocument/LineFormModal.d.ts

@@ -0,0 +1,26 @@
+import type { LineFormModalProps } from './MasterDocument.types';
+/**
+ * LineFormModal — modal deslizante para crear o editar una línea del documento.
+ *
+ * En escritorio se muestra como un diálogo centrado; en móvil se presenta
+ * como una hoja inferior (bottom sheet). Gestiona el formulario internamente
+ * con `react-hook-form` y ejecuta las reglas de cálculo automático mediante
+ * `ComputedRulesRunner`.
+ *
+ * @see FieldRenderer — renderiza cada campo del formulario
+ * @see ComputedRule — tipo para las reglas de campos calculados
+ *
+ * @example
+ * ```tsx
+ * <LineFormModal
+ *   open={lineModal.open}
+ *   onClose={() => setLineModal({ open: false, lineId: null })}
+ *   onConfirm={(data) => handleLineSave(lineModal.lineId, data)}
+ *   fields={lineFields}
+ *   title="Nueva línea"
+ *   confirmLabel="Agregar línea"
+ * />
+ * ```
+ */
+export declare function LineFormModal({ open, onClose, onConfirm, fields, initialData, computedRules, errors: externalErrors, title, confirmLabel, cancelLabel, columns, className, }: LineFormModalProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=LineFormModal.d.ts.map

package/dist/components/MasterDocument/LineFormModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineFormModal.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/LineFormModal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAgB,MAAM,wBAAwB,CAAC;AA4C/E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,SAAS,EACT,MAAM,EACN,WAAW,EACX,aAAa,EACb,MAAM,EAAE,cAAc,EACtB,KAAK,EACL,YAA0B,EAC1B,WAAwB,EACxB,OAAW,EACX,SAAS,GACV,EAAE,kBAAkB,kDA4JpB"}

package/dist/components/MasterDocument/LinesSection.d.ts

@@ -0,0 +1,26 @@
+import type { LinesSectionProps } from './MasterDocument.types';
+/**
+ * Sección de líneas de detalle del documento maestro.
+ *
+ * Renderiza una tabla virtualizada (TanStack Table + TanStack Virtual) en
+ * escritorio y tarjetas apiladas en móvil. Incluye menú contextual por línea
+ * (editar, duplicar, eliminar), estado activo visual y estado vacío.
+ *
+ * @see docs/colors.md - Sistema de tokens de color
+ * @see MasterDocument.types - LinesSectionProps, DocumentLineData, LineColumnConfig
+ *
+ * @example
+ * ```tsx
+ * <LinesSection
+ *   title="Líneas del documento"
+ *   lines={documentLines}
+ *   columns={lineColumns}
+ *   onEditLine={(id) => openLineModal(id)}
+ *   onDeleteLine={(id) => removeLine(id)}
+ *   canAddLine={isEditable}
+ *   onAddLine={() => openNewLineModal()}
+ * />
+ * ```
+ */
+export declare function LinesSection({ title, lines, columns: columnConfigs, lineFields, alerts, canAddLine, onAddLine, onEditLine, onDeleteLine, onDuplicateLine, activeLineId, currentBreakpoint, className, }: LinesSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LinesSection.d.ts.map

package/dist/components/MasterDocument/LinesSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinesSection.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDocument/LinesSection.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,iBAAiB,EAIlB,MAAM,wBAAwB,CAAC;AA4GhC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,OAAO,EAAE,aAAa,EACtB,UAAU,EACV,MAAM,EACN,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,SAAS,GACV,EAAE,iBAAiB,2CA8TnB"}