@scbt-ecom/ui 0.38.0 → 0.38.2

package/dist/shared/ui/formElements/uncontrolled/select/Select.d.ts

@@ -0,0 +1,134 @@
+import { ComboboxProps } from '@headlessui/react';
+import { SelectItemOption } from './model';
+import { SelectItemProps } from './ui';
+import { DeepPartial } from '../../../../types';
+import { FieldAttachment } from '../../ui';
+type FieldAttachmentProps = React.ComponentPropsWithoutRef<typeof FieldAttachment>;
+export type SelectClasses = SelectItemProps['classes'] & {
+    root?: string;
+    list?: string;
+};
+export type ExternalHandlers = {
+    onChange?: (value?: SelectItemOption | SelectItemOption[]) => void;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLElement>) => void;
+    onInputChange?: (value: string) => void;
+};
+export type SelectBaseProps<Multi extends boolean> = Omit<ComboboxProps<SelectItemOption, Multi, 'li'>, 'multiple' | 'onChange' | 'by' | 'className' | 'virtual'> & {
+    /**
+     * Отображаемый лейбл
+     */
+    label: string;
+    /**
+     * Поддержка множественного выбора
+     */
+    isMulti?: Multi;
+    /**
+     * Пометить поле как не валидное
+     */
+    invalid?: boolean;
+    /**
+     * Свойство управляющее поиском
+     */
+    isSearchable?: boolean;
+    /**
+     * Список отображаемых значений
+     */
+    options: SelectItemOption[];
+    /**
+     * Дополнительные стили каждого внутреннего элемента
+     */
+    classes?: SelectClasses;
+    /**
+     * Функция для управления отображаемым значением
+     */
+    displayValue?: (option: SelectItemOption) => string;
+    /**
+     * Функция для изменения значения
+     */
+    onChange?: (value: (Multi extends true ? SelectItemOption[] : SelectItemOption) | undefined) => void;
+    /**
+     * Функция для изменения значения поиска
+     */
+    onInputChange?: (value: string) => void;
+    /**
+     * Значение инпута
+     */
+    inputValue?: string;
+    /**
+     * Свойства дополнительной иконки
+     */
+    attachmentProps?: DeepPartial<FieldAttachmentProps>;
+    /**
+     * Включение виртуализации списка
+     */
+    virtual?: boolean;
+    /**
+     * Свойство для выключения фильтрации по поиску
+     */
+    filterDisabled?: boolean;
+    /**
+     * Внешние handlers которые можно прокинуть из вне
+     */
+    externalHandlers?: ExternalHandlers;
+};
+export declare const SelectBase: import('react').ForwardRefExoticComponent<Omit<ComboboxProps<SelectItemOption, boolean, "li">, "className" | "onChange" | "multiple" | "by" | "virtual"> & {
+    /**
+     * Отображаемый лейбл
+     */
+    label: string;
+    /**
+     * Поддержка множественного выбора
+     */
+    isMulti?: boolean | undefined;
+    /**
+     * Пометить поле как не валидное
+     */
+    invalid?: boolean;
+    /**
+     * Свойство управляющее поиском
+     */
+    isSearchable?: boolean;
+    /**
+     * Список отображаемых значений
+     */
+    options: SelectItemOption[];
+    /**
+     * Дополнительные стили каждого внутреннего элемента
+     */
+    classes?: SelectClasses;
+    /**
+     * Функция для управления отображаемым значением
+     */
+    displayValue?: (option: SelectItemOption) => string;
+    /**
+     * Функция для изменения значения
+     */
+    onChange?: ((value: SelectItemOption | SelectItemOption[] | undefined) => void) | undefined;
+    /**
+     * Функция для изменения значения поиска
+     */
+    onInputChange?: (value: string) => void;
+    /**
+     * Значение инпута
+     */
+    inputValue?: string;
+    /**
+     * Свойства дополнительной иконки
+     */
+    attachmentProps?: DeepPartial<FieldAttachmentProps>;
+    /**
+     * Включение виртуализации списка
+     */
+    virtual?: boolean;
+    /**
+     * Свойство для выключения фильтрации по поиску
+     */
+    filterDisabled?: boolean;
+    /**
+     * Внешние handlers которые можно прокинуть из вне
+     */
+    externalHandlers?: ExternalHandlers;
+} & import('react').RefAttributes<HTMLInputElement>>;
+export {};

