@dipusevilla/componentes-iu 1.0.56 → 1.0.57

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

@@ -5,12 +5,11 @@ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     size?: "xs" | "sm" | "md" | "lg";
     width?: string;
     disabled?: boolean;
-    /** Componente de icono (pasa un React component desde @heroicons/react) */
     icon?: React.FC<React.SVGProps<SVGSVGElement>>;
     iconPosition?: "left" | "right";
-    /** Etiqueta accesible para botones sin texto */
+    shape?: "default" | "circle";
     ariaLabel?: string;
     children?: React.ReactNode;
     onClick?: () => void;
 };
-export declare function Button({ type, variant, size, width, disabled, icon: IconComponent, iconPosition, ariaLabel, children, onClick, className: buttonClassName, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ type, variant, size, width, disabled, icon: IconComponent, iconPosition, shape, ariaLabel, children, onClick, className: buttonClassName, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -17,9 +17,4 @@ export interface CheckboxProps {
     checked?: boolean;
     onChange?: (checked: boolean) => void;
 }
-/**
- * Checkbox que soporta 2 modos:
- *  - Controlado por React Hook Form (si se pasa `control`)
- *  - Headless (sin RHF) usando `checked`/`onChange`
- */
 export declare function Checkbox({ control, name, rules, defaultValue, label, labelHidden, disabled, size, className, hasError, errorMessage, checked, onChange, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +1,13 @@
-import type { ReactNode } from 'react';
-export type CollapsibleSectionType = 'default' | 'plain' | 'soft' | 'ghost';
+import { type ReactNode } from "react";
+export type CollapsibleSectionType = "default" | "plain" | "soft" | "ghost";
 export interface CollapsibleSectionProps {
     title: string;
     children: ReactNode;
     defaultOpen?: boolean;
     className?: string;
-    /** Variante visual del contenedor (default = actual) */
     type?: CollapsibleSectionType;
-    /** Clases extra para el contenedor del contenido (dentro del área colapsable) */
     contentClassName?: string;
-    /** Clases extra para el header (el botón) */
     headerClassName?: string;
+    forceOpen?: boolean;
 }
-export declare function CollapsibleSection({ title, children, defaultOpen, className, type, contentClassName, headerClassName, }: CollapsibleSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function CollapsibleSection({ title, children, defaultOpen, className, type, contentClassName, headerClassName, forceOpen, }: CollapsibleSectionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
-import { type InputHTMLAttributes } from 'react';
-import type { Control, RegisterOptions } from 'react-hook-form';
-type Size = 'sm' | 'md' | 'lg';
-export interface DateInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'name' | 'defaultValue'> {
+import { type InputHTMLAttributes } from "react";
+import type { Control, RegisterOptions } from "react-hook-form";
+type Size = "sm" | "md" | "lg";
+export interface DateInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "name" | "defaultValue"> {
     /** React Hook Form control, ahora con Control<any> */
     control?: Control<any>;
     name?: string;

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

@@ -1,6 +1,7 @@
 import React from "react";
 import { type FieldValues, type RegisterOptions } from "react-hook-form";
 import type { InputType } from "./Input";
+type SvgCmp = React.FC<React.SVGProps<SVGSVGElement>>;
 export interface FormFieldInputProps {
     name: string;
     label?: string;
@@ -16,7 +17,11 @@ export interface FormFieldInputProps {
     suffixButton?: React.ReactNode;
     hasError?: boolean;
     errorMessage?: string;
+    labelPrefixIcon?: SvgCmp;
+    labelSuffixIcon?: SvgCmp;
+    prefixIcon?: SvgCmp;
+    suffixIcon?: SvgCmp;
 }
-declare function FormFieldInputComponent({ name, label, type, size, width, placeholder, validation, loadingDefaults, disabled, info }: FormFieldInputProps): import("react/jsx-runtime").JSX.Element;
+declare function FormFieldInputComponent({ name, label, type, size, width, placeholder, validation, loadingDefaults, disabled, info, suffixButton, hasError, errorMessage, labelPrefixIcon, labelSuffixIcon, prefixIcon, suffixIcon, }: FormFieldInputProps): import("react/jsx-runtime").JSX.Element;
 export declare const FormFieldInput: React.MemoExoticComponent<typeof FormFieldInputComponent>;
 export {};

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

@@ -2,6 +2,7 @@ import React, { type InputHTMLAttributes } from "react";
 import type { Control, FieldValues, RegisterOptions, FieldPath } from "react-hook-form";
 export type InputType = "text" | "number" | "email" | "password" | "tel" | "url" | "select";
 type Size = "sm" | "md" | "lg";
+type SvgCmp = React.FC<React.SVGProps<SVGSVGElement>>;
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "name" | "defaultValue"> {
     type?: InputType;
     size?: Size;
@@ -10,29 +11,26 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     labelHidden?: boolean;
     hasError?: boolean;
     errorMessage?: string;
-    prefixIcon?: React.FC<React.SVGProps<SVGSVGElement>>;
-    suffixIcon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    /** Iconos en la etiqueta */
+    labelPrefixIcon?: SvgCmp;
+    labelSuffixIcon?: SvgCmp;
+    /** Ayuda/tooltip en la etiqueta (mostrada con <InfoButton/>) */
+    info?: string | React.ReactNode;
+    infoAriaLabel?: string;
+    /** Iconos dentro del input */
+    prefixIcon?: SvgCmp;
+    suffixIcon?: SvgCmp;
     separator?: React.ReactNode;
     suffixButton?: React.ReactNode;
     disabled?: boolean;
-    /** Si se proporciona `control`, el input es controlado por RHF */
     control?: Control<any>;
     name?: FieldPath<FieldValues>;
     rules?: RegisterOptions<FieldValues, FieldPath<FieldValues>>;
     defaultValue?: unknown;
-    /**
-     * Si reservar un espacio fijo debajo para el mensaje de error.
-     * Por defecto: true si es controlado (con `control`), false si es no controlado.
-     */
     reserveErrorSpace?: boolean;
-    /**
-     * Alias (deprecado) para desactivar la reserva de espacio de error.
-     * Si lo usas: effectiveReserveErrorSpace = !disableErrorPlaceholder
-     */
     disableErrorPlaceholder?: boolean;
-    /** Estado de carga con skeleton */
     loading?: boolean;
+    showPasswordToggle?: boolean;
 }
-export declare function Input({ id, type, size, width, label, labelHidden, hasError, errorMessage, prefixIcon, suffixIcon, separator, suffixButton, disabled, control, name, rules, defaultValue, reserveErrorSpace, disableErrorPlaceholder, // <- alias deprecado
-loading, className: inputClassName, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ id, type, size, width, label, labelHidden, hasError, errorMessage, labelPrefixIcon, labelSuffixIcon, info, infoAriaLabel, prefixIcon, suffixIcon, separator, suffixButton, disabled, control, name, rules, defaultValue, reserveErrorSpace, disableErrorPlaceholder, loading, showPasswordToggle, className: inputClassName, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -19,5 +19,7 @@ export interface InputGroupProps {
     showVisibleLabel?: boolean;
     size?: Size;
     width?: string;
+    /** NEW: por defecto false → ignora width de los hijos y reparte a partes iguales */
+    respectChildWidths?: boolean;
 }
-export declare function InputGroup({ groupLabel, inputs, separator, useSeparator, className, showVisibleLabel, size, width, }: InputGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function InputGroup({ groupLabel, inputs, separator, useSeparator, className, showVisibleLabel, size, width, respectChildWidths, }: InputGroupProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,11 @@
+import React from "react";
 import { type Control, useFormContext } from "react-hook-form";
 import { Option } from "../types/FormTypes";
 type FormCtx = {
     getValues: ReturnType<typeof useFormContext>["getValues"];
     watch: ReturnType<typeof useFormContext>["watch"];
 };
+type HeroIconComponent = React.FC<React.SVGProps<SVGSVGElement>>;
 export interface SearchFieldProps {
     name: string;
     control: Control<any>;
@@ -16,6 +18,12 @@ export interface SearchFieldProps {
     searchMode?: "button" | "debounced";
     minChars?: number;
     debounceMs?: number;
+    /** Icon props for label */
+    labelPrefixIcon?: HeroIconComponent;
+    labelSuffixIcon?: HeroIconComponent;
+    /** Icon props for input field */
+    prefixIcon?: HeroIconComponent;
+    suffixIcon?: HeroIconComponent;
 }
-export declare function SearchField({ name, control, searchFn, resolveByValue, label, size, width, disabled, searchMode, minChars, debounceMs, }: SearchFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchField({ name, control, searchFn, resolveByValue, label, size, width, disabled, searchMode, minChars, debounceMs, labelPrefixIcon, labelSuffixIcon, prefixIcon, suffixIcon, }: SearchFieldProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,6 +2,7 @@ import React from "react";
 import { type Control } from "react-hook-form";
 import { Option } from "../types/FormTypes";
 type Size = "sm" | "md" | "lg";
+type Mode = "native" | "menu";
 export interface SelectProps {
     control?: Control<any>;
     name?: string;
@@ -25,6 +26,10 @@ export interface SelectProps {
     suffixButton?: React.ReactNode;
     loading?: boolean;
     coerceFirstValid?: boolean;
+    mode?: Mode;
+    renderTrigger?: (current: Option | undefined) => React.ReactNode;
+    renderOption?: (opt: Option, selected: boolean) => React.ReactNode;
+    popupWidth?: number | string;
 }
 export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,10 +1,11 @@
-import React, { type TextareaHTMLAttributes } from 'react';
-import type { Control } from 'react-hook-form';
-type Size = 'sm' | 'md' | 'lg';
-export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'name' | 'defaultValue'> {
+import React, { type TextareaHTMLAttributes } from "react";
+import type { Control, FieldValues, RegisterOptions, FieldPath } from "react-hook-form";
+type Size = "sm" | "md" | "lg";
+type SvgCmp = React.FC<React.SVGProps<SVGSVGElement>>;
+export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "name" | "defaultValue"> {
     control?: Control<any>;
-    name?: string;
-    rules?: any;
+    name?: FieldPath<FieldValues>;
+    rules?: RegisterOptions<FieldValues, FieldPath<FieldValues>>;
     defaultValue?: string;
     size?: Size;
     width?: string;
@@ -16,6 +17,14 @@ export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaE
     showCounter?: boolean;
     className?: string;
     suffixButton?: React.ReactNode;
+    labelPrefixIcon?: SvgCmp;
+    labelSuffixIcon?: SvgCmp;
+    info?: string | React.ReactNode;
+    infoAriaLabel?: string;
+    prefixIcon?: SvgCmp;
+    suffixIcon?: SvgCmp;
+    reserveErrorSpace?: boolean;
+    disableErrorPlaceholder?: boolean;
 }
-export declare function TextArea({ control, name, rules, defaultValue, size, width, label, labelHidden, hasError, errorMessage, maxLength, showCounter, className, suffixButton, ...textareaProps }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextArea({ control, name, rules, defaultValue, size, width, label, labelHidden, hasError, errorMessage, maxLength, showCounter, className, suffixButton, labelPrefixIcon, labelSuffixIcon, info, infoAriaLabel, prefixIcon, suffixIcon, reserveErrorSpace, disableErrorPlaceholder, id, ...textareaProps }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/editor/SchemaEditorHost.d.ts

@@ -7,13 +7,9 @@ export type SchemaEditorHostProps = {
     services: ServicesAdapter;
     onSchemaChange?: (schema: unknown) => void;
     rightPanel?: React.ReactNode;
-    /** ancho del panel derecho cuando está visible (ej: "320px") */
     rightPanelWidth?: string;
-    /** si el panel debe arrancar abierto (por defecto: false) */
     rightPanelDefaultOpen?: boolean;
-    /** control externo opcional */
     rightPanelOpen?: boolean;
-    /** callback al cambiar visibilidad del panel (si lo controlas tú) */
     onRightPanelOpenChange?: (open: boolean) => void;
     className?: string;
 };

package/dist/types/editor/components/ColumnDropZone.d.ts

@@ -4,7 +4,7 @@ type MovePos = {
     c: number;
     idx: number;
 };
-type Props = {
+type BaseProps = {
     widthLabel?: string;
     fields: string[];
     indices: {
@@ -22,5 +22,24 @@ type Props = {
     placeDisabled?: boolean;
     readOnly?: boolean;
 };
-export declare function ColumnDropZone({ widthLabel, fields, indices, canMoveLeft, canMoveRight, onSelect, onMove, onDuplicate, onRemoveAt, onPlaceLast, placeDisabled, readOnly }: Props): import("react/jsx-runtime").JSX.Element;
+type DndRows = {
+    /** Activa DnD para ROWS (fuera de tabs) */
+    dnd?: {
+        scope: "rows-column";
+        droppableIdBase?: string;
+        rowsNodeIdx: number;
+    };
+};
+type DndTabs = {
+    /** Activa DnD para TABS */
+    dnd?: {
+        scope: "tabs-column";
+        droppableIdBase?: string;
+        tabKey: string;
+    };
+};
+type Props = BaseProps & (DndRows | DndTabs | {
+    dnd?: undefined;
+});
+export declare function ColumnDropZone({ widthLabel, fields, indices, canMoveLeft, canMoveRight, onSelect, onMove, onDuplicate, onRemoveAt, onPlaceLast, placeDisabled, readOnly, dnd, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/editor/components/IconPicker.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export type HeroStyle = "outline" | "solid";
+export type HeroIconComponent = React.FC<React.SVGProps<SVGSVGElement>>;
+export interface IconPickerValue {
+    name: string;
+    style: HeroStyle;
+}
+export interface IconPickerProps {
+    value?: IconPickerValue;
+    onChange?: (value?: IconPickerValue, Icon?: HeroIconComponent) => void;
+    buttonLabel?: string;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function resolveHeroicon(name: string, style: HeroStyle): HeroIconComponent | null;
+export declare const IconPicker: React.FC<IconPickerProps>;
+export default IconPicker;

package/dist/types/editor/components/ImportFromDTOButton.d.ts

@@ -0,0 +1 @@
+export declare function ImportFromDTOButton(): import("react/jsx-runtime").JSX.Element;

package/dist/types/editor/components/Palette.d.ts

@@ -1,4 +1,3 @@
-/** MIME types para DnD con el FormRendererEditable (se conservan por compatibilidad) */
 export declare const DRAG_MIME_FIELD = "application/x-ds-field-template";
 export declare const DRAG_MIME_LAYOUT = "application/x-ds-layout-kind";
 export declare function Palette(): import("react/jsx-runtime").JSX.Element;

package/dist/types/editor/components/RelationsProvider.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import type { FormSchema } from "../../types/FormTypes";
+type AnchorPoint = {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+};
+type Ctx = {
+    enabled: boolean;
+    toggle: (v?: boolean) => void;
+    registerFieldEl: (name: string, el: HTMLElement | null) => void;
+    anchors: Record<string, AnchorPoint>;
+    schema: FormSchema | null;
+    setSchema: (s: FormSchema | null) => void;
+};
+export declare const useRelations: () => Ctx;
+/** Hook de conveniencia para registrar el contenedor DOM de un campo por name */
+export declare const useRelationAnchor: (name?: string) => (el: HTMLElement | null) => void;
+export declare const RelationsProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare function edgesFromSchema(schema: FormSchema): {
+    from: string;
+    to: string;
+    kind: "visibleWhen" | "disabledWhen" | "clearWhen";
+}[];
+export {};

package/dist/types/editor/components/RuleBuilder.enhanced.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { RuleExpr } from "../../rules/RuleDSL";
+import type { FieldType } from "../../types/FormTypes";
+import type { Option } from "../../types/FormTypes";
+export interface RuleBuilderEnhancedProps {
+    value?: RuleExpr;
+    fieldOptions: Option[];
+    fieldTypes: Record<string, FieldType>;
+    onChange: (rule?: RuleExpr) => void;
+    fieldPickerSuffix?: React.ReactNode;
+    showHelp?: boolean;
+}
+export declare function RuleBuilderEnhanced({ value, fieldOptions, fieldTypes, onChange, fieldPickerSuffix, showHelp, }: RuleBuilderEnhancedProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/editor/components/RuleBuilder.types.d.ts

@@ -0,0 +1,129 @@
+/**
+ * ============================================================================
+ * RULE BUILDER - SYSTEM DE TIPOS Y ESTRATEGIAS
+ * ============================================================================
+ *
+ * Este fichero define la arquitectura para reglas específicas por tipo de campo.
+ * Estrategia:
+ * 1. Cada tipo de campo tiene operadores permitidos y configuración específica
+ * 2. Los operadores se adaptan dinámicamente al campo seleccionado
+ * 3. Validación en tiempo real basada en el contexto del campo
+ *
+ * Autor: Desarrollador Senior con 20+ años de experiencia
+ * Fecha: 2025-11-21
+ * ============================================================================
+ */
+import type { RuleExpr } from "../../rules/RuleDSL";
+import type { FieldType } from "../../types/FormTypes";
+/** ===========================================================================
+ * OPERADORES EXTENDIDOS
+ * ============================================================================ */
+/**
+ * Operadores base ya soportados por RuleDSL
+ */
+export type BaseOp = "eq" | "neq" | "in" | "notIn" | "gt" | "gte" | "lt" | "lte";
+/**
+ * Operadores extendidos que se transformarán a operadores base
+ * Estos son "sugar syntax" para mejorar la UX, se compilan a RuleExpr válidos
+ */
+export type ExtendedOp = "isEmpty" | "isNotEmpty" | "contains" | "notContains" | "startsWith" | "endsWith" | "matches" | "isTrue" | "isFalse" | "hasAnyValue" | "hasNoValue" | "inRange" | "today" | "inPast" | "inFuture";
+export type OpType = BaseOp | ExtendedOp;
+/** ===========================================================================
+ * CONFIGURACIÓN DE OPERADORES POR TIPO
+ * ============================================================================ */
+/**
+ * Metadatos de un operador
+ */
+export interface OperatorConfig {
+    /** Código del operador */
+    op: OpType;
+    /** Etiqueta visible en la UI */
+    label: string;
+    /** Descripción/ayuda para el usuario */
+    description?: string;
+    /** Tipo de input para el valor */
+    inputType: "single" | "multi" | "none" | "range" | "pattern";
+    /** Placeholder para el input */
+    placeholder?: string;
+    /** Ícono sugerido (HeroIcon name) */
+    icon?: string;
+    /** Función para compilar a RuleExpr válido */
+    compile?: (field: string, value: any) => RuleExpr;
+}
+/**
+ * Estrategia de reglas para un tipo de campo específico
+ */
+export interface FieldTypeRuleStrategy {
+    /** Tipo de campo al que aplica */
+    fieldType: FieldType;
+    /** Operadores disponibles para este tipo */
+    operators: OperatorConfig[];
+    /** Operador por defecto */
+    defaultOperator: OpType;
+    /** Validador personalizado para valores */
+    validateValue?: (op: OpType, value: any) => {
+        valid: boolean;
+        message?: string;
+    };
+    /** Placeholder por defecto para inputs */
+    defaultPlaceholder?: string;
+    /** Ayuda contextual para el usuario */
+    helpText?: string;
+}
+/** ===========================================================================
+ * CATÁLOGO DE OPERADORES
+ * ============================================================================ */
+/**
+ * Operadores comunes para campos de texto
+ */
+export declare const TEXT_OPERATORS: OperatorConfig[];
+/**
+ * Operadores para campos numéricos
+ */
+export declare const NUMBER_OPERATORS: OperatorConfig[];
+/**
+ * Operadores para checkboxes/booleanos
+ */
+export declare const BOOLEAN_OPERATORS: OperatorConfig[];
+/**
+ * Operadores para selects
+ */
+export declare const SELECT_OPERATORS: OperatorConfig[];
+/**
+ * Operadores para fechas
+ */
+export declare const DATE_OPERATORS: OperatorConfig[];
+/**
+ * Operadores para textarea (similar a text pero con énfasis en contenido)
+ */
+export declare const TEXTAREA_OPERATORS: OperatorConfig[];
+/**
+ * Operadores para file (foco en si hay archivo o no)
+ */
+export declare const FILE_OPERATORS: OperatorConfig[];
+/** ===========================================================================
+ * MAPEO DE ESTRATEGIAS POR TIPO DE CAMPO
+ * ============================================================================ */
+export declare const FIELD_TYPE_STRATEGIES: Record<FieldType, FieldTypeRuleStrategy>;
+/** ===========================================================================
+ * UTILIDADES
+ * ============================================================================ */
+/**
+ * Obtiene la estrategia de reglas para un tipo de campo
+ */
+export declare function getStrategyForFieldType(fieldType: FieldType): FieldTypeRuleStrategy;
+/**
+ * Obtiene la configuración de un operador específico para un tipo de campo
+ */
+export declare function getOperatorConfig(fieldType: FieldType, op: OpType): OperatorConfig | undefined;
+/**
+ * Compila un operador extendido a RuleExpr válido
+ */
+export declare function compileOperator(op: OpType, field: string, value: any, fieldType: FieldType): RuleExpr;
+/**
+ * Valida un valor según el operador y tipo de campo
+ */
+export declare function validateOperatorValue(fieldType: FieldType, op: OpType, value: any): {
+    valid: boolean;
+    message?: string;
+};

package/dist/types/editor/components/SelectInspector.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { FieldSchema } from "../../types/FormTypes";
+export declare const SelectInspector: React.FC<{
+    field: FieldSchema;
+    updateField: (name: string, fn: (f: any) => void) => void;
+    services: any;
+    show: (msg: string, type?: "success" | "error" | "warning" | "info") => void;
+}>;

package/dist/types/editor/dnd/DraggableField.d.ts

@@ -1,18 +1,27 @@
-import type { FieldIndexPath } from "./types";
-type RowsProps = {
+import React from "react";
+import type { FieldIndexPath, InputGroupIndexPath } from "./types";
+type BaseCommon = {
+    name: string;
+    onSelect: () => void;
+    icon?: React.ReactNode;
+    /** Si true, NO se abre el inspector al clicar el título (se renderiza como <span>) */
+    disableSelect?: boolean;
+};
+type RowsProps = BaseCommon & {
     kind: "field-in-rows";
     rowsNodeIdx: number;
-    name: string;
     path: FieldIndexPath;
-    onSelect: () => void;
 };
-type TabsProps = {
+type TabsProps = BaseCommon & {
     kind: "field-in-tabs";
     tabKey: string;
-    name: string;
     path: FieldIndexPath;
-    onSelect: () => void;
 };
-type Props = RowsProps | TabsProps;
+type InputGroupProps = BaseCommon & {
+    kind: "field-in-inputgroup";
+    groupName: string;
+    path: InputGroupIndexPath;
+};
+type Props = RowsProps | TabsProps | InputGroupProps;
 export declare function DraggableField(p: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/editor/dnd/EditorDndProvider.d.ts

@@ -1,2 +1,2 @@
 import { PropsWithChildren } from "react";
-export default function EditorDndProvider({ children, }: PropsWithChildren<object>): import("react/jsx-runtime").JSX.Element;
+export default function EditorDndProvider({ children }: PropsWithChildren<object>): import("react/jsx-runtime").JSX.Element;

package/dist/types/editor/dnd/FormRendererDnd.d.ts

@@ -0,0 +1,13 @@
+import type { FormSchema, FieldEntry } from "../../types/FormTypes";
+import { type RenderFieldDeps } from "./renderField";
+type Props = {
+    schema: FormSchema;
+    onSchemaChange: (next: FormSchema) => void;
+    deps: Omit<RenderFieldDeps, "fields" | "fieldsByName"> & {
+        fields: FieldEntry[];
+        fieldsByName: Record<string, FieldEntry>;
+    };
+    layoutEditMode?: boolean;
+};
+export declare function FormRendererDnd({ schema, onSchemaChange, deps, layoutEditMode }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/editor/dnd/InlineDropSlot.d.ts

@@ -5,6 +5,8 @@ type RowsColProps = {
     r: number;
     c: number;
     insertAt: number;
+    suppressHint?: boolean;
+    suppressAll?: boolean;
 };
 type TabsColProps = {
     scope: "tabs-column";
@@ -13,7 +15,16 @@ type TabsColProps = {
     r: number;
     c: number;
     insertAt: number;
+    suppressHint?: boolean;
+    suppressAll?: boolean;
 };
-type Props = RowsColProps | TabsColProps;
+type InputGroupProps = {
+    scope: "input-group";
+    groupName: string;
+    insertAt: number;
+    suppressHint?: boolean;
+    suppressAll?: boolean;
+};
+type Props = RowsColProps | TabsColProps | InputGroupProps;
 export declare function InlineDropSlot(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/editor/dnd/RowDnd.d.ts

@@ -0,0 +1,29 @@
+type RowSlotProps = {
+    scope: "row-slot";
+    li: number;
+    sIdx: number;
+    insertAt: number;
+} | {
+    scope: "tab-row-slot";
+    li: number;
+    tabKey: string;
+    sIdx: number;
+    insertAt: number;
+};
+export declare function RowDropSlot(props: RowSlotProps): import("react/jsx-runtime").JSX.Element;
+type RowHandleProps = {
+    kind: "row-in-section";
+    li: number;
+    sIdx: number;
+    rIdx: number;
+    visible?: boolean;
+} | {
+    kind: "row-in-tab-section";
+    li: number;
+    tabKey: string;
+    sIdx: number;
+    rIdx: number;
+    visible?: boolean;
+};
+export declare function DraggableRowHandle(props: RowHandleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/editor/dnd/SortableBits.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type SortableFieldProps = {
+    id: string;
+    children: React.ReactNode;
+    onDelete?: (encodedId: string) => void;
+    fieldName?: string;
+    /** Cuando es true, se desactivan marcos, asa y borrar, y se deshabilita el drag&drop */
+    chromeDisabled?: boolean;
+};
+export declare function SortableField({ id, children, onDelete, fieldName, chromeDisabled, }: SortableFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/editor/dnd/dndPaths.d.ts

@@ -0,0 +1,19 @@
+export type FieldPath = {
+    /** índice del nodo en schema.layout */
+    li: number;
+    /** índice de pestaña si el nodo es tabs */
+    tabIdx?: number;
+    sectionIdx: number;
+    rowIdx: number;
+    colIdx: number;
+    fieldIdx: number;
+};
+/** li:0|t:1|s:0|r:0|c:0|f:2  (si no hay tabs, omite t) */
+export declare function encodePath(p: FieldPath): string;
+export declare function decodePath(id: string): FieldPath;
+/**
+ * Mueve una referencia de campo dentro del layout.
+ * Clona solo `layout` para evitar DataCloneError por funciones en el schema.
+ */
+export declare function moveFieldInSchema(schema: any, from: FieldPath, to: FieldPath): any;
+export declare function removeFieldRefInSchema(schema: any, at: FieldPath): any;