stone-kit 0.0.877 → 0.0.879

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

@@ -1,55 +1,73 @@
-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
+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
 }) => {
-  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);
+  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);
     };
-    return window.addEventListener("resize", s), s(), () => {
-      window.removeEventListener("resize", s);
+    return window.addEventListener("resize", l), l(), () => {
+      window.removeEventListener("resize", l);
     };
-  }, [r, n, o]), /* @__PURE__ */ m(
+  }, [t, i, s]), /* @__PURE__ */ o(
     "button",
     {
-      className: R(
-        t.btnRound,
-        t[`${r}-size`],
-        t[`${n}-size_m`],
-        t[`${o}-size_l`],
-        t[`${l}`],
-        u
+      className: G(
+        e.btnRound,
+        e[`${t}-size`],
+        e[`${i}-size_m`],
+        e[`${s}-size_l`],
+        e[`${c}`],
+        z
       ),
-      ...d,
-      children: /* @__PURE__ */ m($, { children: a ? /* @__PURE__ */ m(
-        E,
+      ...r,
+      children: /* @__PURE__ */ o(S, { children: m ? /* @__PURE__ */ o(
+        R,
         {
-          additionalClass: w,
-          name: a,
-          size: h,
-          deg: f,
-          color: b
+          additionalClass: d,
+          name: m,
+          size: b,
+          deg: u,
+          color: w
         }
-      ) : c })
+      ) : a })
     }
   );
 };
 export {
-  C as RoundButton
+  I as RoundButton
 };

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

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

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

@@ -1,54 +1,7 @@
-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"
-          }
-        )
-      ]
-    }
-  );
-};
+import "react/jsx-runtime";
+import { O as m } from "../../../Option-BVIm7wOW.js";
+import "../../NewIcon/ui/NewIcon.js";
+import "../../../index-rKuIKazb.js";
 export {
-  U as Option
+  m as Option
 };

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

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

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

@@ -1,59 +1,60 @@
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import { jsxs as f, jsx as r } 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 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), $ = ({
+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), $ = ({
   indexSlide: o,
-  isDisabledOff: a,
-  goPrev: l,
+  isDisabledOff: s,
+  goPrev: m,
   goNext: c,
   arr: e,
   isNeedTag: g = !0,
   additionalClassTag: p = "",
   navigationClassName: u = "",
-  additionalClassNavButton: n = "",
-  size: m = "medium",
+  additionalClassNavButton: t = "",
+  size: n = "medium",
   size_m: i = "medium",
-  size_l: r = "large"
+  size_l: a = "large"
 }) => {
-  const { isDesktop: f } = N();
-  return /* @__PURE__ */ h("div", { className: u, children: [
-    /* @__PURE__ */ t(
+  const { isDesktop: h } = T();
+  return /* @__PURE__ */ f("div", { className: u, children: [
+    /* @__PURE__ */ r(
       d,
       {
         iconName: "directionDown",
         deg: "90",
-        size: m,
+        size: n,
         size_m: i,
-        size_l: r,
-        disabled: a ? !1 : o === 0,
-        additionalClass: n,
-        onClick: l
+        size_l: a,
+        disabled: s ? !1 : o === 0,
+        additionalClass: t,
+        onClick: m
       }
     ),
-    g && /* @__PURE__ */ t(
+    g && /* @__PURE__ */ r(
       C,
       {
-        additionalClass: b(s.sliderTag, p),
+        additionalClass: v(l.sliderTag, p),
         variant: "shade",
-        size: f ? "large" : "medium",
+        size: h ? "large" : "medium",
         size_m: i,
-        size_l: r,
+        size_l: a,
         children: `${o + 1} из ${e.length}`
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ r(
       d,
       {
-        disabled: a ? !1 : o === e.length - 1,
-        size: m,
+        disabled: s ? !1 : o === e.length - 1,
+        size: n,
         size_m: i,
-        size_l: r,
+        size_l: a,
         iconName: "directionDown",
         deg: "-90",
-        additionalClass: n,
+        additionalClass: t,
         onClick: c
       }
     )

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

@@ -1,61 +1,6 @@
-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
-  ) };
-};
+import "react/jsx-runtime";
+import { u as m } from "../../../useSortSelect-CjZXLFOG.js";
+import "../../../index-rKuIKazb.js";
 export {
-  q as useSortSelect
+  m as useSortSelect
 };

package/dist/components/SortSelect/index.js

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