stone-kit 0.0.874 → 0.0.875

package/dist/pages/SelectPage/SelectPage.js

@@ -0,0 +1,192 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useState as n } from "react";
+import "../../components/Button/ui/Button.js";
+import "../../components/mobileButton/ui/MobileButton.js";
+import "../../components/NewIcon/ui/NewIcon.js";
+import "../../components/DestinationTab/ui/DestinationTab.js";
+import "../../components/RoundButton/ui/RoundButton.js";
+import "../../components/Tag/ui/Tag.js";
+import { Switcher as m } from "../../components/Switcher/ui/Switcher.js";
+import "../../components/Text/ui/Text.js";
+import "../../components/Flex/ui/Flex.js";
+import "../../components/Input/ui/Input.js";
+import "react-dom";
+import { F as f, a as b } from "../../FilterWithSave-Bp6rH8Pe.js";
+import "../../components/GroupedInput/ui/GroupedInputs.js";
+import "../../index-rKuIKazb.js";
+import "../../components/MetroTag/ui/MetroTag.js";
+import { Select as r } from "../../components/Select/ui/Select.js";
+import "../../components/SliderNavigation/ui/SliderNavigation.js";
+import "../../components/LotCardSkeleton/ui/LotCardSkeleton.js";
+import "../../components/TabSelect/ui/TabSelect.js";
+import { SummarySelect as p } from "../../components/SummarySelect/ui/SummarySelect.js";
+import { CheckBox as y } from "../../components/CheckBox/CheckBox.js";
+import "../../components/CheckBoxNew/CheckBoxNew.js";
+import { CheckboxSelect as k } from "../../components/CheckboxSelect/ui/CheckboxSelect.js";
+import { defaultOption as d, defaultCategory as a } from "./const.js";
+const V = "_sort_1szg2_1", _ = "_addClass_1szg2_6", x = "_filterWithSave_1szg2_14", c = {
+  sort: V,
+  addClass: _,
+  filterWithSave: x
+}, Z = () => {
+  const [u, g] = n(d[0]), [l, S] = n([]), [s, h] = n("options"), v = [
+    { label: "sdfsdfsdf", setValue: () => {
+    }, isSelected: !1, disabled: !0 },
+    { label: "sdfsdfsdf", setValue: () => {
+    }, isSelected: !0, disabled: !1 },
+    { label: "sdfsdfsdf", setValue: () => {
+    }, isSelected: !1, disabled: !1 },
+    { label: "sdfsdfsdf", setValue: () => {
+    }, isSelected: !0, disabled: !1 },
+    { label: "sdfsdfsdf", setValue: () => {
+    }, isSelected: !0, disabled: !1 }
+  ], C = (t) => {
+    !t || !t.target || g(t.target.value);
+  }, i = (t) => {
+    t && S(t);
+  };
+  return /* @__PURE__ */ o("div", { className: c.root, children: [
+    /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        f,
+        {
+          onClick: () => console.log("filter"),
+          onSaveClick: () => console.log("save"),
+          onClearClick: () => console.log("clear"),
+          onTabClick: () => console.log("year"),
+          tabs: [
+            { value: "dfsdf", state: !1 },
+            { value: "dddddddd", state: !1 }
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ e("h2", { children: " Селектор с чекбоксами" }),
+        /* @__PURE__ */ e(k, { checkboxes: v })
+      ] }),
+      /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ e("h2", { children: "старый чекбокс" }),
+        /* @__PURE__ */ e(
+          y,
+          {
+            isChecked: !1,
+            emitIsChecked: () => {
+              console.log("check");
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ e("h2", { children: " Фильтрация с сохранением" }),
+        /* @__PURE__ */ e("div", { className: c.filterWithSave, children: /* @__PURE__ */ e(f, {}) })
+      ] }),
+      /* @__PURE__ */ e("h2", { children: "Сорт селект" }),
+      /* @__PURE__ */ e("div", { className: c.sort, children: /* @__PURE__ */ e(
+        b,
+        {
+          mini: !0,
+          selectedOption: u,
+          options: d,
+          onChange: (t) => C(t)
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ o("div", { className: c.summarySelect, children: [
+      /* @__PURE__ */ o("div", { style: { display: "flex", gap: "20px" }, children: [
+        /* @__PURE__ */ e("h2", { children: "SummarySelect" }),
+        /* @__PURE__ */ e(
+          m,
+          {
+            isActive: s === "category",
+            onClick: () => h(s === "options" ? "category" : "options"),
+            children: "mode category"
+          }
+        ),
+        /* @__PURE__ */ e(
+          m,
+          {
+            isActive: s === "double",
+            onClick: () => h(s === "options" ? "double" : "options"),
+            children: "mode double"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(
+        p,
+        {
+          mode: s,
+          label: "Проект",
+          isShowReset: !0,
+          selectedValues: l,
+          options: s === "category" ? a : d,
+          onChange: (t) => i(t)
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          mode: "single",
+          label: "Проект",
+          isShowReset: !0,
+          selectedValues: l,
+          options: d,
+          onChange: (t) => i(t)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ e("h2", { children: "Селект mode option" }),
+      /* @__PURE__ */ e(
+        r,
+        {
+          selectedValues: l,
+          options: a,
+          onChange: (t) => i(t)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ e("h2", { children: "Селект mode category" }),
+      /* @__PURE__ */ e(
+        r,
+        {
+          mode: "category",
+          selectedValues: l,
+          options: a,
+          onChange: (t) => i(t)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ e("h2", { children: "Селект mode double" }),
+      /* @__PURE__ */ e(
+        r,
+        {
+          selectedValues: l,
+          options: a,
+          mode: "double",
+          clickableOptions: ["Category1", "options1", "options3"],
+          onChange: (t) => i(t)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ e("h2", { children: "Селект кнопка" }),
+      /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ e(
+        r,
+        {
+          isBtn: !0,
+          size_s: "small",
+          size_l: "medium",
+          isListRight: !0,
+          selectedValues: l,
+          options: d,
+          onChange: (t) => i(t)
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  Z as SelectPage
+};

package/dist/pages/SelectPage/const.js

@@ -0,0 +1,35 @@
+const l = [
+  { value: "option1", label: "Option 1" },
+  { value: "option2", label: "Option 2" },
+  { value: "option3", label: "Option 3" }
+], e = [
+  {
+    value: "Category1",
+    label: "category1",
+    options: [
+      { value: "options1", label: "label1" },
+      { value: "options2", label: "label2" },
+      { value: "options3", label: "label3" }
+    ]
+  },
+  {
+    value: "Category2",
+    label: "category2",
+    options: [
+      { value: "options4", label: "label4" },
+      { value: "options5", label: "label5" },
+      { value: "options6", label: "label6" }
+    ]
+  },
+  {
+    value: "Category3",
+    label: "category3",
+    options: [
+      { value: "options7", label: "label7" }
+    ]
+  }
+];
+export {
+  e as defaultCategory,
+  l as defaultOption
+};

package/dist/pages/TabsPage/TabsPage.js

@@ -0,0 +1,175 @@
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { useState as m } from "react";
+import "../../components/Button/ui/Button.js";
+import "../../components/mobileButton/ui/MobileButton.js";
+import "../../components/NewIcon/ui/NewIcon.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/Text/ui/Text.js";
+import "../../components/Flex/ui/Flex.js";
+import "../../components/Input/ui/Input.js";
+import "react-dom";
+import { FieldInput as p } from "../../components/FieldInput/ui/FieldInput.js";
+import { S as i } from "../../FilterWithSave-Bp6rH8Pe.js";
+import "../../components/GroupedInput/ui/GroupedInputs.js";
+import "../../index-rKuIKazb.js";
+import "../../components/MetroTag/ui/MetroTag.js";
+import "../../components/Select/ui/Select.js";
+import "../../components/SliderNavigation/ui/SliderNavigation.js";
+import "../../components/LotCardSkeleton/ui/LotCardSkeleton.js";
+import { TabSelect as d } from "../../components/TabSelect/ui/TabSelect.js";
+import "../../components/CheckBox/CheckBox.js";
+import "../../components/CheckBoxNew/CheckBoxNew.js";
+import "../../components/CheckboxSelect/ui/CheckboxSelect.js";
+const c = "_root_idppf_1", _ = "_tabsShort_idppf_7", w = "_tabSelectWrapper_idppf_11", v = "_destinationWrapper_idppf_15", g = "_whiteRow_apart_idppf_22", u = "_row_apart_idppf_26", n = {
+  root: c,
+  tabsShort: _,
+  tabSelectWrapper: w,
+  destinationWrapper: v,
+  whiteRow_apart: g,
+  row_apart: u
+}, K = () => {
+  const [l, o] = m("C мебелью"), s = ["C мебелью", "C размерами", "План этажа", "Ген. план"], a = ["Студия", "1", "2", "3", "4+"];
+  return /* @__PURE__ */ h("div", { className: n.root, children: [
+    /* @__PURE__ */ r(i, { children: a.map((t, e) => /* @__PURE__ */ r(
+      i.Item,
+      {
+        itemsLength: a.length,
+        size_s: "medium",
+        size_l: "large",
+        index: e,
+        value: t,
+        disabled: e === 2 || e === 1,
+        children: t
+      },
+      e
+    )) }),
+    /* @__PURE__ */ r("div", { className: n.tabsShort, children: /* @__PURE__ */ r(p, { label: "Количество спален", children: /* @__PURE__ */ r(i, { children: a.map((t, e) => /* @__PURE__ */ r(
+      i.Item,
+      {
+        itemsLength: a.length,
+        index: e,
+        value: t,
+        addItemClassName: e === 0 ? n.gg : "",
+        children: t
+      }
+    )) }) }) }),
+    /* @__PURE__ */ r("div", { className: n.tabsShort, children: /* @__PURE__ */ r(p, { label: "Количество спален", children: /* @__PURE__ */ r(i, { variant: "whiteRowGrayLabel", children: a.map((t, e) => /* @__PURE__ */ r(
+      i.Item,
+      {
+        size_s: "tiny",
+        size_m: "tiny",
+        size_l: "tiny",
+        itemsLength: a.length,
+        index: e,
+        value: t,
+        addItemClassName: e === 0 ? n.gg : "",
+        children: t
+      },
+      e
+    )) }) }) }),
+    /* @__PURE__ */ r(p, { label: "Количество спален", children: /* @__PURE__ */ r(i, { variant: "whiteRowGrayLabel", children: a.map((t, e) => /* @__PURE__ */ r(
+      i.Item,
+      {
+        size_s: "tiny",
+        size_m: "tiny",
+        size_l: "tiny",
+        itemsLength: a.length,
+        index: e,
+        value: t,
+        addItemClassName: e === 0 ? n.gg : "",
+        children: t
+      },
+      e
+    )) }) }),
+    /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(i, { col: !0, children: a.map((t, e) => /* @__PURE__ */ r(
+      i.Item,
+      {
+        itemsLength: a.length,
+        index: e,
+        value: t,
+        children: t
+      },
+      e
+    )) }) }),
+    /* @__PURE__ */ r("div", { className: n.tabsShort, children: /* @__PURE__ */ r(i, { col: !0, children: a.map((t, e) => /* @__PURE__ */ r(
+      i.Item,
+      {
+        itemsLength: a.length,
+        index: e,
+        value: t,
+        children: t
+      },
+      e
+    )) }) }),
+    /* @__PURE__ */ r("div", { className: n.whiteRow_apart, children: /* @__PURE__ */ r(
+      i,
+      {
+        variant: "whiteRow",
+        isApart: !0,
+        addClassName: n.row_apart,
+        children: a.map((t, e) => /* @__PURE__ */ r(
+          i.Item,
+          {
+            width: e === 0 ? "135px" : void 0,
+            width_m: e === 0 ? "96px" : void 0,
+            width_l: e === 0 ? "155px" : void 0,
+            itemsLength: a.length,
+            index: e,
+            children: t
+          },
+          e
+        ))
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: n.whiteRow_apart, children: /* @__PURE__ */ r(
+      i,
+      {
+        variant: "grayRow",
+        isApart: !0,
+        addClassName: n.row_apart,
+        children: a.map((t, e) => /* @__PURE__ */ r(
+          i.Item,
+          {
+            width: e === 0 ? "135px" : void 0,
+            width_m: e === 0 ? "96px" : void 0,
+            width_l: e === 0 ? "155px" : void 0,
+            itemsLength: a.length,
+            index: e,
+            children: t
+          },
+          e
+        ))
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: n.tabSelectWrapper, children: /* @__PURE__ */ r(d, { variant: "grayDesign", children: s.map((t, e) => /* @__PURE__ */ r(
+      d.Item,
+      {
+        name: "type",
+        checked: l === t,
+        onChange: () => o(t),
+        value: t,
+        children: t
+      },
+      e
+    )) }) }),
+    /* @__PURE__ */ r("div", { className: n.tabSelectWrapper, children: /* @__PURE__ */ r(d, { variant: "whiteStroke", children: ["для коммерции", "для жилых"].map((t, e) => /* @__PURE__ */ r(
+      d.Item,
+      {
+        name: "type",
+        width: "160px",
+        withPadding: !0,
+        checked: l === t,
+        onChange: () => o(t),
+        value: t,
+        children: t
+      },
+      e
+    )) }) })
+  ] });
+};
+export {
+  K as default
+};

package/dist/pages/TagsPage/TagsPage.js

@@ -0,0 +1,75 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import "../../components/Button/ui/Button.js";
+import "../../components/mobileButton/ui/MobileButton.js";
+import "../../components/NewIcon/ui/NewIcon.js";
+import "../../components/DestinationTab/ui/DestinationTab.js";
+import "../../components/RoundButton/ui/RoundButton.js";
+import { Tag as i } from "../../components/Tag/ui/Tag.js";
+import "../../components/Switcher/ui/Switcher.js";
+import "../../components/Text/ui/Text.js";
+import "../../components/Flex/ui/Flex.js";
+import "../../components/Input/ui/Input.js";
+import "react";
+import "react-dom";
+import "../../FilterWithSave-Bp6rH8Pe.js";
+import "../../components/GroupedInput/ui/GroupedInputs.js";
+import "../../index-rKuIKazb.js";
+import { MetroTag as t } from "../../components/MetroTag/ui/MetroTag.js";
+import "../../components/Select/ui/Select.js";
+import "../../components/SliderNavigation/ui/SliderNavigation.js";
+import "../../components/LotCardSkeleton/ui/LotCardSkeleton.js";
+import "../../components/TabSelect/ui/TabSelect.js";
+import "../../components/CheckBox/CheckBox.js";
+import "../../components/CheckBoxNew/CheckBoxNew.js";
+import "../../components/CheckboxSelect/ui/CheckboxSelect.js";
+const p = "_root_1tmts_1", s = {
+  root: p
+}, W = () => {
+  const r = { name: "sokolnuyaki", color: "red", timeTo: 10, mode: "auto" }, m = [
+    { name: "Сокольники", color: "red", timeTo: 10, mode: "auto" },
+    { name: "Электрозаводская", color: "blue", timeTo: 10, mode: "auto" }
+  ];
+  return /* @__PURE__ */ e("div", { className: s.root, children: [
+    /* @__PURE__ */ o(t, { metro: m }),
+    /* @__PURE__ */ o(t, { metro: r }),
+    /* @__PURE__ */ o(
+      t,
+      {
+        metro: r,
+        withBg: !0
+      }
+    ),
+    /* @__PURE__ */ o(
+      t,
+      {
+        metro: r,
+        withBg: !0,
+        isBetween: !0,
+        width: "full"
+      }
+    ),
+    /* @__PURE__ */ o(
+      i,
+      {
+        variant: "shadeWhite",
+        size: "medium",
+        size_m: "tiny",
+        size_l: "tiny",
+        children: "От 285 000 ₽/м2"
+      }
+    ),
+    /* @__PURE__ */ o(
+      i,
+      {
+        variant: "chineseBlack",
+        size: "small",
+        size_m: "tiny",
+        size_l: "small",
+        children: "От 285 000 ₽/м2"
+      }
+    )
+  ] });
+};
+export {
+  W as TagsPage
+};

package/dist/shared/checkLargeOffice.js

@@ -0,0 +1,12 @@
+const r = (e) => {
+  if (e && (e == null ? void 0 : e.direction) === 1) {
+    if ((e == null ? void 0 : e.type) === 11 || (e == null ? void 0 : e.subType) === 8)
+      return !0;
+    if (typeof (e == null ? void 0 : e.beginFloor) == "number" && typeof (e == null ? void 0 : e.endFloor) == "number")
+      return (e == null ? void 0 : e.beginFloor) !== (e == null ? void 0 : e.endFloor);
+  }
+  return !1;
+};
+export {
+  r as checkLargeOffice
+};

package/dist/shared/deepEqual.js

@@ -0,0 +1,16 @@
+const f = (e, t) => {
+  if (e === t)
+    return !0;
+  if (e == null || typeof e != "object" || t == null || typeof t != "object")
+    return !1;
+  const r = Object.keys(e), s = Object.keys(t);
+  if (r.length !== s.length)
+    return !1;
+  for (const n of r)
+    if (!s.includes(n) || !f(e[n], t[n]))
+      return !1;
+  return !0;
+};
+export {
+  f as deepEqual
+};

package/dist/shared/useClientWidth.js

@@ -0,0 +1,14 @@
+import { useState as u, useCallback as c, useEffect as i } from "react";
+const a = () => {
+  const [e, n] = u(0), t = c(() => {
+    n(window.innerWidth);
+  }, [n]);
+  i(() => (window.addEventListener("resize", t), () => window.removeEventListener("resize", t)), []), i(() => {
+    t();
+  }, []);
+  const s = e < 1024, o = typeof window < "u" ? window.innerWidth < 768 : !1, r = e >= 768 && e < 1440, d = e > 1023 && e < 1440, l = e >= 1440;
+  return { currentClientWidth: e, isMobile: s, isTablet: d, isDesktop: l, isMobileBorder: o, isFullTablet: r };
+};
+export {
+  a as useClientWidth
+};