easy-forms-core 1.3.4 → 1.4.0

package/dist/easy-form.d.ts

@@ -1,7 +1,7 @@
 /**
  * Tipos de campos soportados
  */
-type FieldType = 'text' | 'email' | 'number' | 'password' | 'textarea' | 'select' | 'checkbox' | 'radio' | 'switch' | 'date' | 'file' | 'array' | 'group' | 'row' | 'custom' | 'quantity' | 'accordion-select' | 'image-grid-select' | 'otp' | 'file-drop' | 'map' | 'rating' | 'slider' | 'colorpicker' | 'markdown' | 'autocomplete-tags';
+type FieldType = 'text' | 'email' | 'number' | 'password' | 'textarea' | 'select' | 'checkbox' | 'radio' | 'switch' | 'date' | 'file' | 'array' | 'group' | 'row' | 'custom' | 'quantity' | 'accordion-select' | 'image-grid-select' | 'otp' | 'file-drop' | 'map' | 'rating' | 'slider' | 'colorpicker' | 'markdown' | 'autocomplete-tags' | 'chip-select' | 'image-file-crop';
 /**
  * Tipos de validaciones soportadas
  */
@@ -298,6 +298,41 @@ interface AutocompleteTagsField extends BaseField {
     /** Mínimo de caracteres para mostrar sugerencias (default: 0) */
     minChars?: number;
 }
+/**
+ * Campo chip select (selección múltiple en chips/badges)
+ */
+interface ChipSelectField extends BaseField {
+    type: 'chip-select';
+    /** Opciones disponibles */
+    options: Array<{
+        label: string;
+        value: any;
+    } | string>;
+    /** Máximo número de selecciones (opcional, sin límite por defecto) */
+    max?: number;
+}
+/**
+ * Campo de imagen con cropping
+ */
+interface ImageFileCropField extends BaseField {
+    type: 'image-file-crop';
+    /** Tipos de imagen aceptados (default: image/*) */
+    accept?: string;
+    /** Ratio de aspecto para el crop (ej: 1 para cuadrado, 1.5, 16/9 como número) */
+    ratio?: number;
+    /** Radio del borde redondeado en porcentaje (0-50) */
+    rounded?: number;
+    /** Tamaño máximo del archivo en MB */
+    maxSize?: number;
+    /** Calidad de la imagen de salida (0-1) */
+    quality?: number;
+    /** Ancho objetivo de salida en pixels */
+    width?: number;
+    /** Alto objetivo de salida en pixels */
+    height?: number;
+    /** Ancho máximo del componente en la UI (ej: '300px', '100%') */
+    maxWidth?: string;
+}
 /**
  * Campo array
  */
@@ -386,7 +421,7 @@ interface OTPField extends BaseField {
 /**
  * Unión de todos los tipos de campos
  */
-type Field = TextField | PasswordField | NumberField | TextareaField | SelectField | CheckboxField | RadioField | SwitchField | DateField | FileField | FileDropField | MapField | RatingField | SliderField | ColorpickerField | ArrayField | GroupField | RowField | CustomField | QuantityField | AccordionSelectField | ImageGridSelectField | OTPField | MarkdownField | AutocompleteTagsField;
+type Field = TextField | PasswordField | NumberField | TextareaField | SelectField | CheckboxField | RadioField | SwitchField | DateField | FileField | FileDropField | MapField | RatingField | SliderField | ColorpickerField | ArrayField | GroupField | RowField | CustomField | QuantityField | AccordionSelectField | ImageGridSelectField | OTPField | MarkdownField | AutocompleteTagsField | ChipSelectField | ImageFileCropField;
 /**
  * Estilos visuales del stepper
  */