package/dist/shared/ui/formElements/uncontrolled/select/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useSelectController } from './useSelectController';

package/dist/shared/ui/formElements/uncontrolled/select/hooks/useSelectController.d.ts

@@ -0,0 +1,22 @@
+import { SelectItemOption } from '../model';
+import { ExternalHandlers } from '../Select';
+type UseSelectControllerProps = {
+    options: SelectItemOption[];
+    isMulti?: boolean;
+    isSearchable?: boolean;
+    displayValue?: (option: SelectItemOption) => string;
+    onChange?: (value: SelectItemOption | SelectItemOption[] | undefined) => void;
+    filterDisabled: boolean;
+    externalInputValue?: string;
+    externalOnInputChange?: (value: string) => void;
+    externalHandlers?: ExternalHandlers;
+};
+export declare const useSelectController: ({ options: initialOptions, displayValue, isSearchable, onChange, filterDisabled, externalInputValue, externalOnInputChange, externalHandlers }: UseSelectControllerProps) => {
+    options: SelectItemOption[];
+    inputValue: string;
+    onInputValueChange: import('react').ChangeEventHandler<HTMLInputElement>;
+    onValueChange: (value: SelectItemOption | SelectItemOption[] | null) => void;
+    onDeleteItem: (values: SelectItemOption | SelectItemOption[], option: SelectItemOption) => void;
+    selectDisplayValue: (value: SelectItemOption | SelectItemOption[] | null) => string | undefined;
+};
+export {};

package/dist/shared/ui/formElements/uncontrolled/select/index.d.ts

@@ -0,0 +1,3 @@
+export { isSingleOption } from './model/typeGuards';
+export { SelectBase, type SelectBaseProps } from './Select';
+export type { SelectItemOption } from './model';

package/dist/shared/ui/formElements/uncontrolled/select/model/compareByValue.d.ts

@@ -0,0 +1,2 @@
+import { SelectItemOption } from './types';
+export declare const compareByValue: (current: NoInfer<SelectItemOption | SelectItemOption[]> | {}, prev: NoInfer<SelectItemOption | SelectItemOption[]> | {}) => boolean;

package/dist/shared/ui/formElements/uncontrolled/select/model/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './types';
+export { compareByValue } from './compareByValue';

package/dist/shared/ui/formElements/uncontrolled/select/model/typeGuards.d.ts

@@ -0,0 +1,2 @@
+import { SelectItemOption } from '../../../..';
+export declare const isSingleOption: (value?: SelectItemOption | SelectItemOption[]) => value is SelectItemOption;

package/dist/shared/ui/formElements/uncontrolled/select/model/types.d.ts

@@ -0,0 +1,14 @@
+import { DeepPartial } from '../../../../../types';
+import { FieldAttachment } from '../../../ui';
+type FieldAttachmentProps = React.ComponentPropsWithoutRef<typeof FieldAttachment>;
+export type SelectItemOption = {
+    value: string;
+    label: string;
+    helperText?: string;
+    disabled?: boolean;
+    attachment?: {
+        left?: DeepPartial<FieldAttachmentProps>;
+        right?: DeepPartial<FieldAttachmentProps>;
+    };
+};
+export {};

package/dist/shared/ui/formElements/uncontrolled/select/ui/Chip.d.ts

