stone-kit 0.0.1106 → 0.0.1107

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ReactSVGComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
     title?: string;
 }>;

package/dist/components/NewIcon/ui/iconTypes.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const iconTypes: Record<string, React.LazyExoticComponent<React.FC<React.SVGProps<SVGSVGElement>>>>;
+export default iconTypes;

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

@@ -0,0 +1,60 @@
+const e = {
+  // arrowRight: React.lazy(() => import('../icons/arrowRight')),
+  // loader: React.lazy(() => import('../icons/Loader')),
+  // filter: React.lazy(() => import('../icons/Filter')),
+  // lock: React.lazy(() => import('../icons/Lock')),
+  // fullscreen: React.lazy(() => import('../icons/Fullscreen')),
+  // twoArrows: React.lazy(() => import('../icons/TwoArrows')),
+  // heart: React.lazy(() => import('../icons/Heart')),
+  // download: React.lazy(() => import('../icons/Download')),
+  // user: React.lazy(() => import('../icons/User')),
+  // squareMeter: React.lazy(() => import('../icons/SquareMeter')),
+  // check: React.lazy(() => import('../icons/Check')),
+  // minusCheck: React.lazy(() => import('../icons/MinusCheck')),
+  // close: React.lazy(() => import('../icons/Close')),
+  // layers: React.lazy(() => import('../icons/Layers')),
+  // layersFilled: React.lazy(() => import('../icons/LayersFilled')),
+  // minus: React.lazy(() => import('../icons/Minus')),
+  // moon: React.lazy(() => import('../icons/Moon')),
+  // play: React.lazy(() => import('../icons/Play')),
+  // plus: React.lazy(() => import('../icons/Plus')),
+  // ruble: React.lazy(() => import('../icons/Ruble')),
+  // share: React.lazy(() => import('../icons/Share')),
+  // sun: React.lazy(() => import('../icons/Sun')),
+  // star: React.lazy(() => import('../icons/Star')),
+  // starFilled: React.lazy(() => import('../icons/StarFilled')),
+  // burger: React.lazy(() => import('../icons/Burger')),
+  // phone: React.lazy(() => import('../icons/Phone')),
+  // phoneFilled: React.lazy(() => import('../icons/PhoneFilled')),
+  // call: React.lazy(() => import('../icons/Call')),
+  // callback: React.lazy(() => import('../icons/Callback')),
+  // telegram: React.lazy(() => import('../icons/Telegram')),
+  // whatsapp: React.lazy(() => import('../icons/WhatsApp')),
+  // directionDown: React.lazy(() => import('../icons/DirectionDown')),
+  // burgerClose: React.lazy(() => import('../icons/BurgerClose')),
+  // arrowLong: React.lazy(() => import('../icons/ArrowLong')), // Removed because module not found
+  // auto: React.lazy(() => import('../icons/Auto')),
+  // pedestrian: React.lazy(() => import('../icons/Pedestrian')),
+  // park: React.lazy(() => import('../icons/Park')),
+  // metro: React.lazy(() => import('../icons/Metro')),
+  // food: React.lazy(() => import('../icons/Food')),
+  // mail: React.lazy(() => import('../icons/mail')),
+  // building: React.lazy(() => import('../icons/Building')),
+  // case: React.lazy(() => import('../icons/Case')),
+  // sport: React.lazy(() => import('../icons/Sport')),
+  // withoutDecor: React.lazy(() => import('../icons/WithoutDecor')),
+  // play2: React.lazy(() => import('../icons/Play2')),
+  // selectChecked: React.lazy(() => import('../icons/SelectChecked')),
+  // selectUnchecked: React.lazy(() => import('../icons/SelectUnchecked')),
+  // arrowShort: React.lazy(() => import('../icons/ArrowShort')),
+  // search: React.lazy(() => import('../icons/Search')),
+  // circle: React.lazy(() => import('../icons/Circle')),
+  // redo: React.lazy(() => import('../icons/Redo')),
+  // pin: React.lazy(() => import('../icons/Pin')),
+  // pinTrans: React.lazy(() => import('../icons/PinTrans')),
+  // smallFilter: React.lazy(() => import('../icons/SmallFilter')),
+  // timer: React.lazy(() => import('../icons/Timer')),
+};
+export {
+  e as default
+};

package/dist/components/ProjectCardSkeleton/index.d.ts

@@ -0,0 +1 @@
+export { ProjectCardSkeleton } from './ui/ProjectCardSkeleton';

package/dist/components/ProjectCardSkeleton/index.js

