flysoft-react-ui 1.2.0 → 1.2.2

package/dist/components/form-controls/AutocompleteInput.d.ts

@@ -8,12 +8,12 @@ export interface AutocompleteOption {
 }
 export interface AutocompleteInputProps<T = AutocompleteOption, K = string> extends Omit<InputProps, "onChange" | "value" | "ref"> {
     options: T[];
-    value?: string;
+    value?: string | string[];
     /**
      * Valor de texto del input (controlado)
      * Puede ser un ChangeEventHandler (de register) o una función que recibe string (API personalizada)
      */
-    onChange?: React.ChangeEventHandler<HTMLInputElement> | ((value: string) => void);
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | ((value: string | string[]) => void);
     /**
      * Callback al seleccionar una opción. Devuelve el item completo (T) y el valor mapeado (K)
      */
@@ -40,6 +40,11 @@ export interface AutocompleteInputProps<T = AutocompleteOption, K = string> exte
      * Por defecto es false.
      */
     readOnly?: boolean;
+    /**
+     * Si es true, permite seleccionar múltiples opciones usando Checkboxes.
+     * El valor será un array con los valores (K) de las opciones seleccionadas.
+     */
+    multiple?: boolean;
 }
 export declare const AutocompleteInput: <T = AutocompleteOption, K = string>(props: AutocompleteInputProps<T, K> & {
     ref?: React.ForwardedRef<HTMLInputElement>;

package/dist/components/form-controls/AutocompleteInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteInput.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/AutocompleteInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC,GAAG,kBAAkB,EAAE,CAAC,GAAG,MAAM,CACxE,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IACtD,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,GAC1C,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACrC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;IAChC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAChE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAguBD,eAAO,MAAM,iBAAiB,EAA6B,CACzD,CAAC,GAAG,kBAAkB,EACtB,CAAC,GAAG,MAAM,EAEV,KAAK,EAAE,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IACpC,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;CAC5C,KACE,KAAK,CAAC,YAAY,CAAC"}
+{"version":3,"file":"AutocompleteInput.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/AutocompleteInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAK1C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC,GAAG,kBAAkB,EAAE,CAAC,GAAG,MAAM,CACxE,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IACtD,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,GAC1C,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC,CAAC;IACzC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACrC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;IAChC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAChE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAw3BD,eAAO,MAAM,iBAAiB,EAA6B,CACzD,CAAC,GAAG,kBAAkB,EACtB,CAAC,GAAG,MAAM,EAEV,KAAK,EAAE,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IACpC,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;CAC5C,KACE,KAAK,CAAC,YAAY,CAAC"}

package/dist/components/form-controls/AutocompleteInput.js

@@ -4,8 +4,9 @@ import { createPortal } from "react-dom";
 import { useFormContext } from "react-hook-form";
 import { Input } from "./Input";
 import { normalizeIconClass } from "../utils/iconUtils";
-const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onSelectOption, noResultsText = "Sin resultados", className = "", getOptionLabel, getOptionValue, getOptionDescription, renderOption, readOnly = false, ...inputProps }, ref) => {
-    const [internalValue, setInternalValue] = React.useState(value || "");
+import { Checkbox } from "./Checkbox";
+const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onSelectOption, noResultsText = "Sin resultados", className = "", getOptionLabel, getOptionValue, getOptionDescription, renderOption, readOnly = false, multiple = false, ...inputProps }, ref) => {
+    const [internalValue, setInternalValue] = React.useState(value || (multiple ? [] : ""));
     const [displayValue, setDisplayValue] = React.useState("");
     const [isOpen, setIsOpen] = React.useState(false);
     const [highlightedIndex, setHighlightedIndex] = React.useState(-1);
@@ -33,9 +34,34 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
     const setValue = formContext?.setValue;
     const inputValue = isRegisterMode
         ? displayValue
-        : value !== undefined
-            ? value
-            : internalValue;
+        : (multiple ? displayValue : (typeof value === "string" ? value : (typeof internalValue === "string" ? internalValue : "")));
+    const selectedValuesArray = React.useMemo(() => {
+        const currentVal = isRegisterMode && hiddenInputRef.current
+            ? hiddenInputRef.current.value
+            : (value !== undefined ? value : internalValue);
+        if (Array.isArray(currentVal))
+            return currentVal;
+        // En modo register, los valores múltiples podrían estar como un string JSON o separados por comas.
+        // Si el hiddenInput recibe un array en react-hook-form, su valor puede volverse "[object Object]" o concatenado.
+        // Asumiremos que react-hook-form maneja correctamente el array si el value prop es un array.
+        // Si recibimos un string:
+        if (typeof currentVal === "string") {
+            if (!currentVal)
+                return [];
+            try {
+                // Intentar parsear si es JSON
+                const parsed = JSON.parse(currentVal);
+                if (Array.isArray(parsed))
+                    return parsed.map(String);
+                return [currentVal];
+            }
+            catch {
+                // Si no es JSON, asumir es un solo string o separado por comas (no recomendado por conflicto con comas en valores)
+                return [currentVal];
+            }
+        }
+        return [];
+    }, [isRegisterMode, value, internalValue, multiple]);
     const labelGetter = React.useCallback((item) => {
         if (getOptionLabel)
             return getOptionLabel(item);
@@ -48,6 +74,16 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
         const anyItem = item;
         return anyItem.value ?? undefined;
     }, [getOptionValue]);
+    // Calcular el label unificado para multiple
+    const getMultipleDisplayValue = React.useCallback((values) => {
+        if (!values || values.length === 0)
+            return "";
+        const labels = values.map((val) => {
+            const matchingOption = options.find((option) => String(valueGetter(option)) === String(val));
+            return matchingOption ? labelGetter(matchingOption) : String(val);
+        });
+        return labels.join(", ");
+    }, [options, valueGetter, labelGetter]);
     const descriptionGetter = React.useCallback((item) => {
         if (getOptionDescription)
             return getOptionDescription(item);
@@ -55,7 +91,17 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
         return anyItem.description;
     }, [getOptionDescription]);
     const filteredOptions = React.useMemo(() => {
-        const search = inputValue.trim().toLowerCase();
+        let search = displayValue.trim().toLowerCase();
+        // Si es múltiple y no estamos enfocando el input para buscar, no filtramos por displayValue
+        // (ya que displayValue contiene los labels de los items seleccionados separados por coma)
+        if (multiple) {
+            if (document.activeElement !== inputRef.current || displayValue === getMultipleDisplayValue(selectedValuesArray)) {
+                search = "";
+            }
+        }
+        else {
+            search = inputValue.trim().toLowerCase();
+        }
         if (!search)
             return options;
         return options.filter((option) => {
@@ -71,26 +117,41 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
             const targetInput = hiddenInputRef.current || inputRef.current;
             if (targetInput) {
                 const formValue = targetInput.value;
-                // Si el valor del formulario coincide con algún getOptionValue, mostrar su label
-                const matchingOption = options.find((option) => String(valueGetter(option)) === String(formValue));
-                if (matchingOption) {
-                    const label = labelGetter(matchingOption);
-                    setDisplayValue(label);
-                    return true; // Indica que se encontró y sincronizó un valor
-                }
-                else if (formValue) {
-                    // Si hay un valor pero no coincide, mostrarlo tal cual (o buscar por label si fuera el caso)
-                    setDisplayValue(formValue);
-                    return true;
+                if (multiple) {
+                    let parsedValues = [];
+                    try {
+                        parsedValues = JSON.parse(formValue);
+                    }
+                    catch {
+                        parsedValues = formValue ? [formValue] : [];
+                    }
+                    if (Array.isArray(parsedValues)) {
+                        setDisplayValue(getMultipleDisplayValue(parsedValues));
+                        return true;
+                    }
                 }
                 else {
-                    setDisplayValue("");
-                    return false; // No hay valor aún
+                    // Si el valor del formulario coincide con algún getOptionValue, mostrar su label
+                    const matchingOption = options.find((option) => String(valueGetter(option)) === String(formValue));
+                    if (matchingOption) {
+                        const label = labelGetter(matchingOption);
+                        setDisplayValue(label);
+                        return true; // Indica que se encontró y sincronizó un valor
+                    }
+                    else if (formValue) {
+                        // Si hay un valor pero no coincide, mostrarlo tal cual (o buscar por label si fuera el caso)
+                        setDisplayValue(formValue);
+                        return true;
+                    }
+                    else {
+                        setDisplayValue("");
+                        return false; // No hay valor aún
+                    }
                 }
             }
         }
         return false;
-    }, [isRegisterMode, options, valueGetter, labelGetter]);
+    }, [isRegisterMode, options, valueGetter, labelGetter, multiple, getMultipleDisplayValue]);
     // Sincronizar displayValue con el valor del formulario en modo register
     // Usar un intervalo que se ejecute hasta que encuentre el valor o hasta un máximo de intentos
     React.useEffect(() => {
@@ -103,16 +164,29 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
                 if (targetInput) {
                     const formValue = targetInput.value;
                     if (formValue) {
-                        // Hay un valor, intentar sincronizar
-                        const matchingOption = options.find((option) => String(valueGetter(option)) === String(formValue));
-                        if (matchingOption) {
-                            const label = labelGetter(matchingOption);
-                            setDisplayValue(label);
-                            return true; // Valor encontrado y sincronizado
+                        if (multiple) {
+                            let parsedValues = [];
+                            try {
+                                parsedValues = JSON.parse(formValue);
+                            }
+                            catch {
+                                parsedValues = [formValue];
+                            }
+                            setDisplayValue(getMultipleDisplayValue(parsedValues));
+                            return true;
                         }
                         else {
-                            setDisplayValue(formValue);
-                            return true; // Valor encontrado pero no coincide con opciones
+                            // Hay un valor, intentar sincronizar
+                            const matchingOption = options.find((option) => String(valueGetter(option)) === String(formValue));
+                            if (matchingOption) {
+                                const label = labelGetter(matchingOption);
+                                setDisplayValue(label);
+                                return true; // Valor encontrado y sincronizado
+                            }
+                            else {
+                                setDisplayValue(formValue);
+                                return true; // Valor encontrado pero no coincide con opciones
+                            }
                         }
                     }
                 }
@@ -180,16 +254,20 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
             return;
         const newValue = event.target.value;
         if (isRegisterMode) {
-            // En modo register, actualizar el displayValue para mostrar lo que el usuario escribe
             setDisplayValue(newValue);
         }
         else {
-            // Modo API personalizada
-            if (value === undefined) {
-                setInternalValue(newValue);
+            if (multiple) {
+                setDisplayValue(newValue);
             }
-            if (onChange) {
-                onChange(newValue);
+            else {
+                // Modo API personalizada para input simple
+                if (value === undefined) {
+                    setInternalValue(newValue);
+                }
+                if (onChange) {
+                    onChange(newValue);
+                }
             }
         }
         setIsOpen(true);
@@ -201,38 +279,58 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
         const label = labelGetter(option);
         const selectedValue = valueGetter(option);
         const valueString = String(selectedValue ?? "");
+        let newValuesArray = [];
+        let newValueToSet = valueString;
+        let newLabelToSet = label;
+        if (multiple) {
+            // Toggle selection
+            if (selectedValuesArray.includes(valueString)) {
+                newValuesArray = selectedValuesArray.filter(v => v !== valueString);
+            }
+            else {
+                newValuesArray = [...selectedValuesArray, valueString];
+            }
+            if (!isRegisterMode && value === undefined) {
+                setInternalValue(newValuesArray);
+            }
+            newLabelToSet = getMultipleDisplayValue(newValuesArray);
+            setDisplayValue(newLabelToSet);
+            // Pass the array to the onChange/register hooks
+            newValueToSet = newValuesArray;
+        }
         if (isRegisterMode) {
             // En modo register, setear el valor usando setValue o actualizando el input nativo (hidden)
             if (setValue && fieldName) {
-                setValue(fieldName, selectedValue, {
+                setValue(fieldName, newValueToSet, {
                     shouldValidate: true,
                     shouldDirty: true,
                 });
-                // Actualizar el input hidden con el ID
+                // Actualizar el input hidden
                 if (hiddenInputRef.current) {
-                    hiddenInputRef.current.value = valueString;
+                    hiddenInputRef.current.value = multiple ? JSON.stringify(newValuesArray) : valueString;
                 }
-                // Actualizar displayValue con el label para mostrarlo visualmente en el input visible
-                setDisplayValue(label);
+                // Actualizar displayValue con el label
+                setDisplayValue(newLabelToSet);
             }
             else {
-                // Fallback si no hay setValue (raro en registerMode) o para inputs manuales
+                // Fallback
                 const targetInput = hiddenInputRef.current || inputRef.current;
                 if (targetInput) {
                     const nativeInput = targetInput;
                     const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
+                    const stringObjToSet = multiple ? JSON.stringify(newValuesArray) : valueString;
                     if (nativeInputValueSetter) {
-                        nativeInputValueSetter.call(nativeInput, valueString);
+                        nativeInputValueSetter.call(nativeInput, stringObjToSet);
                     }
                     else {
-                        nativeInput.value = valueString;
+                        nativeInput.value = stringObjToSet;
                     }
-                    // Disparar eventos en el input que tiene el ref de register
+                    // Disparar eventos
                     if (onChange) {
                         const changeEvent = {
                             target: nativeInput,
                             currentTarget: nativeInput,
-                        }; // Cast agresivo necesario
+                        };
                         onChange(changeEvent);
                     }
                     const inputEvent = new Event("input", {
@@ -246,19 +344,24 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
                     });
                     nativeInput.dispatchEvent(changeEventNative);
                 }
-                // Y actualizamos visualmente
-                setDisplayValue(label);
+                setDisplayValue(newLabelToSet);
             }
         }
         else {
             // Modo API personalizada - comportamiento original
-            // Pasar el valor devuelto por getOptionValue, no el label
             if (onChange) {
-                onChange(valueString);
+                if (multiple) {
+                    onChange(newValuesArray);
+                }
+                else {
+                    onChange(valueString);
+                }
             }
         }
         onSelectOption?.(option, selectedValue);
-        setIsOpen(false);
+        if (!multiple) {
+            setIsOpen(false);
+        }
     };
     const handleKeyDown = (event) => {
         if (readOnly)
@@ -320,20 +423,32 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
             if (value !== undefined) {
                 // Si el value es el resultado de getOptionValue, buscar la opción correspondiente
                 // y mostrar su label. Si no se encuentra, mostrar el value tal cual.
-                const matchingOption = options.find((option) => String(valueGetter(option)) === String(value));
-                if (matchingOption) {
-                    setInternalValue(labelGetter(matchingOption));
+                if (multiple) {
+                    const arrayVals = Array.isArray(value) ? value : [value];
+                    setDisplayValue(getMultipleDisplayValue(arrayVals));
                 }
                 else {
-                    setInternalValue(value);
+                    const matchingOption = options.find((option) => String(valueGetter(option)) === String(value));
+                    if (matchingOption) {
+                        setInternalValue(labelGetter(matchingOption));
+                    }
+                    else {
+                        setInternalValue(value);
+                    }
                 }
             }
             else {
                 // Resetear el estado interno cuando value es undefined (por ejemplo, después de un reset)
-                setInternalValue("");
+                if (multiple) {
+                    setDisplayValue("");
+                    setInternalValue([]);
+                }
+                else {
+                    setInternalValue("");
+                }
             }
         }
-    }, [value, options, valueGetter, labelGetter, isRegisterMode]);
+    }, [value, options, valueGetter, labelGetter, isRegisterMode, multiple, getMultipleDisplayValue]);
     const showDropdown = !readOnly && isOpen && (filteredOptions.length > 0 || noResultsText);
     // Verificar que estamos en el navegador
     // Inicializar isMounted de forma síncrona si es posible
@@ -373,6 +488,9 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
     // Detectar si hay un valor seleccionado
     // Un valor está seleccionado si el value coincide con el getOptionValue de alguna opción
     const hasSelectedValue = React.useMemo(() => {
+        if (multiple) {
+            return selectedValuesArray.length > 0;
+        }
         if (isRegisterMode) {
             const targetInput = hiddenInputRef.current || inputRef.current;
             if (targetInput) {
@@ -387,7 +505,7 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
             return false;
         // Verificar si el value coincide con el getOptionValue de alguna opción
         return options.some((option) => String(valueGetter(option)) === String(value));
-    }, [value, options, valueGetter, isRegisterMode]);
+    }, [value, options, valueGetter, isRegisterMode, multiple, selectedValuesArray]);
     // Función para limpiar el valor
     const handleClear = React.useCallback((event) => {
         if (readOnly)
@@ -423,11 +541,22 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
         else {
             // Modo API personalizada
             if (value === undefined) {
-                setInternalValue("");
+                if (multiple) {
+                    setInternalValue([]);
+                }
+                else {
+                    setInternalValue("");
+                }
             }
             if (onChange) {
-                onChange("");
+                if (multiple) {
+                    onChange([]);
+                }
+                else {
+                    onChange("");
+                }
             }
+            setDisplayValue("");
         }
         setIsOpen(false);
         // Resetear el flag después de un pequeño delay para permitir que otros eventos se procesen
@@ -471,11 +600,24 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
                             const formValue = node.value;
                             if (formValue) {
                                 const matchingOption = options.find((option) => String(valueGetter(option)) === String(formValue));
-                                if (matchingOption) {
-                                    setDisplayValue(labelGetter(matchingOption));
+                                if (multiple) {
+                                    try {
+                                        const parsed = JSON.parse(formValue);
+                                        if (Array.isArray(parsed)) {
+                                            setDisplayValue(getMultipleDisplayValue(parsed));
+                                        }
+                                    }
+                                    catch {
+                                        setDisplayValue(getMultipleDisplayValue([formValue]));
+                                    }
                                 }
                                 else {
-                                    setDisplayValue(formValue);
+                                    if (matchingOption) {
+                                        setDisplayValue(labelGetter(matchingOption));
+                                    }
+                                    else {
+                                        setDisplayValue(formValue);
+                                    }
                                 }
                             }
                         }
@@ -483,7 +625,7 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
                 });
             }
         }
-    }, [ref, isRegisterMode, options, valueGetter, labelGetter]);
+    }, [ref, isRegisterMode, options, valueGetter, labelGetter, multiple, getMultipleDisplayValue]);
     const setVisibleRef = React.useCallback((node) => {
         inputRef.current = node;
         // En modo NO register, pasamos el ref al input visible
@@ -498,7 +640,7 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
     }, [ref, isRegisterMode]);
     // Separar propiedades para input visible y hidden
     const { name: nameProp, ...visibleInputProps } = inputProps;
