stone-kit 0.0.877 → 0.0.879

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

@@ -1,134 +1,29 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { useState as M, useRef as W, useEffect as E } from "react";
-import L from "../../../node_modules/classnames/index.js";
-import e from "../../../src/components/SortSelect/ui/SortSelect.module.scss.js";
-import { NewIcon as O } from "../../NewIcon/ui/NewIcon.js";
+import "react/jsx-runtime";
+import "react";
+import "../../../index-rKuIKazb.js";
+import "../../../useSortSelect-CjZXLFOG.js";
+import "../../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 j } from "../../Text/ui/Text.js";
+import "../../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 "../../Modal/ui/Modal.js";
+import { a as A } from "../../../FilterWithSave-Bp6rH8Pe.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../MetroTag/ui/MetroTag.js";
-import "../../LotCard/ui/LotCard.js";
 import "../../Select/ui/Select.js";
-import { useClientWidth as T } from "../../../shared/useClientWidth.js";
+import "../../../shared/useClientWidth.js";
 import "../../SliderNavigation/ui/SliderNavigation.js";
 import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
 import "../../TabSelect/ui/TabSelect.js";
-import "../../FormModal/ui/ModalForm.js";
-import "../../FilterWithSave/ui/FilterWithSave.js";
 import "../../CheckBox/CheckBox.js";
 import "../../CheckBoxNew/CheckBoxNew.js";
 import "../../CheckboxSelect/ui/CheckboxSelect.js";
