stone-kit 0.0.56 → 0.0.57

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/App.js

@@ -0,0 +1,368 @@
+import { jsxs as l, Fragment as y, jsx as e } from "react/jsx-runtime";
+import { useState as r } from "react";
+import { Button as i } from "./components/Button/ui/Button.js";
+import { DestinationTab as _ } from "./components/DestinationTab/ui/DestinationTab.js";
+import { NewIcon as n } from "./components/NewIcon/ui/NewIcon.js";
+import { RoundButton as c } from "./components/RoundButton/ui/RoundButton.js";
+import { Tag as d } from "./components/Tag/ui/Tag.js";
+import { Input as u } from "./components/Input/ui/Input.js";
+import { Switcher as w } from "./components/Switcher/ui/Switcher.js";
+import { Flex as m } from "./components/Flex/ui/Flex.js";
+import { M as C } from "./Modal-Ch1wdLz_.js";
+const x = "_btnAdd_1dczy_1", I = "_modal_1dczy_11", L = "_modalContent_1dczy_17", N = "_menuList_1dczy_25", A = "_menuItem_1dczy_31", o = {
+  btnAdd: x,
+  "disable-scroll": "_disable-scroll_1dczy_5",
+  modal: I,
+  modalContent: L,
+  menuList: N,
+  menuItem: A
+};
+function G() {
+  const p = [
+    {
+      station: "Швабра",
+      color: "green",
+      routes: [
+        {
+          text: "100 минут в пути",
+          icon: "car"
+        },
+        {
+          text: "часик",
+          icon: "walk"
+        }
+      ]
+    },
+    {
+      station: "Метро",
+      color: "red",
+      routes: [
+        {
+          text: "часик",
+          icon: "walk"
+        }
+      ]
+    }
+  ], [g, k] = r(0), [v, b] = r(!1), [z, s] = r(!1), f = [
+    {
+      title: "О компании",
+      link: "#about"
+    },
+    {
+      title: "Услуги",
+      link: "#services"
+    },
+    {
+      title: "Новости",
+      link: "#news"
+    },
+    {
+      title: "Вакансии",
+      link: "#vacancy"
+    },
+    {
+      title: "Контакты",
+      link: "#contacts"
+    },
+    {
+      title: "О компании",
+      link: "#about"
+    },
+    {
+      title: "Услуги",
+      link: "#services"
+    },
+    {
+      title: "Новости",
+      link: "#news"
+    },
+    {
+      title: "Вакансии",
+      link: "#vacancy"
+    },
+    {
+      title: "Контакты",
+      link: "#contacts"
+    },
+    {
+      title: "О компании",
+      link: "#about"
+    },
+    {
+      title: "Услуги",
+      link: "#services"
+    },
+    {
+      title: "Новости",
+      link: "#news"
+    },
+    {
+      title: "Вакансии",
+      link: "#vacancy"
+    },
+    {
+      title: "Контакты",
+      link: "#contacts"
+    }
+  ];
+  return /* @__PURE__ */ l(y, { children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        style: {
+          width: "100%",
+          height: "56px",
+          background: "white",
+          position: "fixed",
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center"
+        },
+        children: [
+          "Меню",
+          /* @__PURE__ */ e("div", { onClick: () => s((t) => !t), children: "нажми" })
+        ]
+      }
+    ),
+    p.map((t, a) => /* @__PURE__ */ e(
+      _,
+      {
+        checked: a === g,
+        onChange: () => k(a),
+        destination: { destName: t.station, color: t.color },
+        routes: t.routes.map((h) => ({ type: /* @__PURE__ */ e(n, { name: h.icon }), text: h.text })),
+        size: "large",
+        size_m: "large",
+        size_l: "medium"
+      },
+      a
+    )),
+    /* @__PURE__ */ e(
+      i,
+      {
+        as: "button",
+        variant: "black",
+        size: "small",
+        children: /* @__PURE__ */ e(
+          n,
+          {
+            name: "phoneFilled",
+            size: "16"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        as: "button",
+        variant: "gray",
+        size: "small",
+        children: /* @__PURE__ */ e(
+          n,
+          {
+            name: "user",
+            size: "16",
+            color: "#141416"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        as: "button",
+        variant: "gray",
+        size: "small",
+        children: /* @__PURE__ */ e(
+          n,
+          {
+            name: "burger",
+            size: "16",
+            color: "#141416"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        as: "button",
+        variant: "black",
+        size: "large",
+        width: "full",
+        children: "Оставить сообщение"
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        as: "link",
+        variant: "gray",
+        size: "medium",
+        href: "https://google.com",
+        children: "Подробнее"
+      }
+    ),
+    /* @__PURE__ */ e(c, { iconName: "plus" }),
+    /* @__PURE__ */ e(
+      c,
+      {
+        iconName: "arrowLong",
+        deg: "90"
+      }
+    ),
+    /* @__PURE__ */ e(
+      c,
+      {
+        iconName: "arrowLong",
+        deg: "-90"
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        as: "link",
+        href: "https://google.com",
+        variant: "shade",
+        size: "large",
+        post: /* @__PURE__ */ e(
+          n,
+          {
+            name: "whatsapp",
+            size: "24"
+          }
+        ),
+        children: "Смотреть вакансии"
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        as: "button",
+        variant: "blue",
+        size: "large",
+        children: "Оставить обращение"
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        as: "button",
+        variant: "black",
+        size: "large",
+        post: /* @__PURE__ */ e(n, { name: "user" }),
+        children: "Войти в кабинет"
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        as: "button",
+        variant: "gray",
+        size: "small",
+        children: /* @__PURE__ */ e(
+          n,
+          {
+            name: "close",
+            size: "16",
+            color: "black"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      d,
+      {
+        variant: "shade",
+        size: "medium",
+        size_m: "tiny",
+        size_l: "medium",
+        children: "2004"
+      }
+    ),
+    /* @__PURE__ */ e(d, { variant: "shade", children: "STONE Towers" }),
+    /* @__PURE__ */ e(d, { size: "large", variant: "shade", children: "STONE Towers" }),
+    /* @__PURE__ */ e("div", { style: { padding: "20px", backgroundColor: "#141416" }, children: /* @__PURE__ */ e(
+      u,
+      {
+        size_s: "small",
+        variant: "dark",
+        pre: "От",
+        post: "м²",
+        type: "number",
+        placeholder: "шушпинчик"
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { style: { padding: "20px", backgroundColor: "gray" }, children: /* @__PURE__ */ e(
+      u,
+      {
+        size_s: "small",
+        variant: "light",
+        pre: "От",
+        post: "м²",
+        type: "number",
+        placeholder: "шушпинчик"
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { style: { padding: "20px", backgroundColor: "orange" }, children: /* @__PURE__ */ e(
+      w,
+      {
+        isActive: v,
+        onClick: () => b((t) => !t),
+        children: "Приветики"
+      }
+    ) }),
+    /* @__PURE__ */ l(
+      m,
+      {
+        jc: "between",
+        gap: "1",
+        children: [
+          /* @__PURE__ */ e("div", { children: "1" }),
+          /* @__PURE__ */ e("div", { children: "2" }),
+          /* @__PURE__ */ e("div", { children: "3" }),
+          /* @__PURE__ */ e("div", { children: "4" }),
+          /* @__PURE__ */ e("div", { children: "5" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      C,
+      {
+        isOpen: z,
+        emitIsOpen: () => {
+          s((t) => !t);
+        },
+        additionalClass: o.modal,
+        children: /* @__PURE__ */ l(m, { additionalClass: o.modalContent, children: [
+          /* @__PURE__ */ e(m, { additionalClass: o.menuList, children: f.map((t, a) => /* @__PURE__ */ e(
+            "a",
+            {
+              href: t.link,
+              className: o.menuItem,
+              onClick: () => s(!1),
+              children: t.title
+            },
+            a
+          )) }),
+          /* @__PURE__ */ e(
+            i,
+            {
+              as: "link",
+              href: "https://stone.ru",
+              variant: "black",
+              size: "large",
+              width: "full",
+              post: /* @__PURE__ */ e(n, { name: "user" }),
+              children: "Войти в кабинет"
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  G as default
+};