@scbt-ecom/ui 0.0.41 → 0.0.47

package/dist/shared/constants/designSystem/colors.d.ts

@@ -26,6 +26,10 @@ declare const allowedBackgroundColors: {
     readonly white: "#ffffff";
     readonly 'primary-disabled': "#809bc7";
     readonly 'secondary-disabled': "#FFB7BF";
+    readonly dark: "#000000";
+    readonly purple: "#5f40bd";
+    readonly 'purple-hover': "#52399d";
+    readonly overlay: "#0000004d";
 };
 declare const allowedTextColors: {
     readonly transparent: string;

package/dist/shared/ui/ResponsiveContainer.d.ts

@@ -3,4 +3,4 @@ export interface IResponsiveContainerProps extends HTMLAttributes<HTMLDivElement
     children: ReactNode;
     className?: string;
 }
-export declare const ResponsiveContainer: ({ children, className }: IResponsiveContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResponsiveContainer: ({ children, className, ...props }: IResponsiveContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/button/Button.d.ts

@@ -1,14 +1,14 @@
 import { ComponentProps, ReactElement } from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const buttonConfig: (props?: ({
-    intent?: "primary" | "secondary" | "ghost" | "negative" | null | undefined;
+    intent?: "primary" | "secondary" | "ghost" | "negative" | "admin-accent" | "admin-primary" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     textFormat?: "initial" | "capitalize" | "uppercase" | "lowercase" | null | undefined;
     isFull?: boolean | null | undefined;
     isLoading?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type TButtonConfig = VariantProps<typeof buttonConfig>;
-export type TButtonIntents = 'primary' | 'secondary' | 'ghost' | 'negative';
+export type TButtonIntents = 'primary' | 'secondary' | 'ghost' | 'negative' | 'admin-accent' | 'admin-primary';
 export interface IButtonProps extends ComponentProps<'button'>, TButtonConfig {
     iconLeft?: ReactElement;
     iconRight?: ReactElement;

package/dist/shared/ui/formControlElements/comboboxControlSelect/ComboboxControlReactSelect.d.ts

@@ -0,0 +1,31 @@
+import { Control, FieldValues, Path } from 'react-hook-form';
+import { GroupBase } from 'react-select';
+import { TComboboxControlReactSelectClasses } from './model/types';
+import * as React from 'react';
+type TSelectVariant = 'primary' | 'secondary';
+export interface SelectOption<ValueType> {
+    value: ValueType;
+    label: string;
+}
+export interface IComboboxControlReactSelectProps<T extends FieldValues, ValueType> {
+    name: Path<T>;
+    control: Control<T>;
+    options: readonly (ValueType | GroupBase<ValueType>)[];
+    label: string;
+    size?: 'sm' | 'md' | 'lg' | 'full';
+    helperText?: string;
+    marker?: boolean;
+    variant?: TSelectVariant;
+    isClearable?: boolean;
+    defaultValue?: ValueType;
+    noOptionsMessage?: string;
+    classes?: Partial<TComboboxControlReactSelectClasses>;
+    disabled?: boolean;
+    isMulti?: boolean;
+    placeholder?: string;
+    onClickIcon?: (...args: unknown[]) => unknown;
+    onKeyDownIcon?: (event: React.KeyboardEvent) => unknown;
+    isSearchable?: boolean;
+}
+export declare const ComboboxControlReactSelect: <T extends FieldValues, ValueType>({ options, control, defaultValue, variant, isClearable, label, disabled, placeholder, helperText, noOptionsMessage, size, classes, isMulti, isSearchable, ...props }: IComboboxControlReactSelectProps<T, ValueType>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formControlElements/comboboxControlSelect/index.d.ts

@@ -0,0 +1 @@
+export { ComboboxControlReactSelect, type IComboboxControlReactSelectProps } from './ComboboxControlReactSelect';

package/dist/shared/ui/formControlElements/comboboxControlSelect/model/selectClassnames.d.ts

@@ -0,0 +1,21 @@
+import { MenuProps, OptionProps } from 'react-select';
+import { TComboboxControlReactSelectClasses } from './types';
+export declare const selectClassNames: <State>(isMulti: boolean, disabled?: boolean, classes?: Partial<TComboboxControlReactSelectClasses>) => {
+    dropdownIndicator: () => string;
+    indicatorsContainer: () => string;
+    input: () => string;
+    valueContainer: () => string;
+    control: () => string;
+    container: () => string;
+    menuList: () => string;
+    menu: (state: MenuProps<State>) => string;
+    group: () => string;
+    option: (state: OptionProps<State>) => string;
+    noOptionsMessage: () => string;
+    singleValue: () => string;
+    multiValue: () => string;
+    multiValueLabel: () => string;
+    multiValueRemove: () => string;
+    placeholder: () => string;
+    indicatorSeparator: () => string;
+};

package/dist/shared/ui/formControlElements/comboboxControlSelect/model/types.d.ts

@@ -0,0 +1,36 @@
+import { TFieldAttachmentClasses, TFieldContainerClasses, TFieldWrapperClasses } from '../../model';
+export interface TComboboxControlReactSelectClasses extends TComboboxControlReactSelectCustomClasses, Partial<TFieldAttachmentClasses>, Partial<TFieldContainerClasses>, Partial<TFieldWrapperClasses> {
+}
+export type TComboboxControlReactSelectCustomClasses = TComboboxControlReactSelectClassesGeneral & TComboboxOptionCustomClasses & TComboboxOptionCustomClasses & TComboboxDropdownIndicatorClasses & TComboboxMultiValueRemoveClasses;
+export type TComboboxControlReactSelectClassesGeneral = {
+    message?: string;
+    selectWrapper?: string;
+    dropdownIndicator?: string;
+    indicatorsContainer?: string;
+    input?: string;
+    valueContainer?: string;
+    control?: string;
+    container?: string;
+    menuList?: string;
+    menu?: string;
+    group?: string;
+    menuPortal?: string;
+    option?: string;
+    noOptionsMessage?: string;
+    singleValue?: string;
+    multiValue?: string;
+    multiValueLabel?: string;
+    multiValueRemove?: string;
+    placeholder?: string;
+};
+export type TComboboxOptionCustomClasses = {
+    optionWrapper?: string;
+    optionSpanWrapper?: string;
+    optionIcon?: string;
+};
+export type TComboboxMultiValueRemoveClasses = {
+    removeIcon?: string;
+};
+export type TComboboxDropdownIndicatorClasses = {
+    icon?: string;
+};

package/dist/shared/ui/formControlElements/comboboxControlSelect/ui/DropdownIndicator.d.ts

@@ -0,0 +1,2 @@
+import { DropdownIndicatorProps } from 'react-select';
+export declare const DropdownIndicator: <Option>(props: DropdownIndicatorProps<Option>) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formControlElements/comboboxControlSelect/ui/MultiValueRemove.d.ts

@@ -0,0 +1,2 @@
+import { MultiValueRemoveProps } from 'react-select';
+export declare const MultiValueRemove: (props: MultiValueRemoveProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formControlElements/comboboxControlSelect/ui/Option.d.ts

@@ -0,0 +1,2 @@
+import { OptionProps } from 'react-select';
+export declare const Option: <Option>({ isSelected, ...props }: OptionProps<Option>) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formControlElements/comboboxControlSelect/ui/index.d.ts

@@ -0,0 +1,3 @@
+export { Option } from './Option';
+export { DropdownIndicator } from './DropdownIndicator';
+export { MultiValueRemove } from './MultiValueRemove';

package/dist/shared/ui/formControlElements/index.d.ts

@@ -6,7 +6,9 @@ export { CheckboxControl, type ICheckboxControlProps } from './CheckboxControl';
 export { RadioControl, type IRadioControlProps, type IRadioGroupOption } from './RadioControl';
 export { SwitchControl, type ISwitchControlProps } from './SwitchControl';
 export { SelectControl, type ISelectControlProps, type ISelectOption } from './selectControl';
-export { InputSliderControl, type InputSliderControlProps } from './inputSliderControlNeedFix';
+export { InputSliderControl, type InputSliderControlProps } from './inputSliderControl';
 export { TextareaControl, type ITextareaControlProps } from './TextareaControl';
 export { CalendarControl, type ICalendarControlProps } from './calendarControl';
 export { ComboboxControl, type IComboboxControlProps } from './comboboxControl';
+export { InputControlUploader, type IInputControlUploaderProps } from './inputControlUploader';
+export { ComboboxControlReactSelect, type IComboboxControlReactSelectProps } from './comboboxControlSelect';

package/dist/shared/ui/formControlElements/inputControlUploader/InputControlUploader.d.ts

@@ -0,0 +1,10 @@
+import { DropzoneOptions } from 'react-dropzone';
+import { FieldValues } from 'react-hook-form';
+import { TControlledInputProps } from '../model';
+import { TClassesUploader } from './model/types';
+export interface IInputControlUploaderProps<T extends FieldValues> extends TControlledInputProps<T> {
+    dropzoneOptions?: DropzoneOptions;
+    disabled?: boolean;
+    classes?: Partial<TClassesUploader>;
+}
+export declare const InputControlUploader: <T extends FieldValues>({ control, disabled, helperText, classes, dropzoneOptions, ...props }: IInputControlUploaderProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formControlElements/inputControlUploader/index.d.ts

@@ -0,0 +1 @@
+export { InputControlUploader, type IInputControlUploaderProps } from './InputControlUploader';

package/dist/shared/ui/formControlElements/inputControlUploader/model/helpers.d.ts

@@ -0,0 +1,8 @@
+import { DropzoneOptions } from 'react-dropzone';
+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/formControlElements/inputControlUploader/model/hooks/useUploader.d.ts

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

package/dist/shared/ui/formControlElements/inputControlUploader/model/index.d.ts

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

package/dist/shared/ui/formControlElements/inputControlUploader/model/types.d.ts

@@ -0,0 +1,20 @@
+export type TClassesUploaderMain = {
+    wrapperMainContent: string;
+    borderContent: string;
+    wrapperTextContent: string;
+    uploaderIcon: string;
+    selectFileText: string;
+    selectFileTextSpan: string;
+    uploaderInput: string;
+    message: string;
+};
+export type TClassesUploaderFiles = {
+    filesWrapperContent: string;
+    fileWrapperContent: string;
+    fileContent: string;
+    fileDeleteIcon: string;
+    fileText: string;
+    fileButtonDeleteWrapper: string;
+    fileButtonDelete: string;
+};
+export type TClassesUploader = TClassesUploaderFiles & TClassesUploaderMain;

package/dist/shared/ui/formControlElements/inputControlUploader/ui/File.d.ts

@@ -0,0 +1,12 @@
+import { TClassesUploader } from '../model/types';
+interface IFileProps {
+    filesStatus: {
+        [key: string]: 'loading' | 'success' | 'error';
+    };
+    removeFile: (index: number) => void;
+    classes?: TClassesUploader;
+    file: File;
+    index: number;
+}
+export declare const File: ({ filesStatus, removeFile, classes, file, index }: IFileProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formControlElements/inputControlUploader/ui/Files.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+import { TClassesUploader } from '../model/types';
+interface IUploaderContentProps extends HTMLAttributes<HTMLDivElement> {
+    controlledFiles: File[];
+    filesStatus: {
+        [key: string]: 'loading' | 'success' | 'error';
+    };
+    removeFile: (index: number) => void;
+    classes?: TClassesUploader;
+}
+export declare const Files: ({ controlledFiles, filesStatus, classes, removeFile }: IUploaderContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/shared/ui/formControlElements/inputControlUploader/ui/Input.d.ts

@@ -0,0 +1,11 @@
+import { DropzoneRootProps } from 'react-dropzone';
+import { FieldError, FieldValues, Path } from 'react-hook-form';
+import { TClassesUploader } from '../model/types';
+export interface IFileInputProps<T extends FieldValues> {
+    dropzoneState: DropzoneRootProps;
+    disabled?: boolean;
+    error?: FieldError;
+    classes?: Partial<TClassesUploader>;
+    name?: Path<T>;
+}
+export declare const Input: import('react').ForwardRefExoticComponent<IFileInputProps<FieldValues> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/shared/ui/formControlElements/inputControlUploader/ui/Uploader.d.ts

@@ -0,0 +1,15 @@
+import { DropzoneOptions } from 'react-dropzone';
+import { FieldError, FieldValues, Path } from 'react-hook-form';
+import { TClassesUploader } from '../model/types';
+import * as React from 'react';
+export interface IUploaderProps<T extends FieldValues> extends React.HTMLAttributes<HTMLDivElement> {
+    controlledFiles: File[];
+    dropzoneOptions: DropzoneOptions;
+    helperText?: string;
+    onValueChange: (f: File[]) => void;
+    disabled?: boolean;
+    error?: FieldError | undefined;
+    classes?: Partial<TClassesUploader>;
+    name: Path<T>;
+}
+export declare const Uploader: React.ForwardRefExoticComponent<IUploaderProps<FieldValues> & React.RefAttributes<HTMLDivElement>>;

package/dist/shared/ui/formControlElements/inputControlUploader/ui/index.d.ts

@@ -0,0 +1,3 @@
+export { Input } from './Input';
+export { Uploader } from './Uploader';
+export { Files } from './Files';

package/dist/shared/ui/formControlElements/inputSliderControl/InputSliderControl.d.ts

@@ -0,0 +1,20 @@
+import { FieldValues } from 'react-hook-form';
+import { TAdditionalInputClassesWithAttachment, TControlledInputProps } from '../model';
+import { TSliderVariants } from './model/types';
+export interface IInputSliderCommonProps {
+    min: number;
+    max: number;
+    variant: TSliderVariants;
+    step?: number;
+}
+export interface InputSliderControlProps<T extends FieldValues> extends TControlledInputProps<T>, IInputSliderCommonProps {
+    classes?: Partial<TAdditionalInputClassesWithAttachment> & {
+        spanLeft?: string;
+        spanRight?: string;
+    };
+    disabled?: boolean;
+    onInputChange?: (value?: number) => void;
+    leftText?: string;
+    rightText?: string;
+}
+export declare const InputSliderControl: <T extends FieldValues>({ label, size, helperText, control, classes, badge, icon, disabled, onInputChange, min, max, variant, ...props }: InputSliderControlProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formControlElements/{inputSliderControlNeedFix → inputSliderControl/model}/helpers/getInputSliderSuffix.d.ts

@@ -1,3 +1,3 @@
-import { TSliderVariants } from '../model/types';
+import { TSliderVariants } from '../types';
 export declare const getInputSliderSuffix: (variant: TSliderVariants, value: number) => string;
 export declare const getMinMaxTextSlider: (variant: TSliderVariants, min: number, max: number) => string[] | ("лет" | "год" | "года")[];

package/dist/shared/ui/formControlElements/{inputSliderControlNeedFix → inputSliderControl/model}/helpers/getStepByVariant.d.ts

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

package/dist/shared/ui/formControlElements/inputSliderControl/model/types.d.ts

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

package/dist/shared/ui/formControlElements/{inputSliderControlNeedFix/hooks → inputSliderControl/model}/useSlider.d.ts

@@ -1,4 +1,4 @@
-import { TSliderVariants } from '../model/types';
+import { TSliderVariants } from './types';
 export declare const useSlider: () => {
     getSuffixText: (value: number, variant: TSliderVariants) => string;
     handleBlur: (value: number, min: number, max: number, onChange: (...event: unknown[]) => void) => void;

package/dist/shared/ui/formControlElements/inputSliderControl/ui/SliderControl.d.ts

@@ -0,0 +1,17 @@
+import { IInputSliderCommonProps } from '../InputSliderControl';
+import * as React from 'react';
+export interface ISliderControllProps extends IInputSliderCommonProps {
+    classes?: TSliderControlClasses;
+    onValueChange?: (value: number[]) => void;
+    value: number[];
+}
+export type TSliderControlClasses = {
+    sliderWrapper?: string;
+    sliderRoot?: string;
+    spanLeft?: string;
+    spanRight?: string;
+    sliderTrack?: string;
+    sliderThumb?: string;
+    sliderRange?: string;
+};
+export declare const SliderControl: React.ForwardRefExoticComponent<ISliderControllProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/shared/ui/formControlElements/model/index.d.ts

@@ -1,2 +1,2 @@
-export * from './classes-types';
-export * from './props-types';
+export type * from './classes-types';
+export type * from './props-types';

package/dist/shared/ui/formControlElements/selectControl/ui/CustomOption.d.ts

@@ -8,10 +8,11 @@ export type TCustomOptionClasses = {
 };
 export interface ISelectOption {
     optionValue: string;
+    optionLabel: string;
     isDisabled?: boolean;
     additionalText?: ReactElement | string;
 }
 export interface ICustomOptionProps extends ISelectOption {
     classes?: Partial<TCustomOptionClasses>;
 }
-export declare const CustomOption: ({ optionValue, additionalText, isDisabled, classes }: ICustomOptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomOption: ({ optionValue, optionLabel, additionalText, isDisabled, classes }: ICustomOptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formControlElements/ui/FieldAttachment.d.ts

@@ -9,6 +9,7 @@ interface IFieldAttachmentProps extends TFieldAttachment {
     onClickIcon?: (...args: unknown[]) => unknown;
     onKeyDownIcon?: (event: React.KeyboardEvent) => unknown;
     isSlider?: boolean;
+    absolute?: boolean;
 }
-export declare const FieldAttachment: ({ badge, isSlider, icon, error, isTextarea, classes, swapPosition, onClickIcon, onKeyDownIcon }: IFieldAttachmentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldAttachment: ({ badge, isSlider, icon, error, isTextarea, classes, swapPosition, onClickIcon, onKeyDownIcon, absolute }: IFieldAttachmentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/ui/formControlElements/ui/FieldWrapper.d.ts

@@ -10,5 +10,5 @@ interface IFieldWrapperProps<V> {
     disabled?: boolean;
     isTextarea?: boolean;
 }
-export declare const FieldWrapper: <V>({ children, error, disabled, classes, fieldId, label, value, isTextarea }: IFieldWrapperProps<V>) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldWrapper: <V>({ children, error, disabled, classes, ...props }: IFieldWrapperProps<V>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/ui/formControlElements/ui/Label.d.ts

@@ -0,0 +1,11 @@
+import { TFieldWrapperClasses } from '../model';
+interface ILabelProps<V> {
+    label: string;
+    fieldId: string;
+    value: V;
+    classes?: Partial<TFieldWrapperClasses>;
+    isTextarea?: boolean;
+    disabled?: boolean;
+}
+export declare const Label: <V>({ disabled, fieldId, label, value, classes, isTextarea }: ILabelProps<V>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/icon/sprite.gen.d.ts

@@ -1,7 +1,7 @@
 export interface SpritesMap {
     arrows: 'arrowCircle' | 'arrowLink' | 'arrowRight';
     brandLogos: 'logoBlack' | 'logoBusiness' | 'logoGray' | 'logoInsurance' | 'logoMain' | 'logoWhite';
-    files: 'documentFilled' | 'documentOutline';
+    files: 'border' | 'borderError' | 'documentFilled' | 'documentOutline' | 'upload';
     general: 'calendar' | 'check' | 'close' | 'edit' | 'hiddenEye' | 'showEye';
     info: 'warningCircle';
 }

package/dist/shared/ui/index.d.ts

@@ -20,4 +20,4 @@ export { brandLogos, type TBrandLogoVariant } from './brandLogos';
 export { Breadcrumbs, type IBreadcrumbsProps } from './Breadcrumbs';
 export { CustomLink, type ICustomLinkProps } from './CustomLink';
 export { Document, type IDocumentProps } from './Document';
-export { InputControl, type InputControlProps, InputControlMask, type InputControlMaskProps, InputSliderControl, type InputSliderControlProps, FormControl, DadataInputControl, type IDadataInputControlProps, CheckboxControl, type ICheckboxControlProps, RadioControl, type IRadioControlProps, type IRadioGroupOption, SwitchControl, type ISwitchControlProps, SelectControl, type ISelectControlProps, type ISelectOption, TextareaControl, type ITextareaControlProps, CalendarControl, type ICalendarControlProps, ComboboxControl, type IComboboxControlProps } from './formControlElements';
+export { InputControl, type InputControlProps, InputControlMask, type InputControlMaskProps, InputSliderControl, type InputSliderControlProps, FormControl, DadataInputControl, type IDadataInputControlProps, CheckboxControl, type ICheckboxControlProps, RadioControl, type IRadioControlProps, type IRadioGroupOption, SwitchControl, type ISwitchControlProps, SelectControl, type ISelectControlProps, type ISelectOption, TextareaControl, type ITextareaControlProps, type ICalendarControlProps, ComboboxControl, type IComboboxControlProps, type IInputControlUploaderProps, InputControlUploader, CalendarControl } from './formControlElements';

package/dist/shared/ui/modal/Modal.d.ts

@@ -7,8 +7,8 @@ type IModalClasses = TModalHeaderClasses & {
 };
 export interface IModalProps extends IModalHeaderProps {
     children: React.ReactElement;
-    modalIsOpen: boolean;
+    isModalOpen: boolean;
     classes?: Partial<IModalClasses>;
 }
-export declare const Modal: ({ title, children, modalIsOpen, closeModal, classes }: IModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ title, children, isModalOpen, closeModal, classes }: IModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/ui/modal/model/helpers.d.ts

@@ -0,0 +1,33 @@
+export declare const modalOverlayAnimation: {
+    initial: {
+        opacity: number;
+    };
+    animate: {
+        opacity: number;
+    };
+    exit: {
+        opacity: number;
+    };
+    transition: {
+        duration: number;
+        ease: string;
+    };
+};
+export declare const modalContentAnimation: {
+    initial: {
+        opacity: number;
+        scale: number;
+    };
+    animate: {
+        opacity: number;
+        scale: number;
+    };
+    exit: {
+        opacity: number;
+        scale: number;
+    };
+    transition: {
+        duration: number;
+        ease: string;
+    };
+};

package/dist/shared/ui/modal/ui/ModalHeader.d.ts

@@ -5,7 +5,7 @@ export type TModalHeaderClasses = {
     icon: string;
 };
 export interface IModalHeaderProps {
-    title: string | React.ReactElement;
+    title?: string | React.ReactElement;
     closeModal: () => void;
     classes?: Partial<TModalHeaderClasses>;
 }

package/dist/sprites/files.svg

@@ -1 +1 @@
-<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="documentFilled" fill="none" viewBox="0 0 22 28"><path fill="currentColor" fill-rule="evenodd" d="M.333 3.038A2.374 2.374 0 0 1 2.71.667h11.053c.26 0 .51.102.698.288l6.909 6.85c.188.188.297.444.297.714v16.443a2.374 2.374 0 0 1-2.377 2.371H2.71a2.374 2.374 0 0 1-2.377-2.371V3.038ZM2.71 2.67H11c.103 0 .201.04.274.108a.36.36 0 0 1 .113.261V9.89a1 1 0 0 0 .995 1.002h6.908c.214 0 .387.165.387.369v13.702a.378.378 0 0 1-.387.369H2.71a.378.378 0 0 1-.387-.37V3.039c0-.204.173-.369.387-.369Zm10.909.595a.4.4 0 0 1 .423.086l4.955 4.913a.356.356 0 0 1 .077.4.388.388 0 0 1-.356.225h-4.955a.378.378 0 0 1-.386-.369V3.606a.37.37 0 0 1 .242-.342Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M11 2.67H2.71a.378.378 0 0 0-.387.368v21.924c0 .204.173.369.387.369h16.58a.378.378 0 0 0 .387-.37V11.26a.378.378 0 0 0-.387-.37h-6.908a.998.998 0 0 1-.995-1V3.037a.36.36 0 0 0-.113-.26.397.397 0 0 0-.274-.109Zm0 9.925c-.535 0-.995.3-.995.867v4.766a.37.37 0 0 1-.242.342.4.4 0 0 1-.424-.086l-.404-.401a.99.99 0 0 0-1.397 0 1.006 1.006 0 0 0 0 1.426l2.764 2.74a.99.99 0 0 0 1.396 0l2.763-2.74a1.006 1.006 0 0 0 0-1.426.99.99 0 0 0-1.396 0l-.404.4a.4.4 0 0 1-.424.087.37.37 0 0 1-.242-.342v-4.766c0-.567-.46-.867-.995-.867Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="documentOutline" fill="none" viewBox="0 0 22 28"><path fill="currentColor" d="M.333 3.333A2.667 2.667 0 0 1 3 .667h10.667c.353 0 .692.14.943.39l6.666 6.667c.25.25.39.589.39.943v16A2.667 2.667 0 0 1 19 27.333H3a2.667 2.667 0 0 1-2.667-2.666V3.333Zm18.115 5.334-4.781-4.781v4.78h4.78ZM11 3.333H3v21.334h16V11.333h-6.667A1.333 1.333 0 0 1 11 10V3.333Z"/><path fill="currentColor" d="M9.941 13.722c0-.597.49-1.055 1.059-1.055.57 0 1.059.458 1.059 1.055v3.735a.39.39 0 0 0 .258.361c.156.06.334.023.45-.091l.431-.423a1.06 1.06 0 0 1 1.486 0c.421.413.421 1.09 0 1.503l-2.94 2.89a1.06 1.06 0 0 1-1.487 0l-2.941-2.89a1.053 1.053 0 0 1 0-1.503 1.06 1.06 0 0 1 1.486 0l.43.423a.43.43 0 0 0 .451.091.39.39 0 0 0 .258-.36v-3.736Z"/></symbol></svg>
+<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="border" fill="none" viewBox="0 0 476 64"><mask id="a" fill="currentColor"><path d="M0 4a4 4 0 0 1 4-4h468a4 4 0 0 1 4 4v56a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4Z"/></mask><path fill="currentColor" d="M4 63.5A3.5 3.5 0 0 1 .5 60h-1A4.5 4.5 0 0 0 4 64.5v-1ZM.5 60v-7h-1v7h1Zm0-21V25h-1v14h1Zm0-28V4h-1v7h1Zm0-7A3.5 3.5 0 0 1 4 .5v-1A4.5 4.5 0 0 0-.5 4h1ZM4 .5h5.85v-1H4v1Zm17.55 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0H472v-1h-5.85v1Zm5.85 0a3.5 3.5 0 0 1 3.5 3.5h1A4.5 4.5 0 0 0 472-.5v1Zm3.5 3.5v7h1V4h-1Zm0 21v14h1V25h-1Zm0 28v7h1v-7h-1Zm0 7a3.5 3.5 0 0 1-3.5 3.5v1a4.5 4.5 0 0 0 4.5-4.5h-1Zm-3.5 3.5h-5.85v1H472v-1Zm-17.55 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0H4v1h5.85v-1ZM4 63a3 3 0 0 1-3-3h-2a5 5 0 0 0 5 5v-2Zm-3-3v-7h-2v7h2Zm0-21V25h-2v14h2Zm0-28V4h-2v7h2Zm0-7a3 3 0 0 1 3-3v-2a5 5 0 0 0-5 5h2Zm3-3h5.85v-2H4v2Zm17.55 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0H472v-2h-5.85v2ZM472 1a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5v2Zm3 3v7h2V4h-2Zm0 21v14h2V25h-2Zm0 28v7h2v-7h-2Zm0 7a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5h-2Zm-3 3h-5.85v2H472v-2Zm-17.55 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0H4v2h5.85v-2Z" mask="url(#a)"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="borderError" fill="none" viewBox="0 0 476 64"><path fill="currentColor" d="M4 63.5A3.5 3.5 0 0 1 .5 60h-1A4.5 4.5 0 0 0 4 64.5v-1ZM.5 60v-7h-1v7h1Zm0-21V25h-1v14h1Zm0-28V4h-1v7h1Zm0-7A3.5 3.5 0 0 1 4 .5v-1A4.5 4.5 0 0 0-.5 4h1ZM4 .5h5.85v-1H4v1Zm17.55 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0H472v-1h-5.85v1Zm5.85 0a3.5 3.5 0 0 1 3.5 3.5h1A4.5 4.5 0 0 0 472-.5v1Zm3.5 3.5v7h1V4h-1Zm0 21v14h1V25h-1Zm0 28v7h1v-7h-1Zm0 7a3.5 3.5 0 0 1-3.5 3.5v1a4.5 4.5 0 0 0 4.5-4.5h-1Zm-3.5 3.5h-5.85v1H472v-1Zm-17.55 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0H4v1h5.85v-1ZM4 63a3 3 0 0 1-3-3h-2a5 5 0 0 0 5 5v-2Zm-3-3v-7h-2v7h2Zm0-21V25h-2v14h2Zm0-28V4h-2v7h2Zm0-7a3 3 0 0 1 3-3v-2a5 5 0 0 0-5 5h2Zm3-3h5.85v-2H4v2Zm17.55 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0H472v-2h-5.85v2ZM472 1a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5v2Zm3 3v7h2V4h-2Zm0 21v14h2V25h-2Zm0 28v7h2v-7h-2Zm0 7a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5h-2Zm-3 3h-5.85v2H472v-2Zm-17.55 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0H4v2h5.85v-2Z" mask="url(#a)"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="documentFilled" fill="none" viewBox="0 0 22 28"><path fill="currentColor" fill-rule="evenodd" d="M.333 3.038A2.374 2.374 0 0 1 2.71.667h11.053c.26 0 .51.102.698.288l6.909 6.85c.188.188.297.444.297.714v16.443a2.374 2.374 0 0 1-2.377 2.371H2.71a2.374 2.374 0 0 1-2.377-2.371V3.038ZM2.71 2.67H11c.103 0 .201.04.274.108a.36.36 0 0 1 .113.261V9.89a1 1 0 0 0 .995 1.002h6.908c.214 0 .387.165.387.369v13.702a.378.378 0 0 1-.387.369H2.71a.378.378 0 0 1-.387-.37V3.039c0-.204.173-.369.387-.369Zm10.909.595a.4.4 0 0 1 .423.086l4.955 4.913a.356.356 0 0 1 .077.4.388.388 0 0 1-.356.225h-4.955a.378.378 0 0 1-.386-.369V3.606a.37.37 0 0 1 .242-.342Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M11 2.67H2.71a.378.378 0 0 0-.387.368v21.924c0 .204.173.369.387.369h16.58a.378.378 0 0 0 .387-.37V11.26a.378.378 0 0 0-.387-.37h-6.908a.998.998 0 0 1-.995-1V3.037a.36.36 0 0 0-.113-.26.397.397 0 0 0-.274-.109Zm0 9.925c-.535 0-.995.3-.995.867v4.766a.37.37 0 0 1-.242.342.4.4 0 0 1-.424-.086l-.404-.401a.99.99 0 0 0-1.397 0 1.006 1.006 0 0 0 0 1.426l2.764 2.74a.99.99 0 0 0 1.396 0l2.763-2.74a1.006 1.006 0 0 0 0-1.426.99.99 0 0 0-1.396 0l-.404.4a.4.4 0 0 1-.424.087.37.37 0 0 1-.242-.342v-4.766c0-.567-.46-.867-.995-.867Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="documentOutline" fill="none" viewBox="0 0 22 28"><path fill="currentColor" d="M.333 3.333A2.667 2.667 0 0 1 3 .667h10.667c.353 0 .692.14.943.39l6.666 6.667c.25.25.39.589.39.943v16A2.667 2.667 0 0 1 19 27.333H3a2.667 2.667 0 0 1-2.667-2.666V3.333Zm18.115 5.334-4.781-4.781v4.78h4.78ZM11 3.333H3v21.334h16V11.333h-6.667A1.333 1.333 0 0 1 11 10V3.333Z"/><path fill="currentColor" d="M9.941 13.722c0-.597.49-1.055 1.059-1.055.57 0 1.059.458 1.059 1.055v3.735a.39.39 0 0 0 .258.361c.156.06.334.023.45-.091l.431-.423a1.06 1.06 0 0 1 1.486 0c.421.413.421 1.09 0 1.503l-2.94 2.89a1.06 1.06 0 0 1-1.487 0l-2.941-2.89a1.053 1.053 0 0 1 0-1.503 1.06 1.06 0 0 1 1.486 0l.43.423a.43.43 0 0 0 .451.091.39.39 0 0 0 .258-.36v-3.736Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="upload" fill="none" viewBox="0 0 23 20"><path fill="currentColor" fill-rule="evenodd" d="M11.5 2.222c-3.237 0-5.83 2.602-5.83 5.772v.103c.01.517-.334.971-.83 1.098a2.83 2.83 0 0 0-2.14 2.732c0 1.033.564 1.947 1.424 2.44.528.304.713.982.412 1.516-.3.533-.972.72-1.5.416A5.04 5.04 0 0 1 .5 11.927a5.042 5.042 0 0 1 2.998-4.608C3.842 3.206 7.31 0 11.5 0a8.03 8.03 0 0 1 7.646 5.547 6.024 6.024 0 0 1 3.354 5.396c0 1.98-.96 3.733-2.427 4.827a1.093 1.093 0 0 1-1.538-.233 1.118 1.118 0 0 1 .232-1.554 3.783 3.783 0 0 0 1.533-3.04 3.808 3.808 0 0 0-2.458-3.549 1.108 1.108 0 0 1-.677-.77c-.618-2.516-2.911-4.402-5.665-4.402ZM7.581 13.206l3.15-3.112a1.092 1.092 0 0 1 1.538 0l3.15 3.112a1.12 1.12 0 0 1 .018 1.57 1.092 1.092 0 0 1-1.556.018L12.6 13.53v5.36c0 .614-.492 1.111-1.1 1.111-.607 0-1.1-.497-1.1-1.111v-5.36l-1.281 1.265a1.092 1.092 0 0 1-1.556-.017 1.12 1.12 0 0 1 .018-1.571Z" clip-rule="evenodd"/></symbol></svg>