@@ -0,0 +1,12 @@
+import { SelectItemOption } from '../model';
+type ControlChipClasses = {
+    chip?: string;
+};
+export interface ControlChipProps extends React.HTMLAttributes<HTMLDivElement> {
+    displayValue?: (option: SelectItemOption) => string;
+    data: SelectItemOption;
+    classes?: ControlChipClasses;
+    onDeleteItem: (option: SelectItemOption) => void;
+}
+export declare const ControlChip: ({ data, displayValue, classes, onDeleteItem, ...props }: ControlChipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formElements/uncontrolled/select/ui/ChipList.d.ts

@@ -0,0 +1,11 @@
+import { ChangeEvent } from 'react';
+import { SelectItemOption } from '../model';
+import { ControlChipProps } from './Chip';
+type ControlChipListProps = Omit<ControlChipProps, 'data'> & {
+    values: SelectItemOption | SelectItemOption[];
+    inputValue: string;
+    onInputValueChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    onDeleteItem: (option: SelectItemOption) => void;
+};
+export declare const ChipList: ({ values, onDeleteItem, inputValue, onInputValueChange, ...props }: ControlChipListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formElements/uncontrolled/select/ui/SelectItem.d.ts

@@ -0,0 +1,24 @@
+import { ComboboxOptionProps } from '@headlessui/react';
+import { motion } from 'framer-motion';
+import { CheckboxBaseClasses } from '../../checkbox/Checkbox';
+import { SelectItemOption } from '../model';
+type SelectItemClasses = {
+    item?: string;
+    helperText?: string;
+    checkbox?: CheckboxBaseClasses;
+};
+export type SelectItemProps = Omit<ComboboxOptionProps, 'className' | 'value'> & {
+    option: SelectItemOption;
+    isMulti?: boolean;
+    classes?: SelectItemClasses;
+    displayValue?: (option: SelectItemOption) => string;
+    motionProps?: React.ComponentPropsWithoutRef<typeof motion.li>;
+};
+export declare const SelectItem: import('react').ForwardRefExoticComponent<Omit<ComboboxOptionProps, "className" | "value"> & {
+    option: SelectItemOption;
+    isMulti?: boolean;
+    classes?: SelectItemClasses;
+    displayValue?: (option: SelectItemOption) => string;
+    motionProps?: React.ComponentPropsWithoutRef<typeof motion.li>;
+} & import('react').RefAttributes<HTMLLIElement>>;
+export {};

package/dist/shared/ui/formElements/uncontrolled/select/ui/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectItem, type SelectItemProps } from './SelectItem';
+export { ChipList } from './ChipList';

package/dist/shared/ui/formElements/uncontrolled/slider/SliderBase.d.ts

@@ -0,0 +1,74 @@
+import { TSliderVariants } from './model/types';
+import { InputBaseProps } from '../../..';
+import { InputBaseClasses } from '../input/Input';
+import * as React from 'react';
+export type SliderBaseClasses = {
+    root?: string;
+    textContainer?: string;
+    input?: string;
+    labelClasses?: string;
+    textRight?: string;
+    textLeft?: string;
+    field?: string;
+    slider?: SliderBaseClasses;
+    inputRoot?: InputBaseClasses;
+};
+export type ExternalHandlers = {
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLElement>) => void;
+    onInputChange?: (value?: number) => void;
+};
+export interface SliderBaseProps extends Omit<InputBaseProps, 'externalHandlers' | 'onChange' | 'value' | 'defaultValue' | 'type'> {
+    /**
+     * Объект classes с помощью которого можно поменять стили у компонента
+     */
+    classes?: SliderBaseClasses;
+    /**
+     * Левый текст под слайдером
+     */
+    leftText: string | React.ReactElement;
+    /**
+     * Правый текст под слайдером
+     */
+    rightText: string | React.ReactElement;
+    /**
+     * Значение
+     */
+    value?: number;
+    /**
+     * Значение
+     */
+    defaultValue?: number;
+    /**
+     * Сеттер инпута
+     * @param value значение инпута
+     */
+    onChange: (value: number | undefined) => void;
+    /**
+     * Минимальное значение инпута
+     */
+    min: number;
+    /**
+     * Максимальное значение инпута
+     */
+    max: number;
+    /**
+     * Вариант инпута по дефолту credit (если использовать years то префикс поменяется на (лет, год, года в зависимости от склонения value)
+     */
+    variant: TSliderVariants;
+    /**
+     * Label инпута
+     */
+    label: string;
+    /**
+     * Шаг слайдера (если использовать вариант credit, то step будет проигнорирован)
+     */
+    step?: number;
+    /**
+     * Дополнительные хендлеры
+     */
+    externalHandlers?: ExternalHandlers;
+    type?: 'text' | 'tel' | 'password';
+}
+export declare const SliderBase: React.ForwardRefExoticComponent<SliderBaseProps & React.RefAttributes<HTMLInputElement>>;

package/dist/shared/ui/formElements/uncontrolled/slider/index.d.ts

