/**
 * Specify {@link UwcInputElement#type | `[type=file]`} to use an input element that can handle file uploads
 *
 * @example
 *
 * ```html
 * <uwc-input type="file"></uwc-input>
 * ```
 *
 * Compared with the native input it doesn't look all that different _but_ you can actually
 * drag and drop files on it out of the box.
 *
 * Once you've selected a few files you'll also notice that each file is added to a visible list
 * from where it can also be deleted again.
 *
 * To upload multiple files you just specify the {@link UwcInputElement.multiple | `[multiple]`} attribute.
 *
 * ## Min/Max Constraints
 *
 * It is also possible to make such an input participate in the Constraints API by adding the {@link UwcInputElement.min | `[min]`}
 * and {@link UwcInputElement.max | `[max]`} attributes.
 *
 * @example
 *
 * ```html
 * <style>
 *   :invalid {
 *     border: 1px solid red;
 *   }
 * </style>
 * <uwc-input type="file" min="1"></uwc-input>
 * ```
 *
 * ## Pattern constraint
 *
 * You can make sure the uploaded files have names that conform to a pattern by using the {@link UwcInputElement.pattern | `[pattern]`}
 * attribute. Keep in mind that this has nothing to do with a files contents!
 *
 * @example
 *
 * ```html
 * <uwc-input type="file" pattern="foo\.pdf"></uwc-input>
 * ```
 *
 * ## Customizing the uploaded files list
 *
 * Typically `<uwc-input>` gives you the option to customize how selected values appear by adding a `<template>`
 * element to the `<ul[part=values]>`.
 *
 * Since there is no sane way for a file to be represented in the DOM Tree with `<uwc-input[type=file]>` you'll have to hide the
 * selected files list with css and control the {@link UwcInputElement.files | `.files`} property.
 *
 * @module
 */
import { Connect } from "../uwc-input";
/**
 * @internal
 */
export declare const connectFile: Connect;