@@ -0,0 +1,4 @@
+import { ProjectCardSkeleton as r } from "./ui/ProjectCardSkeleton.js";
+export {
+  r as ProjectCardSkeleton
+};

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

@@ -0,0 +1 @@
+export declare const ProjectCardSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/ProjectCardSkeleton/ui/ProjectCardSkeleton.js

@@ -0,0 +1,32 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { LotCardSkeleton as p } from "../../LotCardSkeleton/ui/LotCardSkeleton.js";
+const a = "_root_eu55e_12", s = "_projectHeader_eu55e_20", i = "_projectTitleWrapper_eu55e_28", l = "_projectBtn_eu55e_33", j = "_projectTitle_eu55e_28", n = "_projectYearMobile_eu55e_49", _ = "_metroWrapper_eu55e_58", d = "_projectYearDesktop_eu55e_113", e = {
+  root: a,
+  projectHeader: s,
+  projectTitleWrapper: i,
+  projectBtn: l,
+  projectTitle: j,
+  projectYearMobile: n,
+  metroWrapper: _,
+  projectYearDesktop: d
+}, v = () => {
+  const o = [1, 2, 3, 4, 5];
+  return /* @__PURE__ */ t("div", { className: e.root, children: [
+    /* @__PURE__ */ t("div", { className: e.projectHeader, children: [
+      /* @__PURE__ */ t("div", { className: e.projectTitleWrapper, children: [
+        /* @__PURE__ */ r("div", { className: e.projectTitle }),
+        /* @__PURE__ */ r("div", { className: e.projectBtn })
+      ] }),
+      /* @__PURE__ */ t("div", { className: e.metroWrapper, children: [
+        /* @__PURE__ */ r("div", { className: e.projectYearDesktop }),
+        /* @__PURE__ */ r("div", {}),
+        /* @__PURE__ */ r("div", {})
+      ] }),
+      /* @__PURE__ */ r("div", { className: e.projectYearMobile })
+    ] }),
+    o.map((c) => /* @__PURE__ */ r(p, {}, c))
+  ] });
+};
+export {
+  v as ProjectCardSkeleton
+};

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

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { ComponentProps } from './RoundButton.types';
-
-export declare const RoundButton: ({ size, size_m, size_l, children, iconName, variant, additionalClass, deg, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const RoundButton: ({ size, size_m, size_l, children, iconName, variant, additionalClass, additionalClassIcon, deg, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,64 +1,75 @@
-import { jsx as o, Fragment as f } from "react/jsx-runtime";
-import { useState as g, useEffect as S } from "react";
-import { c as R } from "../../../index-DIxK0V-G.js";
+import { jsx as n, Fragment as k } from "react/jsx-runtime";
+import { useState as f, useEffect as S } from "react";
+import { c as y } from "../../../index-YnD2EP-S.js";
+import { sizeMap as i } from "./RoundButton.types.js";
 import { NewIcon as p } from "../../NewIcon/ui/NewIcon.js";
-import { sizeMap as s } from "./RoundButton.types.js";
-const k = "_btnRound_7sz3m_1", $ = "_whiteStroke_7sz3m_34", e = {
-  btnRound: k,
-  "small-size": "_small-size_7sz3m_17",
-  "medium-size": "_medium-size_7sz3m_22",
-  "large-size": "_large-size_7sz3m_28",
-  whiteStroke: $,
-  "small-size_m": "_small-size_m_7sz3m_46",
-  "medium-size_m": "_medium-size_m_7sz3m_50",
-  "large-size_m": "_large-size_m_7sz3m_55",
-  "small-size_l": "_small-size_l_7sz3m_62",
-  "medium-size_l": "_medium-size_l_7sz3m_66",
-  "large-size_l": "_large-size_l_7sz3m_71"
-}, v = R.bind(e), j = ({
-  size: i = "small",
-  size_m: m,
-  size_l: t,
-  children: z = "",
-  iconName: l = "",
-  variant: a = "whiteStroke",
-  additionalClass: d = "",
-  deg: c,
+const g = "_btnRound_z7oq7_1", F = "_whiteStroke_z7oq7_43", R = "_whiteFilled_z7oq7_48", $ = "_whiteTransparent_z7oq7_53", v = "_blackFill_z7oq7_58", x = "_blackStroke_z7oq7_63", E = "_fullGray_z7oq7_71", G = "_blue_z7oq7_79", e = {
+  btnRound: g,
+  "tiny-size": "_tiny-size_z7oq7_20",
+  "small-size": "_small-size_z7oq7_26",
+  "medium-size": "_medium-size_z7oq7_31",
+  "large-size": "_large-size_z7oq7_37",
+  whiteStroke: F,
+  whiteFilled: R,
+  whiteTransparent: $,
+  blackFill: v,
+  blackStroke: x,
+  fullGray: E,
+  blue: G,
+  "tiny-size_m": "_tiny-size_m_z7oq7_85",
+  "small-size_m": "_small-size_m_z7oq7_90",
+  "medium-size_m": "_medium-size_m_z7oq7_94",
+  "large-size_m": "_large-size_m_z7oq7_99",
+  "tiny-size_l": "_tiny-size_l_z7oq7_120",
+  "small-size_l": "_small-size_l_z7oq7_125",
+  "medium-size_l": "_medium-size_l_z7oq7_129",
+  "large-size_l": "_large-size_l_z7oq7_134"
+}, T = y.bind(e), I = ({
+  size: o = "small",
+  size_m: t,
+  size_l: _,
+  children: a = "",
+  iconName: z = "",
+  variant: m = "whiteStroke",
+  additionalClass: c = "",
+  additionalClassIcon: d = "",
+  deg: u,
   ...r
 }) => {
-  const [u, w] = g(s.small), { color: h } = r;
+  const [q, w] = f(i.small), { color: b = "#141416" } = r;
   return S(() => {
-    const _ = () => {
-      const n = window.innerWidth, b = n > 1440 && t ? s[t] : n >= 1024 && n <= 1440 && m ? s[m] : s[i] || s.small;
-      w(b);
+    const s = () => {
+      const l = window.innerWidth, h = l > 1440 && _ ? i[_] : l >= 1024 && l <= 1440 && t ? i[t] : i[o] || i.small;
+      w(h);
     };
-    return window.addEventListener("resize", _), _(), () => {
-      window.removeEventListener("resize", _);
+    return window.addEventListener("resize", s), s(), () => {
+      window.removeEventListener("resize", s);
     };
-  }, [i, m, t]), /* @__PURE__ */ o(
+  }, [o, t, _]), /* @__PURE__ */ n(
     "button",
     {
-      className: v(
+      className: T(
         e.btnRound,
-        e[`${i}-size`],
-        e[`${m}-size_m`],
-        e[`${t}-size_l`],
-        e[`${a}`],
-        d
+        e[`${o}-size`],
+        e[`${t}-size_m`],
+        e[`${_}-size_l`],
+        e[`${m}`],
+        c
       ),
       ...r,
-      children: /* @__PURE__ */ o(f, { children: l ? /* @__PURE__ */ o(
+      children: /* @__PURE__ */ n(k, { children: z ? /* @__PURE__ */ n(
         p,
         {
-          name: l,
-          size: u,
-          deg: c,
-          color: h
+          additionalClass: d,
+          name: z,
+          size: q,
+          deg: u,
+          color: b
         }
-      ) : z })
+      ) : a })
     }
   );
 };
 export {
-  j as RoundButton
+  I as RoundButton
 };

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

@@ -1,14 +1,20 @@
 import { ReactNode } from 'react';
-
 export declare const ROUND_BUTTON_VARIANTS: {
     whiteStroke: string;
+    blackFill: string;
+    fullGray: string;
+    blue: string;
+    blackStroke: string;
+    whiteFilled: string;
+    whiteTransparent: string;
 };
 export type roundBtnVariant = keyof typeof ROUND_BUTTON_VARIANTS;
-type btnSizes = 'large' | 'medium' | 'small';
+export type btnSizes = 'large' | 'medium' | 'small' | 'tiny';
 export declare const sizeMap: {
     large: string;
     medium: string;
     small: string;
+    tiny: string;
 };
 interface IRoundButtonProps {
     size?: btnSizes;
@@ -17,8 +23,10 @@ interface IRoundButtonProps {
     children?: string | ReactNode;
     variant?: roundBtnVariant;
     additionalClass?: string;
+    additionalClassIcon?: string;
     iconName?: string;
     deg?: string;
+    fill?: string;
 }
 export type ComponentProps = IRoundButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
 export {};

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

@@ -1,11 +1,18 @@
-const e = {
-  whiteStroke: "whiteStroke"
-}, t = {
+const l = {
+  whiteStroke: "whiteStroke",
+  blackFill: "blackFill",
+  fullGray: "fullGray",
+  blue: "blue",
+  blackStroke: "blackStroke",
+  whiteFilled: "whiteFilled",
+  whiteTransparent: "whiteTransparent"
+}, e = {
   large: "24",
   medium: "20",
-  small: "16"
+  small: "16",
+  tiny: "12"
 };
 export {
-  e as ROUND_BUTTON_VARIANTS,
-  t as sizeMap
+  l as ROUND_BUTTON_VARIANTS,
+  e as sizeMap
 };

package/dist/components/Select/model/selectMode.d.ts

@@ -0,0 +1,16 @@
+import { TCategory, TModeSelect, TOption } from '../ui/Select.types.ts';
+import { SetStateAction } from 'react';
+export type TClickOptionProps = {
+    option: TOption | TOption[];
+    disabledOptions: TOption[];
+    selectedOptions: TOption[];
+    setSelectedOptions: (value: SetStateAction<TOption[]>) => void;
+    mode: TModeSelect;
+    onChange?: (selectedOptions: TOption[]) => unknown;
+    optionsParentArr?: TCategory[] | TOption[];
+    clickableOptions?: (string | undefined)[];
+    isDisabledNotClickable?: boolean;
+};
+declare const handleClickModeOption: ({ option, setSelectedOptions, selectedOptions, disabledOptions, onChange, mode, optionsParentArr, clickableOptions, isDisabledNotClickable, }: TClickOptionProps) => void;
+declare const handleClickModeCategory: ({ option, setSelectedOptions, selectedOptions, disabledOptions, onChange, clickableOptions, isDisabledNotClickable, }: TClickOptionProps) => void;
+export { handleClickModeCategory, handleClickModeOption };

package/dist/components/Select/model/selectMode.js

@@ -0,0 +1,64 @@
+const A = (e, f, r, v) => e.value === "selectAll" ? !1 : v && r ? !r.includes(`${e.value}`) : f.some((u) => u.value === e.value), d = ({
+  option: e,
+  setSelectedOptions: f,
+  selectedOptions: r,
+  disabledOptions: v,
+  onChange: u,
+  mode: y,
+  optionsParentArr: c,
+  clickableOptions: S,
+  isDisabledNotClickable: i
+}) => {
+  if (!Array.isArray(e)) {
+    if (v.some((l) => l.value === e.value))
+      return;
+    let s = r.some((l) => l.value === e.value) ? e.value === "selectAll" && c ? [] : r.some((l) => l.value === "selectAll") ? r.filter((l) => l.value !== e.value && l.value !== "selectAll") : r.filter((l) => l.value !== e.value) : e.value === "selectAll" && c ? [...c] : [...r, e];
+    if (y === "single") {
+      const l = [e];
+      f(l), u && u(l);
+      return;
+    }
+    if (y === "double") {
+      if ("options" in e) {
+        if (r.map((t) => JSON.stringify(t)).includes(JSON.stringify(e)))
+          s = s.filter(
+            (t) => !e.options.map((m) => JSON.stringify(m)).includes(JSON.stringify(t))
+          );
+        else if (Array.isArray(e.options)) {
+          const t = e.options.filter(
+            (m) => !A(m, v, S, i)
+          );
+          s = [...s, ...t];
+        }
+      }
+      const l = c?.filter((n) => "options" in n && n.options.some((t) => t.value === e.value))[0];
+      !(l && r.map((n) => JSON.stringify(n)).includes(JSON.stringify(l))) && l && s.push(l);
+    }
+    f(s), u && u(s);
+  }
+}, w = ({
+  option: e,
+  setSelectedOptions: f,
+  selectedOptions: r,
+  disabledOptions: v,
+  onChange: u,
+  clickableOptions: y,
+  isDisabledNotClickable: c
+}) => {
+  if (Array.isArray(e)) {
+    const S = e.filter(
+      (i) => !A(i, v, y, c)
+    );
+    if (S.every((i) => r.some((a) => a.value === i.value))) {
+      const i = r.filter((a) => !e.some((s) => s.value === a.value));
+      f(i), u && u(i);
+    } else {
+      const i = S.filter((s) => !r.some((l) => l.value === s.value)), a = [...r, ...i];
+      f(a), u && u(a);
+    }
+  }
+};
+export {
+  w as handleClickModeCategory,
+  d as handleClickModeOption
+};

package/dist/components/Select/ui/Category.d.ts

@@ -0,0 +1,13 @@
+import { TCategory, TModeSelect, TOption } from './Select.types.ts';
+export interface IOption {
+    category: TCategory;
+    selectedValues?: TOption[];
+    disabledOptions: TOption[];
+    selectedOptions: TOption[];
+    clickableOptions?: (string | undefined)[];
+    handleOptionClick: (option: TOption | TOption[]) => void;
+    sizeIcon?: string;
+    mode: TModeSelect;
+    isDisabledNotClickable?: boolean;
+}
+export declare const Category: ({ category, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, sizeIcon, isDisabledNotClickable, mode }: IOption) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/ui/Category.js

@@ -0,0 +1,79 @@
+import { jsxs as d, Fragment as y, jsx as n } from "react/jsx-runtime";
+import { s as t, O as F } from "../../../Option-DmDx_xOt.js";
+import { c as H } from "../../../index-YnD2EP-S.js";
+import { useState as I } from "react";
+import { NewIcon as w } from "../../NewIcon/ui/NewIcon.js";
+const J = H.bind(t), z = ({
+  category: o,
+  selectedOptions: i,
+  disabledOptions: r,
+  clickableOptions: s,
+  handleOptionClick: p,
+  sizeIcon: l,
+  isDisabledNotClickable: f,
+  mode: h
+}) => {
+  const [a, g] = I(!1), N = i.map((e) => JSON.stringify(e)), c = h === "category", v = h === "double", b = c && o.options.every((e) => N.includes(JSON.stringify(e))), k = s ? s.includes(o.value.toString()) : !0, C = i.some((e) => e.value === o.value), u = () => f && s ? !s.includes(o.value.toString()) : r.some(
+    (e) => e.value === o.value
+  ), D = c ? b ? "selectChecked" : "selectUncheckedHollow" : v && C ? "selectChecked" : "selectUncheckedHollow", S = o.options.length > 1;
+  return /* @__PURE__ */ d(y, { children: [
+    /* @__PURE__ */ d(
+      "div",
+      {
+        className: J(
+          t.option,
+          t.category,
+          {
+            [t.optionDisabled]: u(),
+            [t.optionClickable]: k
+          }
+        ),
+        onClick: () => {
+          u() && !C || (v && !a && g(!0), p(c ? o.options : o));
+        },
+        children: [
+          /* @__PURE__ */ d("div", { className: t.leftSide, children: [
+            /* @__PURE__ */ n(
+              w,
+              {
+                size: l ?? "20",
+                name: D
+              }
+            ),
+            /* @__PURE__ */ n("div", { className: t.optionLabel, children: o.label })
+          ] }),
+          S && /* @__PURE__ */ n("div", { className: t.iconArrow, onClick: (e) => {
+            e.stopPropagation(), g((m) => !m);
+          }, children: /* @__PURE__ */ n(
+            w,
+            {
+              name: "arrowShort",
+              deg: a ? "180" : "0",
+              size: l ?? "24"
+            }
+          ) })
+        ]
+      }
+    ),
+    a && S && o.options.map((e, m) => {
+      const x = u() ? [...r, ...o.options] : r;
+      return /* @__PURE__ */ n(
+        F,
+        {
+          option: e,
+          disabledOptions: x,
+          selectedOptions: i,
+          handleOptionClick: () => p(e),
+          sizeIcon: l,
+          clickableOptions: s,
+          isOptionCategory: !0,
+          isDisabledNotClickable: f
+        },
+        m
+      );
+    })
+  ] });
+};
+export {
+  z as Category
+};

package/dist/components/Select/ui/Option.d.ts

@@ -0,0 +1,15 @@
+import { TOption } from './Select.types.ts';
+export interface IOption {
+    option: TOption;
+    isOptionCategory?: boolean;
+    isPositionLeftCheckbox?: boolean;
+    disabledOptions: TOption[];
+    selectedOptions: TOption[];
+    clickableOptions?: (string | undefined)[];
+    handleOptionClick: (option: TOption) => void;
+    sizeIcon?: string;
+    addClassName?: string;
+    dataTestId?: string;
+    isDisabledNotClickable?: boolean;
+}
+export declare const Option: ({ option, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, isOptionCategory, isPositionLeftCheckbox, sizeIcon, dataTestId, isDisabledNotClickable, addClassName, }: IOption) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/ui/Option.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import { O as m } from "../../../Option-DmDx_xOt.js";
+import "../../../index-YnD2EP-S.js";
+import "../../NewIcon/ui/NewIcon.js";
+export {
+  m as Option
+};

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

@@ -1,4 +1,2 @@
-import { default as React } from 'react';
 import { MultiSelectProps } from './Select.types';
-
-export declare const Select: React.NamedExoticComponent<MultiSelectProps>;
+export declare const Select: ({ options, customPlaceholder, placeholder, error, disabled, disabledOptions, additionalClass, additionalClassOption, additionalClassBtn, onChange, onBlur, selectedValues, isBtn, btnName, clickableOptions, isListRight, sizeIcon, mode, onClickItem, onCLickSelect, size_s, size_m, size_l, betweenSize, isDisabledNotClickable, isLast, isPositionLeftCheckbox, selectAll, scrollVersion, isLoading, selectPaddingBottom, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;