@snowball-tech/fractal/dist/src/components/InputFile/index.d.ts

Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS

import * as react from 'react';
import { AllHTMLAttributes, ReactNode } from 'react';
import { B as ButtonProps } from '../../../Button.types-Dt-FZKMg.js';
import '../../types.js';
import '@snowball-tech/design-tokens/dist/web/typescript/constants';
import '../../constants.js';

declare enum Variants {
    Display = "display",
    Primary = "primary",
    Secondary = "secondary",
    Text = "text"
}
declare const DEFAULT_VARIANT = Variants.Primary;

type CombinedRefs = {
    fileInput: HTMLInputElement | null;
    trigger: HTMLButtonElement | null;
};
interface InputFileProps extends Omit<AllHTMLAttributes<HTMLInputElement>, 'label' | 'onChange'> {
    label: ReactNode;
    disabled?: boolean;
    triggerProps?: Partial<Omit<ButtonProps, 'disabled' | 'href' | 'label' | 'target' | 'type' | 'variant'>>;
    variant?: `${Variants}`;
    onChange?: (files: FileList | null) => void;
}

declare const InputFile: react.ForwardRefExoticComponent<InputFileProps & react.RefAttributes<CombinedRefs>>;

export { DEFAULT_VARIANT as DEFAULT_INPUT_FILE_VARIANT, InputFile, type InputFileProps, type CombinedRefs as InputFileRefs, Variants as InputFileVariants };