stone-kit 0.0.875 → 0.0.877

package/dist/components/RoundButton/ui/RoundButton.js

@@ -1,73 +1,55 @@
-import { jsx as o, Fragment as S } from "react/jsx-runtime";
-import { useState as h, useEffect as y } from "react";
-import { c as g } from "../../../index-rKuIKazb.js";
-import { NewIcon as R } from "../../NewIcon/ui/NewIcon.js";
-import { sizeMap as _ } from "./RoundButton.types.js";
-const p = "_btnRound_17364_1", F = "_whiteStroke_17364_42", $ = "_blackFill_17364_47", v = "_blackStroke_17364_52", x = "_fullGray_17364_60", E = "_blue_17364_68", e = {
-  btnRound: p,
-  "tiny-size": "_tiny-size_17364_19",
-  "small-size": "_small-size_17364_25",
-  "medium-size": "_medium-size_17364_30",
-  "large-size": "_large-size_17364_36",
-  whiteStroke: F,
-  blackFill: $,
-  blackStroke: v,
-  fullGray: x,
-  blue: E,
-  "tiny-size_m": "_tiny-size_m_17364_74",
-  "small-size_m": "_small-size_m_17364_79",
-  "medium-size_m": "_medium-size_m_17364_83",
-  "large-size_m": "_large-size_m_17364_88",
-  "tiny-size_l": "_tiny-size_l_17364_109",
-  "small-size_l": "_small-size_l_17364_114",
-  "medium-size_l": "_medium-size_l_17364_118",
-  "large-size_l": "_large-size_l_17364_123"
-}, G = g.bind(e), I = ({
-  size: t = "small",
-  size_m: i,
-  size_l: s,
-  children: a = "",
-  iconName: m = "",
-  variant: c = "whiteStroke",
-  additionalClass: z = "",
-  additionalClassIcon: d = "",
-  deg: u,
-  ...r
+import { jsx as m, Fragment as $ } from "react/jsx-runtime";
+import { useState as v, useEffect as x } from "react";
+import z from "../../../node_modules/classnames/index.js";
+import { NewIcon as E } from "../../NewIcon/ui/NewIcon.js";
+import t from "../../../src/components/RoundButton/ui/RoundButton.module.scss.js";
+import { sizeMap as e } from "./RoundButton.types.js";
+const R = z.bind(t), C = ({
+  size: r = "small",
+  size_m: n,
+  size_l: o,
+  children: c = "",
+  iconName: a = "",
+  variant: l = "whiteStroke",
+  additionalClass: u = "",
+  additionalClassIcon: w = "",
+  deg: f,
+  ...d
 }) => {
-  const [b, k] = h(_.small), { color: w = "#141416" } = r;
-  return y(() => {
-    const l = () => {
-      const n = window.innerWidth, f = n > 1440 && s ? _[s] : n >= 1024 && n <= 1440 && i ? _[i] : _[t] || _.small;
-      k(f);
+  const [h, p] = v(e.small), { color: b = "#141416" } = d;
+  return x(() => {
+    const s = () => {
+      const i = window.innerWidth, S = i > 1440 && o ? e[o] : i >= 1024 && i <= 1440 && n ? e[n] : e[r] || e.small;
+      p(S);
     };
-    return window.addEventListener("resize", l), l(), () => {
-      window.removeEventListener("resize", l);
+    return window.addEventListener("resize", s), s(), () => {
+      window.removeEventListener("resize", s);
     };
-  }, [t, i, s]), /* @__PURE__ */ o(
+  }, [r, n, o]), /* @__PURE__ */ m(
     "button",
     {
-      className: G(
-        e.btnRound,
-        e[`${t}-size`],
-        e[`${i}-size_m`],
-        e[`${s}-size_l`],
-        e[`${c}`],
-        z
+      className: R(
+        t.btnRound,
+        t[`${r}-size`],
+        t[`${n}-size_m`],
+        t[`${o}-size_l`],
+        t[`${l}`],
+        u
       ),
-      ...r,
-      children: /* @__PURE__ */ o(S, { children: m ? /* @__PURE__ */ o(
-        R,
+      ...d,
+      children: /* @__PURE__ */ m($, { children: a ? /* @__PURE__ */ m(
+        E,
         {
-          additionalClass: d,
-          name: m,
-          size: b,
-          deg: u,
-          color: w
+          additionalClass: w,
+          name: a,
+          size: h,
+          deg: f,
+          color: b
         }
-      ) : a })
+      ) : c })
     }
   );
 };
 export {
-  I as RoundButton
+  C as RoundButton
 };

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

@@ -1,50 +1,51 @@
-import { jsxs as u, Fragment as I, jsx as o } from "react/jsx-runtime";
-import { s as n, O as J } from "../../../Option-BVIm7wOW.js";
+import { jsxs as m, Fragment as I, jsx as r } from "react/jsx-runtime";
+import o from "../../../src/components/Select/ui/Select.module.scss.js";
 import { NewIcon as N } from "../../NewIcon/ui/NewIcon.js";
-import { c as O } from "../../../index-rKuIKazb.js";
-import { useState as U } from "react";
-const j = O.bind(n), z = ({
+import J from "../../../node_modules/classnames/index.js";
+import { Option as U } from "./Option.js";
+import { useState as j } from "react";
+const y = J.bind(o), B = ({
   category: t,
-  selectedOptions: r,
-  disabledOptions: m,
-  clickableOptions: s,
+  selectedOptions: s,
+  disabledOptions: a,
+  clickableOptions: n,
   handleOptionClick: d,
   sizeIcon: i,
   isDisabledNotClickable: p,
   mode: f
 }) => {
-  const [l, h] = U(!1), w = r.map((e) => JSON.stringify(e)), c = f === "category", g = f === "double", k = c && t.options.every((e) => w.includes(JSON.stringify(e))), x = s ? s.includes(t.value.toString()) : !0, v = r.some((e) => e.value === t.value), C = () => p && s ? !s.includes(t.value.toString()) : m.some(
+  const [l, h] = j(!1), w = s.map((e) => JSON.stringify(e)), c = f === "category", g = f === "double", k = c && t.options.every((e) => w.includes(JSON.stringify(e))), x = n ? n.includes(t.value.toString()) : !0, v = s.some((e) => e.value === t.value), C = () => p && n ? !n.includes(t.value.toString()) : a.some(
     (e) => e.value === t.value
   ), F = c ? k ? "selectChecked" : "selectUnchecked" : g && v ? "selectChecked" : "selectUnchecked", S = t.options.length > 1;
-  return /* @__PURE__ */ u(I, { children: [
-    /* @__PURE__ */ u(
+  return /* @__PURE__ */ m(I, { children: [
+    /* @__PURE__ */ m(
       "div",
       {
-        className: j(
-          n.option,
-          n.category,
+        className: y(
+          o.option,
+          o.category,
           {
-            [n.optionDisabled]: C(),
-            [n.optionClickable]: x
+            [o.optionDisabled]: C(),
+            [o.optionClickable]: x
           }
         ),
         onClick: () => {
           C() && !v || (g && !l && h(!0), d(c ? t.options : t));
         },
         children: [
-          /* @__PURE__ */ u("div", { className: n.leftSide, children: [
-            /* @__PURE__ */ o(
+          /* @__PURE__ */ m("div", { className: o.leftSide, children: [
+            /* @__PURE__ */ r(
               N,
               {
                 size: i ?? "20",
                 name: F
               }
             ),
-            /* @__PURE__ */ o("div", { children: t.label })
+            /* @__PURE__ */ r("div", { children: t.label })
           ] }),
-          S && /* @__PURE__ */ o("div", { className: n.iconArrow, onClick: (e) => {
-            e.stopPropagation(), h((a) => !a);
-          }, children: /* @__PURE__ */ o(
+          S && /* @__PURE__ */ r("div", { className: o.iconArrow, onClick: (e) => {
+            e.stopPropagation(), h((u) => !u);
+          }, children: /* @__PURE__ */ r(
             N,
             {
               name: "arrowShort",
@@ -55,22 +56,22 @@ const j = O.bind(n), z = ({
         ]
       }
     ),
-    l && S && t.options.map((e, a) => /* @__PURE__ */ o(
-      J,
+    l && S && t.options.map((e, u) => /* @__PURE__ */ r(
+      U,
       {
         option: e,
-        disabledOptions: m,
-        selectedOptions: r,
+        disabledOptions: a,
+        selectedOptions: s,
         handleOptionClick: () => d(e),
         sizeIcon: i,
-        clickableOptions: s,
+        clickableOptions: n,
         isOptionCategory: !0,
         isDisabledNotClickable: p
       },
-      a
+      u
     ))
   ] });
 };
 export {
-  z as Category
+  B as Category
 };

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

@@ -1,7 +1,54 @@
-import "react/jsx-runtime";
-import { O as m } from "../../../Option-BVIm7wOW.js";
-import "../../NewIcon/ui/NewIcon.js";
-import "../../../index-rKuIKazb.js";
+import { jsxs as k, jsx as m } from "react/jsx-runtime";
+import s from "../../../src/components/Select/ui/Select.module.scss.js";
+import { NewIcon as a } from "../../NewIcon/ui/NewIcon.js";
+import C from "../../../node_modules/classnames/index.js";
+const x = C.bind(s), U = ({
+  option: e,
+  selectedOptions: u,
+  disabledOptions: i,
+  clickableOptions: c,
+  handleOptionClick: o,
+  isOptionCategory: l,
+  sizeIcon: n,
+  isDisabledNotClickable: v,
+  addClassName: h = ""
+}) => {
+  const f = c ? c.includes(`${e.value}`) : !0, r = u.some((d) => d.value === e.value), t = () => v && c ? !c.includes(`${e.value}`) : i.some((d) => d.value === e.value);
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      className: x(
+        s.option,
+        {
+          [s.optionDisabled]: t(),
+          [s.optionCategory]: l,
+          [s.optionClickable]: f
+        },
+        h
+      ),
+      onClick: () => {
+        t() && !r || o(e);
+      },
+      children: [
+        l && /* @__PURE__ */ m(
+          a,
+          {
+            size: n ?? "20",
+            name: r ? "selectChecked" : "selectUnchecked"
+          }
+        ),
+        /* @__PURE__ */ m("div", { children: e.label }),
+        !l && /* @__PURE__ */ m(
+          a,
+          {
+            size: n ?? "20",
+            name: r ? "selectChecked" : "selectUnchecked"
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  m as Option
+  U as Option
 };

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

@@ -1,11 +1,12 @@
-import { jsxs as m, Fragment as L, jsx as l } from "react/jsx-runtime";
+import { jsxs as m, Fragment as L, jsx as s } from "react/jsx-runtime";
 import { useState as W, useRef as j, useEffect as z } from "react";
-import { c as Q } from "../../../index-rKuIKazb.js";
-import { s as e, O as T } from "../../../Option-BVIm7wOW.js";
+import Q from "../../../node_modules/classnames/index.js";
+import e from "../../../src/components/Select/ui/Select.module.scss.js";
+import { Option as T } from "./Option.js";
 import { NewIcon as B } from "../../NewIcon/ui/NewIcon.js";
 import { Category as U } from "./Category.js";
 import { handleClickModeOption as X, handleClickModeCategory as Y } from "../model/selectMode.js";
-const a = Q.bind(e), ne = ({
+const a = Q.bind(e), ie = ({
   options: t,
   customPlaceholder: h,
   placeholder: D = "Выберите опции",
@@ -33,11 +34,11 @@ const a = Q.bind(e), ne = ({
   isLast: J
 }) => {
   t = Array.isArray(t) ? [.../* @__PURE__ */ new Set([...t])] : [];
-  const [s, E] = W(i), [o, g] = W(!1), p = j(null), R = (r) => {
+  const [l, E] = W(i), [o, p] = W(!1), g = j(null), R = (r) => {
     S && S(r);
     const n = {
       option: r,
-      selectedOptions: s,
+      selectedOptions: l,
       disabledOptions: d,
       setSelectedOptions: E,
       onChange: G,
@@ -46,15 +47,15 @@ const a = Q.bind(e), ne = ({
     };
     Array.isArray(r) ? Y(n) : X(n);
   }, K = () => {
-    O && O(s);
+    O && O(l);
   };
   z(() => {
     const r = (n) => {
       const P = n.target;
-      if (p.current && !p.current.contains(n.target)) {
+      if (g.current && !g.current.contains(n.target)) {
         if (P.closest("svg"))
           return;
-        g(!1);
+        p(!1);
       }
     };
     return document.addEventListener("click", r), () => {
@@ -67,14 +68,14 @@ const a = Q.bind(e), ne = ({
   }, [i]), /* @__PURE__ */ m(
     "div",
     {
-      ref: p,
+      ref: g,
       className: a(e.multiSelectWrapper, { [e.multiSelectWrapperError]: M }, F),
       tabIndex: 0,
       onBlur: K,
       children: [
         /* @__PURE__ */ m("div", { className: a(e.inputWrapper), children: [
           !y && /* @__PURE__ */ m(L, { children: [
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ s(
               "div",
               {
                 className: a(
@@ -82,14 +83,14 @@ const a = Q.bind(e), ne = ({
                   e[`${$}-size`],
                   e[`${k}-size_m`],
                   e[`${x}-size)_l`],
-                  { [e.selectedOptionsNotEmpty]: s.length > 0 },
+                  { [e.selectedOptionsNotEmpty]: l.length > 0 },
                   { [e.selectOptionsDisabled]: u }
                 ),
-                onClick: () => g(!o),
-                children: h || (s.length === 0 ? D : "Выбрано " + s.length)
+                onClick: () => p(!o),
+                children: h || (l.length === 0 ? D : "Выбрано " + l.length)
               }
             ),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ s(
               B,
               {
                 name: "arrowShort",
@@ -100,7 +101,7 @@ const a = Q.bind(e), ne = ({
             )
           ] }),
           y && /* @__PURE__ */ m(L, { children: [
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ s(
               "button",
               {
                 className: a(
@@ -113,12 +114,12 @@ const a = Q.bind(e), ne = ({
                   q
                 ),
                 onClick: () => {
-                  N && N(), g(!o);
+                  N && N(), p(!o);
                 },
                 children: v
               }
             ),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ s(
               B,
               {
                 name: "filter",
@@ -139,12 +140,12 @@ const a = Q.bind(e), ne = ({
               _
             ),
             children: [
-              (c === "options" || c === "single") && (t == null ? void 0 : t.map((r, n) => /* @__PURE__ */ l(
+              (c === "options" || c === "single") && (t == null ? void 0 : t.map((r, n) => /* @__PURE__ */ s(
                 T,
                 {
                   disabledOptions: d,
                   clickableOptions: C,
-                  selectedOptions: s,
+                  selectedOptions: l,
                   sizeIcon: f,
                   option: r,
                   handleOptionClick: R,
@@ -152,12 +153,12 @@ const a = Q.bind(e), ne = ({
                 },
                 n
               ))),
-              (c === "category" || c === "double") && (t == null ? void 0 : t.map((r, n) => "options" in r ? /* @__PURE__ */ l(
+              (c === "category" || c === "double") && (t == null ? void 0 : t.map((r, n) => "options" in r ? /* @__PURE__ */ s(
                 U,
                 {
                   disabledOptions: d,
                   clickableOptions: C,
-                  selectedOptions: s,
+                  selectedOptions: l,
                   sizeIcon: f,
                   category: r,
                   mode: c,
@@ -175,5 +176,5 @@ const a = Q.bind(e), ne = ({
   );
 };
 export {
-  ne as Select
+  ie as Select
 };

package/dist/components/SliderNavigation/ui/SliderNavigation.js

@@ -1,60 +1,59 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { jsxs as h, jsx as t } from "react/jsx-runtime";
 import { RoundButton as d } from "../../RoundButton/ui/RoundButton.js";
 import { Tag as C } from "../../Tag/ui/Tag.js";
-import { useClientWidth as T } from "../../../shared/useClientWidth.js";
-import { c as N } from "../../../index-rKuIKazb.js";
-const k = "_sliderTag_1rvl9_1", l = {
-  sliderTag: k
-}, v = N.bind(l), $ = ({
+import { useClientWidth as N } from "../../../shared/useClientWidth.js";
+import k from "../../../node_modules/classnames/index.js";
+import s from "../../../src/components/SliderNavigation/ui/SliderNavigation.module.scss.js";
+const b = k.bind(s), $ = ({
   indexSlide: o,
-  isDisabledOff: s,
-  goPrev: m,
+  isDisabledOff: a,
+  goPrev: l,
   goNext: c,
   arr: e,
   isNeedTag: g = !0,
   additionalClassTag: p = "",
   navigationClassName: u = "",
-  additionalClassNavButton: t = "",
-  size: n = "medium",
+  additionalClassNavButton: n = "",
+  size: m = "medium",
   size_m: i = "medium",
-  size_l: a = "large"
+  size_l: r = "large"
 }) => {
-  const { isDesktop: h } = T();
-  return /* @__PURE__ */ f("div", { className: u, children: [
-    /* @__PURE__ */ r(
+  const { isDesktop: f } = N();
+  return /* @__PURE__ */ h("div", { className: u, children: [
+    /* @__PURE__ */ t(
       d,
       {
         iconName: "directionDown",
         deg: "90",
-        size: n,
+        size: m,
         size_m: i,
-        size_l: a,
-        disabled: s ? !1 : o === 0,
-        additionalClass: t,
-        onClick: m
+        size_l: r,
+        disabled: a ? !1 : o === 0,
+        additionalClass: n,
+        onClick: l
       }
     ),
-    g && /* @__PURE__ */ r(
+    g && /* @__PURE__ */ t(
       C,
       {
-        additionalClass: v(l.sliderTag, p),
+        additionalClass: b(s.sliderTag, p),
         variant: "shade",
-        size: h ? "large" : "medium",
+        size: f ? "large" : "medium",
         size_m: i,
-        size_l: a,
+        size_l: r,
         children: `${o + 1} из ${e.length}`
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ t(
       d,
       {
-        disabled: s ? !1 : o === e.length - 1,
-        size: n,
+        disabled: a ? !1 : o === e.length - 1,
+        size: m,
         size_m: i,
-        size_l: a,
+        size_l: r,
         iconName: "directionDown",
         deg: "-90",
-        additionalClass: t,
+        additionalClass: n,
         onClick: c
       }
     )

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

@@ -1,6 +1,61 @@
-import "react/jsx-runtime";
-import { u as m } from "../../../useSortSelect-CjZXLFOG.js";
-import "../../../index-rKuIKazb.js";
+import { jsxs as B, jsx as m } from "react/jsx-runtime";
+import u from "../../../src/components/SortSelect/ui/SortSelect.module.scss.js";
+import j from "../../../node_modules/classnames/index.js";
+const k = j.bind(u), q = ({
+  selectedOption: a,
+  setSelectedOption: c,
+  setIsOpen: s,
+  containerRef: h,
+  onBlur: f,
+  onChange: n,
+  onClickOption: g,
+  isMobile: x,
+  placeholder: C
+}) => {
+  const N = (r) => (l) => {
+    l.stopPropagation(), g && g(r);
+    const v = (a == null ? void 0 : a.value) === r.value ? null : r;
+    if (v && (c && c(v), n)) {
+      const b = {
+        ...l,
+        target: { value: v }
+      };
+      n(b);
+    }
+  };
+  return { handleDocumentClick: (r) => {
+    h.current && !h.current.contains(r.target) && s(!1);
+  }, handleBlur: (r) => {
+    if (f) {
+      const l = {
+        ...r,
+        target: { value: a }
+      };
+      f(l);
+    }
+  }, getInputValue: () => x ? "" : a ? a.label : C, getOption: (r) => /* @__PURE__ */ B(
+    "div",
+    {
+      className: k(u.option, {
+        [u.selected]: (a == null ? void 0 : a.value) === r.value
+      }),
+      onClick: N(r),
+      children: [
+        /* @__PURE__ */ m("div", { children: r.label }),
+        /* @__PURE__ */ m(
+          "div",
+          {
+            className: k(u.checkBox, {
+              [u.checkBoxChecked]: (a == null ? void 0 : a.value) === r.value
+            }),
+            children: (a == null ? void 0 : a.value) === r.value && /* @__PURE__ */ m("div", { className: u.innerCheck })
+          }
+        )
+      ]
+    },
+    r.value
+  ) };
+};
 export {
-  m as useSortSelect
+  q as useSortSelect
 };

package/dist/components/SortSelect/index.js

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