File handling

Two components cover picking files: FileInput, a form-field entity that opens the platform file dialog, and Dropzone, a stateless drop target that accepts OS file drags (and clicks to browse). Both filter by extension with the same accept list — entries like "png" or ".JPG", compared case-insensitively; an empty list accepts everything.

Neither component reads the files — they hand the parent PathBufs and stay out of I/O.

#FileInput

A field-styled trigger. Create like any stateful input, subscribe for selections; the event carries the chosen paths (empty = cleared via the × button).

let avatar = cx.new(|cx| {
    FileInput::new(cx)
        .label("Avatar")
        .accept(["png", "jpg", "jpeg"])
});
cx.subscribe(&avatar, |_, FileInputEvent(paths), _| {
    // paths: Vec<PathBuf>; empty means the user cleared the field
}).detach();

#Dropzone

A bordered, dashed target. Drag files over it and the border/tint switch to the theme primary; drop delivers the accepted paths. Clicking opens the file dialog unless .no_click().

Dropzone::new("uploads")
    .label("Drop images here")
    .hint("PNG or JPG")
    .accept(["png", "jpg"])
    .on_files(|paths, _cx| {
        // every drop or dialog pick that passed the filter
    })