file-dropzone headless API

interface FileDropzoneRootProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "id">, FileDropzoneInput, UseFileDropzoneOptions {
  readonly children?: ReactNode;
}

export declare const Input: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;

export declare const Item: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & {
  readonly index: number;
} & import("react").RefAttributes<HTMLLIElement>>;

export declare const Remove: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
  readonly index: number;
} & import("react").RefAttributes<HTMLButtonElement>>;

export declare const Root: import("react").ForwardRefExoticComponent<FileDropzoneRootProps & import("react").RefAttributes<HTMLDivElement>>;

export declare const RootProvider: import("react").ForwardRefExoticComponent<{
  readonly value: UseFileDropzoneResult;
  readonly children?: ReactNode;
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

export declare const Trigger: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;

declare function useFileDropzone(input: FileDropzoneInput, options?: UseFileDropzoneOptions): UseFileDropzoneResult;

interface UseFileDropzoneOptions {
  readonly id?: string;
  readonly onFilesChange?: FileDropzoneConnectOptions["onFilesChange"];
  readonly onFilesRejected?: FileDropzoneConnectOptions["onFilesRejected"];
}

interface UseFileDropzoneResult {
  readonly service: FileDropzoneService;
  readonly connector: FileDropzoneApi;
  readonly scope: PartScope;
  readonly snapshot: FileDropzoneSnapshot;
}

export declare const Input: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const Item: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  index: {
    type: NumberConstructor;
    required: true;
  };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  index: {
    type: NumberConstructor;
    required: true;
  };
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const Remove: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  index: {
    type: NumberConstructor;
    required: true;
  };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  index: {
    type: NumberConstructor;
    required: true;
  };
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const Root: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  multiple: BooleanConstructor;
  accept: StringConstructor;
  disabled: BooleanConstructor;
  files: PropType<FileDropzoneInput$1["files"]>;
  defaultFiles: PropType<FileDropzoneInput$1["defaultFiles"]>;
  maxFileSize: NumberConstructor;
  maxFiles: NumberConstructor;
  id: StringConstructor;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
  filesChange: (_detail: FileDropzoneChangeEvent) => true;
  filesRejected: (_detail: FileDropzoneRejectedEvent) => true;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  multiple: BooleanConstructor;
  accept: StringConstructor;
  disabled: BooleanConstructor;
  files: PropType<FileDropzoneInput$1["files"]>;
  defaultFiles: PropType<FileDropzoneInput$1["defaultFiles"]>;
  maxFileSize: NumberConstructor;
  maxFiles: NumberConstructor;
  id: StringConstructor;
}>> & Readonly<{
  onFilesChange?: ((_detail: FileDropzoneChangeEvent) => any) | undefined;
  onFilesRejected?: ((_detail: FileDropzoneRejectedEvent) => any) | undefined;
}>, {
  multiple: boolean;
  disabled: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const RootProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  value: {
    type: PropType<UseFileDropzoneResult>;
    required: true;
  };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  value: {
    type: PropType<UseFileDropzoneResult>;
    required: true;
  };
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const Trigger: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

declare function useFileDropzone(input: () => FileDropzoneInput, options?: () => FileDropzoneOptions): UseFileDropzoneResult;

interface UseFileDropzoneResult {
  readonly service: FileDropzoneService;
  readonly connector: FileDropzoneApi;
  readonly scope: PartScope;
  readonly snapshot: ShallowRef<FileDropzoneSnapshot>;
}

export declare function createFileDropzoneStore(initial: FileDropzoneInput, options?: FileDropzoneConnectOptions): FileDropzoneStore;

interface FileDropzoneChangeDetail {
  readonly files: readonly File[];
  readonly rejections: readonly FileDropzoneRejection[];
  readonly changed: boolean;
}

interface FileDropzoneRejection {
  readonly file: File;
  readonly reason: FileDropzoneRejectionReason;
}

export interface FileDropzoneStore {
    readonly service: FileDropzoneService;
    readonly connector: FileDropzoneApi;
    readonly scope: PartScope;
    readonly version: WritableSignal<number>;
    start(): void;
    stop(): void;
    sync(input: Record<string, unknown>): void;
}

export declare class GrFileDropzoneInput implements OnDestroy {
    private readonly store;
    private readonly element;
    private readonly listeners;
    private readonly consumer;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrFileDropzoneInput, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<GrFileDropzoneInput, "[grFileDropzoneInput]", never, {}, {}, never, never, true, never>;
}

export declare class GrFileDropzoneItem implements OnDestroy {
    readonly index: import("@angular/core").InputSignal<number>;
    private readonly store;
    private readonly element;
    private readonly listeners;
    private readonly consumer;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrFileDropzoneItem, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<GrFileDropzoneItem, "[grFileDropzoneItem]", never, { "index": { "alias": "index"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
}

export declare class GrFileDropzoneRemove implements OnDestroy {
    readonly index: import("@angular/core").InputSignal<number>;
    private readonly store;
    private readonly element;
    private readonly listeners;
    private readonly consumer;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrFileDropzoneRemove, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<GrFileDropzoneRemove, "[grFileDropzoneRemove]", never, { "index": { "alias": "index"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
}

export declare class GrFileDropzoneRoot implements OnDestroy {
    readonly files: import("@angular/core").InputSignal<readonly import("@grassroot/ui-machines/file-dropzone").FileDropzoneFile[] | undefined>;
    readonly defaultFiles: import("@angular/core").InputSignal<readonly import("@grassroot/ui-machines/file-dropzone").FileDropzoneFile[] | undefined>;
    readonly multiple: import("@angular/core").InputSignal<boolean | undefined>;
    readonly accept: import("@angular/core").InputSignal<string | undefined>;
    readonly disabled: import("@angular/core").InputSignal<boolean>;
    readonly maxFileSize: import("@angular/core").InputSignal<number | undefined>;
    readonly maxFiles: import("@angular/core").InputSignal<number | undefined>;
    readonly filesChange: import("@angular/core").OutputEmitterRef<FileDropzoneChangeDetail>;
    readonly store: FileDropzoneStore;
    private readonly host;
    private readonly listeners;
    private readonly consumer;
    private readonly options;
    private last;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrFileDropzoneRoot, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GrFileDropzoneRoot, "gr-file-dropzone-root", never, { "files": { "alias": "files"; "required": false; "isSignal": true; }; "defaultFiles": { "alias": "defaultFiles"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; }, { "filesChange": "filesChange"; }, never, ["*"], true, never>;
}

export declare class GrFileDropzoneRootProvider implements OnDestroy {
    private readonly store;
    private readonly host;
    private readonly listeners;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrFileDropzoneRootProvider, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GrFileDropzoneRootProvider, "gr-file-dropzone-root-provider", never, {}, {}, never, ["*"], true, never>;
}

export declare class GrFileDropzoneTrigger implements OnDestroy {
    private readonly store;
    private readonly element;
    private readonly listeners;
    private readonly consumer;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrFileDropzoneTrigger, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<GrFileDropzoneTrigger, "[grFileDropzoneTrigger]", never, {}, {}, never, never, true, never>;
}

export declare class GrFileDropzoneInput implements OnDestroy {
    private readonly store;
    private readonly element;
    private readonly listeners;
    private readonly consumer;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrFileDropzoneInput, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<GrFileDropzoneInput, "[grFileDropzoneInput]", never, {}, {}, never, never, true, never>;
}

export declare class GrFileDropzoneItem implements OnDestroy {
    readonly index: import("@angular/core").InputSignal<number>;
    private readonly store;
    private readonly element;
    private readonly listeners;
    private readonly consumer;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrFileDropzoneItem, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<GrFileDropzoneItem, "[grFileDropzoneItem]", never, { "index": { "alias": "index"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
}

export declare class GrFileDropzoneRemove implements OnDestroy {
    readonly index: import("@angular/core").InputSignal<number>;
    private readonly store;
    private readonly element;
    private readonly listeners;
    private readonly consumer;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrFileDropzoneRemove, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<GrFileDropzoneRemove, "[grFileDropzoneRemove]", never, { "index": { "alias": "index"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
}

export declare class GrFileDropzoneRoot implements OnDestroy {
    readonly files: import("@angular/core").InputSignal<readonly import("@grassroot/ui-machines/file-dropzone").FileDropzoneFile[] | undefined>;
    readonly defaultFiles: import("@angular/core").InputSignal<readonly import("@grassroot/ui-machines/file-dropzone").FileDropzoneFile[] | undefined>;
    readonly multiple: import("@angular/core").InputSignal<boolean | undefined>;
    readonly accept: import("@angular/core").InputSignal<string | undefined>;
    readonly disabled: import("@angular/core").InputSignal<boolean>;
    readonly maxFileSize: import("@angular/core").InputSignal<number | undefined>;
    readonly maxFiles: import("@angular/core").InputSignal<number | undefined>;
    readonly filesChange: import("@angular/core").OutputEmitterRef<FileDropzoneChangeDetail>;
    readonly store: FileDropzoneStore;
    private readonly host;
    private readonly listeners;
    private readonly consumer;
    private readonly options;
    private last;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrFileDropzoneRoot, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GrFileDropzoneRoot, "gr-file-dropzone-root", never, { "files": { "alias": "files"; "required": false; "isSignal": true; }; "defaultFiles": { "alias": "defaultFiles"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; }, { "filesChange": "filesChange"; }, never, ["*"], true, never>;
}

export declare class GrFileDropzoneRootProvider implements OnDestroy {
    private readonly store;
    private readonly host;
    private readonly listeners;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrFileDropzoneRootProvider, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GrFileDropzoneRootProvider, "gr-file-dropzone-root-provider", never, {}, {}, never, ["*"], true, never>;
}