stone-kit 0.0.495 → 0.0.497

package/dist/{Option-C7WIx1fG.js → Option-CFf-6tyJ.js}

@@ -40,7 +40,7 @@ const r = "_multiSelectWrapper_au613_1", m = "_selectedOptions_au613_8", O = "_s
         [s.optionClickable]: c && c.includes(`${e.value}`)
       }
     ),
-    onClick: _(e),
+    onClick: () => _(e),
     children: [
       n && /* @__PURE__ */ i(
         a,

package/dist/SortSelect-jks4qMel.js

@@ -0,0 +1,180 @@
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import { forwardRef as k, useState as T, useRef as D, useEffect as M } from "react";
+import { c as v } from "./index-rKuIKazb.js";
+import { s as t, u as B } from "./useSortSelect-D7K1wk0E.js";
+import { NewIcon as O } from "./components/NewIcon/ui/NewIcon.js";
+import "./components/Button/ui/Button.js";
+import "./components/mobileButton/ui/MobileButton.js";
+import "./components/DestinationTab/ui/DestinationTab.js";
+import "./components/RoundButton/ui/RoundButton.js";
+import "./components/Tag/ui/Tag.js";
+import "./components/Switcher/ui/Switcher.js";
+import { Text as C } from "./components/Text/ui/Text.js";
+import "./components/Flex/ui/Flex.js";
+import "./components/Input/ui/Input.js";
+import { M as j } from "./Modal-BZv6nlLe.js";
+import "./components/GroupedInput/ui/GroupedInputs.js";
+import "./components/MetroTag/ui/MetroTag.js";
+import "./components/LotCard/ui/LotCard.js";
+import "./components/Select/ui/Select.js";
+import { useClientWidth as L } from "./shared/useClientWidth.js";
+import "./components/SliderNavigation/ui/SliderNavigation.js";
+import "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
+import "./components/TabSelect/ui/TabSelect.js";
+import "./components/FormModal/ui/ModalForm.js";
+const E = "_root_1ol37_1", A = "_text_1ol37_18", z = "_rootCol_1ol37_26", $ = "_item_1ol37_32", q = "_whiteRow_1ol37_51", H = "_firstItem_1ol37_62", P = "_lastItem_1ol37_66", V = "_apart_1ol37_97", F = "_isLong_1ol37_97", G = "_autoWidth_1ol37_122", J = "_isDisabled_1ol37_129", K = "_grayRow_1ol37_153", e = {
+  root: E,
+  text: A,
+  rootCol: z,
+  item: $,
+  whiteRow: q,
+  firstItem: H,
+  lastItem: P,
+  apart: V,
+  isLong: F,
+  autoWidth: G,
+  isDisabled: J,
+  grayRow: K
+}, h = v.bind(e), Q = ({
+  children: s,
+  variant: m = "whiteRow",
+  isApart: d = !1,
+  addClassName: p = "",
+  col: n = !1
+}) => /* @__PURE__ */ o("div", { className: h(e.root, e[m], p, { [e.rootCol]: n, [e.apart]: d }), children: s }), W = k((s, m) => {
+  const { isTablet: d, isDesktop: p } = L(), {
+    index: n,
+    children: i,
+    addItemClassName: f,
+    addTextClass: x,
+    disabled: w = !1,
+    itemsLength: b = 0,
+    isLongOn: r = !0,
+    width: a,
+    width_m: c,
+    width_l: l,
+    ...y
+  } = s, S = (i != null && i.toString().length ? (i == null ? void 0 : i.toString().length) > 2 : !1) && r, g = (_, R) => _ && c ? c : R && l ? l : a, I = !a && !c && !l && S;
+  return /* @__PURE__ */ u("label", { className: h({ [e.isLong]: S }), children: [
+    /* @__PURE__ */ o(
+      "input",
+      {
+        ref: m,
+        type: "checkbox",
+        ...y,
+        disabled: w
+      }
+    ),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        style: { width: g(d, p) },
+        className: h(h(
+          e.item,
+          { [e.firstItem]: n === 0 },
+          { [e.lastItem]: n === b - 1 },
+          { [e.isDisabled]: w },
+          { [e.autoWidth]: I }
+        ), f),
+        children: /* @__PURE__ */ o(C, { className: h(e.text, x), children: i })
+      }
+    )
+  ] });
+});
+W.displayName = "TabSwitcherItem";
+const It = Object.assign(Q, { Item: W }), N = v.bind(t), U = ({
+  options: s,
+  selectedOption: m,
+  placeholder: d = "",
+  error: p,
+  disabled: n,
+  additionalClass: i = "",
+  onChange: f,
+  onBlur: x,
+  mini: w,
+  openOnTop: b = !1
+}) => {
+  const [r, a] = T(!1), c = D(null), { isMobile: l } = L(), { handleBlur: y, getInputValue: S, getOption: g, handleDocumentClick: I } = B({
+    selectedOption: m,
+    setSelectedOption: f,
+    setIsOpen: a,
+    containerRef: c,
+    isOpen: r,
+    isMobile: l,
+    placeholder: d,
+    onChange: f,
+    onBlur: x
+  });
+  return M(() => (document.addEventListener("click", I), () => {
+    document.removeEventListener("click", I);
+  }), []), /* @__PURE__ */ u(
+    "div",
+    {
+      ref: c,
+      className: N(
+        t.sortSelectWrapper,
+        { [t.sortSelectWrapperError]: p },
+        { [t.sortSelectWrapperTop]: b },
+        i
+      ),
+      tabIndex: 0,
+      onBlur: y,
+      children: [
+        /* @__PURE__ */ u("div", { className: N(t.inputWrapper), children: [
+          /* @__PURE__ */ o(
+            "input",
+            {
+              type: "text",
+              readOnly: !0,
+              value: S(),
+              className: N(
+                t.selectedOptions,
+                { [t.selectOptionsDisabled]: n },
+                { [t.selectionOptionMini]: w }
+              ),
+              onClick: () => a(!r)
+            }
+          ),
+          /* @__PURE__ */ o(
+            O,
+            {
+              name: "twoArrows",
+              size: "24",
+              additionalClass: t.icon
+            }
+          )
+        ] }),
+        r && l && /* @__PURE__ */ u(
+          j,
+          {
+            isOpen: r,
+            emitIsOpen: a,
+            additionalClassModalBody: t.modalAddBody,
+            additionalClass: t.selectModal,
+            createPortalObj: { domNode: document.querySelector("body") },
+            isTransparentBack: !0,
+            children: [
+              /* @__PURE__ */ u("div", { className: t.mobileSortHeader, children: [
+                /* @__PURE__ */ o(C, { children: "Сортировка" }),
+                /* @__PURE__ */ o("div", { onClick: () => a(!1), children: /* @__PURE__ */ o(
+                  O,
+                  {
+                    name: "close",
+                    size: "20"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ o("div", { className: t.mobileOptionList, children: s == null ? void 0 : s.map((_) => g(_)) })
+            ]
+          }
+        ),
+        r && !l && /* @__PURE__ */ o("div", { className: N(t.optionsList, { [t.optionListOnTop]: b }), children: s == null ? void 0 : s.map((_) => g(_)) })
+      ]
+    }
+  );
+};
+U.displayName = "SortSelect";
+export {
+  It as S,
+  U as a
+};

package/dist/components/Select/ui/Category.d.ts

@@ -6,7 +6,7 @@ export interface IOption {
     disabledOptions: TOption[];
     selectedOptions: TOption[];
     clickableOptions?: (string | undefined)[];
-    handleOptionClick: (option: TOption | TOption[]) => () => void;
+    handleOptionClick: (option: TOption | TOption[]) => void;
     sizeIcon?: string;
 }
 export declare const Category: ({ category, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, sizeIcon }: IOption) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,38 +1,38 @@
-import { jsxs as t, Fragment as v, jsx as s } from "react/jsx-runtime";
-import { s as i, O as f } from "../../../Option-C7WIx1fG.js";
+import { jsxs as l, Fragment as v, jsx as s } from "react/jsx-runtime";
+import { s as e, O as f } from "../../../Option-CFf-6tyJ.js";
 import { NewIcon as c } from "../../NewIcon/ui/NewIcon.js";
-import { c as N } from "../../../index-rKuIKazb.js";
-const h = N.bind(i), k = ({
+import { c as h } from "../../../index-rKuIKazb.js";
+const N = h.bind(e), O = ({
   category: o,
   selectedOptions: n,
-  disabledOptions: l,
+  disabledOptions: r,
   clickableOptions: p,
   handleOptionClick: a,
-  sizeIcon: r
+  sizeIcon: t
 }) => {
-  const d = n.map((e) => JSON.stringify(e)), m = o.options.every((e) => d.includes(JSON.stringify(e)));
-  return /* @__PURE__ */ t(v, { children: [
-    /* @__PURE__ */ t(
+  const d = n.map((i) => JSON.stringify(i)), m = o.options.every((i) => d.includes(JSON.stringify(i)));
+  return /* @__PURE__ */ l(v, { children: [
+    /* @__PURE__ */ l(
       "div",
       {
-        className: h(
-          i.option,
-          i.category,
-          i.optionClickable,
+        className: N(
+          e.option,
+          e.category,
+          e.optionClickable,
           {
-            [i.selected]: n.some((e) => e.value === o.value),
-            [i.optionDisabled]: l.some(
-              (e) => e.value === o.value
+            [e.selected]: n.some((i) => i.value === o.value),
+            [e.optionDisabled]: r.some(
+              (i) => i.value === o.value
             )
           }
         ),
-        onClick: a(o.options),
+        onClick: () => a(o.options),
         children: [
-          /* @__PURE__ */ t("div", { className: i.leftSide, children: [
+          /* @__PURE__ */ l("div", { className: e.leftSide, children: [
             /* @__PURE__ */ s(
               c,
               {
-                size: r ?? "20",
+                size: t ?? "20",
                 name: m ? "minusCheck" : "selectUnchecked"
               }
             ),
@@ -43,21 +43,21 @@ const h = N.bind(i), k = ({
             {
               name: "arrowShort",
               deg: m ? "180" : "0",
-              size: r ?? "24",
-              additionalClass: i.icon
+              size: t ?? "24",
+              additionalClass: e.icon
             }
           )
         ]
       }
     ),
-    o.options.map((e, u) => /* @__PURE__ */ s(
+    o.options.map((i, u) => /* @__PURE__ */ s(
       f,
       {
-        option: e,
-        disabledOptions: l,
+        option: i,
+        disabledOptions: r,
         selectedOptions: n,
-        handleOptionClick: a,
-        sizeIcon: r,
+        handleOptionClick: () => a(i),
+        sizeIcon: t,
         clickableOptions: p,
         isOptionCategory: !0
       },
@@ -66,5 +66,5 @@ const h = N.bind(i), k = ({
   ] });
 };
 export {
-  k as Category
+  O as Category
 };

package/dist/components/Select/ui/Option.d.ts

@@ -6,7 +6,7 @@ export interface IOption {
     disabledOptions: TOption[];
     selectedOptions: TOption[];
     clickableOptions?: (string | undefined)[];
-    handleOptionClick: (option: TOption) => () => void;
+    handleOptionClick: (option: TOption) => void;
     sizeIcon?: string;
 }
 export declare const Option: ({ option, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, isOptionCategory, sizeIcon }: IOption) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { O as m } from "../../../Option-C7WIx1fG.js";
+import { O as m } from "../../../Option-CFf-6tyJ.js";
 import "../../NewIcon/ui/NewIcon.js";
 import "../../../index-rKuIKazb.js";
 export {

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

@@ -1,3 +1,3 @@
 import { MultiSelectProps } from './Select.types';
 
-export declare const Select: ({ options, placeholder, error, disabled, disabledOptions, additionalClass, additionalClassOption, additionalClassBtn, onChange, onBlur, selectedValues, isBtn, btnName, clickableOptions, isListRight, sizeIcon, mode, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ options, placeholder, error, disabled, disabledOptions, additionalClass, additionalClassOption, additionalClassBtn, onChange, onBlur, selectedValues, isBtn, btnName, clickableOptions, isListRight, sizeIcon, mode, onClickItem, onCLickSelect }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,27 +1,29 @@
-import { jsxs as m, Fragment as E, jsx as o } from "react/jsx-runtime";
-import { useState as b, useRef as A, useEffect as D } from "react";
-import { c as K } from "../../../index-rKuIKazb.js";
-import { s as r, O as M } from "../../../Option-C7WIx1fG.js";
-import { NewIcon as R } from "../../NewIcon/ui/NewIcon.js";
-import { Category as P } from "./Category.js";
-const u = K.bind(r), _ = ({
+import { jsxs as m, Fragment as A, jsx as o } from "react/jsx-runtime";
+import { useState as D, useRef as R, useEffect as W } from "react";
+import { c as Q } from "../../../index-rKuIKazb.js";
+import { s as r, O as T } from "../../../Option-CFf-6tyJ.js";
+import { NewIcon as j } from "../../NewIcon/ui/NewIcon.js";
+import { Category as U } from "./Category.js";
+const u = Q.bind(r), I = ({
   options: g,
   placeholder: L = "Выберите опции",
-  error: W,
+  error: B,
   disabled: O,
   disabledOptions: c = [],
-  additionalClass: j = "",
+  additionalClass: q = "",
   additionalClassOption: C,
-  additionalClassBtn: B,
+  additionalClassBtn: G,
   onChange: i,
   onBlur: h,
-  selectedValues: s = [],
+  selectedValues: n = [],
   isBtn: k = !1,
-  btnName: q,
+  btnName: H,
   clickableOptions: F,
-  isListRight: G = !1,
+  isListRight: K = !1,
   sizeIcon: p,
-  mode: J = "options"
+  mode: J = "options",
+  onClickItem: w,
+  onCLickSelect: x
 }) => {
   const v = [
     {
@@ -42,29 +44,29 @@ const u = K.bind(r), _ = ({
     //         {value: 'optionsFake6', label: 'labelFake6'}
     //     ]
     // }
-  ], [l, d] = b(s), [f, S] = b(!1), y = A(null), w = (e) => () => {
-    if (Array.isArray(e)) {
-      const n = e.filter((t) => !(c != null && c.includes(t)));
-      if (n.every((t) => l.map((a) => JSON.stringify(a)).includes(JSON.stringify(t)))) {
+  ], [l, d] = D(n), [f, S] = D(!1), y = R(null), E = (e) => {
+    if (w && w(e), Array.isArray(e)) {
+      const s = e.filter((t) => !(c != null && c.includes(t)));
+      if (s.every((t) => l.map((a) => JSON.stringify(a)).includes(JSON.stringify(t)))) {
         const t = l.filter((a) => !e.map((N) => JSON.stringify(N)).includes(JSON.stringify(a)));
         d(t), i && i(t);
       } else {
-        const t = n.filter((N) => !l.map((I) => JSON.stringify(I)).includes(JSON.stringify(N))), a = [...l, ...t];
+        const t = s.filter((N) => !l.map((P) => JSON.stringify(P)).includes(JSON.stringify(N))), a = [...l, ...t];
         d(a), i && i(a);
       }
     } else {
       if (c.includes(e))
         return;
-      const n = l.some((t) => t.value === e.value) ? l.filter((t) => t.value !== e.value) : [...l, e];
-      d(n), i && i(n);
+      const s = l.some((t) => t.value === e.value) ? l.filter((t) => t.value !== e.value) : [...l, e];
+      d(s), i && i(s);
     }
-  }, H = () => {
+  }, M = () => {
     h && h(l);
   };
-  D(() => {
-    const e = (n) => {
-      const t = n.target;
-      if (y.current && !y.current.contains(n.target)) {
+  W(() => {
+    const e = (s) => {
+      const t = s.target;
+      if (y.current && !y.current.contains(s.target)) {
         if (t.closest("svg"))
           return;
         S(!1);
@@ -74,19 +76,19 @@ const u = K.bind(r), _ = ({
       document.removeEventListener("click", e);
     };
   }, []);
-  const x = A(s);
-  return D(() => {
-    s.length !== x.current.length && (d(s), x.current = s);
-  }, [s]), /* @__PURE__ */ m(
+  const b = R(n);
+  return W(() => {
+    n.length !== b.current.length && (d(n), b.current = n);
+  }, [n]), /* @__PURE__ */ m(
     "div",
     {
       ref: y,
-      className: u(r.multiSelectWrapper, { [r.multiSelectWrapperError]: W }, j),
+      className: u(r.multiSelectWrapper, { [r.multiSelectWrapperError]: B }, q),
       tabIndex: 0,
-      onBlur: H,
+      onBlur: M,
       children: [
         /* @__PURE__ */ m("div", { className: u(r.inputWrapper), children: [
-          !k && /* @__PURE__ */ m(E, { children: [
+          !k && /* @__PURE__ */ m(A, { children: [
             /* @__PURE__ */ o(
               "div",
               {
@@ -100,7 +102,7 @@ const u = K.bind(r), _ = ({
               }
             ),
             /* @__PURE__ */ o(
-              R,
+              j,
               {
                 name: "arrowShort",
                 deg: f ? "180" : "0",
@@ -109,7 +111,7 @@ const u = K.bind(r), _ = ({
               }
             )
           ] }),
-          k && /* @__PURE__ */ m(E, { children: [
+          k && /* @__PURE__ */ m(A, { children: [
             /* @__PURE__ */ o(
               "button",
               {
@@ -117,14 +119,16 @@ const u = K.bind(r), _ = ({
                   r.selectedOptions,
                   r.selectedOptionsBtn,
                   { [r.selectOptionsDisabled]: O },
-                  B
+                  G
                 ),
-                onClick: () => S(!f),
-                children: q
+                onClick: () => {
+                  x && x(), S(!f);
+                },
+                children: H
               }
             ),
             /* @__PURE__ */ o(
-              R,
+              j,
               {
                 name: "filter",
                 deg: f ? "180" : "0",
@@ -134,31 +138,31 @@ const u = K.bind(r), _ = ({
             )
           ] })
         ] }),
-        f && /* @__PURE__ */ m("div", { className: u(r.optionsList, { [r.listRight]: G }, C), children: [
-          J === "options" && (g == null ? void 0 : g.map((e, n) => /* @__PURE__ */ o(
-            M,
+        f && /* @__PURE__ */ m("div", { className: u(r.optionsList, { [r.listRight]: K }, C), children: [
+          J === "options" && (g == null ? void 0 : g.map((e, s) => /* @__PURE__ */ o(
+            T,
             {
               disabledOptions: c,
               clickableOptions: F,
               selectedOptions: l,
               sizeIcon: p,
               option: e,
-              handleOptionClick: w
+              handleOptionClick: E
             },
-            n
+            s
           ))),
-          J === "category" && (v == null ? void 0 : v.map((e, n) => /* @__PURE__ */ o(
-            P,
+          J === "category" && (v == null ? void 0 : v.map((e, s) => /* @__PURE__ */ o(
+            U,
             {
               disabledOptions: c,
               clickableOptions: F,
               selectedOptions: l,
               sizeIcon: p,
               category: e,
-              selectedValues: s,
-              handleOptionClick: w
+              selectedValues: n,
+              handleOptionClick: E
             },
-            n
+            s
           )))
         ] })
       ]
@@ -166,5 +170,5 @@ const u = K.bind(r), _ = ({
   );
 };
 export {
-  _ as Select
+  I as Select
 };

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

@@ -55,4 +55,6 @@ export interface MultiSelectProps {
     clickableOptions?: (string | undefined)[];
     sizeIcon?: string;
     mode?: TModeSelect;
+    onClickItem?: (option: TOption | TOption[]) => void;
+    onCLickSelect?: () => void;
 }

package/dist/components/SortSelect/index.js

@@ -1,4 +1,4 @@
-import { a as r } from "../../SortSelect-CaZ13MQ5.js";
+import { a as r } from "../../SortSelect-jks4qMel.js";
 export {
   r as SortSelect
 };

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

@@ -13,7 +13,7 @@ import "../../Text/ui/Text.js";
 import "../../Flex/ui/Flex.js";
 import "../../Input/ui/Input.js";
 import "../../../Modal-BZv6nlLe.js";
-import { a as z } from "../../../SortSelect-CaZ13MQ5.js";
+import { a as z } from "../../../SortSelect-jks4qMel.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../MetroTag/ui/MetroTag.js";
 import "../../LotCard/ui/LotCard.js";

package/dist/components/TabSwitcher/index.js

@@ -1,4 +1,4 @@
-import { S as e } from "../../SortSelect-CaZ13MQ5.js";
+import { S as e } from "../../SortSelect-jks4qMel.js";
 export {
   e as TabSwitcher
 };

package/dist/components/TabSwitcher/ui/TabSwitcher.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { S as v } from "../../../SortSelect-CaZ13MQ5.js";
+import { S as v } from "../../../SortSelect-jks4qMel.js";
 import "../../Text/ui/Text.js";
 import "../../../index-rKuIKazb.js";
 import "../../Button/ui/Button.js";

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

@@ -6,6 +6,7 @@ declare const TAB_SWITCHER_VARIANTS: {
 };
 export interface ITabSwitcherItem extends React.InputHTMLAttributes<HTMLInputElement> {
     addItemClassName?: string;
+    addTextClass?: string;
     index: number;
     isDisabled?: boolean;
     itemsLength: number;

package/dist/components/ZoomControls/ui/ZoomControls.js

@@ -11,7 +11,7 @@ import "../../Flex/ui/Flex.js";
 import "../../Input/ui/Input.js";
 import "react";
 import "../../../Modal-BZv6nlLe.js";
-import "../../../SortSelect-CaZ13MQ5.js";
+import "../../../SortSelect-jks4qMel.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../../index-rKuIKazb.js";
 import "../../MetroTag/ui/MetroTag.js";

package/dist/main.js

@@ -10,7 +10,7 @@ import { Flex as T } from "./components/Flex/ui/Flex.js";
 import { Input as b } from "./components/Input/ui/Input.js";
 import { M as I } from "./Modal-BZv6nlLe.js";
 import { FieldInput as w } from "./components/FieldInput/ui/FieldInput.js";
-import { a as F, S as L } from "./SortSelect-CaZ13MQ5.js";
+import { a as F, S as L } from "./SortSelect-jks4qMel.js";
 import { GroupedInputs as N } from "./components/GroupedInput/ui/GroupedInputs.js";
 import { Logo as v } from "./components/Logo/ui/Logo.js";
 import { MetroTag as D } from "./components/MetroTag/ui/MetroTag.js";

package/package.json

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

package/dist/SortSelect-CaZ13MQ5.js

@@ -1,179 +0,0 @@
-import { jsxs as u, jsx as o } from "react/jsx-runtime";
-import { forwardRef as R, useState as k, useRef as D, useEffect as T } from "react";
-import { c as v } from "./index-rKuIKazb.js";
-import { s as t, u as M } from "./useSortSelect-D7K1wk0E.js";
-import { NewIcon as O } from "./components/NewIcon/ui/NewIcon.js";
-import "./components/Button/ui/Button.js";
-import "./components/mobileButton/ui/MobileButton.js";
-import "./components/DestinationTab/ui/DestinationTab.js";
-import "./components/RoundButton/ui/RoundButton.js";
-import "./components/Tag/ui/Tag.js";
-import "./components/Switcher/ui/Switcher.js";
-import { Text as L } from "./components/Text/ui/Text.js";
-import "./components/Flex/ui/Flex.js";
-import "./components/Input/ui/Input.js";
-import { M as B } from "./Modal-BZv6nlLe.js";
-import "./components/GroupedInput/ui/GroupedInputs.js";
-import "./components/MetroTag/ui/MetroTag.js";
-import "./components/LotCard/ui/LotCard.js";
-import "./components/Select/ui/Select.js";
-import { useClientWidth as C } from "./shared/useClientWidth.js";
-import "./components/SliderNavigation/ui/SliderNavigation.js";
-import "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
-import "./components/TabSelect/ui/TabSelect.js";
-import "./components/FormModal/ui/ModalForm.js";
-const j = "_root_1ol37_1", E = "_text_1ol37_18", A = "_rootCol_1ol37_26", z = "_item_1ol37_32", $ = "_whiteRow_1ol37_51", q = "_firstItem_1ol37_62", H = "_lastItem_1ol37_66", P = "_apart_1ol37_97", V = "_isLong_1ol37_97", F = "_autoWidth_1ol37_122", G = "_isDisabled_1ol37_129", J = "_grayRow_1ol37_153", e = {
-  root: j,
-  text: E,
-  rootCol: A,
-  item: z,
-  whiteRow: $,
-  firstItem: q,
-  lastItem: H,
-  apart: P,
-  isLong: V,
-  autoWidth: F,
-  isDisabled: G,
-  grayRow: J
-}, N = v.bind(e), K = ({
-  children: s,
-  variant: c = "whiteRow",
-  isApart: m = !1,
-  addClassName: d = "",
-  col: l = !1
-}) => /* @__PURE__ */ o("div", { className: N(e.root, e[c], d, { [e.rootCol]: l, [e.apart]: m }), children: s }), W = R((s, c) => {
-  const { isTablet: m, isDesktop: d } = C(), {
-    index: l,
-    children: i,
-    addItemClassName: h,
-    disabled: f = !1,
-    itemsLength: x = 0,
-    isLongOn: w = !0,
-    width: r,
-    width_m: a,
-    width_l: n,
-    ...p
-  } = s, b = (i != null && i.toString().length ? (i == null ? void 0 : i.toString().length) > 2 : !1) && w, y = (g, _) => g && a ? a : _ && n ? n : r, S = !r && !a && !n && b;
-  return /* @__PURE__ */ u("label", { className: N({ [e.isLong]: b }), children: [
-    /* @__PURE__ */ o(
-      "input",
-      {
-        ref: c,
-        type: "checkbox",
-        ...p,
-        disabled: f
-      }
-    ),
-    /* @__PURE__ */ o(
-      "div",
-      {
-        style: { width: y(m, d) },
-        className: N(N(
-          e.item,
-          { [e.firstItem]: l === 0 },
-          { [e.lastItem]: l === x - 1 },
-          { [e.isDisabled]: f },
-          { [e.autoWidth]: S }
-        ), h),
-        children: /* @__PURE__ */ o(L, { className: e.text, children: i })
-      }
-    )
-  ] });
-});
-W.displayName = "TabSwitcherItem";
-const gt = Object.assign(K, { Item: W }), I = v.bind(t), Q = ({
-  options: s,
-  selectedOption: c,
-  placeholder: m = "",
-  error: d,
-  disabled: l,
-  additionalClass: i = "",
-  onChange: h,
-  onBlur: f,
-  mini: x,
-  openOnTop: w = !1
-}) => {
-  const [r, a] = k(!1), n = D(null), { isMobile: p } = C(), { handleBlur: b, getInputValue: y, getOption: S, handleDocumentClick: g } = M({
-    selectedOption: c,
-    setSelectedOption: h,
-    setIsOpen: a,
-    containerRef: n,
-    isOpen: r,
-    isMobile: p,
-    placeholder: m,
-    onChange: h,
-    onBlur: f
-  });
-  return T(() => (document.addEventListener("click", g), () => {
-    document.removeEventListener("click", g);
-  }), []), /* @__PURE__ */ u(
-    "div",
-    {
-      ref: n,
-      className: I(
-        t.sortSelectWrapper,
-        { [t.sortSelectWrapperError]: d },
-        { [t.sortSelectWrapperTop]: w },
-        i
-      ),
-      tabIndex: 0,
-      onBlur: b,
-      children: [
-        /* @__PURE__ */ u("div", { className: I(t.inputWrapper), children: [
-          /* @__PURE__ */ o(
-            "input",
-            {
-              type: "text",
-              readOnly: !0,
-              value: y(),
-              className: I(
-                t.selectedOptions,
-                { [t.selectOptionsDisabled]: l },
-                { [t.selectionOptionMini]: x }
-              ),
-              onClick: () => a(!r)
-            }
-          ),
-          /* @__PURE__ */ o(
-            O,
-            {
-              name: "twoArrows",
-              size: "24",
-              additionalClass: t.icon
-            }
-          )
-        ] }),
-        r && p && /* @__PURE__ */ u(
-          B,
-          {
-            isOpen: r,
-            emitIsOpen: a,
-            additionalClassModalBody: t.modalAddBody,
-            additionalClass: t.selectModal,
-            createPortalObj: { domNode: document.querySelector("body") },
-            isTransparentBack: !0,
-            children: [
-              /* @__PURE__ */ u("div", { className: t.mobileSortHeader, children: [
-                /* @__PURE__ */ o(L, { children: "Сортировка" }),
-                /* @__PURE__ */ o("div", { onClick: () => a(!1), children: /* @__PURE__ */ o(
-                  O,
-                  {
-                    name: "close",
-                    size: "20"
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ o("div", { className: t.mobileOptionList, children: s == null ? void 0 : s.map((_) => S(_)) })
-            ]
-          }
-        ),
-        r && !p && /* @__PURE__ */ o("div", { className: I(t.optionsList, { [t.optionListOnTop]: w }), children: s == null ? void 0 : s.map((_) => S(_)) })
-      ]
-    }
-  );
-};
-Q.displayName = "SortSelect";
-export {
-  gt as S,
-  Q as a
-};