import { SynBlurEvent, SynChangeEvent, SynErrorEvent, SynFocusEvent, SynInputEvent } from '@synergy-design-system/components';
import { default as SynFile } from '@synergy-design-system/components/components/file/file.component.js';
export type { SynBlurEvent } from '@synergy-design-system/components';
export type { SynChangeEvent } from '@synergy-design-system/components';
export type { SynErrorEvent } from '@synergy-design-system/components';
export type { SynFocusEvent } from '@synergy-design-system/components';
export type { SynInputEvent } from '@synergy-design-system/components';
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
    /**
  * The selected files as a FileList object containing a list of File objects.
  The FileList behaves like an array, so you can get the number of selected files
  via its length property.
  [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#getting_information_on_selected_files)
   */
    files?: SynFile["files"];
    /**
     * The name of the file control, submitted as a name/value pair with form data.
     */
    name?: SynFile["name"];
    /**
  * The value of the file control contains a string that represents the path of the selected file.
  If multiple files are selected, the value represents the first file in the list.
  If no file is selected, the value is an empty string.
  Beware that the only valid value when setting a file control is an empty string!
  [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#value)
   */
    value?: SynFile["value"];
    /**
     * The file control's size.
     */
    size?: SynFile["size"];
    /**
     * The file control's label.
     * If you need to display HTML, use the `label` slot instead.
     */
    label?: SynFile["label"];
    /**
  * The file control's help text.
  If you need to display HTML, use the `help-text` slot instead.
   */
    helpText?: SynFile["helpText"];
    /**
     * Disables the file control.
     */
    disabled?: SynFile["disabled"];
    /**
     * Sets the file control to a readonly state.
     */
    readonly?: SynFile["readonly"];
    /**
     * Draw the file control as a drop area
     */
    droparea?: SynFile["droparea"];
    /**
  * Comma separated list of supported file types
  [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept)
   */
    accept?: SynFile["accept"];
    /**
  * Specifies the types of files that the server accepts.
  Can be set either to user or environment.
  Works only when not using a droparea!
  [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture)
   */
    capture?: SynFile["capture"];
    /**
  * Indicates whether the user can select more than one file.
  Has no effect if webkitdirectory is set.
  [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#multiple)
   */
    multiple?: SynFile["multiple"];
    /**
  * Indicates that the file control should let the user select directories instead of files.
  When a directory is selected, the directory and its entire hierarchy of contents are included
  in the set of selected items.
  Note: This is a non-standard attribute but is supported in the major browsers.
  [see MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory)
   */
    webkitdirectory?: SynFile["webkitdirectory"];
    /**
  * By default, form controls are associated with the nearest containing `<form>` element.
  This attribute allows you to place the form control outside of a form and associate it
  with the form that has this `id`.
  * The form must be in the same document
  or shadow root for this to work.
   */
    form?: SynFile["form"];
    /**
     * Makes the input a required field.
     */
    required?: SynFile["required"];
    /**
     * Suppress the value from being displayed in the file control
     */
    hideValue?: SynFile["hideValue"];
    /**
     * Support for two way data binding
     */
    modelValue?: SynFile["files"];
}, {
    nativeElement: import('vue').Ref<SynFile | undefined, SynFile | undefined>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "syn-blur": (e: SynBlurEvent) => any;
    "syn-focus": (e: SynFocusEvent) => any;
    "syn-change": (e: SynChangeEvent) => any;
    "syn-input": (e: SynInputEvent) => any;
    "update:modelValue": (newValue: FileList | null) => any;
    "syn-error": (e: SynErrorEvent) => any;
}, string, import('vue').PublicProps, Readonly<{
    /**
  * The selected files as a FileList object containing a list of File objects.
  The FileList behaves like an array, so you can get the number of selected files
  via its length property.
  [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#getting_information_on_selected_files)
   */
    files?: SynFile["files"];
    /**
     * The name of the file control, submitted as a name/value pair with form data.
     */
    name?: SynFile["name"];
    /**
  * The value of the file control contains a string that represents the path of the selected file.
  If multiple files are selected, the value represents the first file in the list.
  If no file is selected, the value is an empty string.
  Beware that the only valid value when setting a file control is an empty string!
  [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#value)
   */
    value?: SynFile["value"];
    /**
     * The file control's size.
     */
    size?: SynFile["size"];
    /**
     * The file control's label.
     * If you need to display HTML, use the `label` slot instead.
     */
    label?: SynFile["label"];
    /**
  * The file control's help text.
  If you need to display HTML, use the `help-text` slot instead.
   */
    helpText?: SynFile["helpText"];
    /**
     * Disables the file control.
     */
    disabled?: SynFile["disabled"];
    /**
     * Sets the file control to a readonly state.
     */
    readonly?: SynFile["readonly"];
    /**
     * Draw the file control as a drop area
     */
    droparea?: SynFile["droparea"];
    /**
  * Comma separated list of supported file types
  [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept)
   */
    accept?: SynFile["accept"];
    /**
  * Specifies the types of files that the server accepts.
  Can be set either to user or environment.
  Works only when not using a droparea!
  [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture)
   */
    capture?: SynFile["capture"];
    /**
  * Indicates whether the user can select more than one file.
  Has no effect if webkitdirectory is set.
  [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#multiple)
   */
    multiple?: SynFile["multiple"];
    /**
  * Indicates that the file control should let the user select directories instead of files.
  When a directory is selected, the directory and its entire hierarchy of contents are included
  in the set of selected items.
  Note: This is a non-standard attribute but is supported in the major browsers.
  [see MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory)
   */
    webkitdirectory?: SynFile["webkitdirectory"];
    /**
  * By default, form controls are associated with the nearest containing `<form>` element.
  This attribute allows you to place the form control outside of a form and associate it
  with the form that has this `id`.
  * The form must be in the same document
  or shadow root for this to work.
   */
    form?: SynFile["form"];
    /**
     * Makes the input a required field.
     */
    required?: SynFile["required"];
    /**
     * Suppress the value from being displayed in the file control
     */
    hideValue?: SynFile["hideValue"];
    /**
     * Support for two way data binding
     */
    modelValue?: SynFile["files"];
}> & Readonly<{
    "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
    "onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;
    "onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
    "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
    "onUpdate:modelValue"?: ((newValue: FileList | null) => any) | undefined;
    "onSyn-error"?: ((e: SynErrorEvent) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
    nativeElement: unknown;
}, any>, {
    default?(_: {}): any;
}>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};