stone-kit 0.0.88 → 0.0.90

package/dist/components/Select/ui/Select.js

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as l } from "react/jsx-runtime";
 import { useState as v, useRef as x, useEffect as E } from "react";
 import { c as L } from "../../../index-DIxK0V-G.js";
 import { NewIcon as O } from "../../NewIcon/ui/NewIcon.js";
-const C = "_multiSelectWrapper_18k16_1", D = "_selectedOptions_18k16_7", w = "_selectedOptionsOpened_18k16_28", y = "_selectOptionsDisabled_18k16_32", I = "_optionsList_18k16_39", j = "_inputWrapper_18k16_52", z = "_option_18k16_39", R = "_icon_18k16_74", t = {
+const C = "_multiSelectWrapper_eu431_1", D = "_selectedOptions_eu431_7", w = "_selectedOptionsOpened_eu431_28", y = "_selectOptionsDisabled_eu431_32", I = "_optionsList_eu431_39", j = "_inputWrapper_eu431_54", z = "_option_eu431_39", R = "_icon_eu431_76", t = {
   multiSelectWrapper: C,
   selectedOptions: D,
   selectedOptionsOpened: w,
@@ -12,15 +12,15 @@ const C = "_multiSelectWrapper_18k16_1", D = "_selectedOptions_18k16_7", w = "_s
   option: z,
   icon: R
 }, i = L.bind(t), B = ({
-  options: k,
-  placeholder: f = "Выберите опции",
-  error: h,
-  disabled: S,
-  additionalClass: W = "",
+  options: f,
+  placeholder: h = "Выберите опции",
+  error: S,
+  disabled: W,
+  additionalClass: k = "",
   onChange: p,
-  onBlur: d
+  onBlur: u
 }) => {
-  const [s, N] = v([]), [o, u] = v(!1), a = x(null), b = (e) => (n) => {
+  const [s, N] = v([]), [o, d] = v(!1), a = x(null), b = (e) => (n) => {
     n.stopPropagation();
     const _ = s.some((c) => c.value === e.value) ? s.filter((c) => c.value !== e.value) : [...s, e];
     if (N(_), p) {
@@ -31,14 +31,14 @@ const C = "_multiSelectWrapper_18k16_1", D = "_selectedOptions_18k16_7", w = "_s
       p(c);
     }
   }, m = (e) => {
-    a.current && !a.current.contains(e.target) && u(!1);
+    a.current && !a.current.contains(e.target) && d(!1);
   }, g = (e) => {
-    if (d) {
+    if (u) {
       const n = {
         ...e,
         target: { value: s }
       };
-      d(n);
+      u(n);
     }
   };
   return E(() => (document.addEventListener("click", m), () => {
@@ -47,7 +47,7 @@ const C = "_multiSelectWrapper_18k16_1", D = "_selectedOptions_18k16_7", w = "_s
     "div",
     {
       ref: a,
-      className: i(t.multiSelectWrapper, { [t.multiSelectWrapperError]: h }, W),
+      className: i(t.multiSelectWrapper, { [t.multiSelectWrapperError]: S }, k),
       tabIndex: 0,
       onBlur: g,
       children: [
@@ -57,9 +57,9 @@ const C = "_multiSelectWrapper_18k16_1", D = "_selectedOptions_18k16_7", w = "_s
             {
               type: "text",
               readOnly: !0,
-              value: s.length === 0 ? f : "Выбрано " + s.length + " опции",
-              className: i(t.selectedOptions, { [t.selectOptionsDisabled]: S }),
-              onClick: () => u(!o)
+              value: s.length === 0 ? h : "Выбрано " + s.length + " опции",
+              className: i(t.selectedOptions, { [t.selectOptionsDisabled]: W }),
+              onClick: () => d(!o)
             }
           ),
           /* @__PURE__ */ l(
@@ -72,7 +72,7 @@ const C = "_multiSelectWrapper_18k16_1", D = "_selectedOptions_18k16_7", w = "_s
             }
           )
         ] }),
-        o && /* @__PURE__ */ l("div", { className: t.optionsList, children: k.map((e) => /* @__PURE__ */ r(
+        o && /* @__PURE__ */ l("div", { className: t.optionsList, children: f.map((e) => /* @__PURE__ */ r(
           "div",
           {
             className: i(t.option, {

package/dist/components/SortSelect/hooks/useSortSelect.d.ts

@@ -0,0 +1,21 @@
+import { MouseEvent } from 'react';
+import { Option } from '../ui/SortSelect.types';
+
+interface IUseSortSelect {
+    selectedOption: Option | null;
+    setSelectedOption: React.Dispatch<React.SetStateAction<Option | null>>;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    containerRef: React.RefObject<HTMLDivElement>;
+    isOpen: boolean;
+    isMobile: boolean;
+    placeholder: string;
+    onChange?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+}
+export declare const useSortSelect: ({ selectedOption, setSelectedOption, setIsOpen, containerRef, onBlur, onChange, isMobile, placeholder, }: IUseSortSelect) => {
+    handleDocumentClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    handleBlur: (event: React.FocusEvent<HTMLDivElement>) => void;
+    getInputValue: () => string;
+    getOption: (option: Option) => import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/dist/components/SortSelect/hooks/useSortSelect.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import { u as m } from "../../../useSortSelect-BWM68TJ3.js";
+import "../../../index-DIxK0V-G.js";
+export {
+  m as useSortSelect
+};

package/dist/components/SortSelect/index.d.ts

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

package/dist/components/SortSelect/index.js

@@ -0,0 +1,4 @@
+import { SortSelect as r } from "./ui/SortSelect.js";
+export {
+  r as SortSelect
+};

package/dist/components/SortSelect/ui/SortSelect.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { SortSelectProps } from './SortSelect.types';
+
+export declare const SortSelect: React.FC<SortSelectProps>;

package/dist/components/SortSelect/ui/SortSelect.js

@@ -0,0 +1,100 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useState as d, useRef as y, useEffect as I } from "react";
+import { c as B } from "../../../index-DIxK0V-G.js";
+import { s as e, u as E } from "../../../useSortSelect-BWM68TJ3.js";
+import { NewIcon as u } from "../../NewIcon/ui/NewIcon.js";
+import "../../Button/ui/Button.js";
+import "../../mobileButton/ui/MobileButton.js";
+import "../../DestinationTab/ui/DestinationTab.js";
+import "../../RoundButton/ui/RoundButton.js";
+import "../../Tag/ui/Tag.js";
+import "../../Switcher/ui/Switcher.js";
+import { Text as L } from "../../Text/ui/Text.js";
+import "../../Flex/ui/Flex.js";
+import "../../Input/ui/Input.js";
+import { Modal as W } from "../../Modal/ui/Modal.js";
+import "../../TabSwitcher/ui/TabSwitcher.js";
+import "../../GroupedInput/ui/GroupedInputs.js";
+import "../../MetroTag/ui/MetroTag.js";
+import "../../Select/ui/Select.js";
+import { useClientWidth as w } from "../../../shared/useClientWidth.js";
+const c = B.bind(e), M = ({
+  options: s,
+  placeholder: f = "",
+  error: h,
+  disabled: S,
+  additionalClass: v = "",
+  onChange: O,
+  onBlur: N
+}) => {
+  const [x, b] = d(s[0]), [o, i] = d(!1), m = y(null), { isMobile: l } = w(), { handleBlur: C, getInputValue: k, getOption: a, handleDocumentClick: p } = E({
+    selectedOption: x,
+    setSelectedOption: b,
+    setIsOpen: i,
+    containerRef: m,
+    isOpen: o,
+    isMobile: l,
+    placeholder: f,
+    onChange: O,
+    onBlur: N
+  });
+  return I(() => (document.addEventListener("click", p), () => {
+    document.removeEventListener("click", p);
+  }), []), /* @__PURE__ */ r(
+    "div",
+    {
+      ref: m,
+      className: c(e.sortSelectWrapper, { [e.sortSelectWrapperError]: h }, v),
+      tabIndex: 0,
+      onBlur: C,
+      children: [
+        /* @__PURE__ */ r("div", { className: c(e.inputWrapper), children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "text",
+              readOnly: !0,
+              value: k(),
+              className: c(e.selectedOptions, { [e.selectOptionsDisabled]: S }),
+              onClick: () => i(!o)
+            }
+          ),
+          /* @__PURE__ */ t(
+            u,
+            {
+              name: "twoArrows",
+              size: "24",
+              additionalClass: e.icon
+            }
+          )
+        ] }),
+        o && l && /* @__PURE__ */ r(
+          W,
+          {
+            isOpen: o,
+            emitIsOpen: i,
+            additionalClassModalBody: e.modalAddBody,
+            children: [
+              /* @__PURE__ */ r("div", { className: e.mobileSortHeader, children: [
+                /* @__PURE__ */ t(L, { children: "Сортировка" }),
+                /* @__PURE__ */ t("div", { onClick: () => i(!1), children: /* @__PURE__ */ t(
+                  u,
+                  {
+                    name: "close",
+                    size: "24"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ t("div", { className: e.mobileOptionList, children: s.map((n) => a(n)) })
+            ]
+          }
+        ),
+        o && !l && /* @__PURE__ */ t("div", { className: e.optionsList, children: s.map((n) => a(n)) })
+      ]
+    }
+  );
+};
+M.displayName = "SortSelect";
+export {
+  M as SortSelect
+};

package/dist/components/SortSelect/ui/SortSelect.types.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface Option {
+    value: string | number;
+    label: string;
+}
+export interface SortSelectProps {
+    options: Option[];
+    placeholder?: string;
+    error?: boolean;
+    disabled?: boolean;
+    onChange?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLDivElement, Element>) => void;
+    additionalClass?: string;
+}

package/dist/components/SortSelect/ui/SortSelect.types.js

@@ -0,0 +1 @@
+

package/dist/main.d.ts

@@ -17,3 +17,4 @@ export { MetroTag } from './components/MetroTag';
 export { LotCard } from './components/LotCard';
 export { Select } from './components/Select';
 export { useClientWidth } from './shared/useClientWidth';
+export { SortSelect } from './components/SortSelect';

package/dist/main.js

@@ -3,13 +3,13 @@ import { MobileButton as p } from "./components/mobileButton/ui/MobileButton.js"
 import { NewIcon as f } from "./components/NewIcon/ui/NewIcon.js";
 import { DestinationTab as n } from "./components/DestinationTab/ui/DestinationTab.js";
 import { RoundButton as i } from "./components/RoundButton/ui/RoundButton.js";
-import { Tag as d } from "./components/Tag/ui/Tag.js";
-import { Switcher as T } from "./components/Switcher/ui/Switcher.js";
-import { Text as I } from "./components/Text/ui/Text.js";
-import { Flex as g } from "./components/Flex/ui/Flex.js";
-import { Input as s } from "./components/Input/ui/Input.js";
-import { Modal as B } from "./components/Modal/ui/Modal.js";
-import { FieldInput as S } from "./components/FieldInput/ui/FieldInput.js";
+import { Tag as l } from "./components/Tag/ui/Tag.js";
+import { Switcher as c } from "./components/Switcher/ui/Switcher.js";
+import { Text as T } from "./components/Text/ui/Text.js";
+import { Flex as b } from "./components/Flex/ui/Flex.js";
+import { Input as h } from "./components/Input/ui/Input.js";
+import { Modal as w } from "./components/Modal/ui/Modal.js";
+import { FieldInput as M } from "./components/FieldInput/ui/FieldInput.js";
 import { TabSwitcher as F } from "./components/TabSwitcher/ui/TabSwitcher.js";
 import { GroupedInputs as D } from "./components/GroupedInput/ui/GroupedInputs.js";
 import { Logo as N } from "./components/Logo/ui/Logo.js";
@@ -17,24 +17,26 @@ import { MetroTag as W } from "./components/MetroTag/ui/MetroTag.js";
 import { LotCard as k } from "./components/LotCard/ui/LotCard.js";
 import { Select as v } from "./components/Select/ui/Select.js";
 import { useClientWidth as z } from "./shared/useClientWidth.js";
+import { SortSelect as E } from "./components/SortSelect/ui/SortSelect.js";
 export {
   t as Button,
   n as DestinationTab,
-  S as FieldInput,
-  g as Flex,
+  M as FieldInput,
+  b as Flex,
   D as GroupedInputs,
-  s as Input,
+  h as Input,
   N as Logo,
   k as LotCard,
   W as MetroTag,
   p as MobileButton,
-  B as Modal,
+  w as Modal,
   f as NewIcon,
   i as RoundButton,
   v as Select,
-  T as Switcher,
+  E as SortSelect,
+  c as Switcher,
   F as TabSwitcher,
-  d as Tag,
-  I as Text,
+  l as Tag,
+  T as Text,
   z as useClientWidth
 };

package/dist/style.css

@@ -1 +1 @@
-._root_wkh0k_1{white-space:pre-wrap}._root_j8jt6_1{display:flex;width:100%}._root_j8jt6_1 input{position:absolute;z-index:-1000;width:0;height:0;opacity:0}._root_j8jt6_1 label{flex:1 0 0;width:auto}._item_j8jt6_17{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:11px 15px;border:1px solid #E6E8EC;border-left:none;box-sizing:border-box}._firstItem_j8jt6_29{border-radius:48px 0 0 48px;border-left:1px solid #E6E8EC}._lastItem_j8jt6_34{border-radius:0 48px 48px 0}._text_j8jt6_38{width:max-content;font-size:16px;line-height:24px;font-weight:500;font-family:inherit}._rootCol_j8jt6_46{flex-wrap:wrap}._rootCol_j8jt6_46 label{min-width:50%}._rootCol_j8jt6_46 label:nth-child(1) ._item_j8jt6_17{border-radius:48px 0 0}._rootCol_j8jt6_46 label:nth-child(2) ._item_j8jt6_17{border-radius:0 48px 0 0}._rootCol_j8jt6_46 label:nth-child(3) ._item_j8jt6_17{border-top:none;border-left:1px solid #E6E8EC;border-radius:0 0 0 48px}._rootCol_j8jt6_46 label:nth-child(4) ._item_j8jt6_17{border-top:none;border-radius:0 0 48px}._rootCol_j8jt6_46 label:nth-child(n+5) ._item_j8jt6_17{display:none}._whiteRow_j8jt6_71 input:not(:checked)~._item_j8jt6_17{color:#141416}._whiteRow_j8jt6_71 input:checked~._item_j8jt6_17{background-color:#141416;color:#fff}@media (min-width: 1024px){._whiteRow_j8jt6_71 input:not(:checked)~._item_j8jt6_17:hover{background-color:#141416;color:#fff;opacity:.9}._whiteRow_j8jt6_71 input:checked~._item_j8jt6_17:hover{opacity:.9}._whiteRow_j8jt6_71 input:disabled~._item_j8jt6_17{opacity:.7}}@keyframes _swiperForward_iju0r_1{0%{background:#b1b5c3;border:1px solid #b1b5c3}50%{background:#777e90;border:1px solid #777e90}to{background:#015ff9;border:1px solid #015ff9}}@keyframes _swiperBackward_iju0r_1{0%{background:#015ff9;border:1px solid #015ff9}50%{background:#024ac0;border:1px solid #024AC0}to{background:#b1b5c3;border:1px solid #b1b5c3}}._switcherWrapper_iju0r_29{display:flex;justify-content:space-between;align-items:center;outline:none}._swiper_iju0r_36{position:relative;width:36px;height:20px;padding:1px;border-radius:50px;border:1px solid #b1b5c3;background:#b1b5c3;box-sizing:border-box;cursor:pointer;outline:none;color:green}._swiperActive_iju0r_50{animation:_swiperForward_iju0r_1 .3s ease;animation-fill-mode:forwards}._swiperInactive_iju0r_55{animation:_swiperBackward_iju0r_1 .3s ease;animation-fill-mode:forwards}._swiperPoint_iju0r_60{position:relative;left:0;width:16px;height:16px;border-radius:50%;background:#fff;box-sizing:border-box;transition:all .3s ease;box-shadow:0 4px 4px #1414163d}._swiperPointActive_iju0r_72{left:16px}._multiSelectWrapper_18k16_1{position:relative;width:100%;-webkit-user-select:none;user-select:none}._selectedOptions_18k16_7{display:flex;flex:1;padding-right:2.5rem;justify-content:space-between;align-items:center;font-family:inherit;font-size:16px;line-height:24px;font-weight:400;padding:11px 12px 11px 24px;border-radius:48px;border:1px solid #B1B5C3;background:#fff;box-sizing:border-box;outline:none}._selectedOptions_18k16_7:hover{border:1px solid #777E90}._selectedOptionsOpened_18k16_28{border:1px solid #141416}._selectOptionsDisabled_18k16_32{pointer-events:none;background:#f4f5f6;border:1px solid #E6E8EC;color:#b1b5c3}._optionsList_18k16_39{position:absolute;top:52px;width:inherit;padding:12px 24px 24px;border:1px solid #e6e8ec;border-radius:24px;background:#fff;box-shadow:0 5px 12px #0000001f,0 21px 21px #0000001a;z-index:120;box-sizing:border-box}._inputWrapper_18k16_52{display:flex;align-items:center}._inputWrapper_18k16_52 input{cursor:pointer}._option_18k16_39{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer}._option_18k16_39:not(:last-child){border-bottom:1px solid #F4F5F6}._option_18k16_39:hover{opacity:.7}._icon_18k16_74{position:absolute;right:12px;pointer-events:none}._btnRound_7sz3m_1{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:7px;box-sizing:border-box;cursor:pointer}._btnRound_7sz3m_1:disabled{opacity:.2}._btnRound_7sz3m_1:focus{outline:0}._small-size_7sz3m_17{width:32px;height:32px}._medium-size_7sz3m_22{width:40px;height:40px;padding:9px}._large-size_7sz3m_28{width:48px;height:48px;padding:11px}._whiteStroke_7sz3m_34{border:1px solid #e6e8ec;background-color:#fff}._whiteStroke_7sz3m_34:hover{border:1px solid #b1b5c3}._whiteStroke_7sz3m_34:active{border:1px solid #141416}@media (min-width: 1024px){._small-size_m_7sz3m_46{width:32px;height:32px}._medium-size_m_7sz3m_50{width:40px;height:40px;padding:9px}._large-size_m_7sz3m_55{width:48px;height:48px;padding:11px}}@media (min-width: 1440px){._small-size_l_7sz3m_62{width:32px;height:32px}._medium-size_l_7sz3m_66{width:40px;height:40px;padding:9px}._large-size_l_7sz3m_71{width:48px;height:48px;padding:11px}}._btnCommon_1act6_1{font-family:inherit;font-weight:500;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;cursor:pointer}._btnCommon_1act6_1:disabled{opacity:.2}._auto-width_1act6_18{width:auto}._full-width_1act6_22{width:100%}._small-size_1act6_26{font-size:10px;line-height:12px;min-height:56px;padding:7px 11px;gap:4px}._whiteFilled_1act6_34{background:#fff;border:1px solid #ffffff;color:#777e90}._whiteFilled_1act6_34:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_1act6_34:active{background:#f4f5f6;border:1px solid #f4f5f6}._root_129gd_1{display:flex;padding:16px 0;gap:8px;width:max-content;box-sizing:border-box}._root_129gd_1 span{display:block;width:8px;height:8px;border-radius:50%}._metroColor_129gd_15{display:flex;align-items:center;font-size:14px;line-height:20px;font-weight:500;gap:8px;color:#353945}._route_129gd_25{display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:500;color:#777e90}._auto-width_129gd_35{width:max-content}._full-width_129gd_39{width:100%}@media (min-width: 1024px){._root_129gd_1{padding:10px 24px;border-radius:110px;background:#f4f5f6}}._btnCommon_1cazw_1{position:relative;font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;text-decoration:none;cursor:pointer}._btnCommon_1cazw_1:disabled{opacity:.2}._btnLoading_1cazw_19{pointer-events:none}._isHidden_1cazw_23{visibility:hidden}._auto-width_1cazw_27{width:max-content}._full-width_1cazw_31{width:100%}._tiny-size_1cazw_35{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_1cazw_43{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_1cazw_51{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_1cazw_59{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}._blue_1cazw_67{background:#015ff9;border:1px solid #015ff9;color:#fff}._blue_1cazw_67:hover{background:#024ac0;border:1px solid #024ac0}._blue_1cazw_67:active{background:#0645aa;border:1px solid #0645aa}._sokolniki_1cazw_81{background:#60663e;border:1px solid #60663e;color:#fff}._sokolniki_1cazw_81:hover{background:#494f29;border:1px solid #494f29}._sokolniki_1cazw_81:active{background:#303519;border:1px solid #303519}._black_1cazw_95{background:#141416;border:1px solid #141416;color:#fff}._black_1cazw_95:hover{background:#23262f;border:1px solid #353945}._black_1cazw_95:active{background:#353945;border:1px solid #777e90}._gray_1cazw_109{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}._gray_1cazw_109:hover{background:#f4f5f6;border:1px solid #b1b5c3}._gray_1cazw_109:active{background:#e6e8ec;border:1px solid #b1b5c3}._whiteStroke_1cazw_123{background:#fff;border:1px solid #e6e8ec;color:#141416}._whiteStroke_1cazw_123:hover{border:1px solid #b1b5c3}._whiteStroke_1cazw_123:active{border:1px solid #141416}._whiteFilled_1cazw_135{background:#fff;border:1px solid #ffffff;color:#141416}._whiteFilled_1cazw_135:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_1cazw_135:active{background:#f4f5f6;border:1px solid #f4f5f6}._shade_1cazw_149{background:#23262f;border:1px solid #23262F;color:#fff}@keyframes _LoaderSpin_1cazw_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._volodiyaLight_1cazw_163{background:#353945;border:1px solid #353945;color:#fff}._loader_1cazw_169{position:absolute;animation:_LoaderSpin_1cazw_1 1.4s infinite linear}@media (min-width: 1024px){._tiny-size_m_1cazw_175{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_m_1cazw_182{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_m_1cazw_189{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_m_1cazw_196{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}@media (min-width: 1440px){._tiny-size_l_1cazw_205{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_l_1cazw_212{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_l_1cazw_219{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_l_1cazw_226{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}._destination_1c7de_1{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:110px;cursor:pointer}._destination_1c7de_1 input{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._destination_1c7de_1 span{display:block;width:8px;height:8px;border-radius:50%}._auto-width_1c7de_29{width:max-content}._full-width_1c7de_33{width:100%}._medium-size_1c7de_37{padding:9px 23px}._medium-size_1c7de_37 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_1c7de_37 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_1c7de_51{padding:11px 31px}._large-size_1c7de_51 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_1c7de_51 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}._whiteStroke_1c7de_65{color:#353945;border:1px solid #f4f5f6}._whiteStroke_1c7de_65:hover{border:1px solid #b1b5c3}._whiteStroke_1c7de_65:active{background-color:#e6e8ec}._whiteStroke_1c7de_65 ._routeText_1c7de_45,._whiteStroke_1c7de_65 ._routeWrapper_1c7de_78{color:#777e90}._whiteStroke_1c7de_65:has(input:checked){border:1px solid #141416;background-color:#141416;color:#fff}._whiteStroke_1c7de_65:has(input:checked):hover{border:1px solid #353945;background-color:#23262f}._whiteStroke_1c7de_65:has(input:checked):active{background-color:#353945;border:1px solid #777E90}._whiteStroke_1c7de_65:has(input:checked) ._routeText_1c7de_45{color:#b1b5c3}._whiteStroke_1c7de_65:has(input:checked) ._routeWrapper_1c7de_78{color:#b1b5c3}._routeWrapper_1c7de_78{display:flex;gap:4px;justify-content:space-between;align-items:center}@media (min-width: 1024px){._medium-size_m_1c7de_109{padding:9px 23px}._medium-size_m_1c7de_109 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_m_1c7de_109 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_m_1c7de_122{padding:11px 31px}._large-size_m_1c7de_122 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_m_1c7de_122 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}}@media (min-width: 1440px){._medium-size_l_1c7de_137{padding:9px 23px}._medium-size_l_1c7de_137 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_l_1c7de_137 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_l_1c7de_150{padding:11px 31px}._large-size_l_1c7de_150 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_l_1c7de_150 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}}._tagCommon_13otg_1{font-family:inherit;font-weight:400;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px}._tagCommon_13otg_1:disabled{opacity:.2}._auto-width_13otg_16{width:max-content}._full-width_13otg_20{width:100%}._medium-size_13otg_24{font-size:14px;line-height:20px;min-height:40px;padding:10px 16px;gap:8px}._tiny-size_13otg_32{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._small-size_13otg_40{font-size:12px;line-height:16px;min-height:32px;padding:8px 16px;gap:4px}._preLarge-size_13otg_48{font-size:14px;line-height:20px;min-height:44px;padding:12px 24px;gap:10px}._large-size_13otg_56{font-size:16px;line-height:24px;min-height:48px;padding:12px 24px;gap:8px}._red_13otg_64{background:#ec5353;border:1px solid #ec5353;color:#fff}._gray_13otg_70{background:#f4f5f6;border:none;color:#353945}._shade_13otg_76{background:#141416cc;border:none;color:#fff}._blackGrey_13otg_82{background-color:#23262f;border:none;color:#e6e8ec}._chineseBlack_13otg_88{background-color:#141416;border:none;color:#fff}@media (min-width: 1024px){._tiny-size_m_13otg_95{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_m_13otg_102{font-size:14px;line-height:20px;min-height:40px;padding:10px 16px;gap:8px}._small-size_m_13otg_109{font-size:12px;line-height:16px;min-height:32px;padding:8px 16px;gap:4px}._preLarge_size_m_13otg_116{font-size:14px;line-height:20px;min-height:44px;padding:12px 24px;gap:10px}._large-size_m_13otg_123{font-size:16px;line-height:24px;min-height:48px;padding:12px 24px;gap:8px}}@media (min-width: 1440px){._tiny-size_l_13otg_132{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_l_13otg_139{font-size:14px;line-height:20px;min-height:40px;padding:10px 16px;gap:8px}._small-size_l_13otg_146{font-size:12px;line-height:16px;min-height:32px;padding:8px 16px;gap:4px}._preLarge-size_l_13otg_153{font-size:14px;line-height:20px;min-height:44px;padding:12px 24px;gap:10px}._large-size_l_13otg_160{font-size:16px;line-height:24px;min-height:48px;padding:12px 24px;gap:8px}}._root_fi64k_1{display:flex}._gap-1_fi64k_5{gap:4px}._gap-2_fi64k_9{gap:8px}._gap-3_fi64k_13{gap:12px}._gap-4_fi64k_17{gap:16px}._gap-5_fi64k_21{gap:20px}._gap-6_fi64k_25{gap:24px}._gap-7_fi64k_29{gap:28px}._gap-8_fi64k_33{gap:32px}._gap-9_fi64k_37{gap:36px}._gap-10_fi64k_41{gap:40px}._gap-11_fi64k_45{gap:44px}._gap-12_fi64k_49{gap:48px}._gap-13_fi64k_53{gap:52px}._gap-14_fi64k_57{gap:56px}._gap-15_fi64k_61{gap:60px}._gap-16_fi64k_65{gap:64px}._fd-row_fi64k_69{flex-direction:row}._fd-row-reverse_fi64k_73{flex-direction:row-reverse}._fd-column_fi64k_77{flex-direction:column}._fd-column-reverse_fi64k_81{flex-direction:column-reverse}._w-nowrap_fi64k_85{flex-wrap:nowrap}._w-wrap_fi64k_89{flex-wrap:wrap}._w-wrap-reverse_fi64k_93{flex-wrap:wrap-reverse}._jc-flex-start_fi64k_97{justify-content:flex-start}._jc-flex-end_fi64k_101{justify-content:flex-end}._jc-center_fi64k_105{justify-content:center}._jc-space-between_fi64k_109{justify-content:space-between}._jc-space-around_fi64k_113{justify-content:space-around}._jc-space-evenly_fi64k_117{justify-content:space-evenly}._ai-stretch_fi64k_121{align-items:stretch}._ai-flex-start_fi64k_125{align-items:flex-start}._ai-flex-end_fi64k_129{align-items:flex-end}._ai-center_fi64k_133{align-items:center}._ai-baseline_fi64k_137{align-items:baseline}._auto-width_qoqna_1{width:max-content;min-width:100px}._full-width_qoqna_6{width:100%}._inputWrapper_qoqna_10{display:flex;gap:4px;border-radius:48px;padding:10px 23px;border:1px solid #b1b5c3;box-sizing:border-box}._inputWrapper_qoqna_10 input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}._inputWrapper_qoqna_10 input{min-width:50px;width:100%;border:none;background:transparent;font-size:16px;line-height:24px;box-sizing:border-box}._inputWrapper_qoqna_10 input:focus{outline:none}._inputWrapperPost_qoqna_34,._inputWrapperPre_qoqna_35{font-size:16px;line-height:24px;font-weight:400;padding:10px 12px 10px 23px}._inputWrapperPost_qoqna_34 input,._inputWrapperPre_qoqna_35 input{font-size:16px;line-height:24px}._light_qoqna_47{background:#fff;border:1px solid #b1b5c3}._light_qoqna_47 input{color:#141416}._light_qoqna_47 input::placeholder{color:#b1b5c3}._light_qoqna_47 span{color:#b1b5c3}._light_qoqna_47:hover{border:1px solid #777e90}._light_qoqna_47:has(input:focus){border:1px solid #141416}._light_qoqna_47:has(input:disabled){background:#f4f5f6;border:1px solid #e6e8ec}._light_qoqna_47:has(input:disabled) input{color:#b1b5c3}._light_qoqna_47:has(input:disabled) input::placeholder{color:#b1b5c3}._light_qoqna_47:has(input:disabled) span{color:#b1b5c3}._dark_qoqna_80{background:#23262f;border:1px solid #353945}._dark_qoqna_80 input{color:#fff}._dark_qoqna_80 input::placeholder{color:#777e90}._dark_qoqna_80 span{color:#777e90}._dark_qoqna_80:hover{border:1px solid #777e90}._dark_qoqna_80:has(input:focus){border:1px solid #ffffff}._dark_qoqna_80:has(input:disabled){background:#141416;border:1px solid #353945}._dark_qoqna_80:has(input:disabled) input{color:#353945}._dark_qoqna_80:has(input:disabled) input::placeholder{color:#353945}._dark_qoqna_80:has(input:disabled) span{color:#353945}._dark_qoqna_80:has(input:invalid){border:1px solid #ec5353}._inputWrapperError_qoqna_116{border:1px solid #ec5353}._fieldInputWrapper_14ghj_1{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}._fieldInputWrapper_14ghj_1 label{font-family:inherit;font-size:12px;line-height:16px;font-weight:400;color:#141416}._root_oqb5i_1{display:flex;width:100%}._root_oqb5i_1>div:not(:first-of-type){border-left-width:.5px;border-top-left-radius:0;border-bottom-left-radius:0}._root_oqb5i_1>div:not(:last-of-type){border-right-width:.5px;border-top-right-radius:0;border-bottom-right-radius:0}._root_1tlck_1{display:flex;flex-direction:column;padding:32px 24px 24px;border:1px solid #e6e8ec;border-radius:24px;box-sizing:border-box}._lotImageWrapper_1tlck_10{display:flex;justify-content:center}._lotInfoWrapper_1tlck_15{display:flex;flex-direction:column;gap:16px;margin:32px 0 0}._infoHeader_1tlck_22{font-family:inherit;font-size:24px;line-height:32px;font-weight:500;letter-spacing:-.01em;color:#141416}._decor_1tlck_31{display:none}._decor_1tlck_31 span{display:block}._lotPropertyListMobile_1tlck_38{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}._lotPropertyItem_1tlck_46{display:flex;justify-content:space-between;font-family:inherit;font-size:14px;line-height:20px;padding:8px 0;border-bottom:1px solid #F4F5F6}._lotPropertyItem_1tlck_46 div:first-child{font-weight:400;color:#353945}._lotPropertyItem_1tlck_46 div:last-child{font-weight:500;color:#141416}._lotPropertyListDesktop_1tlck_64{display:none}._lotPriceWrapper_1tlck_68{font-family:inherit;font-size:18px;line-height:24px;margin:16px 0 0}._discountWrapper_1tlck_75{display:flex;justify-content:space-between;align-items:center}._discountWrapper_1tlck_75>div:last-child{font-weight:500;color:#141416}._discountPrice_1tlck_85{display:flex;align-items:center;font-weight:400;gap:8px;color:#b1b5c3}._discountPrice_1tlck_85 span{text-decoration:line-through;text-decoration-color:#ec5353}._lotPricePerMetr_1tlck_97{width:max-content;display:none}._btnWrapper_1tlck_102{display:flex;gap:8px;margin:24px 0 0}._btnWrapper_1tlck_102>button:first-child{display:none}@media (min-width: 1024px){._root_1tlck_1{flex-direction:row;gap:32px;padding:31px 30px 31px 32px}._lotImageWrapper_1tlck_10 img{width:148px;height:106px}._lotInfoWrapper_1tlck_15{display:flex;flex-direction:column;gap:0;margin:0}._decor_1tlck_31{display:flex;align-items:center;gap:8px;margin:4px 0 0;font-family:inherit;font-size:16px;line-height:24px;font-weight:500;color:#777e90}._lotPropertyListMobile_1tlck_38{display:none}._lotPropertyListDesktop_1tlck_64{display:flex;gap:8px;margin:16px 0 0}._lotPriceWrapper_1tlck_68{font-size:24px;line-height:32px;margin:0 0 0 auto}._discountWrapper_1tlck_75{gap:12px}._discountPrice_1tlck_85{font-size:14px;line-height:20px;gap:12px}._lotPricePerMetr_1tlck_97{display:block;margin:0 0 0 auto;font-size:14px;line-height:20px;font-weight:400;color:#353945}._btnWrapper_1tlck_102{justify-content:flex-end}._btnWrapper_1tlck_102>button:first-child{display:block}._btnWrapper_1tlck_102>button:last-child{width:max-content}}._wrapper_nzllw_1{display:flex;align-items:center;gap:8px}._logo_nzllw_7{width:81px;height:16px}._wrapperBetween_nzllw_12{width:100%;justify-content:space-between}._uk_nzllw_17{font-size:8px;line-height:8px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}._uk_black_nzllw_24{color:#141416}._uk_white_nzllw_27{color:#fff}@media (min-width: 1024px){._logo_nzllw_7{width:101px;height:20px}._uk_nzllw_17{font-size:9px;line-height:10px}}._root_1cpat_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:102;overflow:auto;box-sizing:border-box}._modalBody_1cpat_15{position:absolute}._modalOverlay_1cpat_19{position:absolute;width:100%;height:100vh;background:#00000080}._isTransparentBack_1cpat_26{opacity:.5}
+._root_wkh0k_1{white-space:pre-wrap}._root_j8jt6_1{display:flex;width:100%}._root_j8jt6_1 input{position:absolute;z-index:-1000;width:0;height:0;opacity:0}._root_j8jt6_1 label{flex:1 0 0;width:auto}._item_j8jt6_17{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:11px 15px;border:1px solid #E6E8EC;border-left:none;box-sizing:border-box}._firstItem_j8jt6_29{border-radius:48px 0 0 48px;border-left:1px solid #E6E8EC}._lastItem_j8jt6_34{border-radius:0 48px 48px 0}._text_j8jt6_38{width:max-content;font-size:16px;line-height:24px;font-weight:500;font-family:inherit}._rootCol_j8jt6_46{flex-wrap:wrap}._rootCol_j8jt6_46 label{min-width:50%}._rootCol_j8jt6_46 label:nth-child(1) ._item_j8jt6_17{border-radius:48px 0 0}._rootCol_j8jt6_46 label:nth-child(2) ._item_j8jt6_17{border-radius:0 48px 0 0}._rootCol_j8jt6_46 label:nth-child(3) ._item_j8jt6_17{border-top:none;border-left:1px solid #E6E8EC;border-radius:0 0 0 48px}._rootCol_j8jt6_46 label:nth-child(4) ._item_j8jt6_17{border-top:none;border-radius:0 0 48px}._rootCol_j8jt6_46 label:nth-child(n+5) ._item_j8jt6_17{display:none}._whiteRow_j8jt6_71 input:not(:checked)~._item_j8jt6_17{color:#141416}._whiteRow_j8jt6_71 input:checked~._item_j8jt6_17{background-color:#141416;color:#fff}@media (min-width: 1024px){._whiteRow_j8jt6_71 input:not(:checked)~._item_j8jt6_17:hover{background-color:#141416;color:#fff;opacity:.9}._whiteRow_j8jt6_71 input:checked~._item_j8jt6_17:hover{opacity:.9}._whiteRow_j8jt6_71 input:disabled~._item_j8jt6_17{opacity:.7}}@keyframes _swiperForward_iju0r_1{0%{background:#b1b5c3;border:1px solid #b1b5c3}50%{background:#777e90;border:1px solid #777e90}to{background:#015ff9;border:1px solid #015ff9}}@keyframes _swiperBackward_iju0r_1{0%{background:#015ff9;border:1px solid #015ff9}50%{background:#024ac0;border:1px solid #024AC0}to{background:#b1b5c3;border:1px solid #b1b5c3}}._switcherWrapper_iju0r_29{display:flex;justify-content:space-between;align-items:center;outline:none}._swiper_iju0r_36{position:relative;width:36px;height:20px;padding:1px;border-radius:50px;border:1px solid #b1b5c3;background:#b1b5c3;box-sizing:border-box;cursor:pointer;outline:none;color:green}._swiperActive_iju0r_50{animation:_swiperForward_iju0r_1 .3s ease;animation-fill-mode:forwards}._swiperInactive_iju0r_55{animation:_swiperBackward_iju0r_1 .3s ease;animation-fill-mode:forwards}._swiperPoint_iju0r_60{position:relative;left:0;width:16px;height:16px;border-radius:50%;background:#fff;box-sizing:border-box;transition:all .3s ease;box-shadow:0 4px 4px #1414163d}._swiperPointActive_iju0r_72{left:16px}._sortSelectWrapper_636hy_1{position:relative;width:max-content;-webkit-user-select:none;user-select:none;max-width:178px}._selectedOptions_636hy_8{display:flex;flex:1;max-width:92px;width:100%;padding-right:1.5rem;justify-content:space-between;align-items:center;font-family:inherit;font-size:16px;line-height:24px;font-weight:400;padding:11px 40px 11px 15px;border-radius:48px;border:1px solid #B1B5C3;background:#fff;box-sizing:border-box;outline:none;overflow:hidden}._selectedOptions_636hy_8:hover{border:1px solid #777E90}._selectedOptionsOpened_636hy_32{border:1px solid #141416}._selectOptionsDisabled_636hy_36{pointer-events:none;background:#f4f5f6;border:1px solid #E6E8EC;color:#b1b5c3}._optionsList_636hy_43{position:absolute;top:52px;width:inherit;padding:12px 24px 24px;border:1px solid #e6e8ec;border-radius:24px;background:#fff;box-shadow:0 5px 12px #0000001f,0 21px 21px #0000001a;z-index:120;box-sizing:border-box;max-height:241px;overflow-y:scroll}._mobileOptionList_636hy_58{width:100%;padding:24px;background:#fff;box-sizing:border-box}._mobileSortHeader_636hy_65{display:flex;justify-content:space-between;align-items:center;font-size:18px;line-height:24px;font-weight:400;font-family:inherit;padding:24px;border-radius:24px 24px 0 0;border-bottom:1px solid #E6E8EC;background:#fff}._modalAddBody_636hy_79{bottom:0;left:0;width:100%}._inputWrapper_636hy_85{display:flex;align-items:center}._inputWrapper_636hy_85 input{cursor:pointer}._option_636hy_43{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:16px;line-height:24px;font-weight:500;cursor:pointer}._option_636hy_43:not(:last-child){border-bottom:1px solid #F4F5F6}._option_636hy_43:hover{opacity:.7}._icon_636hy_110{position:absolute;left:50%;transform:translate(-50%);pointer-events:none}._checkBox_636hy_117{width:24px;height:24px;border-radius:50%;border:1px solid #B1B5C3}._checkBoxChecked_636hy_124{display:flex;align-items:center;justify-content:center;border:1px solid #015FF9}._innerCheck_636hy_131{width:12px;height:12px;border-radius:50%;border:1px solid #015FF9;background:#015ff9}@media (min-width: 1024px){._selectedOptions_636hy_8{display:flex;flex:1;max-width:unset}._optionsList_636hy_43{top:52px;min-width:375px;right:0}._icon_636hy_110{left:unset;right:16px;transform:translate(0)}}._multiSelectWrapper_eu431_1{position:relative;width:100%;-webkit-user-select:none;user-select:none}._selectedOptions_eu431_7{display:flex;flex:1;padding-right:2.5rem;justify-content:space-between;align-items:center;font-family:inherit;font-size:16px;line-height:24px;font-weight:400;padding:11px 12px 11px 24px;border-radius:48px;border:1px solid #B1B5C3;background:#fff;box-sizing:border-box;outline:none}._selectedOptions_eu431_7:hover{border:1px solid #777E90}._selectedOptionsOpened_eu431_28{border:1px solid #141416}._selectOptionsDisabled_eu431_32{pointer-events:none;background:#f4f5f6;border:1px solid #E6E8EC;color:#b1b5c3}._optionsList_eu431_39{position:absolute;top:52px;width:inherit;padding:12px 24px 24px;border:1px solid #e6e8ec;border-radius:24px;background:#fff;box-shadow:0 5px 12px #0000001f,0 21px 21px #0000001a;z-index:120;box-sizing:border-box;max-height:262px;overflow-y:scroll}._inputWrapper_eu431_54{display:flex;align-items:center}._inputWrapper_eu431_54 input{cursor:pointer}._option_eu431_39{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer}._option_eu431_39:not(:last-child){border-bottom:1px solid #F4F5F6}._option_eu431_39:hover{opacity:.7}._icon_eu431_76{position:absolute;right:12px;pointer-events:none}._btnRound_7sz3m_1{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:7px;box-sizing:border-box;cursor:pointer}._btnRound_7sz3m_1:disabled{opacity:.2}._btnRound_7sz3m_1:focus{outline:0}._small-size_7sz3m_17{width:32px;height:32px}._medium-size_7sz3m_22{width:40px;height:40px;padding:9px}._large-size_7sz3m_28{width:48px;height:48px;padding:11px}._whiteStroke_7sz3m_34{border:1px solid #e6e8ec;background-color:#fff}._whiteStroke_7sz3m_34:hover{border:1px solid #b1b5c3}._whiteStroke_7sz3m_34:active{border:1px solid #141416}@media (min-width: 1024px){._small-size_m_7sz3m_46{width:32px;height:32px}._medium-size_m_7sz3m_50{width:40px;height:40px;padding:9px}._large-size_m_7sz3m_55{width:48px;height:48px;padding:11px}}@media (min-width: 1440px){._small-size_l_7sz3m_62{width:32px;height:32px}._medium-size_l_7sz3m_66{width:40px;height:40px;padding:9px}._large-size_l_7sz3m_71{width:48px;height:48px;padding:11px}}._btnCommon_1cazw_1{position:relative;font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;text-decoration:none;cursor:pointer}._btnCommon_1cazw_1:disabled{opacity:.2}._btnLoading_1cazw_19{pointer-events:none}._isHidden_1cazw_23{visibility:hidden}._auto-width_1cazw_27{width:max-content}._full-width_1cazw_31{width:100%}._tiny-size_1cazw_35{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_1cazw_43{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_1cazw_51{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_1cazw_59{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}._blue_1cazw_67{background:#015ff9;border:1px solid #015ff9;color:#fff}._blue_1cazw_67:hover{background:#024ac0;border:1px solid #024ac0}._blue_1cazw_67:active{background:#0645aa;border:1px solid #0645aa}._sokolniki_1cazw_81{background:#60663e;border:1px solid #60663e;color:#fff}._sokolniki_1cazw_81:hover{background:#494f29;border:1px solid #494f29}._sokolniki_1cazw_81:active{background:#303519;border:1px solid #303519}._black_1cazw_95{background:#141416;border:1px solid #141416;color:#fff}._black_1cazw_95:hover{background:#23262f;border:1px solid #353945}._black_1cazw_95:active{background:#353945;border:1px solid #777e90}._gray_1cazw_109{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}._gray_1cazw_109:hover{background:#f4f5f6;border:1px solid #b1b5c3}._gray_1cazw_109:active{background:#e6e8ec;border:1px solid #b1b5c3}._whiteStroke_1cazw_123{background:#fff;border:1px solid #e6e8ec;color:#141416}._whiteStroke_1cazw_123:hover{border:1px solid #b1b5c3}._whiteStroke_1cazw_123:active{border:1px solid #141416}._whiteFilled_1cazw_135{background:#fff;border:1px solid #ffffff;color:#141416}._whiteFilled_1cazw_135:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_1cazw_135:active{background:#f4f5f6;border:1px solid #f4f5f6}._shade_1cazw_149{background:#23262f;border:1px solid #23262F;color:#fff}@keyframes _LoaderSpin_1cazw_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._volodiyaLight_1cazw_163{background:#353945;border:1px solid #353945;color:#fff}._loader_1cazw_169{position:absolute;animation:_LoaderSpin_1cazw_1 1.4s infinite linear}@media (min-width: 1024px){._tiny-size_m_1cazw_175{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_m_1cazw_182{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_m_1cazw_189{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_m_1cazw_196{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}@media (min-width: 1440px){._tiny-size_l_1cazw_205{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_l_1cazw_212{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_l_1cazw_219{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_l_1cazw_226{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}._btnCommon_1act6_1{font-family:inherit;font-weight:500;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;cursor:pointer}._btnCommon_1act6_1:disabled{opacity:.2}._auto-width_1act6_18{width:auto}._full-width_1act6_22{width:100%}._small-size_1act6_26{font-size:10px;line-height:12px;min-height:56px;padding:7px 11px;gap:4px}._whiteFilled_1act6_34{background:#fff;border:1px solid #ffffff;color:#777e90}._whiteFilled_1act6_34:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_1act6_34:active{background:#f4f5f6;border:1px solid #f4f5f6}._destination_1c7de_1{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:110px;cursor:pointer}._destination_1c7de_1 input{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._destination_1c7de_1 span{display:block;width:8px;height:8px;border-radius:50%}._auto-width_1c7de_29{width:max-content}._full-width_1c7de_33{width:100%}._medium-size_1c7de_37{padding:9px 23px}._medium-size_1c7de_37 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_1c7de_37 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_1c7de_51{padding:11px 31px}._large-size_1c7de_51 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_1c7de_51 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}._whiteStroke_1c7de_65{color:#353945;border:1px solid #f4f5f6}._whiteStroke_1c7de_65:hover{border:1px solid #b1b5c3}._whiteStroke_1c7de_65:active{background-color:#e6e8ec}._whiteStroke_1c7de_65 ._routeText_1c7de_45,._whiteStroke_1c7de_65 ._routeWrapper_1c7de_78{color:#777e90}._whiteStroke_1c7de_65:has(input:checked){border:1px solid #141416;background-color:#141416;color:#fff}._whiteStroke_1c7de_65:has(input:checked):hover{border:1px solid #353945;background-color:#23262f}._whiteStroke_1c7de_65:has(input:checked):active{background-color:#353945;border:1px solid #777E90}._whiteStroke_1c7de_65:has(input:checked) ._routeText_1c7de_45{color:#b1b5c3}._whiteStroke_1c7de_65:has(input:checked) ._routeWrapper_1c7de_78{color:#b1b5c3}._routeWrapper_1c7de_78{display:flex;gap:4px;justify-content:space-between;align-items:center}@media (min-width: 1024px){._medium-size_m_1c7de_109{padding:9px 23px}._medium-size_m_1c7de_109 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_m_1c7de_109 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_m_1c7de_122{padding:11px 31px}._large-size_m_1c7de_122 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_m_1c7de_122 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}}@media (min-width: 1440px){._medium-size_l_1c7de_137{padding:9px 23px}._medium-size_l_1c7de_137 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_l_1c7de_137 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_l_1c7de_150{padding:11px 31px}._large-size_l_1c7de_150 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_l_1c7de_150 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}}._tagCommon_13otg_1{font-family:inherit;font-weight:400;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px}._tagCommon_13otg_1:disabled{opacity:.2}._auto-width_13otg_16{width:max-content}._full-width_13otg_20{width:100%}._medium-size_13otg_24{font-size:14px;line-height:20px;min-height:40px;padding:10px 16px;gap:8px}._tiny-size_13otg_32{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._small-size_13otg_40{font-size:12px;line-height:16px;min-height:32px;padding:8px 16px;gap:4px}._preLarge-size_13otg_48{font-size:14px;line-height:20px;min-height:44px;padding:12px 24px;gap:10px}._large-size_13otg_56{font-size:16px;line-height:24px;min-height:48px;padding:12px 24px;gap:8px}._red_13otg_64{background:#ec5353;border:1px solid #ec5353;color:#fff}._gray_13otg_70{background:#f4f5f6;border:none;color:#353945}._shade_13otg_76{background:#141416cc;border:none;color:#fff}._blackGrey_13otg_82{background-color:#23262f;border:none;color:#e6e8ec}._chineseBlack_13otg_88{background-color:#141416;border:none;color:#fff}@media (min-width: 1024px){._tiny-size_m_13otg_95{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_m_13otg_102{font-size:14px;line-height:20px;min-height:40px;padding:10px 16px;gap:8px}._small-size_m_13otg_109{font-size:12px;line-height:16px;min-height:32px;padding:8px 16px;gap:4px}._preLarge_size_m_13otg_116{font-size:14px;line-height:20px;min-height:44px;padding:12px 24px;gap:10px}._large-size_m_13otg_123{font-size:16px;line-height:24px;min-height:48px;padding:12px 24px;gap:8px}}@media (min-width: 1440px){._tiny-size_l_13otg_132{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_l_13otg_139{font-size:14px;line-height:20px;min-height:40px;padding:10px 16px;gap:8px}._small-size_l_13otg_146{font-size:12px;line-height:16px;min-height:32px;padding:8px 16px;gap:4px}._preLarge-size_l_13otg_153{font-size:14px;line-height:20px;min-height:44px;padding:12px 24px;gap:10px}._large-size_l_13otg_160{font-size:16px;line-height:24px;min-height:48px;padding:12px 24px;gap:8px}}._root_fi64k_1{display:flex}._gap-1_fi64k_5{gap:4px}._gap-2_fi64k_9{gap:8px}._gap-3_fi64k_13{gap:12px}._gap-4_fi64k_17{gap:16px}._gap-5_fi64k_21{gap:20px}._gap-6_fi64k_25{gap:24px}._gap-7_fi64k_29{gap:28px}._gap-8_fi64k_33{gap:32px}._gap-9_fi64k_37{gap:36px}._gap-10_fi64k_41{gap:40px}._gap-11_fi64k_45{gap:44px}._gap-12_fi64k_49{gap:48px}._gap-13_fi64k_53{gap:52px}._gap-14_fi64k_57{gap:56px}._gap-15_fi64k_61{gap:60px}._gap-16_fi64k_65{gap:64px}._fd-row_fi64k_69{flex-direction:row}._fd-row-reverse_fi64k_73{flex-direction:row-reverse}._fd-column_fi64k_77{flex-direction:column}._fd-column-reverse_fi64k_81{flex-direction:column-reverse}._w-nowrap_fi64k_85{flex-wrap:nowrap}._w-wrap_fi64k_89{flex-wrap:wrap}._w-wrap-reverse_fi64k_93{flex-wrap:wrap-reverse}._jc-flex-start_fi64k_97{justify-content:flex-start}._jc-flex-end_fi64k_101{justify-content:flex-end}._jc-center_fi64k_105{justify-content:center}._jc-space-between_fi64k_109{justify-content:space-between}._jc-space-around_fi64k_113{justify-content:space-around}._jc-space-evenly_fi64k_117{justify-content:space-evenly}._ai-stretch_fi64k_121{align-items:stretch}._ai-flex-start_fi64k_125{align-items:flex-start}._ai-flex-end_fi64k_129{align-items:flex-end}._ai-center_fi64k_133{align-items:center}._ai-baseline_fi64k_137{align-items:baseline}._auto-width_qoqna_1{width:max-content;min-width:100px}._full-width_qoqna_6{width:100%}._inputWrapper_qoqna_10{display:flex;gap:4px;border-radius:48px;padding:10px 23px;border:1px solid #b1b5c3;box-sizing:border-box}._inputWrapper_qoqna_10 input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}._inputWrapper_qoqna_10 input{min-width:50px;width:100%;border:none;background:transparent;font-size:16px;line-height:24px;box-sizing:border-box}._inputWrapper_qoqna_10 input:focus{outline:none}._inputWrapperPost_qoqna_34,._inputWrapperPre_qoqna_35{font-size:16px;line-height:24px;font-weight:400;padding:10px 12px 10px 23px}._inputWrapperPost_qoqna_34 input,._inputWrapperPre_qoqna_35 input{font-size:16px;line-height:24px}._light_qoqna_47{background:#fff;border:1px solid #b1b5c3}._light_qoqna_47 input{color:#141416}._light_qoqna_47 input::placeholder{color:#b1b5c3}._light_qoqna_47 span{color:#b1b5c3}._light_qoqna_47:hover{border:1px solid #777e90}._light_qoqna_47:has(input:focus){border:1px solid #141416}._light_qoqna_47:has(input:disabled){background:#f4f5f6;border:1px solid #e6e8ec}._light_qoqna_47:has(input:disabled) input{color:#b1b5c3}._light_qoqna_47:has(input:disabled) input::placeholder{color:#b1b5c3}._light_qoqna_47:has(input:disabled) span{color:#b1b5c3}._dark_qoqna_80{background:#23262f;border:1px solid #353945}._dark_qoqna_80 input{color:#fff}._dark_qoqna_80 input::placeholder{color:#777e90}._dark_qoqna_80 span{color:#777e90}._dark_qoqna_80:hover{border:1px solid #777e90}._dark_qoqna_80:has(input:focus){border:1px solid #ffffff}._dark_qoqna_80:has(input:disabled){background:#141416;border:1px solid #353945}._dark_qoqna_80:has(input:disabled) input{color:#353945}._dark_qoqna_80:has(input:disabled) input::placeholder{color:#353945}._dark_qoqna_80:has(input:disabled) span{color:#353945}._dark_qoqna_80:has(input:invalid){border:1px solid #ec5353}._inputWrapperError_qoqna_116{border:1px solid #ec5353}._fieldInputWrapper_14ghj_1{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}._fieldInputWrapper_14ghj_1 label{font-family:inherit;font-size:12px;line-height:16px;font-weight:400;color:#141416}._root_oqb5i_1{display:flex;width:100%}._root_oqb5i_1>div:not(:first-of-type){border-left-width:.5px;border-top-left-radius:0;border-bottom-left-radius:0}._root_oqb5i_1>div:not(:last-of-type){border-right-width:.5px;border-top-right-radius:0;border-bottom-right-radius:0}._root_129gd_1{display:flex;padding:16px 0;gap:8px;width:max-content;box-sizing:border-box}._root_129gd_1 span{display:block;width:8px;height:8px;border-radius:50%}._metroColor_129gd_15{display:flex;align-items:center;font-size:14px;line-height:20px;font-weight:500;gap:8px;color:#353945}._route_129gd_25{display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:500;color:#777e90}._auto-width_129gd_35{width:max-content}._full-width_129gd_39{width:100%}@media (min-width: 1024px){._root_129gd_1{padding:10px 24px;border-radius:110px;background:#f4f5f6}}._root_1tlck_1{display:flex;flex-direction:column;padding:32px 24px 24px;border:1px solid #e6e8ec;border-radius:24px;box-sizing:border-box}._lotImageWrapper_1tlck_10{display:flex;justify-content:center}._lotInfoWrapper_1tlck_15{display:flex;flex-direction:column;gap:16px;margin:32px 0 0}._infoHeader_1tlck_22{font-family:inherit;font-size:24px;line-height:32px;font-weight:500;letter-spacing:-.01em;color:#141416}._decor_1tlck_31{display:none}._decor_1tlck_31 span{display:block}._lotPropertyListMobile_1tlck_38{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}._lotPropertyItem_1tlck_46{display:flex;justify-content:space-between;font-family:inherit;font-size:14px;line-height:20px;padding:8px 0;border-bottom:1px solid #F4F5F6}._lotPropertyItem_1tlck_46 div:first-child{font-weight:400;color:#353945}._lotPropertyItem_1tlck_46 div:last-child{font-weight:500;color:#141416}._lotPropertyListDesktop_1tlck_64{display:none}._lotPriceWrapper_1tlck_68{font-family:inherit;font-size:18px;line-height:24px;margin:16px 0 0}._discountWrapper_1tlck_75{display:flex;justify-content:space-between;align-items:center}._discountWrapper_1tlck_75>div:last-child{font-weight:500;color:#141416}._discountPrice_1tlck_85{display:flex;align-items:center;font-weight:400;gap:8px;color:#b1b5c3}._discountPrice_1tlck_85 span{text-decoration:line-through;text-decoration-color:#ec5353}._lotPricePerMetr_1tlck_97{width:max-content;display:none}._btnWrapper_1tlck_102{display:flex;gap:8px;margin:24px 0 0}._btnWrapper_1tlck_102>button:first-child{display:none}@media (min-width: 1024px){._root_1tlck_1{flex-direction:row;gap:32px;padding:31px 30px 31px 32px}._lotImageWrapper_1tlck_10 img{width:148px;height:106px}._lotInfoWrapper_1tlck_15{display:flex;flex-direction:column;gap:0;margin:0}._decor_1tlck_31{display:flex;align-items:center;gap:8px;margin:4px 0 0;font-family:inherit;font-size:16px;line-height:24px;font-weight:500;color:#777e90}._lotPropertyListMobile_1tlck_38{display:none}._lotPropertyListDesktop_1tlck_64{display:flex;gap:8px;margin:16px 0 0}._lotPriceWrapper_1tlck_68{font-size:24px;line-height:32px;margin:0 0 0 auto}._discountWrapper_1tlck_75{gap:12px}._discountPrice_1tlck_85{font-size:14px;line-height:20px;gap:12px}._lotPricePerMetr_1tlck_97{display:block;margin:0 0 0 auto;font-size:14px;line-height:20px;font-weight:400;color:#353945}._btnWrapper_1tlck_102{justify-content:flex-end}._btnWrapper_1tlck_102>button:first-child{display:block}._btnWrapper_1tlck_102>button:last-child{width:max-content}}._wrapper_nzllw_1{display:flex;align-items:center;gap:8px}._logo_nzllw_7{width:81px;height:16px}._wrapperBetween_nzllw_12{width:100%;justify-content:space-between}._uk_nzllw_17{font-size:8px;line-height:8px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}._uk_black_nzllw_24{color:#141416}._uk_white_nzllw_27{color:#fff}@media (min-width: 1024px){._logo_nzllw_7{width:101px;height:20px}._uk_nzllw_17{font-size:9px;line-height:10px}}._root_1cpat_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:102;overflow:auto;box-sizing:border-box}._modalBody_1cpat_15{position:absolute}._modalOverlay_1cpat_19{position:absolute;width:100%;height:100vh;background:#00000080}._isTransparentBack_1cpat_26{opacity:.5}

package/dist/useSortSelect-BWM68TJ3.js

@@ -0,0 +1,76 @@
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { c as y } from "./index-DIxK0V-G.js";
+const v = "_sortSelectWrapper_636hy_1", b = "_selectedOptions_636hy_8", x = "_selectedOptionsOpened_636hy_32", B = "_selectOptionsDisabled_636hy_36", C = "_optionsList_636hy_43", S = "_mobileOptionList_636hy_58", f = "_mobileSortHeader_636hy_65", g = "_modalAddBody_636hy_79", L = "_inputWrapper_636hy_85", W = "_option_636hy_43", D = "_icon_636hy_110", N = "_checkBox_636hy_117", A = "_checkBoxChecked_636hy_124", H = "_innerCheck_636hy_131", o = {
+  sortSelectWrapper: v,
+  selectedOptions: b,
+  selectedOptionsOpened: x,
+  selectOptionsDisabled: B,
+  optionsList: C,
+  mobileOptionList: S,
+  mobileSortHeader: f,
+  modalAddBody: g,
+  inputWrapper: L,
+  option: W,
+  icon: D,
+  checkBox: N,
+  checkBoxChecked: A,
+  innerCheck: H
+}, i = y.bind(o), q = ({
+  selectedOption: e,
+  setSelectedOption: h,
+  setIsOpen: t,
+  containerRef: r,
+  onBlur: a,
+  onChange: l,
+  isMobile: u,
+  placeholder: d
+}) => {
+  const m = (c) => (n) => {
+    n.stopPropagation();
+    const _ = (e == null ? void 0 : e.value) === c.value ? null : c;
+    if (h(_), l) {
+      const k = {
+        ...n,
+        target: { value: _ }
+      };
+      l(k);
+    }
+    t(!1);
+  };
+  return { handleDocumentClick: (c) => {
+    r.current && !r.current.contains(c.target) && t(!1);
+  }, handleBlur: (c) => {
+    if (a) {
+      const n = {
+        ...c,
+        target: { value: e }
+      };
+      a(n);
+    }
+  }, getInputValue: () => u ? "" : e ? e.label : d, getOption: (c) => /* @__PURE__ */ p(
+    "div",
+    {
+      className: i(o.option, {
+        [o.selected]: (e == null ? void 0 : e.value) === c.value
+      }),
+      onClick: m(c),
+      children: [
+        /* @__PURE__ */ s("div", { children: c.label }),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: i(o.checkBox, {
+              [o.checkBoxChecked]: (e == null ? void 0 : e.value) === c.value
+            }),
+            children: (e == null ? void 0 : e.value) === c.value && /* @__PURE__ */ s("div", { className: o.innerCheck })
+          }
+        )
+      ]
+    },
+    c.value
+  ) };
+};
+export {
+  o as s,
+  q as u
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "stone-kit",
   "description": "uikit for redesign",
   "private": false,
-  "version": "0.0.88",
+  "version": "0.0.90",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",