stone-kit 0.0.887 → 0.0.889

package/dist/pages/TabsPage/TabsPage.js

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

package/dist/stories/Button.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+const y = ({
+  primary: o = !1,
+  size: t = "medium",
+  backgroundColor: n,
+  label: r,
+  ...s
+}) => {
+  const b = o ? "storybook-button--primary" : "storybook-button--secondary";
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: ["storybook-button", `storybook-button--${t}`, b].join(" "),
+      style: { backgroundColor: n },
+      ...s,
+      children: r
+    }
+  );
+};
+export {
+  y as Button
+};

package/dist/stories/Button.stories.js

@@ -0,0 +1,50 @@
+import { l as t } from "../index-DQgqDqGf.js";
+import { Button as a } from "./Button.js";
+const e = {
+  title: "Example/Button",
+  component: a,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: "centered"
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ["autodocs"],
+  // More on argTypes: https://storybook.js.org/docs/api/argtypes
+  argTypes: {
+    backgroundColor: { control: "color" }
+  },
+  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  args: { onClick: t() }
+}, l = {
+  args: {
+    primary: !0,
+    label: "Button"
+  }
+}, s = {
+  args: {
+    label: "Button"
+  }
+}, n = {
+  args: {
+    size: "large",
+    label: "Button"
+  }
+}, c = {
+  args: {
+    size: "small",
+    label: "Button"
+  }
+}, m = {
+  args: {
+    primary: !1,
+    label: "Button"
+  }
+};
+export {
+  n as Large,
+  l as Primary,
+  s as Secondary,
+  c as Small,
+  m as Test,
+  e as default
+};

package/dist/stories/Header.js

@@ -0,0 +1,44 @@
+import { jsx as l, jsxs as e, Fragment as r } from "react/jsx-runtime";
+import { Button as i } from "./Button.js";
+const s = ({ user: n, onLogin: d, onLogout: a, onCreateAccount: h }) => /* @__PURE__ */ l("header", { children: /* @__PURE__ */ e("div", { className: "storybook-header", children: [
+  /* @__PURE__ */ e("div", { children: [
+    /* @__PURE__ */ l("svg", { width: "32", height: "32", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("g", { fill: "none", fillRule: "evenodd", children: [
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z",
+          fill: "#FFF"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z",
+          fill: "#555AB9"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z",
+          fill: "#91BAF8"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ l("h1", { children: "Acme" })
+  ] }),
+  /* @__PURE__ */ l("div", { children: n ? /* @__PURE__ */ e(r, { children: [
+    /* @__PURE__ */ e("span", { className: "welcome", children: [
+      "Welcome, ",
+      /* @__PURE__ */ l("b", { children: n.name }),
+      "!"
+    ] }),
+    /* @__PURE__ */ l(i, { size: "small", onClick: a, label: "Log out" })
+  ] }) : /* @__PURE__ */ e(r, { children: [
+    /* @__PURE__ */ l(i, { size: "small", onClick: d, label: "Log in" }),
+    /* @__PURE__ */ l(i, { primary: !0, size: "small", onClick: h, label: "Sign up" })
+  ] }) })
+] }) });
+export {
+  s as Header
+};

package/dist/stories/Header.stories.js

@@ -0,0 +1,28 @@
+import { l as e } from "../index-DQgqDqGf.js";
+import { Header as o } from "./Header.js";
+const n = {
+  title: "Example/Header",
+  component: o,
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ["autodocs"],
+  parameters: {
+    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+    layout: "fullscreen"
+  },
+  args: {
+    onLogin: e(),
+    onLogout: e(),
+    onCreateAccount: e()
+  }
+}, r = {
+  args: {
+    user: {
+      name: "Jane Doe"
+    }
+  }
+}, s = {};
+export {
+  r as LoggedIn,
+  s as LoggedOut,
+  n as default
+};

package/dist/stories/Page.js

@@ -0,0 +1,58 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import n from "react";
+import { Header as a } from "./Header.js";
+const c = () => {
+  const [r, t] = n.useState();
+  return /* @__PURE__ */ o("article", { children: [
+    /* @__PURE__ */ e(
+      a,
+      {
+        user: r,
+        onLogin: () => t({ name: "Jane Doe" }),
+        onLogout: () => t(void 0),
+        onCreateAccount: () => t({ name: "Jane Doe" })
+      }
+    ),
+    /* @__PURE__ */ o("section", { className: "storybook-page", children: [
+      /* @__PURE__ */ e("h2", { children: "Pages in Storybook" }),
+      /* @__PURE__ */ o("p", { children: [
+        "We recommend building UIs with a",
+        " ",
+        /* @__PURE__ */ e("a", { href: "https://componentdriven.org", target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e("strong", { children: "component-driven" }) }),
+        " ",
+        "process starting with atomic components and ending with pages."
+      ] }),
+      /* @__PURE__ */ e("p", { children: "Render pages with mock data. This makes it easy to build and review page states without needing to navigate to them in your app. Here are some handy patterns for managing page data in Storybook:" }),
+      /* @__PURE__ */ o("ul", { children: [
+        /* @__PURE__ */ e("li", { children: 'Use a higher-level connected component. Storybook helps you compose such data from the "args" of child component stories' }),
+        /* @__PURE__ */ e("li", { children: "Assemble data in the page component from your services. You can mock these services out using Storybook." })
+      ] }),
+      /* @__PURE__ */ o("p", { children: [
+        "Get a guided tutorial on component-driven development at",
+        " ",
+        /* @__PURE__ */ e("a", { href: "https://storybook.js.org/tutorials/", target: "_blank", rel: "noopener noreferrer", children: "Storybook tutorials" }),
+        ". Read more in the",
+        " ",
+        /* @__PURE__ */ e("a", { href: "https://storybook.js.org/docs", target: "_blank", rel: "noopener noreferrer", children: "docs" }),
+        "."
+      ] }),
+      /* @__PURE__ */ o("div", { className: "tip-wrapper", children: [
+        /* @__PURE__ */ e("span", { className: "tip", children: "Tip" }),
+        " Adjust the width of the canvas with the",
+        " ",
+        /* @__PURE__ */ e("svg", { width: "10", height: "10", viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z",
+            id: "a",
+            fill: "#999"
+          }
+        ) }) }),
+        "Viewports addon in the toolbar"
+      ] })
+    ] })
+  ] });
+};
+export {
+  c as Page
+};

package/dist/stories/Page.stories.js

@@ -0,0 +1,22 @@
+import { K as c, n as o, J as s } from "../index-DQgqDqGf.js";
+import { Page as m } from "./Page.js";
+const i = {
+  title: "Example/Page",
+  component: m,
+  parameters: {
+    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+    layout: "fullscreen"
+  }
+}, l = {}, r = {
+  play: async ({ canvasElement: n }) => {
+    const e = c(n), t = e.getByRole("button", { name: /Log in/i });
+    await o(t).toBeInTheDocument(), await s.click(t), await o(t).not.toBeInTheDocument();
+    const a = e.getByRole("button", { name: /Log out/i });
+    await o(a).toBeInTheDocument();
+  }
+};
+export {
+  r as LoggedIn,
+  l as LoggedOut,
+  i as default
+};