-    return (_jsxs("div", { ref: containerRef, className: "relative w-full", children: [isRegisterMode && (_jsx("input", { type: "hidden", name: nameProp, ref: setHiddenRef, defaultValue: value })), _jsx(Input, { ...visibleInputProps, name: isRegisterMode ? undefined : nameProp, ref: setVisibleRef, value: inputValue, onChange: handleChange, onFocus: () => {
+    return (_jsxs("div", { ref: containerRef, className: "relative w-full", children: [isRegisterMode && (_jsx("input", { type: "hidden", name: nameProp, ref: setHiddenRef, defaultValue: value })), _jsx(Input, { ...visibleInputProps, name: isRegisterMode ? undefined : nameProp, ref: setVisibleRef, value: multiple ? displayValue : inputValue, onChange: handleChange, onFocus: () => {
                     if (!readOnly && !justClearedRef.current) {
                         setIsOpen(true);
                     }
@@ -517,7 +659,7 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
                             top: `${dropdownPosition.top}px`,
                             left: `${dropdownPosition.left}px`,
                             minWidth: `${dropdownPosition.width}px`,
-                        }, children: filteredOptions.length > 0 ? (_jsx("ul", { className: "py-1", children: filteredOptions.map((option, index) => {
+                        }, children: filteredOptions.length > 0 ? (_jsx("ul", { className: "py-1 list-none pl-0 m-0", children: filteredOptions.map((option, index) => {
                                 const label = labelGetter(option);
                                 const description = descriptionGetter(option);
                                 const anyOption = option;
@@ -527,7 +669,7 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
                                         : "text-[var(--color-text-primary)] hover:bg-[var(--color-bg-secondary)]"}`, onMouseDown: (event) => {
                                         event.preventDefault();
                                         handleSelect(option);
-                                    }, onMouseEnter: () => setHighlightedIndex(index), children: renderOption ? (renderOption(option)) : (_jsxs(_Fragment, { children: [anyOption.icon && (_jsx("i", { className: `${normalizeIconClass(anyOption.icon)} mt-0.5 text-[var(--color-text-muted)] flex-shrink-0` })), _jsxs("div", { className: "flex flex-col min-w-0", children: [_jsx("span", { className: "font-[var(--font-default)] whitespace-nowrap", children: label }), description !== undefined &&
+                                    }, onMouseEnter: () => setHighlightedIndex(index), children: renderOption ? (renderOption(option)) : (_jsxs(_Fragment, { children: [multiple && (_jsx(Checkbox, { readOnly: true, checked: selectedValuesArray.includes(String(valueGetter(option) ?? "")), className: "mr-2 pointer-events-none" })), anyOption.icon && (_jsx("i", { className: `${normalizeIconClass(anyOption.icon)} mt-0.5 text-[var(--color-text-muted)] flex-shrink-0 mr-2` })), _jsxs("div", { className: "flex flex-col min-w-0", children: [_jsx("span", { className: "font-[var(--font-default)] whitespace-nowrap", children: label }), description !== undefined &&
                                                         description !== null && (_jsx("span", { className: "text-xs text-[var(--color-text-secondary)] break-words", children: description }))] })] })) }, String(valueGetter(option) ?? label ?? index)));
                             }) })) : (_jsx("div", { className: "px-3 py-2 text-sm text-[var(--color-text-secondary)]", children: noResultsText })) }), bodyElement));
             })()] }));

package/dist/components/form-controls/Button.js

@@ -154,7 +154,7 @@ export const Button = ({ variant = "primary", size = "md", color = "primary", bg
         if (!icon)
             return null;
         const iconClasses = size === "sm" ? "w-4 h-4" : size === "md" ? "w-5 h-5" : "w-6 h-6";
-        return (_jsx("i", { className: `${normalizeIconClass(icon)} ${iconClasses} ${children ? (iconPosition === "right" ? "ml-2" : "mr-2") : ""} mt-0.5` }));
+        return (_jsx("i", { className: `${normalizeIconClass(icon)} ${iconClasses} flex items-center justify-center ${children ? (iconPosition === "right" ? "ml-2" : "mr-2") : ""}` }));
     };
     // Determinar el color del ripple basado en el variant y si hay bg personalizado
     const rippleColor = bg

package/dist/components/form-controls/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,wFA0IpB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,CAChB;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,wFA0IpB,CAAC"}

package/dist/components/form-controls/Checkbox.js

@@ -74,6 +74,6 @@ export const Checkbox = React.forwardRef(({ label, labelPosition = "right", erro
             return false;
         }
     };
-    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: containerClasses, children: [_jsx("input", { ref: ref, type: "checkbox", id: checkboxId, className: checkboxClasses, style: checkboxStyle, readOnly: readOnly, onClick: handleClick, onChange: handleChange, ...props }), label && (_jsx("label", { htmlFor: readOnly ? undefined : checkboxId, className: labelClasses, onClick: handleLabelClick, onMouseDown: handleLabelMouseDown, children: label }))] }), error && (_jsx("p", { className: "mt-1 text-sm text-[var(--color-danger)] font-[var(--font-default)]", children: error }))] }));
+    return (_jsxs("div", { children: [_jsxs("div", { className: containerClasses, children: [_jsx("input", { ref: ref, type: "checkbox", id: checkboxId, className: checkboxClasses, style: checkboxStyle, readOnly: readOnly, onClick: handleClick, onChange: handleChange, ...props }), label && (_jsx("label", { htmlFor: readOnly ? undefined : checkboxId, className: labelClasses, onClick: handleLabelClick, onMouseDown: handleLabelMouseDown, children: label }))] }), error && (_jsx("p", { className: "mt-1 text-sm text-[var(--color-danger)] font-[var(--font-default)]", children: error }))] }));
 });
 Checkbox.displayName = "Checkbox";

package/dist/components/form-controls/SearchSelectInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchSelectInput.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/SearchSelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAK5D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,sBAAsB,CACrC,CAAC,GAAG,kBAAkB,EACtB,CAAC,GAAG,MAAM,CACV,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IACtD,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EACL,CAAC,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GACxB,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC/C;;OAEG;IACH,iBAAiB,EAAE,CACjB,IAAI,EAAE,MAAM,KACT,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAChD;;;;OAIG;IACH,uBAAuB,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IAC9D;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACrC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;IAChC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAChE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAyfD,eAAO,MAAM,iBAAiB,EAA6B,CACzD,CAAC,GAAG,kBAAkB,EACtB,CAAC,GAAG,MAAM,EAEV,KAAK,EAAE,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IACpC,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;CAC5C,KACE,KAAK,CAAC,YAAY,CAAC"}
+{"version":3,"file":"SearchSelectInput.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/SearchSelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAK5D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,sBAAsB,CACrC,CAAC,GAAG,kBAAkB,EACtB,CAAC,GAAG,MAAM,CACV,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IACtD,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EACL,CAAC,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GACxB,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC/C;;OAEG;IACH,iBAAiB,EAAE,CACjB,IAAI,EAAE,MAAM,KACT,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAChD;;;;OAIG;IACH,uBAAuB,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IAC9D;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACrC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;IAChC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAChE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAufD,eAAO,MAAM,iBAAiB,EAA6B,CACzD,CAAC,GAAG,kBAAkB,EACtB,CAAC,GAAG,MAAM,EAEV,KAAK,EAAE,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IACpC,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;CAC5C,KACE,KAAK,CAAC,YAAY,CAAC"}

package/dist/components/form-controls/SearchSelectInput.js

@@ -246,13 +246,13 @@ const SearchSelectInputInner = React.forwardRef(function SearchSelectInput({ val
                                 e.preventDefault();
                                 handleSearch(dialogInputText);
                             }
-                        } }) }), _jsx("div", { children: _jsx(Loader, { isLoading: isLoading, children: !hasSearched || options.length > 0 ? (_jsx("ul", { className: "space-y-1 max-h-96 overflow-y-auto", children: _jsx("ul", { className: "space-y-1 max-h-96 overflow-y-auto", children: options.map((option, index) => {
-                                    const label = labelGetter(option);
-                                    const description = descriptionGetter(option);
-                                    const anyOption = option;
-                                    return (_jsx("li", { className: "px-3 py-2 cursor-pointer rounded-md flex items-start gap-2 text-sm\r\n                        text-[var(--color-text-primary)] hover:bg-[var(--color-bg-secondary)] transition-colors", onClick: () => handleSelect(option), children: renderOption ? (renderOption(option)) : (_jsxs(_Fragment, { children: [anyOption.icon && (_jsx("i", { className: `${normalizeIconClass(anyOption.icon)} mt-0.5 text-[var(--color-text-muted)]` })), _jsxs("div", { className: "flex flex-col flex-1", children: [_jsx("span", { className: "font-[var(--font-default)]", children: label }), description !== undefined &&
-                                                            description !== null && (_jsx("span", { className: "text-xs text-[var(--color-text-secondary)]", children: description }))] })] })) }, String(valueGetter(option) ?? label ?? index)));
-                                }) }) })) : (_jsx("div", { className: "px-3 py-8 text-center text-sm text-[var(--color-text-secondary)]", children: noResultsText })) }) })] }));
+                        } }) }), _jsx("div", { children: _jsx(Loader, { isLoading: isLoading, children: !hasSearched || options.length > 0 ? (_jsx("ul", { className: "space-y-1 max-h-96 overflow-y-auto list-none pl-0 m-0", children: options.map((option, index) => {
+                                const label = labelGetter(option);
+                                const description = descriptionGetter(option);
+                                const anyOption = option;
+                                return (_jsx("li", { className: "px-3 py-2 cursor-pointer rounded-md flex items-start gap-2 text-sm\r\n                        text-[var(--color-text-primary)] hover:bg-[var(--color-bg-secondary)] transition-colors", onClick: () => handleSelect(option), children: renderOption ? (renderOption(option)) : (_jsxs(_Fragment, { children: [anyOption.icon && (_jsx("i", { className: `${normalizeIconClass(anyOption.icon)} mt-0.5 text-[var(--color-text-muted)]` })), _jsxs("div", { className: "flex flex-col flex-1", children: [_jsx("span", { className: "font-[var(--font-default)]", children: label }), description !== undefined &&
+                                                        description !== null && (_jsx("span", { className: "text-xs text-[var(--color-text-secondary)]", children: description }))] })] })) }, String(valueGetter(option) ?? label ?? index)));
+                            }) })) : (_jsx("div", { className: "px-3 py-8 text-center text-sm text-[var(--color-text-secondary)]", children: noResultsText })) }) })] }));
     };
     // Detectar si hay un valor seleccionado
     const hasValue = inputText !== "" && inputText !== undefined && inputText !== null;

package/dist/components/layout/Filter.d.ts

@@ -42,6 +42,7 @@ export interface AutocompleteFilterProps<T = AutocompleteOption, K = string> ext
     getOptionValue?: (item: T) => K;
     renderOption?: (item: T) => React.ReactNode;
     noResultsText?: string;
+    multiple?: boolean;
 }
 export interface SearchFilterProps extends BaseFilterProps {
     filterType: "search";

package/dist/components/layout/Filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAE7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAI5D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,UAAU,EAAE,QAAQ,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB,CACtC,CAAC,GAAG,kBAAkB,EACtB,CAAC,GAAG,MAAM,CACV,SAAQ,eAAe;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,UAAU,EAAE,QAAQ,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB,CACtC,CAAC,GAAG,kBAAkB,EACtB,CAAC,GAAG,MAAM,CACV,SAAQ,eAAe;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,iBAAiB,EAAE,CACjB,IAAI,EAAE,MAAM,KACT,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAChD,uBAAuB,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAGD,MAAM,MAAM,WAAW,GACnB,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,uBAAuB,GACvB,iBAAiB,GACjB,uBAAuB,CAAC;AAE5B,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAm/BxC,CAAC"}
+{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAE7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAI5D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,UAAU,EAAE,QAAQ,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB,CACtC,CAAC,GAAG,kBAAkB,EACtB,CAAC,GAAG,MAAM,CACV,SAAQ,eAAe;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,UAAU,EAAE,QAAQ,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB,CACtC,CAAC,GAAG,kBAAkB,EACtB,CAAC,GAAG,MAAM,CACV,SAAQ,eAAe;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,iBAAiB,EAAE,CACjB,IAAI,EAAE,MAAM,KACT,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAChD,uBAAuB,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAGD,MAAM,MAAM,WAAW,GACnB,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,uBAAuB,GACvB,iBAAiB,GACjB,uBAAuB,CAAC;AAE5B,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+hCxC,CAAC"}