stone-kit 0.0.873 → 0.0.874

package/dist/main.d.ts

@@ -1,33 +1,956 @@
-export { Button } from './components/Button';
-export { MobileButton } from './components/mobileButton';
-export { NewIcon } from './components/NewIcon';
-export { DestinationTab } from './components/DestinationTab';
-export { RoundButton } from './components/RoundButton';
-export { Tag } from './components/Tag';
-export { Switcher } from './components/Switcher';
-export { Text } from './components/Text';
-export { Flex } from './components/Flex';
-export { Input } from './components/Input';
-export { Modal } from './components/Modal';
-export { FieldInput } from './components/FieldInput';
-export { TabSwitcher } from './components/TabSwitcher';
-export { GroupedInputs } from './components/GroupedInput';
-export { Logo } from './components/Logo';
-export { MetroTag } from './components/MetroTag';
-export { LotCard } from './components/LotCard';
-export { Select } from './components/Select';
-export { useClientWidth } from './shared/useClientWidth';
-export { deepEqual } from './shared/deepEqual.ts';
-export { SortSelect } from './components/SortSelect';
-export { SliderNavigation } from './components/SliderNavigation';
-export { LotCardSkeleton } from './components/LotCardSkeleton';
-export { ProjectCardSkeleton } from './components/ProjectCardSkeleton';
-export { TabSelect } from './components/TabSelect';
-export { ZoomControls } from './components/ZoomControls';
-export { ModalForm } from './components/FormModal/ui/ModalForm.tsx';
-export { ModalSuccess } from './components/ModalSuccess/ModalSuccess.tsx';
-export { SummarySelect } from './components/SummarySelect';
-export { FilterWithSave } from './components/FilterWithSave/ui/FilterWithSave.tsx';
-export { CheckBox } from './components/CheckBox/CheckBox.tsx';
-export { CheckBoxNew } from './components/CheckBoxNew/CheckBoxNew.tsx';
-export { CheckboxSelect } from './components/CheckboxSelect/ui/CheckboxSelect.tsx';
+/// <reference types="react" />
+
+import { default as default_2 } from 'react';
+import { Dispatch } from 'react';
+import { FC } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { Input } from './ui/Input';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { SetStateAction } from 'react';
+
+declare type BaseInputProps = JSX.IntrinsicElements['input'] & TBtn;
+
+declare type btnSizes = 'large' | 'medium' | 'small' | 'tiny';
+
+declare type btnSizes_2 = 'small';
+
+declare type btnSizes_3 = 'large' | 'medium' | 'small' | 'tiny';
+
+declare type btnVariant = keyof typeof BUTTON_VARIANTS;
+
+declare type btnWidth = 'auto' | 'full';
+
+declare type btnWidth_2 = 'auto' | 'full';
+
+export declare const Button: ({ size, size_m, size_l, onCLick, pre, children, post, variant, width, additionalClass, isLoading, ...props }: default_2.PropsWithChildren<ComponentProps>) => JSX_2.Element;
+
+declare const BUTTON_VARIANTS: {
+    blue: string;
+    gray: string;
+    whiteStroke: string;
+    sokolniki: string;
+    black: string;
+    whiteFilled: string;
+    shade: string;
+    volodiyaLight: string;
+    lightBlue: string;
+    transparent: string;
+};
+
+declare interface ButtonProps {
+    size?: btnSizes;
+    size_m?: btnSizes;
+    size_l?: btnSizes;
+    pre?: ReactNode;
+    post?: ReactNode;
+    children?: string | ReactNode;
+    variant?: btnVariant;
+    width?: btnWidth;
+    additionalClass?: string;
+    isLoading?: boolean;
+    as?: 'button' | 'link';
+    onCLick?: () => any;
+}
+
+export declare const CheckBox: CheckBoxComponent;
+
+declare type CheckBoxComponent = ForwardRefExoticComponent<CheckBoxProps & RefAttributes<HTMLInputElement>>;
+
+export declare const CheckBoxNew: ForwardRefExoticComponent<Props & RefAttributes<HTMLInputElement>>;
+
+declare interface CheckBoxProps {
+    children?: ReactNode;
+    isChecked: boolean | undefined;
+    error?: boolean;
+    modifierClassesStyle?: string[];
+    emitIsChecked?: (isChecked: boolean) => void;
+    onClick?: () => void;
+    variant?: CheckBoxVariant;
+    size_s?: boolean;
+    size_l?: boolean;
+    size_m?: boolean;
+    text?: string;
+    [key: string]: unknown;
+}
+
+export declare const CheckboxSelect: React.FC<ICheckboxSelectProps>;
+
+declare type CheckBoxVariant = 'light' | 'dark';
+
+declare type ComponentProps = ButtonProps & ((React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    as?: 'button';
+}) | (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    as?: 'link';
+} & Required<Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>));
+
+declare type ComponentProps_2 = MobileButtonProps & ((React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    as?: 'button';
+}) | (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    as: 'link';
+} & Required<Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>));
+
+declare type ComponentProps_3 = IDestinationProps & React.ButtonHTMLAttributes<HTMLLabelElement>;
+
+declare type ComponentProps_4 = IRoundButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
+
+declare type ComponentProps_5 = TagProps & React.HTMLAttributes<HTMLDivElement>;
+
+declare type ComponentProps_6 = InputProps & default_2.InputHTMLAttributes<HTMLInputElement>;
+
+export declare const deepEqual: (obj1: any, obj2: any) => boolean;
+
+declare const DESTINATIONS_VARIANTS: {
+    whiteStroke: string;
+};
+
+declare type destinationSizes = 'large' | 'medium';
+
+declare type destinationSizesVariant = keyof typeof DESTINATIONS_VARIANTS;
+
+declare type destinationSizesWidth = 'auto' | 'full';
+
+export declare const DestinationTab: ({ size, size_m, size_l, destination, variant, width, routes, checked, onChange, additionalClass, ...props }: default_2.PropsWithChildren<ComponentProps_3>) => JSX_2.Element;
+
+export declare const FieldInput: ({ label, handleClear, isShowClear, children }: default_2.PropsWithChildren<ComponentProps_6>) => JSX_2.Element;
+
+export declare const FilterWithSave: ({ disabledOptions, tabs, selectOptions, onChange, onClick, selectedValues, setSelectedTabs, selectedTabs, onClickItem, onCLickSelect, onSaveClick, onClearClick, onTabClick, btnName, }: IFilterWithSave) => JSX_2.Element;
+
+export declare const Flex: ({ className, children, jc, ai, gap, fd, w, additionalClass, ...rest }: IFlexProps) => JSX_2.Element;
+
+export declare const GroupedInputs: ({ children, addClassName }: RangeInputsProps) => JSX_2.Element;
+
+declare type IAlignItems = 'start' | 'end' | 'center' | 'stretch';
+
+declare interface ICheckboxSelectProps {
+    label?: string;
+    checkboxes: {
+        label: string;
+        isSelected: boolean;
+        disabled: boolean;
+        setValue: () => void;
+    }[];
+    addClassname?: string;
+}
+
+declare type IconComponentProps = {
+    name: keyof typeof iconTypes;
+    size?: string;
+    color?: string;
+    additionalClass?: string;
+    deg?: string;
+    strokeWidth?: string;
+};
+
+declare type IconTypes = {
+    [name: string]: ReactSVGComponent;
+};
+
+declare const iconTypes: IconTypes;
+
+declare interface IDestinationProps {
+    size?: destinationSizes;
+    size_m?: destinationSizes;
+    size_l?: destinationSizes;
+    checked?: boolean;
+    destination?: {
+        destName?: string;
+        color?: string;
+    };
+    routes?: {
+        type?: ReactNode;
+        text?: string;
+    }[];
+    onChange?: () => void;
+    children?: string | ReactNode;
+    variant?: destinationSizesVariant;
+    width?: destinationSizesWidth;
+    additionalClass?: string;
+    isLoading?: boolean;
+    as?: 'button' | 'link';
+}
+
+declare interface IFeatures {
+    category: string | null;
+    icoImg: {
+        attributes: {
+            url: string;
+        };
+    } | null;
+    slug: string | null;
+    val: string | null;
+}
+
+declare interface IFilterWithSave {
+    selectOptions?: TOption[];
+    disabledOptions?: TOption[];
+    selectedValues?: TOption[];
+    onSaveClick?: () => void;
+    onClearClick?: () => void;
+    onTabClick?: () => void;
+    tabs?: {
+        value: string;
+        state: boolean;
+    }[];
+    selectedTabs?: {
+        value: string;
+        state: boolean;
+    }[];
+    setSelectedTabs?: React.Dispatch<React.SetStateAction<{
+        value: string;
+        state: boolean;
+    }[]>>;
+    onChange?: (selectedOptions: TOption[]) => unknown;
+    onClickItem?: (option: TOption | TOption[]) => void;
+    onCLickSelect?: () => void;
+    onClick?: () => void;
+    btnName?: string;
+}
+
+declare type IFlex = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '13' | '14' | '15' | '16';
+
+declare type IFlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+
+declare interface IFlexProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    jc?: IJustifyContent;
+    ai?: IAlignItems;
+    gap?: IFlex;
+    fd?: IFlexDirection;
+    w?: IFlexWrap;
+    additionalClass?: string;
+}
+
+declare type IFlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+
+declare type IFormPageInputs = {
+    phone: string;
+    name: string;
+    email?: string;
+    personalCheckBox: boolean;
+    advCheckBox?: boolean;
+    textarea?: string;
+};
+
+declare interface IGeo {
+    lat: string | null;
+    lon: string | null;
+}
+
+declare type IJustifyContent = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+
+declare interface ILogoProps {
+    uk?: boolean;
+    variant?: 'black' | 'white' | 'value' | 'dom' | 'office' | 'newOffice' | 'newDom' | 'realty';
+    between?: boolean;
+    addClassName?: string;
+    onClick?: () => void;
+}
+
+declare interface ILot {
+    /** id Лота */
+    id: number | string;
+    /** Название проекта */
+    name?: string | null;
+    /** Квартал сдачи */
+    buildingQuarter?: number | null;
+    /** uuid Лота из 1с */
+    lotUuid: string;
+    projectUuid: string | null;
+    /** Скидка */
+    discount: string | null;
+    /** Стоимость объекта недвижимости до скидки */
+    sellingPriceBeforeDiscount: string | null;
+    /** Стоимость объекта недвижимости */
+    sellingPrice: string | null;
+    /**id проекта */
+    projectId: number | null;
+    /** Показывать цену или "цена по запросу" */
+    showPriceFlg: boolean | null;
+    /** Цена за квм */
+    sellingPricePerMeter: string | null;
+    /** цена за метра квадратный за год за аренду */
+    rentPricePerMeterPerYear: string | null;
+    /** аренда за месяц */
+    rentPricePerMonth: string | null;
+    /** Размер скидки */
+    discountVolume: number | null;
+    /** Цена со скидкой */
+    discountedPrice: number | null;
+    /** дата освобождения лота */
+    availableFrom: string | null;
+    /** дата, до которой должны быть выданы ключи */
+    handoverKeys: string | null;
+    /** состояние лота: свободен, зарезервирован, продан, сдан в аренду, заблокирован, деактивирован */
+    status: number | null;
+    /** Статус аренды лота */
+    rentStatus: number | null;
+    /** название лота в 1С */
+    number: string | null;
+    /** полный адрес лота (с корпусом) */
+    address: string | null;
+    /** Тип помещения => Квартиры/Пентхаусы/Келлеры/Паркинг Офисы/Ритейл/Офисные Блоки/Паркинг */
+    type: number | null;
+    /** Название помещения => Квартиры/Пентхаусы/Келлеры/Паркинг Офисы/Ритейл/Офисные Блоки/Паркинг */
+    typeName: number | null;
+    /** направления, по которым продвигается этот лот */
+    direction: number | null;
+    /** Размерность спален S/M/L  */
+    typeSizeCode: string | null;
+    /** номер подъезда/секции */
+    entrance: string | null;
+    /** Номер квартиры / офиса */
+    doorNumber: string | null;
+    /** Площадь квартиры */
+    area: string | null;
+    /** площадь кухни */
+    kitchenArea: number | null;
+    /** Жилая площадь */
+    livingArea: number | null;
+    /** Кол-во этажей */
+    floorsNumber: number | null;
+    /** Этаж */
+    floor: number | null;
+    /** Высота потолков */
+    ceiling: string | null;
+    /** Последний этаж лота */
+    /** Этаж, с которого начинаются продаваемые лоты */
+    saleFloorMin: number | null;
+    /** Этаж, на котором заканчиваются продаваемые лоты */
+    saleFloorMax: number | null;
+    /** Первый этаж большого лота/здания */
+    beginFloor: number | null;
+    /** Последний этаж большого лота/здания */
+    endFloor: number | null;
+    /** Ежемясячный платеж */
+    mortgageMonthlyPayment?: string;
+    /** Количество комнат */
+    roomsCount: number | null;
+    /** Количество спален */
+    bedroomsCount?: number | null;
+    /** Корпус */
+    housing: string | null;
+    /** Секция */
+    section: string | null;
+    /** Очередь строительства */
+    buildStage: number | null;
+    /** угловое? */
+    isCorner: boolean | null;
+    /** Квартира с террасой */
+    terrace: boolean | null;
+    /** общепит? */
+    isCatering: boolean | null;
+    pdfPresentation: string | null;
+    /** является ли лот отдельно стоящим зданием */
+    isDetachedBuilding: boolean | null;
+    /** Наличие телефона */
+    isPhone: boolean | null;
+    /** в ипотеку */
+    isMortgage: boolean | null;
+    /** мусоропровод */
+    isGarbageTube: boolean | null;
+    /** Является ли лот пентхаусом */
+    isPenthouse: boolean | null;
+    /** Является ли лот апартаментом */
+    isApart: boolean | null;
+    /** Является ли лот двухуровневым */
+    isDoubleLevel: boolean | null;
+    /** Есть ли пандус */
+    isRamp: boolean | null;
+    /** Близко ли вход к лифтовой группе */
+    isCloseToLift: boolean | null;
+    /** Занят ли лот */
+    isOccupied: boolean | null;
+    /** Является ли лот ГАБ */
+    isGab: boolean | null;
+    /** Есть ли отделка */
+    isFacing: boolean | null;
+    /** Особенности квартиры */
+    features: IFeatures[] | null;
+    /** Количество пассажирских лифтов */
+    liftPassenger: number | null;
+    /** Количество грузовых лифтов */
+    liftService?: number | null;
+    /** Количество балконов */
+    balcony: number | null;
+    /** Количество лоджий */
+    loggia: number | null;
+    /** Состояние помещения */
+    condition: string | null;
+    /** Тип входа в помещений */
+    inputType?: string | null;
+    /** Отделка */
+    decoration: string | null;
+    /** Тип планировки */
+    layout: string | null;
+    /** Тип ремонта */
+    repairType: string | null;
+    slug: string;
+    /** количество стояков с водой */
+    waterPipesCount: number[] | null;
+    /** количество рабочих мест */
+    workPlacesCount: number | null;
+    /** Количество совместных санузлов */
+    combinedWcsCount: number | null;
+    /** Возможное назначение */
+    speciality: number | null;
+    /** Куда выходят витрины */
+    showcaseWindows: string | null;
+    /** Вид из окна */
+    windowView: string | null;
+    /** Виды/выходы для типа ритейл */
+    windowViews: string[];
+    /** Promo метки */
+    promo: ILotPromo[] | null;
+    /** Promo текст */
+    promoText: string | null;
+    /** Ссылка на картинку */
+    interiorPlanImg?: string | null;
+    /** Ссылка на картинку */
+    floorPlanImg: string | null;
+    /** Ссылка на картинку */
+    sitPlanImg: string | null;
+    /** Дата создания */
+    createdAt?: string;
+    /** Дата обновления */
+    updatedAt?: string;
+    /** Первоначальный взнос */
+    firstPaymentSum?: string;
+    /** Массив с лотами в фоисных блоках */
+    childLots?: {
+        id: number;
+        floor: number;
+        floorPlanImg: string;
+        interiorPlanImg: string;
+    }[];
+    cornerKitchenLiving?: boolean | null;
+    recommended?: ILot[] | null;
+    parking?: ILot[] | null;
+    project?: IProject | null;
+    isWaterPipes?: boolean | null;
+    azimuthAngle?: number | null;
+    isDecoration?: boolean | null;
+    subTypeName: string;
+    subType?: number;
+}
+
+declare interface ILotCard {
+    lot: ILot;
+    btnName?: string;
+    btnDisabled?: boolean;
+    handleBtnForm: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    handleFullScreenBtn?: () => void;
+    addClassname?: string;
+    addClassnameLotImage?: string;
+    imgNode?: React.ReactNode;
+    rowConditions?: boolean;
+}
+
+declare interface ILotCardSkeleton {
+    isProjectCard?: boolean;
+}
+
+declare interface ILotPromo {
+    /** Промо текст */
+    val: string;
+    /** Идентификатор */
+    slug: string;
+    /** Категория */
+    category: string;
+    /** Ссылка на иконку */
+    icoImg: string;
+    /** hex цвет */
+    color: string;
+}
+
+declare interface IMetro {
+    name: string | null;
+    color: string | null;
+    station: string | null;
+    timeTo: string | null;
+}
+
+declare interface IMetroTagProps extends React.HTMLAttributes<HTMLDivElement> {
+    metro: {
+        name?: string;
+        station?: string;
+        color?: string;
+        timeTo?: number;
+        mode?: string;
+        selfIconText?: string | undefined;
+        icon?: string;
+    } | {
+        name?: string;
+        station?: string;
+        color?: string;
+        timeTo?: number;
+        mode?: string;
+        selfIconText?: string | undefined;
+        icon?: string;
+    }[];
+    separatorColor?: string;
+    variant?: 'default' | 'transparent' | 'mini';
+    addClassName?: string;
+    addClassNameColor?: string;
+    addClassNameTimeTo?: string;
+    isBetween?: boolean;
+    width?: TagWidth;
+    withBg?: boolean;
+    withWhiteBg?: boolean;
+}
+
+declare interface IModalFormProps {
+    isFormOpen: boolean;
+    setIsFormOpen: (isOpen: boolean) => void;
+    submitHandler: (data: IFormPageInputs) => void;
+    blurHandler?: ({ e, analyticParams }: {
+        e: unknown;
+        analyticParams: {
+            action_element: string;
+            action_element_status: 'error' | 'success';
+            block_name?: string;
+        };
+    }) => void;
+    modalWidth?: string;
+    isPhone?: boolean;
+    title: string;
+    isEmail?: boolean;
+    telegramLink?: string;
+    isTextArea?: boolean;
+    subTitle: string;
+    advCheckBox?: {
+        text: string;
+        isRequired: boolean;
+    } | undefined | null;
+    textAreaPlaceholder?: string;
+    rowsTextArea?: number;
+    isRequiredPhone?: boolean;
+    isNews?: boolean;
+    isRequiredEmail?: boolean;
+    isRequiredPhoneOrEmail?: boolean;
+    isAdvCheckBox?: boolean;
+    telegramClickHandler?: () => void;
+    addTitleClassName?: string;
+    block_name?: string;
+    createPortalObj?: {
+        domNode: HTMLElement | null;
+        key?: string | null | undefined;
+    };
+    emitCheckBox?: () => void;
+    emitAdvCheckBox?: () => void;
+}
+
+declare interface IModalProps {
+    isOpen: boolean;
+    emitIsOpen: Dispatch<SetStateAction<boolean>>;
+    additionalClass?: string;
+    additionalClassOverlay?: string;
+    additionalClassModalBody?: string;
+    children?: React.ReactNode;
+    isTransparentBack?: boolean;
+    isClickOutside?: boolean;
+    leaveDisableScroll?: boolean;
+    notDisableScroll?: boolean;
+    createPortalObj?: {
+        domNode: HTMLElement | null;
+        key?: string | null | undefined;
+    };
+    opacity?: number;
+    colorOverlay?: string;
+    modalBodyRef?: React.RefObject<HTMLDivElement> | null;
+    additionalStylesModalBody?: React.CSSProperties;
+}
+
+declare interface IModalSuccess {
+    isSuccessOpen: boolean;
+    setIsSuccess: React.Dispatch<React.SetStateAction<boolean>>;
+    createPortalObj?: {
+        domNode: HTMLElement | null;
+        key?: string | null | undefined;
+    };
+}
+
+export { Input }
+
+declare interface InputProps {
+    label: string;
+    handleClear?: () => void;
+    children?: ReactNode;
+    isShowClear?: boolean;
+}
+
+declare interface IProject {
+    address: string | null;
+    buildingYear: number | null;
+    createdAt: string | null;
+    direction: number | null;
+    features: IFeatures[] | null;
+    geo: IGeo | null;
+    id: number;
+    logoImg: string | null;
+    metro: IMetro[];
+    name: string;
+    project: string;
+    shortDesc: string;
+    sitPlanImg: string;
+    sort: number;
+    sortOffice: number | null;
+    sortRetail: number | null;
+    updatedAt: string;
+    buildingQuarter: number;
+    projectUuid: string;
+    portalUuid: string;
+    location: string;
+    showPriceFlg: boolean | null;
+    lotsCount: number | null;
+}
+
+declare interface IRoundButtonProps {
+    size?: btnSizes_3;
+    size_m?: btnSizes_3;
+    size_l?: btnSizes_3;
+    children?: string | ReactNode;
+    variant?: roundBtnVariant;
+    additionalClass?: string;
+    additionalClassIcon?: string;
+    iconName?: string;
+    deg?: string;
+}
+
+declare interface ISliderNavigation {
+    indexSlide: number;
+    goPrev: () => void;
+    goNext: () => void;
+    arr: Array<unknown>;
+    additionalClassTag?: string;
+    additionalClassNavButton?: string;
+    navigationClassName?: string;
+    isNeedTag?: boolean;
+    isDisabledOff?: boolean;
+    size?: Sizes;
+    size_m?: Sizes;
+    size_l?: Sizes;
+}
+
+declare interface ISummarySelectProps extends MultiSelectProps {
+    label?: string;
+    isShowReset?: boolean;
+    isLast?: boolean;
+}
+
+declare interface ISwitcherProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    isActive?: boolean;
+    onClick?: () => void;
+    isReverse?: boolean;
+    isBetween?: boolean;
+}
+
+declare interface ITabSelect {
+    children?: React.ReactNode | React.ReactNode[];
+    variant?: SwitcherVariant;
+    classname?: string;
+    isRound?: boolean;
+}
+
+declare interface ITabSwitcherItem extends React.InputHTMLAttributes<HTMLInputElement> {
+    addItemClassName?: string;
+    addTextClass?: string;
+    addLabelClassname?: string;
+    index: number;
+    isDisabled?: boolean;
+    itemsLength: number;
+    width?: string;
+    width_m?: string;
+    mini?: boolean;
+    width_l?: string;
+    children?: ReactNode;
+    isLongOn?: boolean;
+    size_s?: TabSizes;
+    size_m?: TabSizes;
+    size_l?: TabSizes;
+}
+
+declare interface ITextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    children?: React.ReactNode | 'string';
+    className?: string;
+    additionalClass?: string;
+    html?: string;
+    html_l?: string;
+    html_m?: string;
+    html_s?: string;
+}
+
+declare interface IZoomControls {
+    size?: btnSizes_3;
+    zoomIn: () => void;
+    zoomOut: () => void;
+}
+
+export declare const Logo: ({ uk, variant, between, addClassName, onClick, }: ILogoProps) => JSX_2.Element;
+
+export declare const LotCard: ({ lot, handleBtnForm, handleFullScreenBtn, btnDisabled, addClassname, btnName, imgNode, rowConditions, addClassnameLotImage, }: ILotCard) => JSX_2.Element | null;
+
+export declare const LotCardSkeleton: ({ isProjectCard }: ILotCardSkeleton) => JSX_2.Element;
+
+export declare const MetroTag: ({ addClassName, addClassNameColor, addClassNameTimeTo, metro, separatorColor, width, variant, isBetween, withBg, withWhiteBg, ...rest }: IMetroTagProps) => JSX_2.Element;
+
+declare const MOBILE_BUTTON_VARIANTS: {
+    whiteFilled: string;
+};
+
+declare type mobileBtnVariant = keyof typeof MOBILE_BUTTON_VARIANTS;
+
+export declare const MobileButton: ({ size, pre, children, post, variant, width, additionalClass, ...props }: default_2.PropsWithChildren<ComponentProps_2>) => JSX_2.Element;
+
+declare interface MobileButtonProps {
+    size?: btnSizes_2;
+    pre?: ReactNode;
+    post?: ReactNode;
+    children?: string;
+    variant?: mobileBtnVariant;
+    width?: btnWidth_2;
+    additionalClass?: string;
+    as?: 'button' | 'link';
+}
+
+export declare const Modal: FC<IModalProps>;
+
+export declare const ModalForm: ({ isFormOpen, setIsFormOpen, isNews, title, isEmail, isPhone, isTextArea, telegramLink, isRequiredPhone, isRequiredEmail, isRequiredPhoneOrEmail, textAreaPlaceholder, subTitle, submitHandler, modalWidth, rowsTextArea, advCheckBox, isAdvCheckBox, addTitleClassName, createPortalObj, telegramClickHandler, blurHandler, block_name, emitCheckBox, emitAdvCheckBox, }: IModalFormProps) => JSX_2.Element | null;
+
+export declare const ModalSuccess: ({ isSuccessOpen, setIsSuccess, createPortalObj }: IModalSuccess) => JSX_2.Element;
+
+declare interface MultiSelectProps {
+    options: TOption[] | TCategory[];
+    category?: TCategory[];
+    placeholder?: string;
+    error?: boolean;
+    disabled?: boolean;
+    size_s?: SelectSizes;
+    size_m?: SelectSizes;
+    size_l?: SelectSizes;
+    /**
+     * Доп стили для родителя-контейнера
+     */
+    additionalClass?: string;
+    /**
+     * Доп стили для каждой опции
+     */
+    additionalClassOption?: string;
+    /**
+     * Доп стили для кнопки-контейнера
+     */
+    additionalClassBtn?: string;
+    onChange?: (selectedOptions: TOption[]) => unknown;
+    onBlur?: (selectedOptions: TOption[]) => unknown;
+    selectedValues?: TOption[];
+    isBtn?: boolean;
+    btnName?: string;
+    widthBtn?: string;
+    widthOptionList?: string;
+    isListRight?: boolean;
+    isLast?: boolean;
+    /**
+     * Список опций которые будут задизейблены по умолчанию
+     */
+    disabledOptions?: TOption[];
+    /**
+     * Список опций которые доступны для клика
+     */
+    clickableOptions?: (string | undefined)[];
+    sizeIcon?: string;
+    mode?: TModeSelect;
+    onClickItem?: (option: TOption | TOption[]) => void;
+    onCLickSelect?: () => void;
+    isDisabledNotClickable?: boolean;
+    customPlaceholder?: string;
+}
+
+export declare const NewIcon: ({ name, size, color, strokeWidth, additionalClass, deg, }: IconComponentProps) => JSX_2.Element | null;
+
+declare interface Option_2 {
+    value: string | number;
+    label: string;
+}
+
+export declare const ProjectCardSkeleton: () => JSX_2.Element;
+
+declare interface Props {
+    text?: string;
+    error: boolean;
+    emitIsChecked?: (isChecked: boolean) => void;
+    isChecked?: boolean;
+    children?: React.ReactNode;
+}
+
+declare interface RangeInputsProps {
+    children?: React.ReactElement<HTMLInputElement> | React.ReactElement<HTMLInputElement>[];
+    addClassName?: string;
+}
+
+declare type ReactSVGComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
+    title?: string;
+}>;
+
+declare const ROUND_BUTTON_VARIANTS: {
+    whiteStroke: string;
+    blackFill: string;
+    fullGray: string;
+    blue: string;
+    blackStroke: string;
+};
+
+declare type roundBtnVariant = keyof typeof ROUND_BUTTON_VARIANTS;
+
+export declare const RoundButton: ({ size, size_m, size_l, children, iconName, variant, additionalClass, additionalClassIcon, deg, ...props }: default_2.PropsWithChildren<ComponentProps_4>) => JSX_2.Element;
+
+export declare const Select: ({ options, customPlaceholder, placeholder, error, disabled, disabledOptions, additionalClass, additionalClassOption, additionalClassBtn, onChange, onBlur, selectedValues, isBtn, btnName, clickableOptions, isListRight, sizeIcon, mode, onClickItem, onCLickSelect, size_s, size_m, size_l, isDisabledNotClickable, isLast, }: MultiSelectProps) => JSX_2.Element;
+
+declare type SelectSizes = 'medium' | 'small' | 'large';
+
+declare type Sizes = 'large' | 'medium' | 'small';
+
+export declare const SliderNavigation: ({ indexSlide, isDisabledOff, goPrev, goNext, arr, isNeedTag, additionalClassTag, navigationClassName, additionalClassNavButton, size, size_m, size_l, }: ISliderNavigation) => JSX_2.Element;
+
+export declare const SortSelect: default_2.FC<SortSelectProps>;
+
+declare interface SortSelectProps {
+    options?: Option_2[];
+    selectedOption: Option_2 | null;
+    placeholder?: string;
+    error?: boolean;
+    disabled?: boolean;
+    onChange?: (event: Option_2 | null) => void;
+    onBlur?: (event: Option_2) => void;
+    additionalClass?: string;
+    mini?: boolean;
+    openOnTop?: boolean;
+    onOpenClick?: () => void;
+    onClickItem?: (option: TOption | TOption[]) => void;
+    onCLickSelect?: () => void;
+}
+
+export declare const SummarySelect: React.FC<ISummarySelectProps>;
+
+export declare const Switcher: ({ children, isActive, onClick, isReverse, isBetween }: ISwitcherProps) => JSX_2.Element;
+
+declare type SwitcherVariant = keyof typeof TAB_SELECT_VARIANTS;
+
+declare const TAB_SELECT_VARIANTS: {
+    whiteFill: string;
+    whiteStroke: string;
+    grayDesign: string;
+};
+
+declare const TAB_SWITCHER_VARIANTS: {
+    whiteRow: string;
+    grayRow: string;
+    whiteRowGrayLabel: string;
+};
+
+declare type TABS_VARIANTS = keyof typeof TAB_SWITCHER_VARIANTS;
+
+export declare const TabSelect: (({ variant, classname, children }: ITabSelect) => JSX_2.Element) & {
+    Item: ForwardRefExoticComponent<Omit<BaseInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
+};
+
+declare type TabSizes = 'medium' | 'small' | 'large' | 'tiny';
+
+export declare const TabSwitcher: (({ children, variant, isApart, addClassName, col, }: TabSwitcherProps) => JSX_2.Element) & {
+    Item: ForwardRefExoticComponent<ITabSwitcherItem & RefAttributes<HTMLInputElement>>;
+};
+
+declare interface TabSwitcherProps {
+    variant?: TABS_VARIANTS;
+    addClassName?: string;
+    isApart?: boolean;
+    col?: boolean;
+    children: React.ReactElement[];
+}
+
+export declare const Tag: ({ size, size_m, size_l, children, variant, width, additionalClass, ...props }: default_2.PropsWithChildren<ComponentProps_5>) => JSX_2.Element;
+
+declare const TAG_VARIANTS: {
+    red: string;
+    gray: string;
+    white: string;
+    shade: string;
+    blackGrey: string;
+    chineseBlack: string;
+    fullWhite: string;
+    transparent: string;
+    shadeWhite: string;
+    transWhite: string;
+    whiteGrayStroke: string;
+    blackStroke: string;
+    lightBlue: string;
+    lightGray: string;
+    whiteGray: string;
+};
+
+declare interface TagProps {
+    size?: tagSizes;
+    size_m?: tagSizes;
+    size_l?: tagSizes;
+    children?: string | ReactNode;
+    variant?: tagVariant;
+    width?: tagWidth;
+    additionalClass?: string;
+}
+
+declare type tagSizes = 'medium' | 'tiny' | 'large' | 'small' | 'preLarge' | 'mini' | 'tiny-7px' | 'tiny-10px' | 'small-10px' | 'small-13px';
+
+declare type tagVariant = keyof typeof TAG_VARIANTS;
+
+declare type TagWidth = 'full' | 'auto';
+
+declare type tagWidth = 'auto' | 'full';
+
+declare type TBtn = {
+    isLong?: boolean;
+    additionalClassName?: string;
+    additionalLabelClass?: string;
+    withPadding?: boolean;
+    width?: string;
+    width_m?: string;
+    width_l?: string;
+};
+
+declare type TCategory = {
+    value: string | number;
+    label: string;
+    options: TOption[];
+};
+
+declare const Text_2: ({ children, className, additionalClass, html, ...rest }: ITextProps) => JSX_2.Element;
+export { Text_2 as Text }
+
+declare type TModeSelect = 'options' | 'category' | 'double' | 'single';
+
+declare type TOption = {
+    value: string | number;
+    label: string;
+    parent?: string;
+    id?: number | string;
+};
+
+export declare const useClientWidth: () => {
+    currentClientWidth: number;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+    isMobileBorder: boolean;
+    isFullTablet: boolean;
+};
+
+export declare const ZoomControls: ({ size, zoomIn, zoomOut }: IZoomControls) => JSX_2.Element;
+
+export { }
+
+
+declare module "*.svg" {
+    const ReactComponent: ReactSVGComponent;
+    const src: string;
+}
+