stone-kit 0.0.536 → 0.0.538

package/dist/FilterWithSave-BtG-6Bmp.js

@@ -0,0 +1,421 @@
+import { jsxs as b, jsx as e, Fragment as $ } from "react/jsx-runtime";
+import { forwardRef as Z, useState as B, useRef as P, useEffect as A } from "react";
+import { NewIcon as R } from "./components/NewIcon/ui/NewIcon.js";
+import { M as q } from "./Modal-BZv6nlLe.js";
+import { Text as H } from "./components/Text/ui/Text.js";
+import { c as V, g as tt } from "./index-rKuIKazb.js";
+import { Button as z } from "./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 "./components/Flex/ui/Flex.js";
+import "./components/Input/ui/Input.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 D } from "./shared/useClientWidth.js";
+import { s as c, u as et } from "./useSortSelect-CjZXLFOG.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";
+import { O as it } from "./Option-CyYM1iBJ.js";
+const rt = "_root_2bilg_1", st = "_text_2bilg_18", nt = "_textMini_2bilg_26", ot = "_rootCol_2bilg_32", at = "_item_2bilg_38", lt = "_whiteRow_2bilg_57", ct = "_firstItem_2bilg_68", dt = "_lastItem_2bilg_72", pt = "_apart_2bilg_103", mt = "_isLong_2bilg_103", _t = "_autoWidth_2bilg_128", ht = "_mini_2bilg_132", ut = "_isDisabled_2bilg_140", ft = "_grayRow_2bilg_164", p = {
+  root: rt,
+  text: st,
+  textMini: nt,
+  rootCol: ot,
+  item: at,
+  whiteRow: lt,
+  firstItem: ct,
+  lastItem: dt,
+  apart: pt,
+  isLong: mt,
+  autoWidth: _t,
+  mini: ht,
+  isDisabled: ut,
+  grayRow: ft
+}, j = V.bind(p), yt = ({
+  children: a,
+  variant: s = "whiteRow",
+  isApart: l = !1,
+  addClassName: m = "",
+  col: _ = !1
+}) => /* @__PURE__ */ e("div", { className: j(p.root, p[s], m, { [p.rootCol]: _, [p.apart]: l }), children: a }), G = Z((a, s) => {
+  const { isTablet: l, isDesktop: m } = D(), {
+    index: _,
+    children: t,
+    addItemClassName: i,
+    addTextClass: d,
+    disabled: g = !1,
+    itemsLength: k = 0,
+    isLongOn: O = !0,
+    width: h,
+    width_m: n,
+    width_l: u,
+    mini: S = !1,
+    ...C
+  } = a, x = (t != null && t.toString().length ? (t == null ? void 0 : t.toString().length) > 2 : !1) && O, N = (v, W) => v && n ? n : W && u ? u : h, y = !h && !n && !u && x;
+  return /* @__PURE__ */ b("label", { className: j({ [p.isLong]: x }), children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ref: s,
+        type: "checkbox",
+        ...C,
+        disabled: g
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        style: { width: N(l, m) },
+        className: j(
+          j(
+            p.item,
+            { [p.firstItem]: _ === 0 },
+            { [p.lastItem]: _ === k - 1 },
+            { [p.isDisabled]: g },
+            { [p.autoWidth]: y },
+            { [p.mini]: S }
+          ),
+          i
+        ),
+        children: /* @__PURE__ */ e(H, { className: j(p.text, { [p.textMini]: S }, d), children: t })
+      }
+    )
+  ] });
+});
+G.displayName = "TabSwitcherItem";
+const F = Object.assign(yt, { Item: G }), M = V.bind(c), vt = ({
+  options: a,
+  selectedOption: s,
+  placeholder: l = "",
+  error: m,
+  disabled: _,
+  additionalClass: t = "",
+  onChange: i,
+  onBlur: d,
+  mini: g,
+  openOnTop: k = !1,
+  onClickItem: O,
+  onCLickSelect: h
+}) => {
+  const [n, u] = B(!1), S = P(null), { isMobile: C } = D(), { handleBlur: x, getInputValue: N, getOption: y, handleDocumentClick: v } = et(
+    {
+      selectedOption: s,
+      onClickOption: O,
+      setSelectedOption: i,
+      setIsOpen: u,
+      containerRef: S,
+      isOpen: n,
+      isMobile: C,
+      placeholder: l,
+      onChange: i,
+      onBlur: d
+    }
+  );
+  return A(() => (document.addEventListener("click", v), () => {
+    document.removeEventListener("click", v);
+  }), []), /* @__PURE__ */ b(
+    "div",
+    {
+      ref: S,
+      className: M(
+        c.sortSelectWrapper,
+        { [c.sortSelectWrapperError]: m },
+        { [c.sortSelectWrapperTop]: k },
+        t
+      ),
+      tabIndex: 0,
+      onBlur: x,
+      onClick: () => {
+        h && h();
+      },
+      children: [
+        /* @__PURE__ */ b("div", { className: M(c.inputWrapper), children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              readOnly: !0,
+              value: N(),
+              className: M(
+                c.selectedOptions,
+                { [c.selectOptionsDisabled]: _ },
+                { [c.selectionOptionMini]: g }
+              ),
+              onClick: () => u(!n)
+            }
+          ),
+          /* @__PURE__ */ e(
+            R,
+            {
+              name: "twoArrows",
+              size: "24",
+              additionalClass: c.icon
+            }
+          )
+        ] }),
+        n && C && /* @__PURE__ */ b(
+          q,
+          {
+            isOpen: n,
+            emitIsOpen: u,
+            additionalClassModalBody: c.modalAddBody,
+            additionalClass: c.selectModal,
+            createPortalObj: { domNode: document.querySelector("body") },
+            isTransparentBack: !0,
+            children: [
+              /* @__PURE__ */ b("div", { className: c.mobileSortHeader, children: [
+                /* @__PURE__ */ e(H, { children: "Сортировка" }),
+                /* @__PURE__ */ e("div", { onClick: () => u(!1), children: /* @__PURE__ */ e(
+                  R,
+                  {
+                    name: "close",
+                    size: "20"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ e("div", { className: c.mobileOptionList, children: a == null ? void 0 : a.map((W) => y(W)) })
+            ]
+          }
+        ),
+        n && !C && /* @__PURE__ */ e("div", { className: M(c.optionsList, { [c.optionListOnTop]: k }), children: a == null ? void 0 : a.map((W) => y(W)) })
+      ]
+    }
+  );
+};
+vt.displayName = "SortSelect";
+const bt = "_root_j0tyy_1", Wt = "_filterWithSaveModal_j0tyy_15", Nt = "_modalAddBody_j0tyy_20", wt = "_closeBtn_j0tyy_29", gt = "_btnName_j0tyy_35", Ot = "_modalTitle_j0tyy_39", St = "_tabSWitcherWrapper_j0tyy_48", Ct = "_switcherTitle_j0tyy_56", kt = "_switcherScroll_j0tyy_63", xt = "_tabs_j0tyy_67", Bt = "_selectWrapper_j0tyy_72", jt = "_filterOption_j0tyy_76", It = "_btnWrapper_j0tyy_83", Mt = "_resetBtn_j0tyy_89", Rt = "_saveBtn_j0tyy_90", Lt = "_desktopWrapper_j0tyy_94", At = "_desktopWrapperOpen_j0tyy_116", r = {
+  root: bt,
+  filterWithSaveModal: Wt,
+  modalAddBody: Nt,
+  closeBtn: wt,
+  btnName: gt,
+  modalTitle: Ot,
+  tabSWitcherWrapper: St,
+  switcherTitle: Ct,
+  switcherScroll: kt,
+  tabs: xt,
+  selectWrapper: Bt,
+  filterOption: jt,
+  btnWrapper: It,
+  resetBtn: Mt,
+  saveBtn: Rt,
+  desktopWrapper: Lt,
+  desktopWrapperOpen: At
+};
+var J = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(a) {
+  (function() {
+    var s = {}.hasOwnProperty;
+    function l() {
+      for (var t = "", i = 0; i < arguments.length; i++) {
+        var d = arguments[i];
+        d && (t = _(t, m.call(this, d)));
+      }
+      return t;
+    }
+    function m(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return this && this[t] || t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return l.apply(this, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var i = "";
+      for (var d in t)
+        s.call(t, d) && t[d] && (i = _(i, this && this[d] || d));
+      return i;
+    }
+    function _(t, i) {
+      return i ? t ? t + " " + i : t + i : t;
+    }
+    a.exports ? (l.default = l, a.exports = l) : window.classNames = l;
+  })();
+})(J);
+var Dt = J.exports;
+const Et = /* @__PURE__ */ tt(Dt), Tt = Et.bind(r), de = ({
+  disabledOptions: a = [],
+  tabs: s = [],
+  selectOptions: l = [],
+  onChange: m,
+  selectedValues: _ = [],
+  setSelectedTabs: t,
+  selectedTabs: i = [],
+  onClickItem: d,
+  onCLickSelect: g,
+  btnName: k = "Фильтр"
+}) => {
+  const { isMobile: O } = D(), [h, n] = B(!1), u = P(null), [S, C] = B(i), [x] = B(_), [N, y] = B(S), [v, W] = B(x), K = (o) => {
+    if (d && d(o), a.some((f) => f.value === o.value))
+      return;
+    const w = v.some((f) => f.value === o.value) ? v.filter((f) => f.value !== o.value) : [...v, o];
+    W(w);
+  }, Q = () => {
+    C(s), W([]), m && (m([]), t == null || t(s));
+  }, U = () => {
+    W(_), y(i);
+  }, X = () => {
+    U(), n(!1);
+  }, Y = () => {
+    m && (t == null || t(N), m(v)), n(!1);
+  };
+  A(() => {
+    h && y(i);
+  }, [h]), A(() => {
+    const o = (w) => {
+      if (!h || O)
+        return;
+      const f = w.target;
+      u.current && !u.current.contains(f) && n(!1);
+    };
+    return setTimeout(() => {
+      document.addEventListener("click", o);
+    }, 0), () => {
+      document.removeEventListener("click", o);
+    };
+  }, [h]);
+  const E = () => /* @__PURE__ */ b($, { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: r.closeBtn,
+        onClick: X,
+        children: /* @__PURE__ */ e(
+          R,
+          {
+            name: "close",
+            size: "24"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: r.modalTitle, children: "Фильтры" }),
+    /* @__PURE__ */ b("div", { className: r.tabSWitcherWrapper, children: [
+      /* @__PURE__ */ e("div", { className: r.switcherTitle, children: "Готовность" }),
+      /* @__PURE__ */ e("div", { className: r.switcherScroll, children: /* @__PURE__ */ e(
+        F,
+        {
+          variant: "grayRow",
+          addClassName: r.tabs,
+          isApart: !0,
+          children: s == null ? void 0 : s.map((o, w) => {
+            var T;
+            const f = o.value;
+            return /* @__PURE__ */ e(
+              F.Item,
+              {
+                itemsLength: s == null ? void 0 : s.length,
+                mini: !0,
+                value: f,
+                onClick: () => {
+                },
+                checked: ((T = N == null ? void 0 : N.find((L) => L.value === f)) == null ? void 0 : T.state) ?? !1,
+                onChange: () => {
+                  y == null || y(
+                    (L) => L.map((I) => I.value === f ? { ...I, state: !I.state } : I)
+                  );
+                },
+                index: w,
+                addItemClassName: r.tabSwitcher,
+                children: f
+              },
+              w
+            );
+          })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: r.selectWrapper, children: l == null ? void 0 : l.map((o, w) => /* @__PURE__ */ e(
+      it,
+      {
+        addClassName: r.filterOption,
+        disabledOptions: [],
+        clickableOptions: [],
+        selectedOptions: v,
+        option: o,
+        handleOptionClick: K
+      },
+      w
+    )) }),
+    /* @__PURE__ */ b("div", { className: r.btnWrapper, children: [
+      /* @__PURE__ */ e(
+        z,
+        {
+          as: "button",
+          variant: "gray",
+          additionalClass: r.resetBtn,
+          onClick: Q,
+          children: "Сбросить"
+        }
+      ),
+      /* @__PURE__ */ e(
+        z,
+        {
+          as: "button",
+          additionalClass: r.saveBtn,
+          onClick: Y,
+          children: "Сохранить"
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ b($, { children: [
+    /* @__PURE__ */ b(
+      "div",
+      {
+        className: r.root,
+        onClick: () => {
+          g && g(), n(O ? (o) => !o : !0);
+        },
+        children: [
+          /* @__PURE__ */ e("div", { className: r.btnName, children: k }),
+          /* @__PURE__ */ e(
+            R,
+            {
+              name: "filter",
+              size: "16"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              ref: u,
+              className: Tt(r.desktopWrapper, { [r.desktopWrapperOpen]: h }),
+              onClick: (o) => o.stopPropagation(),
+              children: /* @__PURE__ */ e(E, {})
+            }
+          )
+        ]
+      }
+    ),
+    O && /* @__PURE__ */ e(
+      q,
+      {
+        isOpen: h,
+        emitIsOpen: n,
+        isTransparentBack: !0,
+        additionalClassModalBody: r.modalAddBody,
+        additionalClass: r.filterWithSaveModal,
+        children: /* @__PURE__ */ e(E, {})
+      }
+    )
+  ] });
+};
+export {
+  de as F,
+  F as S,
+  vt as a
+};

package/dist/components/FilterWithSave/ui/FilterWithSave.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../NewIcon/ui/NewIcon.js";
-import { F as w } from "../../../FilterWithSave-BFsguueC.js";
+import { F as w } from "../../../FilterWithSave-BtG-6Bmp.js";
 import "../../../Modal-BZv6nlLe.js";
 import "../../../Option-CyYM1iBJ.js";
 import "../../Button/ui/Button.js";

package/dist/components/SortSelect/index.js

@@ -1,4 +1,4 @@
-import { a as r } from "../../FilterWithSave-BFsguueC.js";
+import { a as r } from "../../FilterWithSave-BtG-6Bmp.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 "../../../FilterWithSave-BFsguueC.js";
+import { a as z } from "../../../FilterWithSave-BtG-6Bmp.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 "../../FilterWithSave-BFsguueC.js";
+import { S as e } from "../../FilterWithSave-BtG-6Bmp.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 "../../../FilterWithSave-BFsguueC.js";
+import { S as v } from "../../../FilterWithSave-BtG-6Bmp.js";
 import "../../Text/ui/Text.js";
 import "../../../index-rKuIKazb.js";
 import "../../Button/ui/Button.js";

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 "../../../FilterWithSave-BFsguueC.js";
+import "../../../FilterWithSave-BtG-6Bmp.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 F } from "./components/Input/ui/Input.js";
 import { M as g } from "./Modal-BZv6nlLe.js";
 import { FieldInput as I } from "./components/FieldInput/ui/FieldInput.js";
-import { F as B, a as L, S as k } from "./FilterWithSave-BFsguueC.js";
+import { F as B, a as L, S as k } from "./FilterWithSave-BtG-6Bmp.js";
 import { GroupedInputs as N } from "./components/GroupedInput/ui/GroupedInputs.js";
 import { Logo as j } 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.536",
+  "version": "0.0.538",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",

package/dist/FilterWithSave-BFsguueC.js

@@ -1,401 +0,0 @@
-import { jsxs as v, jsx as e, Fragment as T } from "react/jsx-runtime";
-import { forwardRef as X, useState as B, useRef as Y, useEffect as F } from "react";
-import { NewIcon as R } from "./components/NewIcon/ui/NewIcon.js";
-import { M as P } from "./Modal-BZv6nlLe.js";
-import { Text as q } from "./components/Text/ui/Text.js";
-import { c as H, g as Z } from "./index-rKuIKazb.js";
-import { Button as $ } from "./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 "./components/Flex/ui/Flex.js";
-import "./components/Input/ui/Input.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 { s as a, u as tt } from "./useSortSelect-CjZXLFOG.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";
-import { O as et } from "./Option-CyYM1iBJ.js";
-const it = "_root_2bilg_1", st = "_text_2bilg_18", rt = "_textMini_2bilg_26", ot = "_rootCol_2bilg_32", nt = "_item_2bilg_38", at = "_whiteRow_2bilg_57", lt = "_firstItem_2bilg_68", ct = "_lastItem_2bilg_72", dt = "_apart_2bilg_103", pt = "_isLong_2bilg_103", mt = "_autoWidth_2bilg_128", _t = "_mini_2bilg_132", ht = "_isDisabled_2bilg_140", ft = "_grayRow_2bilg_164", d = {
-  root: it,
-  text: st,
-  textMini: rt,
-  rootCol: ot,
-  item: nt,
-  whiteRow: at,
-  firstItem: lt,
-  lastItem: ct,
-  apart: dt,
-  isLong: pt,
-  autoWidth: mt,
-  mini: _t,
-  isDisabled: ht,
-  grayRow: ft
-}, k = H.bind(d), ut = ({
-  children: o,
-  variant: r = "whiteRow",
-  isApart: n = !1,
-  addClassName: p = "",
-  col: m = !1
-}) => /* @__PURE__ */ e("div", { className: k(d.root, d[r], p, { [d.rootCol]: m, [d.apart]: n }), children: o }), V = X((o, r) => {
-  const { isTablet: n, isDesktop: p } = L(), {
-    index: m,
-    children: t,
-    addItemClassName: i,
-    addTextClass: l,
-    disabled: w = !1,
-    itemsLength: x = 0,
-    isLongOn: j = !0,
-    width: h,
-    width_m: c,
-    width_l: f,
-    mini: O = !1,
-    ...g
-  } = o, b = (t != null && t.toString().length ? (t == null ? void 0 : t.toString().length) > 2 : !1) && j, W = (N, S) => N && c ? c : S && f ? f : h, u = !h && !c && !f && b;
-  return /* @__PURE__ */ v("label", { className: k({ [d.isLong]: b }), children: [
-    /* @__PURE__ */ e(
-      "input",
-      {
-        ref: r,
-        type: "checkbox",
-        ...g,
-        disabled: w
-      }
-    ),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        style: { width: W(n, p) },
-        className: k(
-          k(
-            d.item,
-            { [d.firstItem]: m === 0 },
-            { [d.lastItem]: m === x - 1 },
-            { [d.isDisabled]: w },
-            { [d.autoWidth]: u },
-            { [d.mini]: O }
-          ),
-          i
-        ),
-        children: /* @__PURE__ */ e(q, { className: k(d.text, { [d.textMini]: O }, l), children: t })
-      }
-    )
-  ] });
-});
-V.displayName = "TabSwitcherItem";
-const z = Object.assign(ut, { Item: V }), M = H.bind(a), yt = ({
-  options: o,
-  selectedOption: r,
-  placeholder: n = "",
-  error: p,
-  disabled: m,
-  additionalClass: t = "",
-  onChange: i,
-  onBlur: l,
-  mini: w,
-  openOnTop: x = !1,
-  onClickItem: j,
-  onCLickSelect: h
-}) => {
-  const [c, f] = B(!1), O = Y(null), { isMobile: g } = L(), { handleBlur: b, getInputValue: W, getOption: u, handleDocumentClick: N } = tt(
-    {
-      selectedOption: r,
-      onClickOption: j,
-      setSelectedOption: i,
-      setIsOpen: f,
-      containerRef: O,
-      isOpen: c,
-      isMobile: g,
-      placeholder: n,
-      onChange: i,
-      onBlur: l
-    }
-  );
-  return F(() => (document.addEventListener("click", N), () => {
-    document.removeEventListener("click", N);
-  }), []), /* @__PURE__ */ v(
-    "div",
-    {
-      ref: O,
-      className: M(
-        a.sortSelectWrapper,
-        { [a.sortSelectWrapperError]: p },
-        { [a.sortSelectWrapperTop]: x },
-        t
-      ),
-      tabIndex: 0,
-      onBlur: b,
-      onClick: () => {
-        h && h();
-      },
-      children: [
-        /* @__PURE__ */ v("div", { className: M(a.inputWrapper), children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "text",
-              readOnly: !0,
-              value: W(),
-              className: M(
-                a.selectedOptions,
-                { [a.selectOptionsDisabled]: m },
-                { [a.selectionOptionMini]: w }
-              ),
-              onClick: () => f(!c)
-            }
-          ),
-          /* @__PURE__ */ e(
-            R,
-            {
-              name: "twoArrows",
-              size: "24",
-              additionalClass: a.icon
-            }
-          )
-        ] }),
-        c && g && /* @__PURE__ */ v(
-          P,
-          {
-            isOpen: c,
-            emitIsOpen: f,
-            additionalClassModalBody: a.modalAddBody,
-            additionalClass: a.selectModal,
-            createPortalObj: { domNode: document.querySelector("body") },
-            isTransparentBack: !0,
-            children: [
-              /* @__PURE__ */ v("div", { className: a.mobileSortHeader, children: [
-                /* @__PURE__ */ e(q, { children: "Сортировка" }),
-                /* @__PURE__ */ e("div", { onClick: () => f(!1), children: /* @__PURE__ */ e(
-                  R,
-                  {
-                    name: "close",
-                    size: "20"
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ e("div", { className: a.mobileOptionList, children: o == null ? void 0 : o.map((S) => u(S)) })
-            ]
-          }
-        ),
-        c && !g && /* @__PURE__ */ e("div", { className: M(a.optionsList, { [a.optionListOnTop]: x }), children: o == null ? void 0 : o.map((S) => u(S)) })
-      ]
-    }
-  );
-};
-yt.displayName = "SortSelect";
-const vt = "_root_j0tyy_1", bt = "_filterWithSaveModal_j0tyy_15", Wt = "_modalAddBody_j0tyy_20", Nt = "_closeBtn_j0tyy_29", wt = "_btnName_j0tyy_35", Ot = "_modalTitle_j0tyy_39", gt = "_tabSWitcherWrapper_j0tyy_48", St = "_switcherTitle_j0tyy_56", xt = "_switcherScroll_j0tyy_63", Ct = "_tabs_j0tyy_67", Bt = "_selectWrapper_j0tyy_72", jt = "_filterOption_j0tyy_76", kt = "_btnWrapper_j0tyy_83", It = "_resetBtn_j0tyy_89", Mt = "_saveBtn_j0tyy_90", Rt = "_desktopWrapper_j0tyy_94", At = "_desktopWrapperOpen_j0tyy_116", s = {
-  root: vt,
-  filterWithSaveModal: bt,
-  modalAddBody: Wt,
-  closeBtn: Nt,
-  btnName: wt,
-  modalTitle: Ot,
-  tabSWitcherWrapper: gt,
-  switcherTitle: St,
-  switcherScroll: xt,
-  tabs: Ct,
-  selectWrapper: Bt,
-  filterOption: jt,
-  btnWrapper: kt,
-  resetBtn: It,
-  saveBtn: Mt,
-  desktopWrapper: Rt,
-  desktopWrapperOpen: At
-};
-var G = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-(function(o) {
-  (function() {
-    var r = {}.hasOwnProperty;
-    function n() {
-      for (var t = "", i = 0; i < arguments.length; i++) {
-        var l = arguments[i];
-        l && (t = m(t, p.call(this, l)));
-      }
-      return t;
-    }
-    function p(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return this && this[t] || t;
-      if (typeof t != "object")
-        return "";
-      if (Array.isArray(t))
-        return n.apply(this, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
-      var i = "";
-      for (var l in t)
-        r.call(t, l) && t[l] && (i = m(i, this && this[l] || l));
-      return i;
-    }
-    function m(t, i) {
-      return i ? t ? t + " " + i : t + i : t;
-    }
-    o.exports ? (n.default = n, o.exports = n) : window.classNames = n;
-  })();
-})(G);
-var Lt = G.exports;
-const Dt = /* @__PURE__ */ Z(Lt), Et = Dt.bind(s), ce = ({
-  disabledOptions: o = [],
-  tabs: r = [],
-  selectOptions: n = [],
-  onChange: p,
-  selectedValues: m = [],
-  setSelectedTabs: t,
-  selectedTabs: i = [],
-  onClickItem: l,
-  onCLickSelect: w,
-  btnName: x = "Фильтр"
-}) => {
-  const { isMobile: j } = L(), [h, c] = B(!1), [f, O] = B(i), [g] = B(m), [b, W] = B(f), [u, N] = B(g), S = (_) => {
-    if (l && l(_), o.some((y) => y.value === _.value))
-      return;
-    const C = u.some((y) => y.value === _.value) ? u.filter((y) => y.value !== _.value) : [...u, _];
-    N(C);
-  }, J = () => {
-    O(r), N([]), p && (p([]), t == null || t(r));
-  }, K = () => {
-    N(m), W(i);
-  }, Q = () => {
-    K(), c(!1);
-  }, U = () => {
-    p && (t == null || t(b), p(u)), c(!1);
-  };
-  F(() => {
-    h && W(i);
-  }, [h]);
-  const D = () => /* @__PURE__ */ v(T, { children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: s.closeBtn,
-        onClick: Q,
-        children: /* @__PURE__ */ e(
-          R,
-          {
-            name: "close",
-            size: "24"
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: s.modalTitle, children: "Фильтры" }),
-    /* @__PURE__ */ v("div", { className: s.tabSWitcherWrapper, children: [
-      /* @__PURE__ */ e("div", { className: s.switcherTitle, children: "Готовность" }),
-      /* @__PURE__ */ e("div", { className: s.switcherScroll, children: /* @__PURE__ */ e(
-        z,
-        {
-          variant: "grayRow",
-          addClassName: s.tabs,
-          isApart: !0,
-          children: r == null ? void 0 : r.map((_, C) => {
-            var E;
-            const y = _.value;
-            return /* @__PURE__ */ e(
-              z.Item,
-              {
-                itemsLength: r == null ? void 0 : r.length,
-                mini: !0,
-                value: y,
-                onClick: () => {
-                },
-                checked: ((E = b == null ? void 0 : b.find((A) => A.value === y)) == null ? void 0 : E.state) ?? !1,
-                onChange: () => {
-                  W == null || W(
-                    (A) => A.map((I) => I.value === y ? { ...I, state: !I.state } : I)
-                  );
-                },
-                index: C,
-                addItemClassName: s.tabSwitcher,
-                children: y
-              },
-              C
-            );
-          })
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ e("div", { className: s.selectWrapper, children: n == null ? void 0 : n.map((_, C) => /* @__PURE__ */ e(
-      et,
-      {
-        addClassName: s.filterOption,
-        disabledOptions: [],
-        clickableOptions: [],
-        selectedOptions: u,
-        option: _,
-        handleOptionClick: S
-      },
-      C
-    )) }),
-    /* @__PURE__ */ v("div", { className: s.btnWrapper, children: [
-      /* @__PURE__ */ e(
-        $,
-        {
-          as: "button",
-          variant: "gray",
-          additionalClass: s.resetBtn,
-          onClick: J,
-          children: "Сбросить"
-        }
-      ),
-      /* @__PURE__ */ e(
-        $,
-        {
-          as: "button",
-          additionalClass: s.saveBtn,
-          onClick: U,
-          children: "Сохранить"
-        }
-      )
-    ] })
-  ] });
-  return /* @__PURE__ */ v(T, { children: [
-    /* @__PURE__ */ v(
-      "div",
-      {
-        className: s.root,
-        onClick: () => {
-          w && w(), c((_) => !_);
-        },
-        children: [
-          /* @__PURE__ */ e("div", { className: s.btnName, children: x }),
-          /* @__PURE__ */ e(
-            R,
-            {
-              name: "filter",
-              size: "16"
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: Et(s.desktopWrapper, { [s.desktopWrapperOpen]: h }), children: /* @__PURE__ */ e(D, {}) })
-        ]
-      }
-    ),
-    j && /* @__PURE__ */ e(
-      P,
-      {
-        isOpen: h,
-        emitIsOpen: c,
-        isTransparentBack: !0,
-        additionalClassModalBody: s.modalAddBody,
-        additionalClass: s.filterWithSaveModal,
-        children: /* @__PURE__ */ e(D, {})
-      }
-    )
-  ] });
-};
-export {
-  ce as F,
-  z as S,
-  yt as a
-};