-import { useSortSelect as z } from "../hooks/useSortSelect.js";
-const m = L.bind(e), A = ({
-  options: r,
-  selectedOption: h,
-  placeholder: v = "",
-  error: N,
-  disabled: b,
-  additionalClass: x = "",
-  onChange: c,
-  onBlur: y,
-  mini: k,
-  openOnTop: n = !1,
-  onClickItem: C,
-  onCLickSelect: p,
-  onOpenClick: d
-}) => {
-  const [i, o] = M(!1), u = W(null), { isMobile: s } = T(), { handleBlur: B, getInputValue: I, getOption: f, handleDocumentClick: S } = z({
-    selectedOption: h,
-    onClickOption: C,
-    setSelectedOption: c,
-    setIsOpen: o,
-    containerRef: u,
-    isOpen: i,
-    isMobile: s,
-    placeholder: v,
-    onChange: c,
-    onBlur: y
-  });
-  return E(() => (document.addEventListener("click", S), () => {
-    document.removeEventListener("click", S);
-  }), []), /* @__PURE__ */ l(
-    "div",
-    {
-      ref: u,
-      className: m(
-        e.sortSelectWrapper,
-        { [e.sortSelectWrapperError]: N },
-        { [e.sortSelectWrapperTop]: n },
-        x
-      ),
-      tabIndex: 0,
-      onBlur: B,
-      onClick: () => {
-        p && p();
-      },
-      children: [
-        /* @__PURE__ */ l("div", { className: m(e.inputWrapper), children: [
-          /* @__PURE__ */ t(
-            "input",
-            {
-              type: "text",
-              readOnly: !0,
-              value: I(),
-              className: m(
-                e.selectedOptions,
-                { [e.selectOptionsDisabled]: b },
-                { [e.selectionOptionMini]: k }
-              ),
-              onClick: () => {
-                i || d && d(), o(!i);
-              }
-            }
-          ),
-          /* @__PURE__ */ t(
-            O,
-            {
-              name: "twoArrows",
-              size: "24",
-              additionalClass: e.icon
-            }
-          )
-        ] }),
-        i && s && /* @__PURE__ */ l(
-          w,
-          {
-            isOpen: i,
-            emitIsOpen: o,
-            additionalClassModalBody: e.modalAddBody,
-            additionalClass: e.selectModal,
-            createPortalObj: { domNode: document.querySelector("body") },
-            isTransparentBack: !0,
-            children: [
-              /* @__PURE__ */ l("div", { className: e.mobileSortHeader, children: [
-                /* @__PURE__ */ t(j, { children: "Сортировка" }),
-                /* @__PURE__ */ t("div", { onClick: () => o(!1), children: /* @__PURE__ */ t(
-                  O,
-                  {
-                    name: "close",
-                    size: "20"
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ t("div", { className: e.mobileOptionList, children: r == null ? void 0 : r.map((a) => f(a)) })
-            ]
-          }
-        ),
-        i && !s && /* @__PURE__ */ t("div", { className: m(e.optionsList, { [e.optionListOnTop]: n }), children: r == null ? void 0 : r.map((a) => f(a)) })
-      ]
-    }
-  );
-};
-A.displayName = "SortSelect";
 export {
   A as SortSelect
 };

package/dist/components/SummarySelect/ui/SummarySelect.js

@@ -1,57 +1,67 @@
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { NewIcon as m } from "../../NewIcon/ui/NewIcon.js";
-import { Select as y } from "../../Select/ui/Select.js";
-import a from "../../../src/components/SummarySelect/ui/SummarySelect.module.scss.js";
-const k = ({
-  label: h = "",
-  isShowReset: C,
-  ...l
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { NewIcon as d } from "../../NewIcon/ui/NewIcon.js";
+import { Select as O } from "../../Select/ui/Select.js";
+const N = "_root_156r8_1", p = "_nameWrapper_156r8_8", f = "_clearBtn_156r8_18", S = "_summaryList_156r8_33", V = "_summaryOption_156r8_40", B = "_categoryOption_156r8_62", b = "_summaryCategory_156r8_71", k = "_headerCategory_156r8_81", T = "_categoryTitle_156r8_87", W = "_categoryOptions_156r8_95", t = {
+  root: N,
+  nameWrapper: p,
+  clearBtn: f,
+  summaryList: S,
+  summaryOption: V,
+  categoryOption: B,
+  summaryCategory: b,
+  headerCategory: k,
+  categoryTitle: T,
+  categoryOptions: W
+}, j = ({
+  label: _ = "",
+  isShowReset: g,
+  ...a
 }) => {
-  var v;
-  const o = (e) => {
-    l.onChange && l.onChange(e);
+  var y;
+  const c = (e) => {
+    a.onChange && a.onChange(e);
   }, u = (e) => {
-    var t;
-    const s = ((t = l.selectedValues) == null ? void 0 : t.filter((c) => c.value !== e)) || [];
-    o(s);
-  }, g = () => {
-    o([]);
-  }, N = (e) => {
-    var s;
-    o(
-      ((s = l.selectedValues) == null ? void 0 : s.filter((t) => t.value !== e.value).filter(
-        (t) => !e.options.some((c) => c.value === t.value)
+    var r;
+    const o = ((r = a.selectedValues) == null ? void 0 : r.filter((n) => n.value !== e)) || [];
+    c(o);
+  }, h = () => {
+    c([]);
+  }, v = (e) => {
+    var o;
+    c(
+      ((o = a.selectedValues) == null ? void 0 : o.filter((r) => r.value !== e.value).filter(
+        (r) => !e.options.some((n) => n.value === r.value)
       )) ?? []
     );
-  }, r = (v = l.selectedValues) == null ? void 0 : v.filter((e) => "options" in e);
-  return /* @__PURE__ */ i("div", { className: a.root, children: [
-    /* @__PURE__ */ i("div", { className: a.nameWrapper, children: [
-      /* @__PURE__ */ n("div", { children: h }),
-      C && /* @__PURE__ */ n(
+  }, m = (y = a.selectedValues) == null ? void 0 : y.filter((e) => "options" in e);
+  return /* @__PURE__ */ s("div", { className: t.root, children: [
+    /* @__PURE__ */ s("div", { className: t.nameWrapper, children: [
+      /* @__PURE__ */ l("div", { children: _ }),
+      g && /* @__PURE__ */ l(
         "div",
         {
-          className: a.clearBtn,
-          onClick: g,
+          className: t.clearBtn,
+          onClick: h,
           children: "Очистить"
         }
       )
     ] }),
-    /* @__PURE__ */ n(
-      y,
+    /* @__PURE__ */ l(
+      O,
       {
-        ...l,
-        onChange: o
+        ...a,
+        onChange: c
       }
     ),
-    l.mode === "options" && l.selectedValues && l.selectedValues.length > 0 && /* @__PURE__ */ n("div", { className: a.summaryList, children: l.selectedValues.map((e) => /* @__PURE__ */ i(
+    a.mode === "options" && a.selectedValues && a.selectedValues.length > 0 && /* @__PURE__ */ l("div", { className: t.summaryList, children: a.selectedValues.map((e) => /* @__PURE__ */ s(
       "div",
       {
         onClick: () => u(e.value.toString()),
-        className: a.summaryOption,
+        className: t.summaryOption,
         children: [
           e.label,
-          /* @__PURE__ */ n(
-            m,
+          /* @__PURE__ */ l(
+            d,
             {
               name: "close",
               size: "16"
@@ -61,22 +71,22 @@ const k = ({
       },
       e.value
     )) }),
-    l.mode === "double" && (r == null ? void 0 : r.map((e, s) => {
-      const t = e;
-      return /* @__PURE__ */ i(
+    a.mode === "double" && (m == null ? void 0 : m.map((e, o) => {
+      const r = e;
+      return /* @__PURE__ */ s(
         "div",
         {
-          className: a.summaryCategory,
+          className: t.summaryCategory,
           children: [
-            /* @__PURE__ */ i("div", { className: a.headerCategory, children: [
-              /* @__PURE__ */ n("div", { className: a.categoryTitle, children: t.label }),
-              /* @__PURE__ */ n(
+            /* @__PURE__ */ s("div", { className: t.headerCategory, children: [
+              /* @__PURE__ */ l("div", { className: t.categoryTitle, children: r.label }),
+              /* @__PURE__ */ l(
                 "div",
                 {
-                  onClick: () => N(e),
-                  className: a.clearBtn,
-                  children: /* @__PURE__ */ n(
-                    m,
+                  onClick: () => v(e),
+                  className: t.clearBtn,
+                  children: /* @__PURE__ */ l(
+                    d,
                     {
                       name: "close",
                       size: "16"
@@ -85,18 +95,18 @@ const k = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ n("div", { className: a.categoryOptions, children: t.options.filter((c) => {
-              var d;
-              return (d = l.selectedValues) == null ? void 0 : d.some((f) => c.value === f.value);
-            }).map((c, d) => /* @__PURE__ */ i(
+            /* @__PURE__ */ l("div", { className: t.categoryOptions, children: r.options.filter((n) => {
+              var i;
+              return (i = a.selectedValues) == null ? void 0 : i.some((C) => n.value === C.value);
+            }).map((n, i) => /* @__PURE__ */ s(
               "div",
               {
-                onClick: () => u(c.value.toString()),
-                className: `${a.summaryOption} ${a.categoryOption}`,
+                onClick: () => u(n.value.toString()),
+                className: `${t.summaryOption} ${t.categoryOption}`,
                 children: [
-                  c.label,
-                  /* @__PURE__ */ n(
-                    m,
+                  n.label,
+                  /* @__PURE__ */ l(
+                    d,
                     {
                       name: "close",
                       size: "16"
@@ -104,15 +114,15 @@ const k = ({
                   )
                 ]
               },
-              d
+              i
             )) })
           ]
         },
-        s
+        o
       );
     }))
   ] });
 };
 export {
-  k as SummarySelect
+  j as SummarySelect
 };

package/dist/components/Switcher/ui/Switcher.js

@@ -1,18 +1,29 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { useRef as m, useEffect as w } from "react";
-import e from "../../../src/components/Switcher/ui/Switcher.module.scss.js";
-import f from "../../../node_modules/classnames/index.js";
-const i = f.bind(e), v = ({ children: c, isActive: s, onClick: n, isReverse: p, isBetween: a }) => {
-  const r = m(!0);
-  return w(() => {
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { useRef as o, useEffect as _ } from "react";
+import { c as f } from "../../../index-rKuIKazb.js";
+const v = "_switcherWrapper_1sffg_29", h = "_switcherWrapperReverse_1sffg_40", d = "_switcherWrapperBetween_1sffg_44", W = "_swiper_1sffg_48", g = "_swiperBackward_1sffg_1", l = "_swiperActive_1sffg_63", m = "_swiperForward_1sffg_1", u = "_swiperInactive_1sffg_68", I = "_swiperPoint_1sffg_73", P = "_swiperPointActive_1sffg_85", B = "_swiperInitialize_1sffg_109", e = {
+  switcherWrapper: v,
+  switcherWrapperReverse: h,
+  switcherWrapperBetween: d,
+  swiper: W,
+  swiperBackward: g,
+  swiperActive: l,
+  swiperForward: m,
+  swiperInactive: u,
+  swiperPoint: I,
+  swiperPointActive: P,
+  swiperInitialize: B
+}, i = f.bind(e), z = ({ children: p, isActive: s, onClick: c, isReverse: w, isBetween: n }) => {
+  const r = o(!0);
+  return _(() => {
     r.current && (r.current = !1);
-  }, []), /* @__PURE__ */ o(
+  }, []), /* @__PURE__ */ a(
     "div",
     {
       className: i(
         e.switcherWrapper,
-        { [e.switcherWrapperReverse]: p },
-        { [e.switcherWrapperBetween]: a }
+        { [e.switcherWrapperReverse]: w },
+        { [e.switcherWrapperBetween]: n }
       ),
       children: [
         /* @__PURE__ */ t(
@@ -24,15 +35,15 @@ const i = f.bind(e), v = ({ children: c, isActive: s, onClick: n, isReverse: p,
               { [e.swiperActive]: s },
               { [e.swiperInactive]: !s && !r.current }
             ),
-            onClick: n,
+            onClick: c,
             children: /* @__PURE__ */ t("div", { className: i(e.swiperPoint, { [e.swiperPointActive]: s }) })
           }
         ),
-        c
+        p
       ]
     }
   );
 };
 export {
-  v as Switcher
+  z as Switcher
 };

package/dist/components/TabSelect/ui/TabSelect.js

@@ -1,43 +1,49 @@
-import { jsxs as x, jsx as t } from "react/jsx-runtime";
-import { forwardRef as k } from "react";
-import e from "../../../src/components/TabSelect/ui/TabSelect.module.scss.js";
-import y from "../../../node_modules/classnames/index.js";
-import { Text as C } from "../../Text/ui/Text.js";
-import { useClientWidth as I } from "../../../shared/useClientWidth.js";
-const i = y.bind(e), E = {
+import { jsxs as N, jsx as e } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
+import { c as y } from "../../../index-rKuIKazb.js";
+import { Text as u } from "../../Text/ui/Text.js";
+import { useClientWidth as D } from "../../../shared/useClientWidth.js";
+const F = "_root_1knhi_1", P = "_whiteFill_1knhi_29", C = "_text_1knhi_34", I = "_whiteStroke_1knhi_48", j = "_withPadding_1knhi_86", A = "_grayDesign_1knhi_90", t = {
+  root: F,
+  whiteFill: P,
+  text: C,
+  whiteStroke: I,
+  withPadding: j,
+  grayDesign: A
+}, i = y.bind(t), O = {
   whiteFill: "whiteFill",
   whiteStroke: "whiteStroke",
   grayDesign: "grayDesign"
-}, _ = ({ variant: s = "whiteFill", classname: a, children: l }) => /* @__PURE__ */ t("div", { className: i(e.root, e[`${s}`], a), children: l }), c = k((s, a) => {
-  const { isTablet: l, isDesktop: n } = I(), m = (S, u) => S && r ? r : u && o ? o : T, {
+}, L = ({ variant: s = "whiteFill", classname: a, children: n }) => /* @__PURE__ */ e("div", { className: i(t.root, t[`${s}`], a), children: n }), r = T((s, a) => {
+  const { isTablet: n, isDesktop: c } = D(), h = (f, x) => f && o ? o : x && l ? l : b, {
     children: d,
-    className: h,
-    additionalClassName: p,
+    className: m,
+    additionalClassName: _,
     additionalLabelClass: w,
     //TODO предлогаю засунуть в жопу isLong
-    isLong: b,
-    checked: f,
-    withPadding: N = !1,
-    width: T,
-    width_m: r,
-    width_l: o,
-    ...g
+    isLong: g,
+    checked: k,
+    withPadding: S = !1,
+    width: b,
+    width_m: o,
+    width_l: l,
+    ...p
   } = s;
-  return /* @__PURE__ */ x("label", { className: i(e.item, w, { [e.withPadding]: N }), children: [
-    /* @__PURE__ */ t("input", { ref: a, type: "checkbox", checked: f, ...g }),
-    /* @__PURE__ */ t(
+  return /* @__PURE__ */ N("label", { className: i(t.item, w, { [t.withPadding]: S }), children: [
+    /* @__PURE__ */ e("input", { ref: a, type: "checkbox", checked: k, ...p }),
+    /* @__PURE__ */ e(
       "div",
       {
-        className: i(h, p, { isLong: b }),
-        style: { width: m(l, n) },
-        children: /* @__PURE__ */ t(C, { className: i(e.text), children: d })
+        className: i(m, _, { isLong: g }),
+        style: { width: h(n, c) },
+        children: /* @__PURE__ */ e(u, { className: i(t.text), children: d })
       }
     )
   ] });
 });
-c.displayName = "TabSelectItem";
-const P = Object.assign(_, { Item: c });
+r.displayName = "TabSelectItem";
+const V = Object.assign(L, { Item: r });
 export {
-  E as TAB_SELECT_VARIANTS,
-  P as TabSelect
+  O as TAB_SELECT_VARIANTS,
+  V as TabSelect
 };

package/dist/components/TabSwitcher/index.js

@@ -1,4 +1,4 @@
-import { TabSwitcher as o } from "./ui/TabSwitcher.js";
+import { S as e } from "../../FilterWithSave-Bp6rH8Pe.js";
 export {
-  o as TabSwitcher
+  e as TabSwitcher
 };

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

@@ -1,8 +1,8 @@
-import { jsxs as W, jsx as o } from "react/jsx-runtime";
-import { forwardRef as j } from "react";
-import t from "../../../src/components/TabSwitcher/ui/TabSwitcher.module.scss.js";
-import { Text as y } from "../../Text/ui/Text.js";
-import k from "../../../node_modules/classnames/index.js";
+import "react/jsx-runtime";
+import "react";
+import { S as y } from "../../../FilterWithSave-Bp6rH8Pe.js";
+import "../../Text/ui/Text.js";
+import "../../../index-rKuIKazb.js";
 import "../../Button/ui/Button.js";
 import "../../mobileButton/ui/MobileButton.js";
 import "../../NewIcon/ui/NewIcon.js";
@@ -15,91 +15,14 @@ import "../../Input/ui/Input.js";
 import "react-dom";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../MetroTag/ui/MetroTag.js";
-import "../../LotCard/ui/LotCard.js";
 import "../../Select/ui/Select.js";
-import { useClientWidth as v } from "../../../shared/useClientWidth.js";
-import "../../SortSelect/ui/SortSelect.js";
+import "../../../shared/useClientWidth.js";
 import "../../SliderNavigation/ui/SliderNavigation.js";
 import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
 import "../../TabSelect/ui/TabSelect.js";
-import "../../FormModal/ui/ModalForm.js";
-import "../../FilterWithSave/ui/FilterWithSave.js";
 import "../../CheckBox/CheckBox.js";
 import "../../CheckBoxNew/CheckBoxNew.js";
 import "../../CheckboxSelect/ui/CheckboxSelect.js";
-const e = k.bind(t), D = ({
-  children: r,
-  variant: m = "whiteRow",
-  isApart: a = !1,
-  addClassName: p = "",
-  col: s = !1
-}) => /* @__PURE__ */ o("div", { className: e(t.root, t[m], { [t.rootCol]: s, [t.apart]: a }, p), children: r }), g = j((r, m) => {
-  const { isTablet: a, isDesktop: p } = v(), {
-    index: s,
-    children: i,
-    addItemClassName: u,
-    addLabelClassname: z,
-    addTextClass: _,
-    size_s: c = "large",
-    size_m: d,
-    size_l: h,
-    disabled: f = !1,
-    itemsLength: N = 0,
-    isLongOn: I = !0,
-    width: b,
-    width_m: l,
-    width_l: n,
-    mini: x = !1,
-    ...S
-  } = r, w = (i != null && i.toString().length ? (i == null ? void 0 : i.toString().length) > 2 : !1) && I, T = (C, L) => C && l ? l : L && n ? n : b, $ = !b && !l && !n && w;
-  return /* @__PURE__ */ W("label", { className: e(t.labelItem, { [t.isLong]: w }, z), children: [
-    /* @__PURE__ */ o(
-      "input",
-      {
-        ref: m,
-        type: "checkbox",
-        ...S,
-        disabled: f
-      }
-    ),
-    /* @__PURE__ */ o(
-      "div",
-      {
-        style: { width: T(a, p) },
-        className: e(
-          e(
-            t.item,
-            { [t.firstItem]: s === 0 },
-            { [t.lastItem]: s === N - 1 },
-            { [t.isDisabled]: f },
-            { [t.autoWidth]: $ },
-            t[`${c}-size`],
-            t[`${d}-size_m`],
-            t[`${h}-size_l`],
-            { [t.mini]: x }
-          ),
-          u
-        ),
-        children: /* @__PURE__ */ o(
-          y,
-          {
-            className: e(
-              t.text,
-              t[`text-${c}-size`],
-              t[`text-${d}-size_m`],
-              t[`text-${h}-size_l`],
-              { [t.textMini]: x },
-              _
-            ),
-            children: i
-          }
-        )
-      }
-    )
-  ] });
-});
-g.displayName = "TabSwitcherItem";
-const nt = Object.assign(D, { Item: g });
 export {
-  nt as TabSwitcher
+  y as TabSwitcher
 };