@scbt-ecom/ui 0.0.38 → 0.0.42

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/button/Button.d.ts

@@ -1,13 +1,14 @@
 import { ComponentProps, ReactElement } from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const buttonConfig: (props?: ({
-    intent?: "primary" | "secondary" | "ghost" | "red" | 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' | 'red';
+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/InputControlMask.d.ts

@@ -7,4 +7,4 @@ export interface InputControlMaskProps<T extends FieldValues> extends TControlle
     onInputChange?: (arg?: string) => void;
     classes?: Partial<TAdditionalInputClassesWithAttachment>;
 }
-export declare const InputControlMask: <T extends FieldValues>({ format, allowEmptyFormatting, mask, control, onInputChange, size, helperText, label, classes, disabled, badge, icon, swapPosition, ...props }: InputControlMaskProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const InputControlMask: <T extends FieldValues>({ format, allowEmptyFormatting, mask, control, onInputChange, size, helperText, label, classes, disabled, badge, icon, swapPosition, onClickIcon, onKeyDownIcon, ...props }: InputControlMaskProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -7,5 +7,5 @@ type TTextareaClasses = Partial<TAdditionalInputClassesWithAttachment> & {
 export interface ITextareaControlProps<T extends FieldValues> extends TControlledInputProps<T>, TTextareaCommonProps {
     classes?: Partial<TTextareaClasses>;
 }
-export declare const TextareaControl: <T extends FieldValues>({ label, size, helperText, control, classes, badge, icon, swapPosition, disabled, placeholder, ...props }: ITextareaControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const TextareaControl: <T extends FieldValues>({ label, size, helperText, control, classes, badge, icon, swapPosition, disabled, placeholder, onClickIcon, onKeyDownIcon, ...props }: ITextareaControlProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/ui/formControlElements/comboboxControl/ComboboxControl.d.ts

@@ -0,0 +1,6 @@
+import { FieldValues } from 'react-hook-form';
+import { TControlledInputProps, TInputCommonProps } from '../model';
+export interface IComboboxControlProps<T extends FieldValues> extends TControlledInputProps<T>, TInputCommonProps {
+    classes: any;
+}
+export declare const ComboboxControl: <T extends FieldValues>({ control, helperText, size, label, disabled, badge, icon, swapPosition, onClickIcon, onKeyDownIcon, classes, multiple, ...props }: IComboboxControlProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { ComboboxControl, type IComboboxControlProps } from './ComboboxControl';

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

@@ -0,0 +1,6 @@
+export interface IComboboxOption {
+    optionValue: string;
+    additionalText?: string;
+    isDisabled?: boolean;
+}
+export declare const CustomOption: ({ optionValue, additionalText, isDisabled }: IComboboxOption) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formControlElements/dadata/DadataInputControl.d.ts

@@ -10,5 +10,5 @@ export interface IDadataInputControlProps<T extends FieldValues> extends TContro
     dadataType?: TDadataType;
     dadataBaseUrl?: TDadataBaseUrl;
 }
-export declare const DadataInputControl: <T extends FieldValues>({ control, helperText, classes, size, label, disabled, dadataType, dadataBaseUrl, badge, icon, swapPosition, ...props }: IDadataInputControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DadataInputControl: <T extends FieldValues>({ control, helperText, classes, size, label, disabled, dadataType, dadataBaseUrl, badge, icon, swapPosition, onClickIcon, onKeyDownIcon, ...props }: IDadataInputControlProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,10 +1,13 @@
-export { InputControl, type InputControlProps } from './InputControl';
+export { InputControl, type InputControlProps } from './inputControl';
 export { InputControlMask, type InputControlMaskProps } from './InputControlMask';
 export { FormControl } from './FormControl';
 export { DadataInputControl, type IDadataInputControlProps } from './dadata';
 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 { SelectControl, type ISelectControlProps, type ISelectOption } from './selectControl';
+export { InputSliderControl, type InputSliderControlProps } from './inputSliderControlRename';
 export { TextareaControl, type ITextareaControlProps } from './TextareaControl';
 export { CalendarControl, type ICalendarControlProps } from './calendarControl';
+export { ComboboxControl, type IComboboxControlProps } from './comboboxControl';
+export { InputControlUploader, type IInputControlUploaderProps } from './inputControlUploaderRename';

package/dist/shared/ui/formControlElements/{InputControl.d.ts → inputControl/InputControl.d.ts}

@@ -1,6 +1,7 @@
 import { FieldValues } from 'react-hook-form';
-import { TAdditionalInputClassesWithAttachment, TControlledInputProps, TInputCommonProps } from './model';
+import { TAdditionalInputClassesWithAttachment, TControlledInputProps, TInputCommonProps } from '../model';
 export interface InputControlProps<T extends FieldValues> extends TControlledInputProps<T>, TInputCommonProps {
     classes?: Partial<TAdditionalInputClassesWithAttachment>;
+    variant?: 'base' | 'password';
 }
-export declare const InputControl: <T extends FieldValues>({ label, size, helperText, control, classes, badge, icon, swapPosition, disabled, ...props }: InputControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const InputControl: <T extends FieldValues>({ label, size, helperText, control, classes, badge, icon, swapPosition, disabled, variant, onClickIcon, onKeyDownIcon, ...props }: InputControlProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { InputControl, type InputControlProps } from './InputControl';

package/dist/shared/ui/formControlElements/inputControl/model/hooks.d.ts

@@ -0,0 +1,5 @@
+export declare const useInputPassword: (onClickIcon?: (...args: unknown[]) => unknown) => {
+    passportIsVisible: boolean;
+    handleShowPassword: () => void;
+    displayPasswordIcon: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/shared/ui/formControlElements/inputControlUploaderRename/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/inputControlUploaderRename/index.d.ts

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

package/dist/shared/ui/formControlElements/inputControlUploaderRename/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/inputControlUploaderRename/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/inputControlUploaderRename/model/index.d.ts

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

package/dist/shared/ui/formControlElements/inputControlUploaderRename/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/inputControlUploaderRename/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/inputControlUploaderRename/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/inputControlUploaderRename/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/inputControlUploaderRename/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/inputControlUploaderRename/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/inputSliderControlRename/InputSliderControl.d.ts

@@ -0,0 +1,15 @@
+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>;
+    disabled?: boolean;
+    onInputChange?: (value?: number) => void;
+}
+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/inputSliderControlRename/index.d.ts

@@ -0,0 +1 @@
+export { InputSliderControl, type InputSliderControlProps } from './InputSliderControl';

package/dist/shared/ui/formControlElements/inputSliderControlRename/model/helpers/dates/getEndWordMonth.d.ts

@@ -0,0 +1 @@
+export declare function getEndWordMonth(months: number): "месяцев" | "месяца" | "месяц";

package/dist/shared/ui/formControlElements/inputSliderControlRename/model/helpers/dates/getYearEnding.d.ts

@@ -0,0 +1 @@
+export declare function getYearEnding(years: number): "лет" | "год" | "года";

package/dist/shared/ui/formControlElements/inputSliderControlRename/model/helpers/dates/index.d.ts

@@ -0,0 +1,2 @@
+export { getEndWordMonth } from './getEndWordMonth';
+export { getYearEnding } from './getYearEnding';

package/dist/shared/ui/formControlElements/inputSliderControlRename/model/helpers/formatNumber.d.ts

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

package/dist/shared/ui/formControlElements/inputSliderControlRename/model/helpers/getInputSliderSuffix.d.ts

@@ -0,0 +1,3 @@
+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/inputSliderControlRename/model/helpers/getStepByVariant.d.ts

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

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

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

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

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

package/dist/shared/ui/formControlElements/inputSliderControlRename/model/useSlider.d.ts

@@ -0,0 +1,6 @@
+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;
+    handleChange: (onChange: (...event: unknown[]) => void, val?: number) => void;
+};

package/dist/shared/ui/formControlElements/inputSliderControlRename/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/inputSliderControlRename/ui/index.d.ts

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

package/dist/shared/ui/formControlElements/model/props-types.d.ts

@@ -14,6 +14,8 @@ export type TFieldAttachment = {
     badge?: string;
     icon?: React.ReactElement;
     swapPosition?: boolean;
+    onClickIcon?: (...args: unknown[]) => unknown;
+    onKeyDownIcon?: (event: React.KeyboardEvent) => unknown;
 };
 export type TControlledInputProps<T extends FieldValues> = TFieldContainerConfig & TFieldAttachment & TFieldControlledProps<T>;
 export type TControlledInputPrimitiveProps<T extends FieldValues> = TInputCommonProps & TFieldControlledProps<T>;

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

@@ -0,0 +1,24 @@
+import { FieldValues } from 'react-hook-form';
+import { TControlledInputProps, TFieldContainerClasses } from '../model';
+import { ISelectOption, TCustomListboxButtonClasses, TCustomOptionClasses } from './ui';
+type ISelectControlClasses = TCustomOptionClasses & TCustomListboxButtonClasses & TFieldContainerClasses & {
+    optionsList: string;
+    scrollArea: string;
+};
+export type TCommonSelectProps = {
+    intent?: 'filled' | 'clear' | null;
+    multiple?: boolean;
+    disabled?: boolean;
+    error?: string;
+};
+export interface ISelectControlProps<T extends FieldValues> extends TControlledInputProps<T>, TCommonSelectProps {
+    classes?: Partial<ISelectControlClasses>;
+    optionsList: ISelectOption[];
+    anchorConfig?: {
+        gap?: number | string;
+        offset?: number | string;
+        padding?: number | string;
+    };
+}
+export declare const SelectControl: <T extends FieldValues>({ size, control, helperText, disabled, classes, optionsList, label, multiple, intent, anchorConfig, ...props }: ISelectControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export { SelectControl, type ISelectControlProps } from './SelectControl';
+export type { ISelectOption } from './ui';

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

@@ -0,0 +1,14 @@
+import { TCommonSelectProps } from '../SelectControl';
+export type TCustomListboxButtonClasses = {
+    label: string;
+    value: string;
+    trigger: string;
+    arrowIcon: string;
+    message: string;
+};
+export interface ICustomListboxButtonProps extends TCommonSelectProps {
+    label: string;
+    controlledValue: string | string[];
+    classes?: Partial<TCustomListboxButtonClasses>;
+}
+export declare const CustomListboxButton: ({ classes, intent, controlledValue, multiple, label, disabled, error }: ICustomListboxButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import { ReactElement } from 'react';
+export type TCustomOptionClasses = {
+    option: string;
+    optionWrapper: string;
+    optionValue: string;
+    optionIcon: string;
+    optionText: string;
+};
+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, optionLabel, additionalText, isDisabled, classes }: ICustomOptionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { CustomOption, type TCustomOptionClasses, type ISelectOption } from './CustomOption';
+export { CustomListboxButton, type TCustomListboxButtonClasses } from './CustomListboxButton';

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

@@ -8,6 +8,7 @@ interface IFieldAttachmentProps extends TFieldAttachment {
     swapPosition?: boolean;
     onClickIcon?: (...args: unknown[]) => unknown;
     onKeyDownIcon?: (event: React.KeyboardEvent) => unknown;
+    isSlider?: boolean;
 }
-export declare const FieldAttachment: ({ badge, 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 }: IFieldAttachmentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -9,6 +9,7 @@ export type TFieldContainerConfig = VariantProps<typeof fieldContainerConfig>;
 interface IFieldContainerProps extends TFieldContainerConfig {
     classes?: Partial<TFieldContainerClasses>;
     children: React.ReactNode;
+    intent?: 'clear' | 'filled' | null;
 }
 export declare const FieldContainer: ({ size, intent, classes, children }: IFieldContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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, 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 } 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>

package/dist/sprites/general.svg

@@ -1 +1 @@
-<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="calendar" fill="none" viewBox="0 0 19 20"><path fill="currentColor" fill-rule="evenodd" d="M4.56 0a1 1 0 0 1 1 1v.543h8.19V1a1 1 0 1 1 2 0v.604c1.714.317 3 1.834 3 3.639V16.3c0 2.032-1.63 3.7-3.667 3.7H4.417C2.38 20 .75 18.332.75 16.3V5.243a3.696 3.696 0 0 1 2.81-3.599V1a1 1 0 0 1 1-1Zm-.02 3.543h-.123c-.91 0-1.667.75-1.667 1.7v.671h14v-.671c0-.95-.758-1.7-1.667-1.7H4.58a1.066 1.066 0 0 1-.04 0Zm12.21 4.371h-14V16.3c0 .95.758 1.7 1.667 1.7h10.666c.91 0 1.667-.75 1.667-1.7V7.914Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="check" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="m4.892 13.269 4.274 4.274L18.709 8"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="close" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5.293 5.293a1 1 0 0 1 1.414 0L12 10.586l5.293-5.293a1 1 0 1 1 1.414 1.414L13.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L12 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L10.586 12 5.293 6.707a1 1 0 0 1 0-1.414Z"/></symbol></svg>
+<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="calendar" fill="none" viewBox="0 0 19 20"><path fill="currentColor" fill-rule="evenodd" d="M4.56 0a1 1 0 0 1 1 1v.543h8.19V1a1 1 0 1 1 2 0v.604c1.714.317 3 1.834 3 3.639V16.3c0 2.032-1.63 3.7-3.667 3.7H4.417C2.38 20 .75 18.332.75 16.3V5.243a3.696 3.696 0 0 1 2.81-3.599V1a1 1 0 0 1 1-1Zm-.02 3.543h-.123c-.91 0-1.667.75-1.667 1.7v.671h14v-.671c0-.95-.758-1.7-1.667-1.7H4.58a1.066 1.066 0 0 1-.04 0Zm12.21 4.371h-14V16.3c0 .95.758 1.7 1.667 1.7h10.666c.91 0 1.667-.75 1.667-1.7V7.914Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="check" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="m4.892 13.269 4.274 4.274L18.709 8"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="close" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5.293 5.293a1 1 0 0 1 1.414 0L12 10.586l5.293-5.293a1 1 0 1 1 1.414 1.414L13.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L12 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L10.586 12 5.293 6.707a1 1 0 0 1 0-1.414Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="edit" fill="none" viewBox="0 0 19 19"><path fill="currentColor" d="M13.293.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-13 13A1 1 0 0 1 5 19H1a1 1 0 0 1-1-1v-4a1 1 0 0 1 .293-.707l13-13ZM14 2.414l-12 12V17h2.586l12-12L14 2.414Z"/><path fill="currentColor" fill-rule="evenodd" d="M9 18a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="hiddenEye" fill="none" viewBox="0 0 20 18"><path fill="currentColor" d="M2.707.293a1 1 0 0 0-1.414 1.414l2.424 2.424C2.287 5.207 1.04 6.685.106 8.553a1 1 0 0 0 0 .894C2.264 13.764 6.096 16 10 16c1.555 0 3.1-.355 4.53-1.055l2.763 2.762a1 1 0 0 0 1.414-1.414l-16-16Zm10.307 13.135c-.98.383-2 .572-3.014.572-2.969 0-6.002-1.62-7.87-5 .817-1.479 1.858-2.62 3.018-3.437l2.144 2.144a3 3 0 0 0 4.001 4.001l1.72 1.72Zm3.538-2.532c.483-.556.926-1.187 1.318-1.896-1.868-3.38-4.9-5-7.87-5-.112 0-.224.002-.336.007L7.879 2.223A10.215 10.215 0 0 1 10 2c3.903 0 7.736 2.236 9.894 6.553a1 1 0 0 1 0 .894 13.107 13.107 0 0 1-1.925 2.865l-1.417-1.416Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="showEye" fill="none" viewBox="0 0 20 14"><path fill="currentColor" d="M13 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/><path fill="currentColor" d="M19.894 6.553C17.736 2.236 13.904 0 10 0 6.097 0 2.264 2.236.106 6.553a1 1 0 0 0 0 .894C2.264 11.764 6.096 14 10 14c3.903 0 7.736-2.236 9.894-6.553a1 1 0 0 0 0-.894ZM10 12c-2.969 0-6.002-1.62-7.87-5C3.998 3.62 7.03 2 10 2c2.969 0 6.002 1.62 7.87 5-1.868 3.38-4.901 5-7.87 5Z"/></symbol></svg>