@@ -0,0 +1 @@
+export { SliderBase } from './SliderBase';

package/dist/shared/ui/formElements/uncontrolled/slider/model/helpers/dates/getIntlMonth.d.ts

@@ -0,0 +1 @@
+export declare const getIntlMonth: (months: number) => string;

package/dist/shared/ui/formElements/uncontrolled/slider/model/helpers/dates/getYearIntl.d.ts

@@ -0,0 +1 @@
+export declare const getYearIntl: (years: number) => string;

package/dist/shared/ui/formElements/uncontrolled/slider/model/helpers/dates/index.d.ts

@@ -0,0 +1,2 @@
+export { getIntlMonth } from './getIntlMonth';
+export { getYearIntl } from './getYearIntl';

package/dist/shared/ui/formElements/uncontrolled/slider/model/helpers/formatNumber.d.ts

@@ -0,0 +1 @@
+export declare const formatNumber: (value: number | string) => string;

package/dist/shared/ui/formElements/uncontrolled/slider/model/helpers/getInputSliderSuffix.d.ts

@@ -0,0 +1,2 @@
+import { TSliderVariants } from '../types';
+export declare const getInputSliderSuffix: (variant: TSliderVariants, value: number) => string;

package/dist/shared/ui/formElements/uncontrolled/slider/model/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export { formatNumber } from './formatNumber';
+export { getInputSliderSuffix } from './getInputSliderSuffix';

package/dist/shared/ui/formElements/uncontrolled/slider/model/types.d.ts

@@ -0,0 +1 @@
+export type TSliderVariants = 'years' | 'credit';

package/dist/shared/ui/formElements/uncontrolled/slider/model/useLogarithmic.d.ts

@@ -0,0 +1,15 @@
+interface UseLogarithmicProps {
+    min: number;
+    max: number;
+    defaultSum: number;
+}
+export declare const useLogarithmic: ({ min, max, defaultSum }: UseLogarithmicProps) => {
+    min: number;
+    max: number;
+    initSum: number;
+    startSum: number;
+    fromSlider: (value: number) => number;
+    toSlider: (value: number | undefined) => number;
+    round: (sum: number, threshold?: number) => number;
+};
+export {};

package/dist/shared/ui/formElements/uncontrolled/slider/model/useSlider.d.ts

@@ -0,0 +1,17 @@
+import { TSliderVariants } from './types';
+interface UseSlider {
+    min: number;
+    max: number;
+    defaultValue: number;
+    value: number | undefined;
+    variant: TSliderVariants;
+}
+export declare const useSlider: ({ min, max, defaultValue, value, variant }: UseSlider) => {
+    getSuffixText: (value: number | undefined, variant: TSliderVariants) => string;
+    handleBlur: (value: number | undefined, onChange: (value: number) => void) => void;
+    handleChange: (onChange: (...event: unknown[]) => void, val?: number) => void;
+    toSlider: (value: number | undefined) => number;
+    fromSlider: (value: number) => number;
+    sliderValue: number;
+};
+export {};

package/dist/shared/ui/formElements/uncontrolled/slider/ui/Slider.d.ts

@@ -0,0 +1,20 @@
+import { TSliderVariants } from '../model/types';
+import * as React from 'react';
+export type SliderClasses = {
+    root?: string;
+    sliderRoot?: string;
+    sliderTrack?: string;
+    sliderThumb?: string;
+    sliderRange?: string;
+};
+export interface SliderProps {
+    classes?: SliderClasses;
+    onValueChange?: (value: number[]) => void;
+    value: number[];
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    variant?: TSliderVariants;
+}
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/shared/ui/formElements/uncontrolled/slider/ui/index.d.ts

@@ -0,0 +1 @@
+export * from './Slider';

package/dist/shared/ui/formElements/uncontrolled/switch/Switch.d.ts

@@ -0,0 +1,22 @@
+import { SwitchProps } from '@radix-ui/react-switch';
+type SwitchBaseClasses = {
+    root?: string;
+    thumb?: string;
+};
+type ExternalHandlers = {
+    onChange?: (value: boolean) => void;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+};
+export type SwitchBaseProps = SwitchProps & {
+    classes?: SwitchBaseClasses;
+    externalHandlers?: ExternalHandlers;
+    invalid?: boolean;
+};
+export declare const SwitchBase: import('react').ForwardRefExoticComponent<SwitchProps & {
+    classes?: SwitchBaseClasses;
+    externalHandlers?: ExternalHandlers;
+    invalid?: boolean;
+} & import('react').RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/shared/ui/formElements/uncontrolled/switch/index.d.ts

