stone-kit 0.0.1105 → 0.0.1107

package/dist/components/MetroLabel/ui/MetroLabel.js

@@ -1,44 +1,44 @@
-import { jsxs as s, jsx as c } from "react/jsx-runtime";
-import { c as _ } from "../../../index-DIxK0V-G.js";
-import { NewIcon as m } from "../../NewIcon/ui/NewIcon.js";
-const f = "_root_1ml5t_1", d = "_metroColor_1ml5t_15", N = "_route_1ml5t_25", p = "_auto_1ml5t_35", x = "_full_1ml5t_39", l = {
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { c as i } from "../../../index-YnD2EP-S.js";
+import { NewIcon as _ } from "../../NewIcon/ui/NewIcon.js";
+const f = "_root_1ml5t_1", d = "_metroColor_1ml5t_15", N = "_route_1ml5t_25", p = "_auto_1ml5t_35", x = "_full_1ml5t_39", t = {
   root: f,
   metroColor: d,
   route: N,
   auto: p,
   full: x
-}, C = _.bind(l), v = ({ addClassName: r, metro: o, width: n = "full", justifyContent: a = "flex-start", colorIcon: e = "#777E90", ...u }) => (console.log(o), /* @__PURE__ */ s(
+}, C = i.bind(t), v = ({ addClassName: e, metro: o, width: c = "full", justifyContent: n = "flex-start", colorIcon: a = "#777E90", ...m }) => /* @__PURE__ */ l(
   "div",
   {
-    style: { justifyContent: `${a}` },
-    className: C(l.root, r, l[n]),
-    ...u,
+    style: { justifyContent: `${n}` },
+    className: C(t.root, e, t[c]),
+    ...m,
     children: [
-      /* @__PURE__ */ s("div", { className: l.metroColor, children: [
-        (o == null ? void 0 : o.color) && /* @__PURE__ */ c("span", { style: { background: (o == null ? void 0 : o.color) ?? "" } }),
+      /* @__PURE__ */ l("div", { className: t.metroColor, children: [
+        o?.color && /* @__PURE__ */ s("span", { style: { background: o?.color ?? "" } }),
         o.name
       ] }),
-      o.routes && o.routes.map((t, i) => /* @__PURE__ */ s(
+      o.routes && o.routes.map((r, u) => /* @__PURE__ */ l(
         "div",
         {
-          className: l.route,
+          className: t.route,
           children: [
-            t.iconName && /* @__PURE__ */ c(
-              m,
+            r.iconName && /* @__PURE__ */ s(
+              _,
               {
                 size: "20",
-                name: t.iconName,
-                color: e
+                name: r.iconName,
+                color: a
               }
             ),
-            t.timeTo + " мин"
+            r.timeTo + " мин"
           ]
         },
-        i
+        u
       ))
     ]
   }
-));
+);
 export {
   v as MetroLabel
 };

package/dist/components/MetroLabel/ui/MetroLabel.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type TagWidth = 'full' | 'auto';
 type JustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
 export interface IMetroLabelProps extends React.HTMLAttributes<HTMLDivElement> {

package/dist/components/MetroTag/ui/MetroTag.d.ts

@@ -1,3 +1,2 @@
 import { IMetroTagProps } from './MetroTag.types';
-
-export declare const MetroTag: ({ addClassName, metro, width, ...rest }: IMetroTagProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetroTag: ({ addClassName, addClassNameColor, addClassNameTimeTo, metro, separatorColor, width, variant, isBetween, withBg, withWhiteBg, ...rest }: IMetroTagProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/MetroTag/ui/MetroTag.js

@@ -1,46 +1,142 @@
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
-import { c as u } from "../../../index-DIxK0V-G.js";
-import { NewIcon as _ } from "../../NewIcon/ui/NewIcon.js";
-const x = "_root_1x0xv_1", d = "_metroColor_1x0xv_15", v = "_route_1x0xv_25", N = "_auto_1x0xv_35", p = "_full_1x0xv_39", s = {
-  root: x,
-  metroColor: d,
-  route: v,
-  auto: N,
-  full: p
-}, f = u.bind(s), g = ({ addClassName: r, metro: o, width: a = "auto", ...t }) => {
-  const e = ["car", "walk"];
-  return console.log(o), /* @__PURE__ */ l(
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { c as M } from "../../../index-YnD2EP-S.js";
+import { NewIcon as l } from "../../NewIcon/ui/NewIcon.js";
+const w = "_root_16fjr_1", N = "_iconsWrapper_16fjr_17", W = "_metroColor_16fjr_27", x = "_route_16fjr_37", B = "_auto_16fjr_47", T = "_full_16fjr_51", $ = "_transparent_16fjr_55", C = "_long_16fjr_60", b = "_mini_16fjr_64", v = "_metroColorMini_16fjr_68", y = "_routeMini_16fjr_77", I = "_withBg_16fjr_90", z = "_withWhiteBg_16fjr_94", o = {
+  root: w,
+  iconsWrapper: N,
+  metroColor: W,
+  route: x,
+  auto: B,
+  full: T,
+  transparent: $,
+  long: C,
+  mini: b,
+  metroColorMini: v,
+  routeMini: y,
+  withBg: I,
+  withWhiteBg: z
+}, c = M.bind(o), A = ({
+  addClassName: a,
+  addClassNameColor: _,
+  addClassNameTimeTo: g,
+  metro: r,
+  separatorColor: j = "#F4F5F6",
+  width: u = "auto",
+  variant: s = "default",
+  isBetween: f = !1,
+  withBg: d = !1,
+  withWhiteBg: m = !1,
+  ...p
+}) => {
+  const h = ["pedestrian", "auto"];
+  return Array.isArray(r) ? /* @__PURE__ */ e(
     "div",
     {
-      className: f(s.root, r, s[a]),
-      ...t,
+      className: c(
+        o.root,
+        o[s],
+        o[f ? "long" : ""],
+        o[d ? "withBg" : ""],
+        o[m ? "withWhiteBg" : ""],
+        a,
+        o[u]
+      ),
+      ...p,
       children: [
-        /* @__PURE__ */ l("div", { className: s.metroColor, children: [
-          (o == null ? void 0 : o.color) && /* @__PURE__ */ n("span", { style: { background: (o == null ? void 0 : o.color) ?? "" } }),
-          o.name
+        /* @__PURE__ */ e("div", { className: c(o.metroColor, _), children: [
+          /* @__PURE__ */ i("div", { className: o.iconsWrapper, children: r.map((n, t) => n.icon ? /* @__PURE__ */ i(
+            "div",
+            {
+              className: o.icon,
+              children: n?.icon && /* @__PURE__ */ i(
+                l,
+                {
+                  size: "20",
+                  name: n.icon,
+                  color: "#777E90"
+                }
+              )
+            },
+            `metro + ${n.name} + ${t}`
+          ) : /* @__PURE__ */ i(
+            "span",
+            {
+              style: {
+                background: n?.color ?? "",
+                border: t > 0 ? `1px solid ${j}` : ""
+              }
+            },
+            `color + ${n.name} + ${t}`
+          )) }),
+          r.map((n) => n.name).join(", ")
         ] }),
-        o.routes && o.routes.map((c, i) => /* @__PURE__ */ l(
+        r?.map((n, t) => !n.mode || !n.timeTo ? null : /* @__PURE__ */ e(
           "div",
           {
-            className: s.route,
+            className: o.route,
             children: [
-              c.iconName && e.includes(c.iconName) && /* @__PURE__ */ n(
-                _,
+              h.includes(n.mode) && /* @__PURE__ */ i(
+                l,
                 {
                   size: "20",
-                  name: c.iconName,
+                  name: n.mode,
                   color: "#777E90"
                 }
               ),
-              c.timeTo + " мин"
+              n.timeTo + " " + (n.selfIconText ?? "мин")
             ]
           },
-          i
+          `route - ${n.name} - ${t}`
         ))
       ]
     }
+  ) : /* @__PURE__ */ e(
+    "div",
+    {
+      className: c(
+        o.root,
+        o[s],
+        o[f ? "long" : ""],
+        o[d ? "withBg" : ""],
+        o[m ? "withWhiteBg" : ""],
+        a,
+        o[u]
+      ),
+      ...p,
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: c(o.metroColor, _, { [o.metroColorMini]: s === "mini" }),
+            children: [
+              r?.icon && /* @__PURE__ */ i(
+                "img",
+                {
+                  src: r.icon,
+                  width: 20,
+                  height: 20
+                }
+              ),
+              r?.color && !r?.icon && /* @__PURE__ */ i("span", { style: { background: r?.color ?? "" } }),
+              r.name
+            ]
+          }
+        ),
+        r.timeTo && /* @__PURE__ */ e("div", { className: c(o.route, g, { [o.routeMini]: s === "mini" }), children: [
+          r.mode && h.includes(r.mode) && /* @__PURE__ */ i(
+            l,
+            {
+              size: "20",
+              name: r.mode,
+              color: "#777E90"
+            }
+          ),
+          r.timeTo + " " + (r.selfIconText ?? "мин")
+        ] })
+      ]
+    }
   );
 };
 export {
-  g as MetroTag
+  A as MetroTag
 };

package/dist/components/MetroTag/ui/MetroTag.types.d.ts

@@ -1,15 +1,30 @@
-/// <reference types="react" />
 type TagWidth = 'full' | 'auto';
 export interface IMetroTagProps extends React.HTMLAttributes<HTMLDivElement> {
     metro: {
         name?: string;
+        station?: string;
         color?: string;
-        routes?: {
-            timeTo?: string;
-            iconName?: string;
-        }[];
-    };
+        timeTo?: number;
+        mode?: string;
+        selfIconText?: string | undefined;
+        icon?: string;
+    } | {
+        name?: string;
+        station?: string;
+        color?: string;
+        timeTo?: number;
+        mode?: string;
+        selfIconText?: string | undefined;
+        icon?: string;
+    }[];
+    separatorColor?: string;
+    variant?: 'default' | 'transparent' | 'mini';
     addClassName?: string;
+    addClassNameColor?: string;
+    addClassNameTimeTo?: string;
+    isBetween?: boolean;
     width?: TagWidth;
+    withBg?: boolean;
+    withWhiteBg?: boolean;
 }
 export {};

package/dist/components/Modal/ui/Modal.d.ts

@@ -1,18 +1,3 @@
-import { default as React, Dispatch, FC, SetStateAction } from 'react';
-
-interface IModalProps {
-    isOpen: boolean;
-    emitIsOpen: Dispatch<SetStateAction<boolean>>;
-    additionalClass?: string;
-    additionalClassOverlay?: string;
-    additionalClassModalBody?: string;
-    children?: React.ReactNode;
-    isTransparentBack?: boolean;
-    isClickOutside?: boolean;
-    createPortalObj?: {
-        domNode: HTMLElement | null;
-        key?: string | null | undefined;
-    };
-}
+import { FC } from 'react';
+import { IModalProps } from './Modal.types';
 export declare const Modal: FC<IModalProps>;
-export {};