stone-kit 0.0.189 → 0.0.190

package/dist/components/NewIcon/ui/NewIcon.js

@@ -65,11 +65,11 @@ const m = ({
   title: t,
   titleId: l,
   ...r
-}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M5 12H19", stroke: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M12.0001 5L12.0001 19", stroke: "currentColor" })), W = o(U), j = ({
+}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M5 12H19", stroke: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M12.0001 5L12.0001 19", stroke: "currentColor" })), j = o(U), W = ({
   title: t,
   titleId: l,
   ...r
-}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M9.52381 17.6V12.3111M9.52381 12.3111V6.40002H13.0444C14.6768 6.40002 16 7.72327 16 9.35558V9.35558C16 10.9879 14.6768 12.3111 13.0444 12.3111H9.52381ZM9.52381 12.3111H8", stroke: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M8 15.2001L12.5714 15.2001", stroke: "currentColor" })), G = o(j), O = ({
+}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M9.52381 17.6V12.3111M9.52381 12.3111V6.40002H13.0444C14.6768 6.40002 16 7.72327 16 9.35558V9.35558C16 10.9879 14.6768 12.3111 13.0444 12.3111H9.52381ZM9.52381 12.3111H8", stroke: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M8 15.2001L12.5714 15.2001", stroke: "currentColor" })), G = o(W), O = ({
   title: t,
   titleId: l,
   ...r
@@ -173,11 +173,11 @@ const m = ({
   title: t,
   titleId: l,
   ...r
-}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("rect", { x: 0.5, y: 0.5, width: 19, height: 19, rx: 3.5, fill: "#E6E8EC", stroke: "#B1B5C4" })), W1 = o(U1), j1 = ({
+}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("rect", { x: 0.5, y: 0.5, width: 19, height: 19, rx: 3.5, fill: "#E6E8EC", stroke: "#B1B5C4" })), j1 = o(U1), W1 = ({
   title: t,
   titleId: l,
   ...r
-}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "m18 10-6 6-6-6", stroke: "currentColor" })), G1 = o(j1), O1 = ({
+}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "m18 10-6 6-6-6", stroke: "currentColor" })), G1 = o(W1), O1 = ({
   title: t,
   titleId: l,
   ...r
@@ -202,7 +202,7 @@ const m = ({
   minus: () => /* @__PURE__ */ n(V, {}),
   moon: () => /* @__PURE__ */ n(Z, {}),
   play: () => /* @__PURE__ */ n(q, {}),
-  plus: () => /* @__PURE__ */ n(W, {}),
+  plus: () => /* @__PURE__ */ n(j, {}),
   ruble: () => /* @__PURE__ */ n(G, {}),
   share: () => /* @__PURE__ */ n(_, {}),
   sun: () => /* @__PURE__ */ n(N, {}),
@@ -229,7 +229,7 @@ const m = ({
   withoutDecor: () => /* @__PURE__ */ n(V1, {}),
   play2: () => /* @__PURE__ */ n(Z1, {}),
   selectChecked: () => /* @__PURE__ */ n(q1, {}),
-  selectUnchecked: () => /* @__PURE__ */ n(W1, {}),
+  selectUnchecked: () => /* @__PURE__ */ n(j1, {}),
   arrowShort: () => /* @__PURE__ */ n(G1, {}),
   search: () => /* @__PURE__ */ n(_1, {})
 }, X1 = ({
@@ -248,7 +248,8 @@ const m = ({
         width: l + "px",
         height: l + "px",
         transform: `rotate(${s}deg)`,
-        color: r
+        color: r,
+        strokeWidth: a
       },
       className: c ?? "",
       children: /* @__PURE__ */ n(

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

@@ -1,58 +1,58 @@
-import { jsx as m, Fragment as f } from "react/jsx-runtime";
-import { useState as g, useEffect as k } from "react";
-import { c as S } from "../../../index-rKuIKazb.js";
-import { NewIcon as R } from "../../NewIcon/ui/NewIcon.js";
-import { sizeMap as l } from "./RoundButton.types.js";
-const p = "_btnRound_lhnwl_1", F = "_whiteStroke_lhnwl_36", $ = "_blackFill_lhnwl_44", e = {
-  btnRound: p,
-  "small-size": "_small-size_lhnwl_19",
-  "medium-size": "_medium-size_lhnwl_24",
-  "large-size": "_large-size_lhnwl_30",
-  whiteStroke: F,
-  blackFill: $,
-  "small-size_m": "_small-size_m_lhnwl_53",
-  "medium-size_m": "_medium-size_m_lhnwl_57",
-  "large-size_m": "_large-size_m_lhnwl_62",
-  "small-size_l": "_small-size_l_lhnwl_83",
-  "medium-size_l": "_medium-size_l_lhnwl_87",
-  "large-size_l": "_large-size_l_lhnwl_92"
-}, v = S.bind(e), j = ({
-  size: i = "small",
-  size_m: n,
-  size_l: s,
+import { jsx as m, Fragment as b } from "react/jsx-runtime";
+import { useState as h, useEffect as f } from "react";
+import { c as g } from "../../../index-rKuIKazb.js";
+import { NewIcon as S } from "../../NewIcon/ui/NewIcon.js";
+import { sizeMap as i } from "./RoundButton.types.js";
+const R = "_btnRound_1ixxk_1", p = "_whiteStroke_1ixxk_36", F = "_blackFill_1ixxk_44", e = {
+  btnRound: R,
+  "small-size": "_small-size_1ixxk_19",
+  "medium-size": "_medium-size_1ixxk_24",
+  "large-size": "_large-size_1ixxk_30",
+  whiteStroke: p,
+  blackFill: F,
+  "small-size_m": "_small-size_m_1ixxk_53",
+  "medium-size_m": "_medium-size_m_1ixxk_57",
+  "large-size_m": "_large-size_m_1ixxk_62",
+  "small-size_l": "_small-size_l_1ixxk_83",
+  "medium-size_l": "_medium-size_l_1ixxk_87",
+  "large-size_l": "_large-size_l_1ixxk_92"
+}, $ = g.bind(e), j = ({
+  size: l = "small",
+  size_m: s,
+  size_l: t,
   children: a = "",
   iconName: o = "",
-  variant: w = "whiteStroke",
+  variant: x = "whiteStroke",
   additionalClass: c = "",
   deg: d,
   ...r
 }) => {
-  const [h, z] = g(l.small), { color: u = "#141416" } = r;
-  return k(() => {
-    const t = () => {
-      const _ = window.innerWidth, b = _ > 1440 && s ? l[s] : _ >= 1024 && _ <= 1440 && n ? l[n] : l[i] || l.small;
-      z(b);
+  const [z, k] = h(i.small), { color: u = "#141416" } = r;
+  return f(() => {
+    const _ = () => {
+      const n = window.innerWidth, w = n > 1440 && t ? i[t] : n >= 1024 && n <= 1440 && s ? i[s] : i[l] || i.small;
+      k(w);
     };
-    return window.addEventListener("resize", t), t(), () => {
-      window.removeEventListener("resize", t);
+    return window.addEventListener("resize", _), _(), () => {
+      window.removeEventListener("resize", _);
     };
-  }, [i, n, s]), /* @__PURE__ */ m(
+  }, [l, s, t]), /* @__PURE__ */ m(
     "button",
     {
-      className: v(
+      className: $(
         e.btnRound,
-        e[`${i}-size`],
-        e[`${n}-size_m`],
-        e[`${s}-size_l`],
-        e[`${w}`],
+        e[`${l}-size`],
+        e[`${s}-size_m`],
+        e[`${t}-size_l`],
+        e[`${x}`],
         c
       ),
       ...r,
-      children: /* @__PURE__ */ m(f, { children: o ? /* @__PURE__ */ m(
-        R,
+      children: /* @__PURE__ */ m(b, { children: o ? /* @__PURE__ */ m(
+        S,
         {
           name: o,
-          size: h,
+          size: z,
           deg: d,
           color: u
         }

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

@@ -1,55 +1,55 @@
-import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
 import { RoundButton as r } from "../../RoundButton/ui/RoundButton.js";
-import { Tag as u } from "../../Tag/ui/Tag.js";
-import { useClientWidth as f } from "../../../shared/useClientWidth.js";
-import { c as h } from "../../../index-rKuIKazb.js";
-const p = "_sliderTag_1fxi7_1", d = {
-  sliderTag: p
-}, C = h.bind(d), _ = ({
+import { Tag as p } from "../../Tag/ui/Tag.js";
+import { useClientWidth as u } from "../../../shared/useClientWidth.js";
+import { c as f } from "../../../index-rKuIKazb.js";
+const h = "_sliderTag_1fxi7_1", t = {
+  sliderTag: h
+}, C = f.bind(t), z = ({
   indexSlide: i,
-  goPrev: n,
-  goNext: t,
+  goPrev: d,
+  goNext: n,
   arr: o,
   isNeedTag: l = !0,
   additionalClassTag: m = "",
   navigationClassName: c = "",
   additionalClassNavButton: a = ""
 }) => {
-  const { isMobile: e } = f();
+  const { isDesktop: s } = u();
   return /* @__PURE__ */ g("div", { className: c, children: [
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ e(
       r,
       {
-        size: e ? "medium" : "large",
+        size: s ? "large" : "medium",
         iconName: "directionDown",
         deg: "90",
         disabled: i === 0,
         additionalClass: a,
-        onClick: n
+        onClick: d
       }
     ),
-    l && /* @__PURE__ */ s(
-      u,
+    l && /* @__PURE__ */ e(
+      p,
       {
-        additionalClass: C(d.sliderTag, m),
+        additionalClass: C(t.sliderTag, m),
         variant: "shade",
-        size: e ? "medium" : "large",
+        size: s ? "large" : "medium",
         children: `${i + 1} из ${o.length}`
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ e(
       r,
       {
         disabled: i === o.length - 1,
-        size: e ? "medium" : "large",
+        size: s ? "large" : "medium",
         iconName: "directionDown",
         deg: "-90",
         additionalClass: a,
-        onClick: t
+        onClick: n
       }
     )
   ] });
 };
 export {
-  _ as SliderNavigation
+  z as SliderNavigation
 };

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

@@ -20,6 +20,8 @@ import "../../Select/ui/Select.js";
 import { useClientWidth as w } from "../../../shared/useClientWidth.js";
 import "../../SliderNavigation/ui/SliderNavigation.js";
 import "../../TabSelect/ui/TabSelect.js";
+import "../../../index-DB-VhohW.js";
+import "../../CheckBox/CheckBox.js";
 const l = M.bind(e), D = ({
   options: r,
   selectedOption: S,
@@ -27,20 +29,20 @@ const l = M.bind(e), D = ({
   error: h,
   disabled: v,
   additionalClass: N = "",
-  onChange: c,
+  onChange: m,
   onBlur: b,
   mini: k,
-  openOnTop: m = !1
+  openOnTop: c = !1
 }) => {
   const [i, o] = C(!1), n = I(null), { isMobile: d, isDesktop: x } = w(), { handleBlur: y, getInputValue: B, getOption: p, handleDocumentClick: u } = W({
     selectedOption: S,
-    setSelectedOption: c,
+    setSelectedOption: m,
     setIsOpen: o,
     containerRef: n,
     isOpen: i,
     isDesktop: x,
     placeholder: O,
-    onChange: c,
+    onChange: m,
     onBlur: b
   });
   return L(() => (document.addEventListener("click", u), () => {
@@ -52,7 +54,7 @@ const l = M.bind(e), D = ({
       className: l(
         e.sortSelectWrapper,
         { [e.sortSelectWrapperError]: h },
-        { [e.sortSelectWrapperTop]: m },
+        { [e.sortSelectWrapperTop]: c },
         N
       ),
       tabIndex: 0,
@@ -105,7 +107,7 @@ const l = M.bind(e), D = ({
             ]
           }
         ),
-        i && !d && /* @__PURE__ */ t("div", { className: l(e.optionsList, { [e.optionListOnTop]: m }), children: r == null ? void 0 : r.map((a) => p(a)) })
+        i && !d && /* @__PURE__ */ t("div", { className: l(e.optionsList, { [e.optionListOnTop]: c }), children: r == null ? void 0 : r.map((a) => p(a)) })
       ]
     }
   );