@@ -0,0 +1 @@
+export { SwitchBase, type SwitchBaseProps } from './Switch';

package/dist/shared/ui/formElements/uncontrolled/textarea/Textarea.d.ts

@@ -0,0 +1,59 @@
+import { FieldAttachment } from '../../ui';
+import { DeepPartial } from '../../../../types';
+type TextareaBaseClasses = {
+    container?: string;
+    textarea?: string;
+    label?: string;
+};
+type FieldAttachmentProps = React.ComponentPropsWithoutRef<typeof FieldAttachment>;
+type ExternalHandlers = {
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+};
+export type TextareaBaseProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'className'> & {
+    /**
+     * Дополнительные стили внутренних компонентов
+     */
+    classes?: TextareaBaseClasses;
+    /**
+     * Отображаемый placeholder
+     */
+    label: string;
+    /**
+     * Отображение не валидного поля
+     */
+    invalid?: boolean;
+    /**
+     * Свойства дополнительной иконки
+     */
+    attachmentProps?: DeepPartial<FieldAttachmentProps>;
+    /**
+     * Дополнительные хендлеры
+     */
+    externalHandlers?: ExternalHandlers;
+};
+export declare const TextareaBase: import('react').ForwardRefExoticComponent<Omit<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, "className" | "size"> & {
+    /**
+     * Дополнительные стили внутренних компонентов
+     */
+    classes?: TextareaBaseClasses;
+    /**
+     * Отображаемый placeholder
+     */
+    label: string;
+    /**
+     * Отображение не валидного поля
+     */
+    invalid?: boolean;
+    /**
+     * Свойства дополнительной иконки
+     */
+    attachmentProps?: DeepPartial<FieldAttachmentProps>;
+    /**
+     * Дополнительные хендлеры
+     */
+    externalHandlers?: ExternalHandlers;
+} & import('react').RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/shared/ui/formElements/uncontrolled/textarea/index.d.ts

@@ -0,0 +1 @@
+export { TextareaBase, type TextareaBaseProps } from './Textarea';

package/dist/shared/ui/formElements/uncontrolled/uploader/UploaderBase.d.ts

@@ -0,0 +1,38 @@
+import { InputHTMLAttributes } from 'react';
+import { DropzoneOptions } from 'react-dropzone';
+import { UploaderFilesClasses, UploaderInputClasses } from './ui';
+type UploaderBaseClasses = {
+    root?: string;
+    input?: UploaderInputClasses;
+    files?: UploaderFilesClasses;
+};
+export interface UploaderBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'placeholder' | 'value' | 'onChange'> {
+    /**
+     * Опции uploader-а, в нем можно валидировать файлы, указывать максимум и минимум для файлов
+     * Подробнее можно узнать в типе DropzoneOptions
+     */
+    dropzoneOptions?: DropzoneOptions;
+    /**
+     * Объект классов которые можно переопределить
+     */
+    classes?: UploaderBaseClasses;
+    /**
+     * Доп текст под инпутом
+     */
+    helperText?: string;
+    /**
+     * Сеттер значение
+     * @param file - файлы
+     */
+    onChange?: (file: File[]) => void;
+    /**
+     * Валидное ли значение
+     */
+    invalid?: boolean;
+    /**
+     * Значение
+     */
+    value?: File[];
+}
+export declare const UploaderBase: import('react').ForwardRefExoticComponent<UploaderBaseProps & import('react').RefAttributes<HTMLInputElement>>;
+export {};

package/dist/shared/ui/formElements/uncontrolled/uploader/index.d.ts

@@ -0,0 +1,2 @@
+export { UploaderBase, type UploaderBaseProps } from './UploaderBase';
+export { bytesToMegabytes, megabytesToBytes } from './model';

package/dist/shared/ui/formElements/uncontrolled/uploader/model/helpers.d.ts

@@ -0,0 +1,10 @@
+import { DropzoneOptions } from 'react-dropzone';
+export declare const bytesToMegabytes: (number: number) => number;
+export declare const megabytesToBytes: (number: number) => number;
+export declare const defaultDropzoneOptions: DropzoneOptions;
+export declare const FilesErrorCode: {
+    readonly FileInvalidType: "file-invalid-type";
+    readonly FileTooLarge: "file-too-large";
+    readonly FileTooSmall: "file-too-small";
+    readonly TooManyFiles: "too-many-files";
+};

package/dist/shared/ui/formElements/uncontrolled/uploader/model/hooks/useUploader.d.ts

@@ -0,0 +1,11 @@
+import { DropzoneOptions } from 'react-dropzone';
+export type TUseUploader = {
+    controlledFiles?: File[];
+    dropzoneOptions: DropzoneOptions;
+    onChange?: (files: File[]) => void;
+};
+export declare const useUploader: ({ dropzoneOptions, controlledFiles, onChange }: TUseUploader) => {
+    filesStatus: Record<string, "error" | "success" | "loading">;
+    removeFile: (index: number) => void;
+    dropzoneState: import('react-dropzone').DropzoneState;
+};

package/dist/shared/ui/formElements/uncontrolled/uploader/model/index.d.ts

@@ -0,0 +1 @@
+export { defaultDropzoneOptions, megabytesToBytes, bytesToMegabytes, FilesErrorCode } from './helpers';

package/dist/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFile.d.ts

@@ -0,0 +1,19 @@
+import { UploaderFileNameClasses } from './UploaderFilename';
+export type UploaderFileClasses = UploaderFileNameClasses & {
+    root?: string;
+    content?: string;
+    deleteIcon?: string;
+    buttonRoot?: string;
+    buttonDelete?: string;
+};
+interface UploaderFileProps {
+    filesStatus: {
+        [key: string]: 'loading' | 'success' | 'error';
+    };
+    removeFile: (index: number) => void;
+    classes?: UploaderFileClasses;
+    file: File;
+    index: number;
+}
+export declare const UploaderFile: ({ filesStatus, removeFile, classes, file, index }: UploaderFileProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFilename.d.ts

@@ -0,0 +1,9 @@
+export type UploaderFileNameClasses = {
+    fileText?: string;
+};
+interface UploaderFilenameProps {
+    file: File;
+    classes?: UploaderFileNameClasses;
+}
+export declare const UploaderFilename: ({ file, classes }: UploaderFilenameProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFiles.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+import { UploaderFileClasses } from './UploaderFile';
+export type UploaderFilesClasses = {
+    root?: string;
+    file?: UploaderFileClasses;
+};
+interface UploaderFilesProps extends HTMLAttributes<HTMLDivElement> {
+    files?: File[];
+    filesStatus: {
+        [key: string]: 'loading' | 'success' | 'error';
+    };
+    removeFile: (index: number) => void;
+    classes?: UploaderFilesClasses;
+}
+export declare const UploaderFiles: ({ files, filesStatus, classes, removeFile }: UploaderFilesProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/shared/ui/formElements/uncontrolled/uploader/ui/UploaderInput.d.ts

@@ -0,0 +1,17 @@
+import { DropzoneRootProps } from 'react-dropzone';
+export type UploaderInputClasses = {
+    root?: string;
+    input?: string;
+    textContainer?: string;
+    icon?: string;
+    textContent?: string;
+    textContentSpan?: string;
+};
+export interface UploaderInputProps {
+    dropzoneState: DropzoneRootProps;
+    disabled?: boolean;
+    invalid?: boolean;
+    classes?: UploaderInputClasses;
+    name?: string;
+}
+export declare const UploaderInput: import('react').ForwardRefExoticComponent<UploaderInputProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/shared/ui/formElements/uncontrolled/uploader/ui/index.d.ts

@@ -0,0 +1,4 @@
+export { UploaderFiles, type UploaderFilesClasses } from './UploaderFiles';
+export { UploaderFilename, type UploaderFileNameClasses } from './UploaderFilename';
+export { UploaderInput, type UploaderInputClasses } from './UploaderInput';
+export { UploaderFile, type UploaderFileClasses } from './UploaderFile';